@media all {
	/* dev 
	html {background: url(../images/bg-top.jpg) no-repeat 50% 0px;}
	body {opacity: 0.6}
	*/
	
/* arapey-regular - latin */
@font-face {
  font-family: 'Arapey';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/arapey-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/arapey-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/arapey-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/arapey-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/arapey-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/arapey-v16-latin-regular.svg#Arapey') format('svg'); /* Legacy iOS */
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-display-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'),
       url('../fonts/playfair-display-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v13-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

/* playfair-display-italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/playfair-display-v13-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Italic'), local('PlayfairDisplay-Italic'),
       url('../fonts/playfair-display-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v13-latin-italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

	
	
	body{margin:0;font-family:'Open Sans', sans-serif;font-weight: 300; font-size:14px; color:black;background-color: white;}
	
	h1 {font-family: 'Playfair Display';font-weight: 400;font-size: 1.63em;line-height: 1.3em;color:black}
	h2 {font-family: 'Playfair Display';font-weight: 400;font-size: 3.07em;line-height: 1.25em;text-indent:-2.0em;margin-left:1.0em}
	h2:before {content:url(../images/h2-line.svg);margin:0 0.3em 0 0;display: inline-block;width: 1.7em;vertical-align:baseline;position: relative;top:2px;text-indent: 0}
	h3 {font-family: 'Playfair Display';font-weight: 400;font-size: 1.9em;line-height:1.19em}
	p {line-height: 1.5em;}
	a {color:#999999;text-decoration: none;}
	.subpage section a {color:#FD5E0F;}
	a:focus {text-decoration: underline;}
    ul {padding-left:1em}
    ul li {}
    ol { list-style-type: none;padding:0;margin-left: 0em;}
    ol li {counter-increment: item;text-indent: 0em;margin-bottom: 1em}
    ol li:before { content: counter(item, decimal-leading-zero) ". "; font-weight: 300; color:black;}
    ol li::first-letter {color:#FD5E0F; }

	form {font-size: 1em;width: 100%}
	fieldset {border:none;margin:0 0 20px;padding:0}
	input {
		font-family: 'Open Sans';
		font-size:1.0em;
		padding: 1em 1em 1em;
		background-color:rgba(255, 255, 255, 1);
		color:#26A259;
		border:1px solid #aaa;
		width:100%;
		outline:none;
		margin-top: 0.3em;
        box-sizing: border-box;
		font-weight: 300;
		border-radius: 0px;
	}
	textarea {
		font-family: 'Open Sans';
		font-size:1.0em;
		padding: 1em;
		background-color:rgba(255, 255, 255, 1);
		color:#26A259;
		border:1px solid #aaa;
		width:100%;
		height:6em;
        min-width: 100%;
        max-width: 100%;
        margin-top: 0.3em;
        box-sizing: border-box;
		margin-bottom: -3px;
		font-weight: 300;
		border-radius: 0px;
	}
	input[type=submit] {
		color: white;
		cursor:pointer;
		background-color: #26A259;
		border-color: #26A259;
		text-align:center;
		width:100%;
		float: right;
		font-weight: 400;
	}

	label.error {color:white;background: red;font-size: 90%;font-weight: 700; text-transform: uppercase;display: inline-block;position: relative;width: 100%;padding: 0 0.57em;transform: scaleY(0.7);transform-origin: top; box-sizing: border-box;}
	p.error {color:red;}
	p.success {color:lightgreen;}
	input:focus {outline:none;border-color: #aaa;}
	textarea:focus {outline:none;border-color: #aaa;}
    ::-webkit-input-placeholder { /* WebKit browsers */
        color:#26A259;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color:    #26A259;
       opacity:  1;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
       color:    #26A259;
       opacity:  1;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
       color:    #26A259;
    }

    .one-col {margin-bottom: 40px;position: relative;}
    .one-col > .column {width:100%;display: inline-block;vertical-align: text-top;box-sizing: border-box;}
    .one-col .col1 {padding:0em;margin: 0px}

	.two-cols {margin-bottom: 40px;position: relative;display:flex;flex-direction: row;justify-content: space-between;}
    .two-cols > .column {width:calc(50% - 20px);display: inline-block;vertical-align: text-top;box-sizing: border-box;align-self: stretch;}
    .two-cols .col1 {padding:0px;}
    .two-cols .col2 {padding-left:0;}
    .two-cols.w40-60 .col1 {width:calc(45% - 20px)}
    .two-cols.w40-60 .col2 {width:calc(55% - 20px)}

    .three-cols {margin-bottom: 20px;position: relative;display:flex;flex-direction: row;justify-content: space-between;}
    .three-cols > .column {width:calc(33% - 20px);display: inline-block;vertical-align: text-top;box-sizing: border-box;}
    .three-cols .col1 {padding-right:0;margin: 0px}
    .three-cols .col2 {padding-left:0;margin-left:0px;}
	
	section {position: relative;overflow: hidden;}
	.fullheight {height:100vh;}
	.container {position: relative;width:100%;max-width: 1000px; padding:40px 2em 40px;box-sizing: border-box;margin:0 auto}
	.fullheight .container {height:100vh;width:100vw;max-width: 100vw; padding:0 ;}
	.fullheight .overlay {position: absolute;top:0;width:100%;padding:6vh 4vw;box-sizing: border-box;z-index: 1}
	.fullheight .underlay {position: absolute;top:0;width:100%;height:100vh;padding:6vh 4vw;box-sizing: border-box;z-index: -1}
	.background {position: absolute;width: 100%;height:100%;top:0px;left:0;overflow: hidden;}
	.background img, .background video {position: relative; min-height: 100%;min-width: 100%;top:50%;left:50%;transform: translate(-50%, -50%);}
	.content {position: relative; margin: 0 auto;}
	.content img {display:inline-block !important;max-width:88vw}
	.content .logo {margin-bottom: 4em; animation-delay: 0.5s}
	.content .logo svg{width:30%;min-width: 200px}
	.content .text {animation-delay: 1s;}
    /*
	.text :first-child, .caption :first-child, .column :first-child {margin-top: 0;}
	.text :last-child, .caption :last-child, .column :last-child {margin-bottom: 0;}
    */
	.fullheight .caption, .fullheight .text {position: absolute;}
	.fullheight .iframe360 {position: absolute;height:90vh;}
	.fullheight .iframe360 iframe {height:90vh;width:90vh;position: relative;z-index: 5000;}
	.fullheight .viewer360 {position: absolute;height:90vh;}
	.fullheight .viewer360 .viewer {height:90vh;width:90vh;top:44vh;position: absolute;z-index: 5000;transform: translate(0, -50%);}
	.fullheight .video {position: absolute;height:90vh;}
	.fullheight .video video {height:90vh}
	.fullheight .video.fit-in {position: absolute;left:50%;transform: translate(-50%, -50%);}
	.fullheight .video.fit-in video {width:100%;height: auto}
	.fullheight .background img, .background video {top:50vh;}
	
	.top-left, .left {left:0;top:0;text-align: left;}
	.middle-left {left:0;top:44vh;text-align: left;transform: translateY(-50%);}
	.bottom-left {left:0;top:88vh;text-align: left;transform: translateY(-100%);}
	.top-center, .center {left:0;top:0;right:0;text-align: center;}
	.middle-center {left:0;top:44vh;right:0;text-align: center;transform: translateY(-50%);}
	.bottom-center {left:0;top:88vh;right:0;text-align: center;transform: translateY(-100%);}
	.top-right, .right {right:0;top:0;text-align: right;}
	.middle-right {right:0;top:44vh;text-align: right;transform: translateY(-50%);}
	.bottom-right {right:0;top:88vh;text-align: right;transform: translateY(-100%);}
	.caption h1 {margin-bottom: -0.5em;}
	.caption h2 {margin-bottom: -0.5em;}
	
	.text-shadow {text-shadow: 0 0 1px black}
	.bluring {-webkit-filter: blur(0px);filter: blur(0px);}
	.hidden {opacity:0}
	.visible {opacity:1}
	.big {font-size: 1.25em}
	.small {font-size: 0.85em}
    .author {text-align: right;font-size: 0.7em;display:block;}
	.light-grey {background-color:#cccccc;}
	.dark-grey {background-color:#4A4A49;color:white;}
    .orange {background-color:#FD5E0F;color:white;}
	.table-header {display: inline-block;font-weight: 400;width:120px}
	.table-content {display: inline-block;vertical-align: top;width:300px;margin-bottom: 1em}
    .fadeOutRight {animation-delay:0s !important;}
    .readmore-content {display:none}
    .readmore-button {position: absolute;bottom:1em;right:1em;cursor: pointer;}
    .grid-item .readmore-button {position: absolute;bottom:1em;right:1em;}
    .text .readmore-button {position: absolute;bottom:-2em;right:0em;}
    .readmore-button span:before {content:"mehr erfahren ";vertical-align: middle;}
    .readmore-button span:after {content:url(../images/down-white.svg);display:inline-block;width:1.6em;vertical-align: middle;padding-top:5px}
    .readmore.showmore .readmore-content {display: inherit;}
    .readmore.showmore .readmore-button span:before {content:"weniger anzeigen ";}
    .readmore.showmore .readmore-button span:after {transform:rotate(180deg)}
    .grid .readmore {padding-bottom: 3.0em !important}

		
	
    .swiper-container {}
	.swiper-pagination-bullet {width: 20px;height: 20px; border:#26A259 1px solid;border-radius: 0%;background: white;opacity: 1;}
	.swiper-pagination-bullet-active {background: #26A259;}

    header {position: fixed;width:100%;max-width: 1500px;margin: 0 auto;box-sizing: border-box;left:0;right:0;top:calc(-50px - 2em);z-index: 9000;transition: .5s ease-in-out;box-shadow: 0px 4px 5px -5px rgba(255,255,255,0.2);}
    header .container {padding:23px 2em 18px;display:flex;flex-direction: row;justify-content:space-between;align-items:center;}
    header .container > *:nth-child(1) {flex-basis: 40%;}
    header .container > *:nth-child(2) {flex-basis: 100px;text-align: center;position: relative}
    header .container > *:nth-child(3) {flex-basis: 40%;text-align: right}
    header .container > *:nth-child(1) img {padding:3px 0 0 0px;width:95%;}
    header #header-nav {margin:0;padding:0;list-style-type: none;}
    header #header-nav li {display: inline-block;margin:0 10px;}
    header #header-nav li.menu{display:none;}
    header #header-nav li a:before {margin:0 0.6em 0 0;display: inline-block;width: 2.25em;vertical-align:middle;position: relative;top:2px}
    header #header-nav li.phone a:before {content:url(../images/icon-telefon.svg);}
    header #header-nav li.language a:before {content:url(../images/english-weiss.svg);}
    header #header-nav li.menu a:before {content:url(../images/icon-menu.svg);}
    
   .nav-toggle {display: none}

    header #icon-bi {position: absolute;transform: translateX(-50%);top:107px;width:130px;transition: .5s ease-in-out;}
    header #bg-icon-bi {display:inline-block;position: absolute;background-color: transparent;border-radius: 50%;width:85px;height:85px;top:130px;left:50%;transform: translateX(-50%);transition: .5s ease-in-out;}
    
    
    header.out {top:calc(-50px - 2em)}
    header.out #icon-bi {top:107px;width:130px}
    header.out #bg-icon-bi {background-color: transparent;top:130px;}

    header.in {top:0}
    header.in #icon-bi {top:-23px;width:112px;}
    header.in #bg-icon-bi {background-color: white;top:-10px}

    
    nav {position: absolute;z-index:1000;top:100px;left:calc(50% - 680px);transition: .5s ease-in-out;}
    nav ul {background-color: rgba(255,255,255,1);margin:0;padding:5px 0;}
    nav li {list-style-type: none;white-space: nowrap;margin:11px 5px;background-repeat: no-repeat}
    nav li:first-child {margin-top:0}
    nav li:last-child {margin-bottom:0}
    nav li a {display:block;width:2em;height: 2em;}
    nav li a span {display:none;margin-left: 3em;color:#FD5E0F;vertical-align: middle;padding-top:6px;font-size: 0.9em}
    nav li a:focus {text-decoration: none}
    nav li a:focus span {display: inherit}
    nav li.active {}
    nav li.active a span {display: inherit}
    nav #navitem-top {background-image: url(../images/icon-home.svg)}
    nav #navitem-aktuell {background-image: url(../images/icon-aktuell.svg)}
    nav #navitem-leistungen {background-image: url(../images/icon-leistungen.svg)}
    nav #navitem-ueber-uns {background-image: url(../images/icon-ueber-uns.svg)}
    nav #navitem-kundenstimmen {background-image: url(../images/icon-kundenstimmen.svg)}
    nav #navitem-sm {background-image: url(../images/icon-sm.svg)}
    nav #navitem-kontakt {background-image: url(../images/icon-kontakt.svg)}
    nav #navitem-top.active {background-image: url(../images/icon-home-active.svg)}
    nav #navitem-aktuell.active {background-image: url(../images/icon-aktuell-active.svg)}
    nav #navitem-leistungen.active {background-image: url(../images/icon-leistungen-active.svg)}
    nav #navitem-ueber-uns.active {background-image: url(../images/icon-ueber-uns-active.svg)}
    nav #navitem-kundenstimmen.active {background-image: url(../images/icon-kundenstimmen-active.svg)}
    nav #navitem-sm.active {background-image: url(../images/icon-sm-active.svg)}
    nav #navitem-kontakt.active {background-image: url(../images/icon-kontakt-active.svg)}
    
	.nav-icon {width: 24px;height: 23px;position: relative;margin: 0px auto;cursor:pointer;}
	.nav-icon span {display: block;position: absolute;height: 3px;width: 100%;background: white;border-radius: 0px;opacity: 1;left: 0; transform: rotate(0deg); transition: .25s ease-in-out; transition-property: top, width, left, transform}
	.nav-icon span:nth-child(1) {top: 0px;}
	.nav-icon span:nth-child(2),.nav-icon span:nth-child(3) {top: 8px;}
	.nav-icon span:nth-child(4) {top: 16px;}
	.nav-icon.open span:nth-child(1) {top: 8px;width: 0%;left: 50%;}
	.nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);  transform: rotate(45deg);}
	.nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
	.nav-icon.open span:nth-child(4) {top: 8px;width: 0%;left: 50%;}

   
    #referenzen {position: absolute;top:304px;z-index: 2100;width:100%;overflow: hidden}
    #referenzen .container > div {position: relative;background-color: rgba(0,0,0,0.5);width:37em;padding:1.1em 2.2em 0.2em 4.7em;left:calc(50% - 458px);z-index: 2100;animation-duration:0.3s;animation-delay:1s}
    #referenzen .container > div .logo-bi {width:21.7em}
    #referenzen .container > div div {color:white;margin:0;font-family: 'Playfair Display';font-weight: 400;font-size: 3.42em;white-space: nowrap}
    #referenzen .container > div div img {display:inline-block;height: 0.5em;vertical-align:baseline;margin-left:1.6em;cursor: pointer;}
    
    #top {position: relative;z-index: 2000;}
    
    #scrolldown {position: absolute;width:60px;height:60px;top:75vh;left:calc(50% - 30px);z-index: 5000;}
    #scrolldown a {display: inline-block;width:100%;height:100%;animation-delay:2s;animation-duration:0.3s;background: url(../images/down-big.svg);}
    
    #aktuell {/*counter-reset: slide 0;*/}
    #scrolldown + section .container {padding-top:120px !important}
    #aktuell h2 {}
    #aktuell .swiper-container {}
    
	#aktuell { visibility: hidden; height: 0; width: 0; }
    
    #leistungen {z-index: 1}
    
    /* IE GRID BEGIN */
    #leistungen .grid {display:-ms-grid;-ms-grid-columns: 1fr 20px 1fr 20px 1fr;-ms-grid-rows: 1fr 20px 1fr 20px 1fr 20px 1fr;}
    #leistungen #grid-item-01 {-ms-grid-row: 1;-ms-grid-row-span:1;-ms-grid-column: 1;-ms-grid-column-span:1;}
    #leistungen #grid-item-02 {-ms-grid-row: 1;-ms-grid-row-span:1;-ms-grid-column: 3;-ms-grid-column-span:1;}
    #leistungen #grid-item-03 {-ms-grid-row: 1;-ms-grid-row-span:1;-ms-grid-column: 5;-ms-grid-column-span:1;}
    #leistungen #grid-item-04 {-ms-grid-row: 3;-ms-grid-row-span:1;-ms-grid-column: 1;-ms-grid-column-span:3;}
    #leistungen #grid-item-05 {-ms-grid-row: 3;-ms-grid-row-span:1;-ms-grid-column: 5;-ms-grid-column-span:1;}
    #leistungen #grid-item-dummy {-ms-grid-row: 5;-ms-grid-row-span:1;-ms-grid-column: 1;-ms-grid-column-span:1;}
    #leistungen #grid-item-06 {-ms-grid-row: 5;-ms-grid-row-span:1;-ms-grid-column: 3;-ms-grid-column-span:3;}
    #leistungen #grid-item-07 {-ms-grid-row: 7;-ms-grid-row-span:1;-ms-grid-column: 1;-ms-grid-column-span:3;}
    /* IE GRID END*/
    
    #leistungen .grid {display:grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 20px;min-height:calc((1000px - 4em - 20px));}
    #leistungen .grid-item {position: relative; padding: 1.6em 1.6em;min-height: calc((1000px - 4em - 40px) / 3);box-sizing: border-box;}
    #leistungen .grid-item:not(.dummy) {counter-increment: grid-item;}
    #leistungen .grid-item *:last-child {margin-bottom: 0}
    #leistungen #grid-item-04 {grid-column-end: span 2}
    #leistungen #grid-item-06 {grid-column-end: span 2}
    #leistungen #grid-item-07 {grid-column-end: span 2}
    
    #leistungen h3 {margin-left:1.44em;text-indent:-1.44em;margin-bottom: 0.65em; margin-top:0;}
    #leistungen h3:before {content:counter(grid-item, decimal-leading-zero);font-family: 'Arapey';font-size: 1.2em; display:inline-block;width:1.2em;text-indent:0}
    
    #leistungen ul {list-style-type: none;padding-left: 0}
    #leistungen li {text-indent: -0.6em;margin-left: 1.3em}
    #leistungen li::before {content:"✓";display:inline-block; width:0.6em}
    #leistungen ul + ul {margin-top: -1em}
    
    #ueber-uns {background: url("../images/bi-portrait_1920x822px.jpg") no-repeat;background-position: 50% 0px;margin-top:-225px;padding-top:225px;background-size: cover}
    #ueber-uns .content {padding-left: 2.4em}
/*    #ueber-uns .zitat {font-family: 'Playfair Display';font-size: 32px;margin:0.7em 0 -0.2em 0.3em}*/
    #ueber-uns .zitat {font-style: italic;}
    
    #kundenstimmen {}
    #kundenstimmen .container {padding-top:100px;}
    #kundenstimmen .content {padding-left: 2.4em}
    #kundenstimmen .swiper-outer-wrapper {position: relative;margin:-22px 0 85px -35px;padding-right: 258px;}
    #kundenstimmen .background {position: absolute;top:0;left:0;width:102%;background: url(../images/iphone-hintergrund.jpg) no-repeat;height:450px;}
    #kundenstimmen #swiper-kundenstimmen {position: relative;top:31px;left:123px;}
    #kundenstimmen #swiper-kundenstimmen .swiper-slide {align-self: center;}
    #kundenstimmen #swiper-kundenstimmen .swiper-slide .text {padding:2em 3em;font-family: 'Playfair Display';font-size: 1.3em;}
    #kundenstimmen #swiper-kundenstimmen .swiper-slide .text p:first-child:before {content: '„';font-size: 1em;color:#FD5E0F}
    #kundenstimmen #swiper-kundenstimmen .swiper-slide .text p:nth-last-child(2):after {content: '“';font-size: 1em;color:#FD5E0F}
    #kundenstimmen .video {display:block;width:688px;height:387px;}
    #kundenstimmen .video iframe {display:block;width:100%;height:100%;}
    #kundenstimmen .swiper-slide-active .video {}
    #kundenstimmen .swiper-button {text-align: right;margin:3.5em 3.5em 0 0}
    #kundenstimmen .swiper-button-next {position: relative;display:inline-block;left:inherit;right: inherit;margin:0 0 0 1.5em;background-image: none;vertical-align: middle;white-space: nowrap;width:auto;height: auto}
    #kundenstimmen .swiper-button-next span:after{content:url(../images/next-white.svg);display:inline-block;width:2em;vertical-align: middle;margin-left: 1.5em}

    #sm {}
    #sm .container {padding-top:80px;padding-bottom:100px;}
    
    /* IE GRID BEGIN */
    #sm .grid {display:-ms-grid;-ms-grid-columns: 1fr 20px 1fr 20px 1fr;-ms-grid-rows: 1fr;}
    #sm #grid-item-01 {-ms-grid-row: 1;-ms-grid-row-span:1;-ms-grid-column: 1;-ms-grid-column-span:1;}
    #sm #grid-item-02 {-ms-grid-row: 1;-ms-grid-row-span:1;-ms-grid-column: 3;-ms-grid-column-span:1;}
    #sm #grid-item-03 {-ms-grid-row: 1;-ms-grid-row-span:1;-ms-grid-column: 5;-ms-grid-column-span:1;}
    /* IE GRID END*/
    
    #sm .grid {display:grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr;grid-gap: 20px;min-height:calc((1000px - 4em - 20px) / 3 );height:calc((1000px - 4em - 20px) / 3 );}
    #sm .grid-item {border: #cccccc 1px solid;text-align: center;padding:5.5em 0 0;}
    #sm #grid-item-01 {}
    #sm #grid-item-02 {}
    #sm #grid-item-03 {}
    #sm .grid-item img {width:65px;margin-top: 5.5em}

    #kontakt {}
    #kontakt .container {padding-bottom: 100px;}
    
    /* IE GRID BEGIN */
    #kontakt .grid {display:-ms-grid;-ms-grid-columns: 1fr 20px 1fr 20px 1fr;-ms-grid-rows: 1fr}
    #kontakt #grid-item-01 {-ms-grid-row: 1;-ms-grid-row-span:1;-ms-grid-column: 1;-ms-grid-column-span:1;}
    #kontakt #grid-item-02 {-ms-grid-row: 1;-ms-grid-row-span:1;-ms-grid-column: 3;-ms-grid-column-span:1;}
    #kontakt #grid-item-03 {-ms-grid-row: 1;-ms-grid-row-span:1;-ms-grid-column: 5;-ms-grid-column-span:1;}
    /* IE GRID END*/
    
    #kontakt .grid {display:grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr;grid-gap: 20px;min-height:calc((1000px - 4em - 20px) / 3 );height:calc((1000px - 4em - 20px) / 3 );}
    #kontakt .grid-item {border: #cccccc 1px solid}
    #kontakt #grid-item-01 {border: none;background: url(../images/icon-bi.svg) no-repeat 50%;background-size: 40%}
    #kontakt #grid-item-02 {padding:1em 1.6em}
    #kontakt #grid-item-03 {padding:1.7em 1em 1.7em 3em;position: relative}
    #kontakt .header {color:#FD5E0F;display:inline-block;width:5em;}
    #kontakt #grid-item-03 >:last-child{position: absolute;bottom: 2.6em}
    

    #zitat {}
    #zitat .container {padding-top:20px;padding-bottom: 20px}
    #zitat a {color:white;}
    
    /* IE GRID BEGIN */
    #zitat .grid {display:-ms-grid;-ms-grid-columns: 2fr 20px 1fr;-ms-grid-rows: 1fr}
    #zitat #grid-item-01 {-ms-grid-row: 1;-ms-grid-row-span:1;-ms-grid-column: 1;-ms-grid-column-span:1;}
    #zitat #grid-item-02 {-ms-grid-row: 1;-ms-grid-row-span:1;-ms-grid-column: 3;-ms-grid-column-span:1;}
     /* IE GRID END*/
    
    #zitat .grid {display:grid;grid-template-columns: 2fr 1fr;grid-template-rows: 1fr;grid-gap: 20px;}
    #zitat .grid-item {}
    #zitat #grid-item-01 {font-family: 'Playfair Display';font-size: 28px;padding-left: 1.5em;}
    #zitat #grid-item-01 .small {font-size: 14px;margin-top: 3.5em;}
    #zitat #grid-item-02 {padding:1.0em 2.0em; justify-self:end; align-self:end;text-align: center;animation-duration:0.5s;animation-delay:0.5s}
    #zitat #grid-item-02 a:before {content:url(../images/down-big.svg);display:inline-block;width:70px;height: 70px;transform:rotate(180deg);margin-bottom: 1em;}
    #zitat #grid-item-02 a span {visibility: hidden}

    footer {text-align: right;color:#FD5E0F;}
    footer .container {padding:10px 2em 10px;}
	footer ul {list-style-type: none;margin:0;padding:0;font-size: 1em}
	footer li {display: inline-block;}
	footer li:before {content:"|";margin:0 0.7em}
	footer li:first-child:before {content:none}
    footer a {color:#FD5E0F}
    
    #impressum .container {padding-top:120px}
    #impressum .logo-bm * {vertical-align:middle}
    #impressum .logo-bm img {width:5em;margin-right: 0.7em}
    #impressum .logo-bm span {display:inline-block;height:0.5em}

    #agb .container {padding-top:120px}

    #home {}
    #home .container {text-align: right;padding-bottom: 0}
    #home #home-link {padding:1.0em 2.0em;text-align: left;position: relative;left:calc(100% - 8.5em);width:5000px}
    #home #home-link a {text-align: center;display: inline-block;}
    #home #home-link a:before {content:url(../images/icon-homepage.svg);display:inline-block;width:70px;height: 70px;margin-bottom: 1em;}
    #home #home-link a span {visibility: hidden;color:white;display: inline-block}
    
    .subpage footer {background-color: #4A4A49}
    		
}

@media (hover:hover),(-moz-touch-enabled: 0) {
    a:hover {text-decoration: underline;}
    header #header-nav li.phone:hover a:before {content:url(../images/icon-telefon-active.svg);}
    header #header-nav li.language:hover a:before {content:url(../images/english-orange.svg);}
    header #header-nav li:hover a {color: #FD5E0F;text-decoration: none;}
    
    .nav-icon:hover span {background: #FD5E0F;}
    
    nav li:hover a {text-decoration: none}
    nav li:hover a span {display: inherit}
    nav #navitem-top:hover {background-image: url(../images/icon-home-active.svg)}
    nav #navitem-aktuell:hover {background-image: url(../images/icon-aktuell-active.svg)}
    nav #navitem-leistungen:hover {background-image: url(../images/icon-leistungen-active.svg)}
    nav #navitem-ueber-uns:hover {background-image: url(../images/icon-ueber-uns-active.svg)}
    nav #navitem-kundenstimmen:hover {background-image: url(../images/icon-kundenstimmen-active.svg)}
    nav #navitem-sm:hover {background-image: url(../images/icon-sm-active.svg)}
    nav #navitem-kontakt:hover {background-image: url(../images/icon-kontakt-active.svg)}

    #aktuell .swiper-button-next:hover span:after{content:url(../images/next-orange.svg);}
    #kundenstimmen .swiper-button-next:hover span:after{content:url(../images/next-orange.svg);}
    #zitat #grid-item-02 a:hover:before {content:url(../images/down-big-darkgrey.svg);}
    #zitat #grid-item-02 a:hover {text-decoration: none}
    #zitat #grid-item-02 a:hover span {visibility: visible}
    #home #home-link a:hover:before {content:url(../images/down-big-darkgrey.svg);}
    #home #home-link a:hover {text-decoration: none}
    #home #home-link a:hover span {visibility: visible}
    
    #home #home-link a:hover:before {content:url(../images/icon-homepage-active.svg);}

   
}

/* landscape */
@media screen and (min-aspect-ratio: 16/10) {
	.background img, .background video { height:calc(100vw * 10 / 16); }
	.fullheight .video.fit-in {width:46.1vw;height:calc(46.1vw / 1.725);top: calc(44vh - 4.6vw);}

}
/* portrait */
@media screen and (max-aspect-ratio: 16/10) {
	.background img, .background video { height: 100vh;}
	.fullheight .video.fit-in {width:calc(42.7vh * 1.725);height:42.7vh;top: calc(36.6vh);}
}


@media screen and (max-width: 1380px) {
    nav {position: fixed;z-index:9999;top:75px !important;left:calc(50% - 500px + 2em);transition: none;}
    nav .opened {display: inherit}
    nav ul {background-color:rgba(2255,2255,2255,0.9);display:none;padding:1em;}
    nav li a {display:block;width:auto;height: 2em;}
    nav li a span {display:inherit}
    /*header #header-nav li.menu{display:inline-block}*/
    
    header .container > *:nth-child(1) img {padding:3px 0 0 0px;width:85%;}
    .nav-toggle {display: inline-block;margin-right:14px}
    
}
@media screen and (max-width: 1016px) {
    body {font-size: 16px}
    h2 {font-size: 2.8em;}
    

    header .container > *:nth-child(1) * {vertical-align: middle}
    header .container > *:nth-child(1) img {padding:0}
    header #header-nav li span {display:none}
    header #header-nav li:last-child a:before {margin:0}
    
    nav {left:2em;}
    
    #referenzen .container > div {left:calc(50% - 363px);}
    
    #aktuell #swiper-aktuelles > .swiper-wrapper > .swiper-slide {display:grid;grid-template-columns: 1fr;grid-template-rows: auto calc(100vw - 4em) auto;grid-gap: 20px;height:auto;min-height: inherit}
    #aktuell .title {grid-column: 1;white-space: nowrap;overflow: hidden}
    #aktuell .images {grid-row: 2 / span 1;width:inherit;}
    #aktuell .title .number{display:inline-block;margin-right:0.2em;margin-bottom: 0}
    #aktuell .title h3 {display:inline-block;margin: 0; white-space:normal;margin-right: 4em}
    #aktuell .title :last-child {margin-bottom: 0;white-space:normal;}
    
    #leistungen .grid {display:grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr 1fr 1fr 1fr;grid-gap: 20px;min-height:calc((100vw - 4em - 20px) / 2 * 5);height:auto;}
    #leistungen #grid-item-03 {grid-column-start: 2}
    
/*    #ueber-uns .zitat {font-size: 30px}*/
    
    #kundenstimmen .swiper-outer-wrapper {margin: -22px 0 calc((100vw - 4em) / 100 * 102 * 85 / 930) -2.4em;padding-right: calc((100vw - 4em) / 100 * 102 * 220 / 930);width: calc(100% + 2.4em);box-sizing: border-box}
    #kundenstimmen .background {background-size: contain;height:calc((100vw - 4em) / 100 * 102 * 450 / 930);}
    #kundenstimmen #swiper-kundenstimmen {position: relative;top:calc((100vw - 4em) / 100 * 102 * 31 / 930);left:calc((100vw - 4em) / 100 * 102 * 121 / 930);;}
    #kundenstimmen .video {display:block;width:calc((100vw - 4em) / 100 * 102 * 688 / 930);height:calc((100vw - 4em) / 100 * 102 * 379 / 930);}
    #sm .grid {display:grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr;grid-gap: 20px;min-height:calc((100vw - 4em - 20px) / 3 );height:calc((100vw - 4em - 20px) / 3 );}
    #sm .grid-item {padding:calc((100vw - 4em - 20px) / 9) 0 0;}
    #sm .text-link {display:none;}
    #sm .grid-item img {width:calc((100vw - 4em) / 9);margin-top: 0em}

    
    #kontakt .grid {display:grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr;grid-gap: 20px;min-height:calc((100vw - 4em - 20px) / 2 );height:calc((100vw - 4em - 20px) / 2 );position: relative}
    #kontakt #grid-item-01 {display: none}
    
    
    #zitat .grid {display:grid;grid-template-columns: 1fr;grid-template-rows: auto auto;grid-gap: 20px;}
    #zitat #grid-item-02 {justify-self:center;}
    
}
@media screen and (max-width: 770px) {
    header .container > *:nth-child(1) img {display: none}
}
@media screen and (max-width: 690px) {
    /*body  {font-size: 18px}*/
    #aktuell .swiper-button-next {margin-left:0.2em}
}
@media screen and (max-width: 610px) {
    
    body {font-size: 4.27vw}
    h2 {font-size: 1.8em;text-indent:-2.0em;margin-left:0.5em}
	h3 {font-size: 1.6em;}
    
    .container {padding:40px 1em 40px;}
    
    header.out {top:calc(-50px - 2em)}
    header.out #icon-bi {top:107px;width:130px}
    header.out #bg-icon-bi {background-color: transparent;top:130px;}

    header.in {top:0}
    header.in #icon-bi {top:-11px;width:70px;}
    header.in #bg-icon-bi {background-color: white;top:-3px;width:55px;height:55px;}
    
    header .container {padding: 15px 2em 13px;}
    header #header-nav li:last-child {margin-right: 0px;}
    header #header-nav li a:before {width:1.7em;margin-right:0;}
    
    nav {left:1em;top:4em !important;}
    nav li a span {padding-top: 3px;font-size: 1.1em;font-weight: bold;}

    #referenzen {top:48%;z-index: 2100;width:100%;overflow: hidden}
    #referenzen .container > div {width:74vw;padding:0.7em 2.0em 0.2em 1.5em;left:-4%;}
    #referenzen .container > div .logo-bi {width:13.0em}
    #referenzen .container > div div {color:white;margin:0;font-family: 'Playfair Display';font-weight: 400;font-size: 1.75em;white-space: nowrap}
    #referenzen .container > div div img {height: 0.8em;vertical-align:baseline;margin-left:1.3em;cursor: pointer;}

    #aktuell h2 {position: relative;}
    #aktuell #swiper-aktuelles > .swiper-wrapper > .swiper-slide {grid-template-rows: auto calc(100vw - 2em) auto;}
    #aktuell .data {font-size: 3.7vw;}
    #aktuell .swiper-button-next span:after{}

    
    #leistungen .grid {display:grid;grid-template-columns: 1fr;grid-template-rows: auto;grid-gap: 20px;min-height:calc((100vw - 2em) / 1 * 7);height:auto;}
    #leistungen #grid-item-03 {grid-column-start: 1}
    #leistungen #grid-item-04 {grid-column-end: span 1}
    #leistungen #grid-item-06 {grid-column-end: span 1}
    #leistungen #grid-item-07 {grid-column-end: span 1}
    #leistungen .grid-item.dummy {display:none;}

    #ueber-uns .content {padding-left: 1.4em;}
/*    #ueber-uns .zitat {font-size: 6.4vw;}*/

    #kundenstimmen .container {padding-top: 0px;}
    #kundenstimmen .content {padding-left: 1.4em;}
    #kundenstimmen .swiper-outer-wrapper {margin: 0 0 0 -1.4em;padding-right: 0;width: calc(100vw - 2em);box-sizing: border-box;border:1px solid #CCCCCC}
    #kundenstimmen .background {display:none;}
    #kundenstimmen #swiper-kundenstimmen {position: relative;top:0;left:0;}
    #kundenstimmen .video {display:block;width:100%;height:calc((100vw - 2em) * 387 / 688);}
    #kundenstimmen .swiper-button {text-align: right;margin:1.5em 1em 0 0}
    
    #sm h2 .line-break-before:before {content:"\A";white-space: pre}
    
    #kontakt .grid {grid-template-columns: 1fr;grid-template-rows: 1fr 1fr;grid-gap: 20px;min-height:calc((100vw - 2em) / 1 * 2 );}
    
    #zitat #grid-item-01 {font-size: 1em;padding-left: 0.5em;}
    #zitat #grid-item-01 .small {font-size: 0.8em;}
    
    #home #home-link {left:51vw;}

}

@media screen and (max-width: 330px) {
    
        header #header-nav li:before {width:1.6em;margin-right:0;}

}