@import url(/Data/webfonts/fontello.css);
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: local(''), url('/Data/webfonts/source-sans-pro-v21-latin-300italic.woff2') format('woff2'), url('/Data/webfonts/source-sans-pro-v21-latin-300italic.woff') format('woff'); }
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local(''), url('/Data/webfonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), url('/Data/webfonts/source-sans-pro-v21-latin-regular.woff') format('woff'); }
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local(''), url('/Data/webfonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), url('/Data/webfonts/source-sans-pro-v21-latin-600.woff') format('woff'); }
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local(''), url('/Data/webfonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), url('/Data/webfonts/source-sans-pro-v21-latin-700.woff') format('woff'); }
/* fira-sans-300 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''), url('/Data/webfonts/fira-sans-v16-latin-300.woff2') format('woff2'), url('/Data/webfonts/fira-sans-v16-latin-300.woff') format('woff'); }
/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''), url('/Data/webfonts/fira-sans-v16-latin-regular.woff2') format('woff2'), url('/Data/webfonts/fira-sans-v16-latin-regular.woff') format('woff'); }
/* fira-sans-500 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''), url('/Data/webfonts/fira-sans-v16-latin-500.woff2') format('woff2'), url('/Data/webfonts/fira-sans-v16-latin-500.woff') format('woff'); }
/* fira-sans-700 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''), url('/Data/webfonts/fira-sans-v16-latin-700.woff2') format('woff2'), url('/Data/webfonts/fira-sans-v16-latin-700.woff') format('woff'); }
/*
 $Blau: #008ac4;
 $Grau: #6e6d64;
 */
/* Start: HTML  */
body {
  margin: 0;
  background-image: url('/Data/images/bgBodyGrauWeiss.png');
  background-size: contain; }

body, input, select, textarea {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.25rem;
  color: #000; }

p {
  font-size: 1rem; }

input[type="text"], textarea {
  font-size: 0.875rem !important; }

strong, b {
  font-weight: bold; }

h1, h2, h3 {
  font-weight: 400;
  color: #008ac4; }

h1 {
  text-transform: uppercase;
  font-size: 1.8rem; }

h1 > small {
  text-transform: none;
  position: relative;
  font-weight: normal;
  font-size: 1rem;
  color: #88ac6d;
  top: 0.75rem; }

h2 {
  font-size: 1.4rem; }

a {
  text-decoration: none;
  color: #78a064; }
/*
 .Sequence ul {
 margin-left: -2.3rem; }
 .Sequence ul > li {
 list-style-type: none; }
 */
.Sequence ul > li > a {
  text-decoration: underline;
  color: #000; }

img, a img {
  border: 0; }

[class*="grid-"] > img {
  width: 100%;
  height: auto; }

.hyphened {
  -webkit-hyphens: auto;
  -webkit-hyphenate-character: "\2010";
  -webkit-hyphenate-limit-after: 1;
  -webkit-hyphenate-limit-before: 3;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }
/* Ende: HTML  */
/* Start: Styles  */
.mobileNav {
  display: none; }

.mobileNav > .menu {
  display: none; }

.mobileNav > .menu > a {
  color: #fff;
  display: block;
  background: #008ac4;
  font-size: 1.2rem;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
  padding: 0.25rem 0.65rem;
  border-radius: 0.65rem; }

.mobileNav > .menu > a:hover {
  background: #6e6d64; }

.mobileNav > div:first-child {
  text-align: right;
  margin-bottom: 1.2rem; }

.mobileNav > div:first-child > a {
  font-size: 1.5rem;
  color: #008ac4; }

.impressum {
  margin: 14rem 0;
  color: #008ac4; }

.mobileNav .impressum {
  margin: 2rem 0; }

.Content > .icon-up-circled {
  position: fixed;
  bottom: 0.75rem;
  right: 0.75rem;
  z-index: 2147483647;
  font-size: 2.5rem;
  color: #008ac4;
  cursor: pointer; }

.equalToRight {
  background: #fff;
  padding-bottom: 0; }

.equalToLeft {
  background: url('/Data/images/bgStripes.png') repeat-x;
  padding-bottom: 0; }

.circles {
  position: relative;
  z-index: 3;
  text-align: center; }

.circles > i {
  display: block;
  margin: 1.5rem 0; }

.circles > i:first-of-type {
  margin: 1.8rem 0; }

.nextBox {
  padding: 0.4rem 0 2.2rem;
  clear: both; }

.Service .nextBox {
  display: none; }

.next {
  text-align: center; }

.next > i {
  color: #008ac4;
  cursor: pointer;
  font-size: 2rem; }

.bgHeadImg {
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat; }

img[name="Logo"] {
  display: block;
  height: auto;
  max-width: 264px;
  padding-top: 10px;
  padding-left: 80px;
  padding-bottom: 0;
  cursor: pointer; }
/* Ende: Styles  */
/* Start: DIVs  */
.Head {
  background: url('/Data/images/bgStripesGray.png') repeat-x #fff;
  background-position: center top;
  position: fixed;
  width: 100%;
  z-index: 2147483647; }

.Content {
  position: relative; }

.Sequence {
  background-size: contain; }

div.Sequence div.grid-container:nth-child(2) > div.grid-75 {
  background: #fff; }

.Grau, div.Grau div.grid-container:nth-child(2) {
  background-image: url('/Data/images/bgBodyGrauWeiss.png');
  background-position: center top; }

.Gruen, div.Gruen div.grid-container:nth-child(2) > div.grid-75 {
  background-color: #e9f5a7; }

div.Subsequence.Produkt .grid-container div.grid-75 > div.grid-50:nth-child(2) {
  background: #fff;
  margin: 1.8rem 0 1.8rem; }

.Sequence, .subSequence, .Content {
  clear: both; }

.bgWeiss {
  background: #fff; }

#Blender {
  z-index: 2;
  position: fixed;
  left: 0;
  background: #fff;
  /*background:url('/Data/images/bgWeiss75.png') repeat;*/
  opacity: 0.4; }
/* Media */
.VideoPlayer > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.VideoPlayer {
  position: relative;
  padding-bottom: 56.21%;
  /* h/w * 100 */
  padding-top: 0px;
  height: 0;
  overflow: hidden; }

.VideoPlayer, .VideoPlayer > iframe {
  border-radius: 0.5rem; }
/* Navi */
.Nav {
  position: fixed;
  z-index: 2147483646; }

.Nav > a {
  font-family: 'Fira Sans', sans-serif;
  display: block;
  background: #008ac4;
  width: 178px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  border-radius: 1rem; }

.Nav > a.active, .Nav > a:hover, .Nav a.impressum {
  background: #6e6d64; }

.Nav > a:last-of-type {
  margin-bottom: 0; }

.Nav a.impressum, .Nav a.impressum2 {
  color: #008ac4;
  background: #fff; }
/* Start Accordion-Stile */
.Headline.IconOpened, .Headline.IconClosed {
  padding: 0.25rem 0.5rem;
  cursor: pointer; }

.Headline.IconClosed:before {
  font-family: 'fontello';
  content: '\e869';
  /* = icon-circled-open */ }

.Headline.IconOpened:before {
  font-family: 'fontello';
  content: '\e85a';
  /* = icon-circled-closed */ }

.Headline.IconClosed {
  background: orange; }

.Headline.IconOpened {
  background: yellow; }

.Headline.IconClosed:hover {
  background: yellow; }

.Headline.IconOpened:hover {
  background: orange; }

.Haupttext {
  display: none; }
/* Ende Accordion-Stile */
/* Start: Overwrite Grid */
.grid-container {
  clear: both; }

.grid-container > [class*="grid-"] {
  padding-left: 20px;
  padding-right: 20px; }
/* Verschachtelte Grid-Container */
.grid-container > [class*="grid-"] > .grid-container {
  padding-bottom: 1.8rem; }

.grid-container .grid-container, .grid-container .grid-container > [class*="grid-"] {
  padding-left: 0;
  padding-right: 0; }

.grid-container .grid-container > .grid-33 {
  width: 32.33%;
  margin-right: 1%; }

.grid-container .grid-container > .grid-33:nth-of-type(3n+3) {
  margin-right: 0; }

.grid-container .grid-container > .grid-50 {
  width: 49.5%;
  margin-right: 0.5%; }

.grid-container .grid-container > .grid-50:nth-of-type(2n+2) {
  margin-right: 0; }

.grid-container .grid-container > .grid-75 {
  width: 74%;
  margin-left: 1%; }

.Home img {
  width: 100px; }

.headspruch {
  font-size: 1.3rem;
  color: #008AC4;
  padding: 50px 0;
}