/* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* pt-serif-caption-regular - latin */ @font-face { font-family: 'PT Serif Caption'; font-style: normal; font-weight: 400; src: url('../fonts/pt-serif-caption-v17-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/pt-serif-caption-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/pt-serif-caption-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/pt-serif-caption-v17-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/pt-serif-caption-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/pt-serif-caption-v17-latin-regular.svg#PTSerifCaption') format('svg'); /* Legacy iOS */ } /* pt-serif-caption-italic - latin */ @font-face { font-family: 'PT Serif Caption'; font-style: italic; font-weight: 400; src: url('../fonts/pt-serif-caption-v17-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/pt-serif-caption-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/pt-serif-caption-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/pt-serif-caption-v17-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/pt-serif-caption-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/pt-serif-caption-v17-latin-italic.svg#PTSerifCaption') format('svg'); /* Legacy iOS */ } /* montserrat-200 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; src: url('../fonts/montserrat-v25-latin-200.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-200.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-300 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: url('../fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-regular - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('../fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-500 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: url('../fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-600 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url('../fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-700 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('../fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-800 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: url('../fonts/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v25-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* This is the core CSS of Tooltipster */ /* GENERAL STRUCTURE RULES (do not edit this section) */ .tooltipster-base { /* this ensures that a constrained height set by functionPosition, if greater that the natural height of the tooltip, will be enforced in browsers that support display:flex */ display: flex; pointer-events: none; /* this may be overriden in JS for fixed position origins */ position: absolute; } .tooltipster-box { /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10- and flex-basis auto for IE11- (at least) */ flex: 1 1 auto; } .tooltipster-content { /* prevents an overflow if the user adds padding to the div */ box-sizing: border-box; /* these make sure we'll be able to detect any overflow */ max-height: 100%; max-width: 100%; overflow: auto; } .dflex{ display: flex !important; flex-flow: row wrap !important; justify-content: center !important; } .dflex .col{ float: none !important; margin-bottom: 30px !important; } .tooltipster-ruler { /* these let us test the size of the tooltip without overflowing the window */ bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; } .embed-container { position: relative; padding-bottom: 56.25%; /* ratio 16x9 */ height: 0; overflow: hidden; width: 100%; height: auto; } .embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ratio 4x3 */ .embed-container.ratio4x3 { padding-bottom: 75%; } .embed-container.ratio16x9{ padding-bottom: 36.5%; } div.wpcf7-mail-sent-ok{ display: none !important;} /* ANIMATIONS */ /* Open/close animations */ /* fade */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade.tooltipster-show { opacity: 1; } /* grow */ .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow.tooltipster-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } /* swing */ .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing.tooltipster-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } /* fall */ .tooltipster-fall { -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall.tooltipster-initial { top: 0 !important; } .tooltipster-fall.tooltipster-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0 !important; opacity: 0; } /* slide */ .tooltipster-slide { -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-initial { left: -40px !important; } .tooltipster-slide.tooltipster-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0 !important; opacity: 0; } /* Update animations */ /* We use animations rather than transitions here because transition durations may be specified in the style tag due to animationDuration, and we try to avoid collisions and the use of !important */ /* fade */ @keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } .tooltipster-update-fade { animation: tooltipster-fading 400ms; } /* rotate */ @keyframes tooltipster-rotating { 25% { transform: rotate(-2deg); } 75% { transform: rotate(2deg); } 100% { transform: rotate(0); } } .tooltipster-update-rotate { animation: tooltipster-rotating 600ms; } /* scale */ @keyframes tooltipster-scaling { 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .tooltipster-update-scale { animation: tooltipster-scaling 600ms; } /** * DEFAULT STYLE OF THE SIDETIP PLUGIN * * All styles are "namespaced" with .tooltipster-sidetip to prevent * conflicts between plugins. */ /* .tooltipster-box */ .tooltipster-sidetip .tooltipster-box { background: #565656; border: 2px solid black; border-radius: 4px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; } /* .tooltipster-content */ .tooltipster-sidetip .tooltipster-content { color: white; line-height: 18px; padding: 6px 14px; } /* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that corresponds to the arrow we want to display */ .tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; /* half the width, for centering */ margin-left: -10px; top: 0; width: 20px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: 0; /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not been positioned yet */ top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: 0; /* same as .tooltipster-left .tooltipster-arrow */ top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; height: 10px; margin-left: -10px; width: 20px; } /* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0; } /* .tooltipster-arrow-background */ .tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #565656; left: 0; top: 3px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #565656; left: -3px; top: 0; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #565656; left: 3px; top: 0; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #565656; left: 0; top: -3px; } /* .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-border { border: 10px solid transparent; left: 0; top: 0; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: black; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: black; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: black; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: black; } /* tooltipster-arrow-uncropped */ .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; } .tooltip_templates { display: none; } .tooltip{ width: 17px; height: 17px; text-align: center; font-size: 12px; line-height: 15px; float: right; border-radius: 50%; border: 1px solid #009640; color: #009640; margin-top: 3px; position: relative; z-index: 10; cursor: pointer; display: inline-block; } .c { *zoom: 1; } .c:before, .c:after { content: ""; display: table; } .c:after { clear: both; } .hide, .hidden { display: none; } .primary { color: #009640; text-decoration: none; } .primary-color { color: #009640; text-decoration: none; } .primary.ml { margin-left: 5px; } .primary.mr { margin-right: 5px; } .success { color: #99c269; } .tar { text-align: right; } .tal { text-align: left !important; } .tac { text-align: center; } .lt { text-decoration: line-through; } .fr { float: right !important; } .fl { float: left; } .person img{ width: 75%; margin-left: 15%; float: left; } .logos { text-align: center; vertical-align: middle; } .logos img{ height: 120px; width: auto; margin: 40px 20px 0 20px; } section.coling{ padding: 0; } section .bg1{ background: #E2DFD6; }section .bg3{ background: #fff; } section .bg4{ background: #efefef; } section .bg2{ background: #413322 } section .white{ background: #fff } section .bg2 h2, section .bg2 p{color: #fff;} .col.sameheight, .col.fullimage{ padding: 0; } .col.fullimage img{ width: 100%; float: left; height: auto; } .row .col.fullimage{ padding: 0; } .col.sameheight .inner h2{ text-align: left; margin-left: -4px; margin-bottom: 40px; padding-bottom: 0; } .col.sameheight .inner h2:after{ display: none; content: ""; } section.callToAction { background: #009640; padding: 0 0 0; color: #fff; } section.callToAction h3{ font-size: 26px; } section.callToAction .personImg img{ height: 400px; width: auto; display: block; margin: 0 auto; } section.callToAction .personContent{ height: 400px; } section.callToAction .personImg { text-align: center; } section.callToAction .personInner{ position: relative; top: 50%; transform: translateY(-50%); } .col.sameheight .inner .button{ margin-top: 20px; background: #3C3C3B; border-color: #3C3C3B } section .col.bg2.sameheight .inner .button, section.callToAction .button{ background: #fff; margin-top: 20px; color: #111111; border-color: #fff } .col.sameheight .inner h2 small{ padding: 0 0 0 4px; } .col.sameheight .inner{ padding: 50px 100px; text-align: left; } .col.sameheight:not(.noTransform) .inner{ position: relative; top: 50%; transform: translateY(-50%); } .col.sameheight.noTransform .inner{ padding: 90px 100px; } .row .col.fullimage.fright{ float: right; } #brand a svg{ width: 100%; height: auto; } section.textbox ul{ margin: 0; padding: 0 0 0 16px; } .accordion p a{ color: #fff; border-bottom: 1px solid #fff; text-decoration: none; } section.primary .col-3-5{ padding-left: 3%; box-sizing: border-box; } section.primary .col-3-5 p{ max-width: 80%; } .team-component .desc{ min-height: 80px; } .team-component a{ } .tab { position: relative; margin-bottom: 1px; width: 100%; border-left: 20px solid transparent; border-right: 20px solid transparent; } .tab input[type="checkbox"], .tab input[type="radio"] { position: absolute; opacity: 0; z-index: -1; } .tab label { position: relative; display: block; background: #fff; font-weight: bold; line-height: 21px; cursor: pointer; margin-bottom: 6px; padding: 12px 12px; } .tab label span{ color: #2a87ca; text-decoration: none; } .tab:last-of-type label{ } .tab-content h3{ font-size: 20px; margin: 0; padding: 0; font-weight: 600; } .tab-content { max-height: 0; overflow: hidden; -webkit-transition: max-height .35s; -o-transition: max-height .35s; transition: max-height .35s; } label a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 10; } .tab-content p { margin: 0 0 1em 0; max-width: 85%; } .news img.fit{ width: 94%; } /* :checked */ input:checked ~ .tab-content { max-height: 14em; } /* Icon */ label::after { position: absolute; right: 0; top: 8px; display: block; width: 3em; height: 3em; line-height: 3; text-align: center; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; } input[type=checkbox] + label::after { content: " "; width: 40px; height: 40px; background: url(../media/arr-down.png) no-repeat center center; background-size: 22px 22px; } input[type=radio] + label::after { content: " "; width: 40px; height: 40px; background: url(../media/arr-down.png) no-repeat center center; background-size: 22px 22px; } input[type=checkbox]:checked + label::after { transform: rotateX(180deg); } input[type=radio]:checked + label::after { transform: rotateX(180deg); } /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 90%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8+, and Opera * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } input[type="checkbox"], input[type="radio"] { display: none; } input[type="radio"] + label span.input-click-trigger { display: inline-block; width: 19px; height: 19px; margin: -2px 10px 0 0; vertical-align: middle; background: #eaeff4; cursor: pointer; -webkit-border-radius: 50%; border-radius: 50%; } input[type="radio"]:checked + label span.input-click-trigger { background: #111111; } input[type="radio"]:checked + label span.input-click-trigger:after { content: "+"; color: #fff; display: block; width: 19px; height: 19px; line-height: 19px; text-align: center; font-size: 20px; font-size: 1.25rem; font-weight: 300; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); } input[type="checkbox"] + label span.input-click-trigger { display: inline-block; width: 19px; height: 19px; margin: 4px 10px 0 0; vertical-align: middle; background: #eaeff4; cursor: pointer; } span.input-click-trigger { float: left; } .accordion-component input[type="checkbox"] + label span.input-click-trigger, #calculator-component input[type="checkbox"] + label span.input-click-trigger { background: #fff; } .accordion-component input[type="checkbox"]:checked + label span.input-click-trigger:after, #calculator-component input[type="checkbox"]:checked + label span.input-click-trigger:after { color: #111111; } input[type="checkbox"]:checked + label span.input-click-trigger { background: #111111; } input[type="checkbox"]:checked + label span.input-click-trigger:after { content: "+"; color: #fff; display: block; width: 19px; height: 19px; line-height: 19px; text-align: center; font-size: 20px; font-size: 1.25rem; font-weight: 300; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .center{ text-align: center; } .lbl { display: inline-block; width: 80%; line-height: 18px; } .form-desc-checkbox { margin-left: 29px; } .form-item { padding: 8px 0; } .form-item label { font-weight: 700; } .button-group.space-top { margin-top: 60px; text-align: center;} .button-group.space-ml-top { margin-top: 30px; } .icons{ text-align: center; } .icons .ico{ display: inline-block; height: 40px; width: auto; margin-bottom: 20px; } .icons .ico svg{ height: 50px; width: auto; } .button { position: relative; cursor: pointer; background: #009640; padding: .85rem 2.75rem .65rem; color: #FFF; font-size: 14px; font-weight: 600; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; border-radius: 1px; border: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 1px solid transparent; display: inline-block; } .button.odd{ background-color: transparent; color: #fff; text-transform: uppercase; letter-spacing: 2px; padding: .85rem 2.2rem .65rem; } #newsArchive .button.odd{ color: #222; } .button:hover{ -webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2); } .button.back-to-blog.persons:hover{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #newsArchive .button.odd:hover{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .bordered:hover{ } .nachhaltig-img img{ display: block; width: 100%; height: auto; } .button.white { background: #FFF; border-color: #fff; color: #313131; } .button.rounded{ padding: 5px 20px; border-radius: 30px; } .button.rounded.big{ padding: 10px 22px; } .button.rounded.small{ padding: 3px 15px; } .button.white.opacity{ background: rgba(255,255,255,0.6); color: #009640; } .news .button{ margin: 20px 20px 0 20px; } .button.white.bordered{ background: none; border: 1px solid #fff; color: #fff; } .button.dark.bordered{ background: none; border: 1px solid #444; color: #444; } .button.dark.bordered.ispdf:after{ background: url(../media/icons/pdf-icon.png) center center no-repeat; background-size: 12px 16px; width: 12px; height: 16px; display: inline-block; content: " "; top: 3px; position: relative; margin-left: 10px; } .button.white.bordered.ispdf:after{ background: url(../media/icons/pdf-icon-light.png) center center no-repeat; background-size: 12px 16px; width: 12px; height: 16px; display: inline-block; content: " "; top: 3px; position: relative; margin-left: 10px; } .button.circle{ width: 50px; height: 50px; padding: 0; line-height: 50px; text-align: center; border-radius: 50%; } .button.circle.arrow{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.245 27.341'%3e%3cdefs%3e%3cstyle%3e .cls-1 %7b fill: %23fff; stroke: %23fff;%7d %3c/style%3e%3c/defs%3e%3cg id='Symbol_8_1' data-name='Symbol 8 – 1' transform='translate(-499.362 -6802.218)'%3e%3cpath id='Pfad_149' data-name='Pfad 149' class='cls-1' d='M602.708,190.4a1.027,1.027,0,0,0-1.395,0l-11.4,11.4-11.4-11.4a.974.974,0,0,0-.667-.3,1.119,1.119,0,0,0-.728.3,1.027,1.027,0,0,0,0,1.394l12.126,12.126a1.027,1.027,0,0,0,1.395,0L602.769,191.8A1.03,1.03,0,0,0,602.708,190.4Z' transform='translate(309.805 7405.836) rotate(-90)'/%3e%3c/g%3e%3c/svg%3e "); background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; text-indent: -99999px; } .button.back-to-blog{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.42 14.42'%3e%3cdefs%3e%3cstyle%3e .cls-1 %7b fill: %233c3c3b;%7d %3c/style%3e%3c/defs%3e%3cg id='Symbol_9_1' data-name='Symbol 9 – 1' transform='translate(-811.58 -1576)'%3e%3crect id='Rechteck_782' data-name='Rechteck 782' class='cls-1' width='5.938' height='5.938' transform='translate(811.58 1576)'/%3e%3crect id='Rechteck_785' data-name='Rechteck 785' class='cls-1' width='5.938' height='5.938' transform='translate(811.58 1584.482)'/%3e%3crect id='Rechteck_783' data-name='Rechteck 783' class='cls-1' width='5.938' height='5.938' transform='translate(820.062 1576)'/%3e%3crect id='Rechteck_784' data-name='Rechteck 784' class='cls-1' width='5.938' height='5.938' transform='translate(820.062 1584.482)'/%3e%3c/g%3e%3c/svg%3e "); background-size: 20px 20px; background-repeat: no-repeat; background-position: left center; } .button.back-to-blog.persons{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.42 14.42'%3e%3cdefs%3e%3cstyle%3e .cls-1 %7b fill: %23ffffff;%7d %3c/style%3e%3c/defs%3e%3cg id='Symbol_9_1' data-name='Symbol 9 – 1' transform='translate(-811.58 -1576)'%3e%3crect id='Rechteck_782' data-name='Rechteck 782' class='cls-1' width='5.938' height='5.938' transform='translate(811.58 1576)'/%3e%3crect id='Rechteck_785' data-name='Rechteck 785' class='cls-1' width='5.938' height='5.938' transform='translate(811.58 1584.482)'/%3e%3crect id='Rechteck_783' data-name='Rechteck 783' class='cls-1' width='5.938' height='5.938' transform='translate(820.062 1576)'/%3e%3crect id='Rechteck_784' data-name='Rechteck 784' class='cls-1' width='5.938' height='5.938' transform='translate(820.062 1584.482)'/%3e%3c/g%3e%3c/svg%3e "); background-size: 20px 20px; background-repeat: no-repeat; background-position: left center; } .button.mr { margin-right: 20px; } .button.ml { margin-left: 20px; } .button.mt { margin-top: 30px; } .button.mb { margin-bottom: 90px; } .social-icons a{ display: inline-block; } .social-icons img{ border-radius: 50%; opacity: 0.5 } .sl-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.8); opacity: 1; display: none; z-index: 1035; } .sl-wrapper { z-index: 1040; } .sl-wrapper button { border: 0 none; background: transparent; font-size: 28px; padding: 0; cursor: pointer; } .sl-wrapper button:hover { opacity: 0.7; } .sl-wrapper .sl-close { display: none; position: fixed; right: 30px; top: 30px; z-index: 10060; margin-top: -14px; margin-right: -14px; height: 44px; width: 44px; line-height: 44px; font-family: Arial, Baskerville, monospace; color: #fff; font-size: 3rem; } .sl-wrapper .sl-close:focus { outline: none; } .sl-wrapper .sl-counter { display: none; position: fixed; top: 30px; left: 30px; z-index: 1060; color: #fff; font-size: 1rem; } .sl-wrapper .sl-navigation { width: 100%; display: none; } .sl-wrapper .sl-navigation button { position: fixed; top: 50%; margin-top: -22px; height: 44px; width: 22px; line-height: 44px; text-align: center; display: block; z-index: 10060; font-family: Arial, Baskerville, monospace; color: #fff; } .sl-wrapper .sl-navigation button.sl-next { right: 5px; font-size: 2rem; } .sl-wrapper .sl-navigation button.sl-prev { left: 5px; font-size: 2rem; } .sl-wrapper .sl-navigation button:focus { outline: none; } @media (min-width: 35.5em) { .sl-wrapper .sl-navigation button { width: 44px; } .sl-wrapper .sl-navigation button.sl-next { right: 10px; font-size: 3rem; } .sl-wrapper .sl-navigation button.sl-prev { left: 10px; font-size: 3rem; } } @media (min-width: 50em) { .sl-wrapper .sl-navigation button { width: 44px; } .sl-wrapper .sl-navigation button.sl-next { right: 20px; font-size: 3rem; } .sl-wrapper .sl-navigation button.sl-prev { left: 20px; font-size: 3rem; } } .sl-wrapper .sl-image { position: fixed; -ms-touch-action: none; touch-action: none; z-index: 10000; } .sl-wrapper .sl-image img { margin: 0; padding: 0; display: block; border: 0 none; width: 100%; height: auto; } @media (min-width: 35.5em) { .sl-wrapper .sl-image img { border: 0 none; } } @media (min-width: 50em) { .sl-wrapper .sl-image img { border: 0 none; } } .sl-wrapper .sl-image iframe { background: #000; border: 0 none; } @media (min-width: 35.5em) { .sl-wrapper .sl-image iframe { border: 0 none; } } @media (min-width: 50em) { .sl-wrapper .sl-image iframe { border: 0 none; } } .sl-wrapper .sl-image .sl-caption { display: none; box-sizing: border-box; padding: 10px 20px; color: #fff; background: #271D11; font-size: 1rem; position: absolute; bottom: 0; left: 0; right: 0; } .sl-wrapper .sl-image .sl-caption.pos-top { bottom: auto; top: 0; } .sl-wrapper .sl-image .sl-caption.pos-outside { bottom: auto; } .sl-wrapper .sl-image .sl-download { display: none; position: absolute; bottom: 5px; right: 5px; color: #000; z-index: 1060; } .sl-spinner { display: none; border: 5px solid #333; border-radius: 40px; height: 40px; left: 50%; margin: -20px 0 0 -20px; opacity: 0; position: fixed; top: 50%; width: 40px; z-index: 1007; -webkit-animation: pulsate 1s ease-out infinite; -moz-animation: pulsate 1s ease-out infinite; -ms-animation: pulsate 1s ease-out infinite; -o-animation: pulsate 1s ease-out infinite; animation: pulsate 1s ease-out infinite; } .sl-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .sl-transition { transition: -moz-transform ease 200ms; transition: -ms-transform ease 200ms; transition: -o-transform ease 200ms; transition: -webkit-transform ease 200ms; transition: transform ease 200ms; } @-webkit-keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } @keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } @-moz-keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } @-o-keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } @-ms-keyframes pulsate { 0% { transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline; list-style: none; padding: 0; } .select2-container .select2-selection--multiple .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; margin-left: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; background: #271D11; color: #fff; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option--selectable { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } span.select2-selection.select2-selection--single { outline: none; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #3b3b3b; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; padding-right: 0px; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; padding-bottom: 5px; padding-right: 5px; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 20px; margin-right: 10px; margin-top: 5px; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-right: 1px solid #aaa; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #999; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background-color: #f1f1f1; color: #333; outline: none; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-left: 1px solid #aaa; border-right: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear { float: left; margin-left: 10px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--group { padding: 0; } .select2-container--default .select2-results__option--disabled { color: #999; } .select2-container--default .select2-results__option--selected { background: #271D11; color: #fff; font-weight: 700; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: #271D11; color: #fff; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; padding-bottom: 5px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #888; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; outline: none; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option--group { padding: 0; } .select2-container--classic .select2-results__option--disabled { color: grey; } .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } #langs{ float: right; margin-top: 54px; margin-left: 20px; display: none; } .row { *zoom: 1; max-width: 1200px; margin: 0 auto; position: relative; } .row.large{ max-width: 1450px; } .row.full{ max-width: inherit; width: 100% } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } .row.mw { margin-left: -15px; margin-right: -15px; } .row.mt { margin-top: 24px; } .row.mb { margin-bottom: 24px; } .row.mlr{ } .row .col { float: left; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .col.pad { padding: 0 12px; } .row .col.padbig { padding: 20px; } .row .col .ml { margin-left: 12px; } .row .col .mr { margin-right: 12px; } .row .col-1-1 { width: 100%; } .row .col-1-2 { width: 50%; } .row .col-1-3 { width: 33.3333333333%; } .row .col-1-4 { width: 25%; } .row .col-1-5 { width: 20%; } .row .col-1-6 { width: 16.6666666667%; } .row .col-1-7 { width: 14.2857142857%; } .row .col-1-8 { width: 12.5%; } .row .col-1-9 { width: 11.1111111111%; } .row .col-1-10 { width: 10%; } .row .col-1-11 { width: 9.0909090909%; } .row .col-1-12 { width: 8.3333333333%; } .row .col-2-3 { width: 66.6666666667%; } .row .col-2-4 { width: 50%; } .row .col-2-5 { width: 40%; } .row .col-2-6 { width: 33.3333333333%; } .row .col-2-7 { width: 28.5714285714%; } .row .col-2-8 { width: 25%; } .row .col-2-9 { width: 22.2222222222%; } .row .col-2-10 { width: 20%; } .row .col-2-11 { width: 18.1818181818%; } .row .col-2-12 { width: 16.6666666667%; } .row .col-3-4 { width: 75%; } .row .col-3-5 { width: 60%; } .row .col-3-6 { width: 50%; } .row .col-3-7 { width: 42.8571428571%; } .row .col-3-8 { width: 37.5%; } .row .col-3-9 { width: 33.3333333333%; } .row .col-3-10 { width: 30%; } .row .col-3-11 { width: 27.2727272727%; } .row .col-3-12 { width: 25%; } .news .onlyside{ margin: -6px 24px 0 24px } .row .offset-20 { margin-left: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-30 { margin-left: 30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-15 { margin-left: 15%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-10 { margin-left: 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-9 { margin-left: 9%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-8 { margin-left: 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-7 { margin-left: 7%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-6 { margin-left: 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-5 { margin-left: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-4 { margin-left: 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-3 { margin-left: 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-2 { margin-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-1 { margin-left: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .offset-r-20 { margin-right: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-r-15 { margin-right: 15%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-r-10 { margin-right: 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-r-9 { margin-right: 9%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-r-8 { margin-right: 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-r-7 { margin-right: 7%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-r-6 { margin-right: 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-r-5 { margin-right: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-r-4 { margin-right: 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-r-3 { margin-right: 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-r-2 { margin-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .offset-r-1 { margin-right: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row .col-100 { width: 100%; } .row .col-90 { width: 90%; } .row .col-80 { width: 80%; } .row .col-70 { width: 70%; } .row .col-60 { width: 60%; } .row .col-50 { width: 50%; } .row .col-45 { width: 45%; } .row .col-40 { width: 40%; } .row .col-35 { width: 35%; } .row .col-33 { width: 33.33333%; } .row .col-20 { width: 20%; } .row .col-10 { width: 10%; } .row .col-105 { width: 105%; } .row .col-95 { width: 95%; } .row .col-85 { width: 85%; } .row .col-75 { width: 75%; } .row .col-65 { width: 65%; } .row .col-55 { width: 55%; } .row .col-45 { width: 45%; } .row .col-35 { width: 35%; } .row .col-25 { width: 25%; } .row .col-15 { width: 15%; } .col-inner{ margin: 0 24px; } body { font-family: "Open Sans", sans-serif; font-weight: 400; background: #fff; line-height: 25px; font-size: 16px; color: #464646; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; } body.odd{ background: #efefef; padding-top: 120px; } body.oddbg{ background: #efefef; } .flex-show{ display: flex; } .row.flex-show .col{ float: none; } @media(min-width: 1024px){ } @media(min-width: 1500px){ .coling .fullimage img{ display: block; } .coling .fullimage{ background: none !important; } } .coling .fullimage.noCover{ background-size: contain !important; background-repeat: no-repeat !important; } .show-more{ display: none; } *, :after, :before { box-sizing: inherit; overflow-wrap: break-word; word-wrap: break-word; } .responsive-video { position: relative; padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/ padding-top: 0px; height: 0; overflow: hidden; } .responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } footer{ background: #3C3C3B; padding: 80px 0 10px 0; position: relative; z-index: 2; } .flexContainer{ } .flexContainer div{ float: left; width: 33.3333%; height: 360px; position: relative; overflow: hidden; } .flexContainer div img { width: 100%; height: auto; float: left; } @media(max-width: 1500px){ .flexContainer div{ height: 460px; } } @media(max-width: 1300px){ .flexContainer div{ height: 360px; } } .hover-info{ position: absolute; left: 0; opacity: 0; top: 0; width: 100%; color: #fff; text-align: center; height: 100%; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; } .referenzen .news:hover .hover-info{ opacity: 1; } .referenzen .news:hover .hover-info:before{ opacity: .8; } .hover-info span{ position: relative; top: 50%; display: block; transform: translateY(-50%) } .hover-info:before { display: block; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; opacity: 0; content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 0; background: #009640; /*mix-blend-mode: multiply;*/ } .referenzen .news { padding: 0; margin: 0; } .referenzen .news img{ float: left; } .referenzen .news h3{ padding: 0; margin: 0; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; min-height: inherit } .referenzen .news p{margin: 0; font-size: 18px; } header{ position: sticky; top: 0; left: 0; height: 90px; z-index: 100; background: #fff; width: 100%; padding: 0 50px; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } .referenzen .news hr{ margin:30px auto; background: #fff; width: 80px; border-color: #fff; } header .hamburger{ display: none; } #brand{ float: left; margin-left: 15px; position: relative; z-index: 2; margin-top: 18px; } .form-filter{ display: grid; margin-top: 40px; grid-gap: 30px; grid-template-columns: 0.75fr 0.75fr 1fr; } .form-filter label{ display: block; color: #fff; text-transform: uppercase; font-weight: 600; margin-bottom: 6px; font-size: 14px; letter-spacing: 2px; text-align: left; } .form-filter .select-style { background-color: #fff; border: none; } .form-filter .form-button .gotoFormAndPreselect { background-color: #111; margin-top: 30px; color: #fff; display: block; cursor: pointer; line-height: 42px; font-weight: 600; border: none; } .form-filter .form-button .gotoFormAndPreselect span{ font-weight: 800; } @media(max-width: 600px){ .form-filter{ display: block } .form-filter .form-select{ height: 90px; }.form-filter label{ margin-bottom: 0; } .flex-show{ display: block; } .row .col.fullimage.fright, .col.fullimage img{ float: none; } } p a{ /* border-bottom: 1px solid #fff; */ } p a.nobord{ border: none; } header #brand .dark{ display: none; } header.light #brand .dark, header.fixed #brand .dark{ display: block; } header.light #brand .light, header.fixed #brand .light{ display: none; } header.fixed.open #brand .light{ display: block; } header.fixed.open #brand .dark{ display: none; } header.light #brand span, header.fixed #brand span{ color: #002e54; } header.fixed.open #brand span{ color: #fff; } #brand a{ width: 280px; display: block; } .mleft20{ margin-left: 15px; } header.light, header.fixed{ background: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } #stage{ position: relative; } #stage #stage-image img{ width: 100%; height: auto; float: left; } .caption-holder{ position: absolute; top: 0%; height: 100%; left: 0; left: 50%; margin-left: -600px; *zoom: 1; width: 1200px; } .slide{ position: relative; float: left; } .slide .slides-link{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block; z-index: 80; } .caption { position: relative; top: 38%; transform: translateY(-50%); color: #fff; } .caption .headline span{ display: inline-block; background: rgba(0,150,64, .9); font-size: 26px; font-weight: 700; padding: 30px 15px; } .caption .subline span.typed-cursor, .caption .subline span.typed{ padding: 0; } .caption .subline span{ display: inline-block; background: rgba(17,17,17, .9); padding: 12px 30px } .caption .headline, .caption .subline{ display: block } @media(max-width: 700px){ .caption .subline span, .caption .headline span{ padding: 12px 20px; } .select-style{ widows: 100% } } #welcome{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; } #welcome .welcome-col .brand{ text-align: center; position: relative; margin: 50% auto 40px auto; } #welcome .welcome-col .brand img{ width: auto; height: 80px; } #welcome .welcome-col{ width: 50%; height: 100%; position: absolute; left: 50%; top: 0; background: red; } #welcome .welcome-col a{ width: 100%; height: 100%; position: absolute; left: 0%; top: 0; z-index: 200; } #welcome .welcome-col .mask{ width: 100%; height: 100%; position: absolute; left: 0%; top: 0; background: #fff; opacity: 0.7; } #welcome .welcome-col.dark .mask{ background: #111; opacity: 0.7; } #welcome .welcome-col.dark{ left: 0; } #welcome .welcome-col .arrow{ margin: 0 auto; position: relative; width: 40px; height: auto; } .caption span em{ position: relative; top: 50%; opacity: 1; display:inline-block; transform: translateY(-50%); text-align: center; line-height: 32px; font-style: normal; font-weight: 400; font-size: 26px; } .clearer.desktop{ width: 100%; height: 1px; float: left; } .mitte .caption{ top: 32%; } .tac img{ max-width: 100%; height: auto; } .mitte .caption span{ background: #fff; color: #3C3C3B; width: 280px; height: 280px; padding: 0 20px; text-transform: uppercase; letter-spacing: 2px; text-align: center; } .mitte .caption span em{ top: 50%; font-weight: 600; font-size: 22px; } .row .col.nachhaltig-img{ padding: 0; } .mitte .caption .icon{ display: inline-block; background: #009640; width: 90px; position: absolute; top: -20px; z-index: 100; right: 37%; height: 90px; border-radius: 50%; } .mitte .caption .icon img{ width: 40px; height: auto; margin: 20px auto; } .nachhaltig-text p{ max-width: 90%; } .nachhaltig-text{ padding: 98px 0 0 0; color: #fff; } .nachhaltig-text h2{ text-align: left; padding: 0; margin-bottom: 40px; } .nachhaltig-text h2:after{ content: ""; display: none; } .links .caption small{ position: absolute; left: 250px; top: -80px; z-index: 3; } .links .caption span{ position: absolute; left: 0; z-index: 2; } .rechts .caption small{ position: absolute; right: 250px; top: -80px; z-index: 3; } .rechts .caption span{ position: absolute; right: 0; z-index: 2; } footer ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #3c3c3b; } footer ::-moz-placeholder { /* Firefox 19+ */ color: #3c3c3b; } footer :-ms-input-placeholder { /* IE 10+ */ color: #3c3c3b; } footer :-moz-placeholder { /* Firefox 18- */ color: #3c3c3b; } footer p{ margin-top: 0; } footer .mtFoot{ margin-top: 112px; } footer p a{ color: #fff; text-decoration: none; } figure{ margin: 0; padding: 0; } hr{ margin: 30px 0 50px 0; border: none; height: 1px; width: 100%; background: #a4a3a1; } section{ padding: 98px 0; } section.has-breadcrumb{ padding-top: 0px; z-index: 5; } section.odd, section.colored-odd{ background: #efefef; } section.primary{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3098db+0,154980+100 */ background: #009640; /* IE6-9 */ z-index: 4; } .iconholder{ display: block; position: relative; padding-left: 30px; } .iconholder .icon.small, .iconholder .icon.primary.small, .iconholder .icon.light.small, .iconholder .icon.dark.small{ position: absolute; left: 0; top: 2px; width: 21px; height: 21px; background-size: 17px 17px; } .gridimg img{ width: 100%; height: auto; } .row .col.gridimg{ padding-bottom: 90px; } #backtotop{ position: fixed; bottom: 90px; right: 15px; width: 44px; height: 44px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 141.73 141.73'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23dbd7d2;%7d%3c/style%3e%3c/defs%3e%3ctitle%3etopback%3c/title%3e%3cpath class='cls-1' d='M70.9,4.42a66.42,66.42,0,1,0,66.42,66.42A66.5,66.5,0,0,0,70.9,4.42Zm0,124.3a57.88,57.88,0,1,1,57.88-57.88A57.94,57.94,0,0,1,70.9,128.72Z'/%3e%3cpath class='cls-1' d='M103,91.56a4.65,4.65,0,0,1-3.3-1.37L70.9,61.38,42.08,90.19a4.66,4.66,0,0,1-6.59-6.59L67.6,51.49a4.66,4.66,0,0,1,6.59,0L106.3,83.6a4.66,4.66,0,0,1-3.3,8Z'/%3e%3c/svg%3e"); background-size: 44px 44px; display: block; opacity: 0; z-index: 200; } #backtotop.show { opacity: 1; } section.primary h2, section.primary h3, section.primary h4, section.primary p, section.primary p a { text-decoration: none; color: #fff; } img.half{ width: 50%; height: auto; } img.fit{ width: 100%; height: auto; } .teas p{ line-height: 27px; font-size: 17px; text-align: center; } .teas h4{ font-weight: normal; letter-spacing: 2px; text-align: center; margin-top: 40px; } .textbox h4{ letter-spacing: 2px; text-transform: uppercase; font-weight: normal; } .teas h1{ margin-bottom: 38px; } .teas p a{ color: #009640; font-weight: 600; text-decoration: none; } .teas #rkontaktcols h4{ text-transform: uppercase; color: #009640; letter-spacing: 2px; } .teas #rkontaktcols h4, .teas #rkontaktcols p{ text-align: left; } .textbox p a, .textbox li a{ color: #009640; font-weight: 600; text-decoration: none; border: none; } .col-list h3{ font-size: 24px; margin: 0 0 30px 0; padding: 0; font-weight: 500; text-align: center; } .col-list p{ font-size: 16px; text-align: center; line-height: 24px; } .col-list .icon-holder{ margin: 0 0 10px 0; padding: 0; text-align: center; } .col-list .icon-holder img{ width: 80px; } .download-item{ margin-top: 40px; } .teas.white, .teas.white h2{ color: #fff; } .download-item a{ color: #464646; text-decoration: none; } .download-item .icon{ width: 44px; height: 44px; margin-bottom: 8px; display: block; background: url(../media/download-ico.png) no-repeat 0 0; background-size: 44px 44px; } .call-to-action{ padding: 0; } .call-to-action img{ width: 100%; float: left; height: auto; } .call-to-action .text{ background: rgba(25, 24, 22, 0.86); position: absolute; width: 50%; left: 0; top: 0; box-sizing: border-box; height: 100%; z-index: 10; } .call-to-action .inner{ position: relative; top: 50%; width: 400px; margin: 0 auto; transform: translateY(-50%); } .call-to-action .inner p{ margin-left: 150px; color: #fff; margin-bottom: 30px; font-size: 16px; } .call-to-action .logo-call{ width: 400px; margin: 0 auto; } .news h3{ font-size: 22px; margin: 0 0 5px 0; padding: 0; font-weight: 700; } .news p{ font-size: 20px; margin: 0; padding: 0; line-height: 30px; } .client-image{ text-align: center; padding: 0; } .client-image img{ width: 70%; height: auto; } footer p, footer li{ line-height: 1.6; font-size: 16px; color: #fff; } footer h3{ font-size: 15px; letter-spacing: 2px; text-transform: uppercase; color: #fff; width: 96%; margin: 0 0 12px 0; } footer h3 span{ position: relative; display: inline-block; } footer a{ border: none; text-decoration: none; } footer ul{ margin: 0; padding: 0; list-style: none; } footer ul li{ list-style: none; padding: 0; margin: 0; color: #3C3C3B } footer ul li a{ color: #3C3C3B; } footer ul li a span{ color: #3C3C3B; } .nopaddtop p{ margin-top: 0; } h1, h2{ margin: 0 0 60px 0; padding: 0 0 60px 0; font-size: 45px; line-height: 65px; color: #0f0f0f; font-weight: 500; text-align: center; } section.colored-gradient1 h2, section.colored-gradient2 h2, section.colored-gradient3 h2{ color: #fff; } section.colored-gradient1 p, section.colored-gradient2 p, section.colored-gradient3 p{ color: #0f0f0f; } section.colored-white h3, section.colored-odd h3{ color: #009640 } .button.white.bordered.js-show-more{ padding-right: 40px; background-color: transparent; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50' height='50' xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3ctitle%3ebackground%3c/title%3e%3crect fill='none' id='canvas_background' height='402' width='582' y='-1' x='-1'/%3e%3c/g%3e%3cg%3e%3ctitle%3eLayer 1%3c/title%3e%3crect id='svg_1' width='50' height='50' fill='none'/%3e%3cpolygon fill='%23ffffff' id='svg_2' points='47.25,15 45.164,12.914 25,33.078 4.836,12.914 2.75,15 25,37.25 '/%3e%3c/g%3e%3c/svg%3e"); background-repeat:no-repeat; background-position: 92% center; background-size: 17px 17px; } .button.white.bordered.js-show-more.is-active{ padding-right: 40px; background-color: transparent; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50' height='50' xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3ctitle%3ebackground%3c/title%3e%3crect fill='none' id='canvas_background' height='402' width='582' y='-1' x='-1'/%3e%3c/g%3e%3cg%3e%3ctitle%3eLayer 1%3c/title%3e%3crect id='svg_1' width='50' height='50' fill='none'/%3e%3cpolygon fill='%23ffffff' transform='rotate(-180 25,25.082000732421875) ' id='svg_2' points='47.25,15 45.164,12.914 25,33.078 4.836,12.914 2.75,15 25,37.25 '/%3e%3c/g%3e%3c/svg%3e"); background-repeat:no-repeat; background-position: 92% center; background-size: 17px 17px; } .button.dark.bordered.js-show-more-by-data{ padding-right: 40px; background-color: transparent; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50' height='50' xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3ctitle%3ebackground%3c/title%3e%3crect fill='none' id='canvas_background' height='402' width='582' y='-1' x='-1'/%3e%3c/g%3e%3cg%3e%3ctitle%3eLayer 1%3c/title%3e%3crect id='svg_1' width='50' height='50' fill='none'/%3e%3cpolygon fill='%23444444' id='svg_2' points='47.25,15 45.164,12.914 25,33.078 4.836,12.914 2.75,15 25,37.25 '/%3e%3c/g%3e%3c/svg%3e"); background-repeat:no-repeat; background-position: 92% center; background-size: 17px 17px; } .button.dark.bordered.js-show-more-by-data.is-active{ padding-right: 40px; background-color: transparent; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50' height='50' xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3ctitle%3ebackground%3c/title%3e%3crect fill='none' id='canvas_background' height='402' width='582' y='-1' x='-1'/%3e%3c/g%3e%3cg%3e%3ctitle%3eLayer 1%3c/title%3e%3crect id='svg_1' width='50' height='50' fill='none'/%3e%3cpolygon fill='%23444444' transform='rotate(-180 25,25.082000732421875) ' id='svg_2' points='47.25,15 45.164,12.914 25,33.078 4.836,12.914 2.75,15 25,37.25 '/%3e%3c/g%3e%3c/svg%3e"); background-repeat:no-repeat; background-position: 92% center; background-size: 17px 17px; } /* */ section.colored-gradient1{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cd96e9+0,42b9e6+100 */ background: #db6777; /* Old browsers */ background: -moz-linear-gradient(45deg, #db6777 0%, #a48ac8 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #db6777 0%,#a48ac8 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #db6777 0%,#a48ac8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db6777', endColorstr='#a48ac8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } section.colored-gradient2{ background: #cfa5eb; /* Old browsers */ background: -moz-linear-gradient(45deg, #cfa5eb 0%, #56c3ea 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #cfa5eb 0%,#56c3ea 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #cfa5eb 0%,#56c3ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfa5eb', endColorstr='#56c3ea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } section.colored-gradient3{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cd96e9+0,42b9e6+100 */ background: #489ec6; /* Old browsers */ background: -moz-linear-gradient(45deg, #489ec6 0%, #aae7f1 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #489ec6 0%,#aae7f1 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #489ec6 0%,#aae7f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#489ec6', endColorstr='#aae7f1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } footer hr{ margin: 40px 0 20px 0; background: #d4cec5; } footer .copyright p, footer .copyright p a{ color: #E5E1DC; font-size: 13px; } footer .copyright a.copyright-link{ margin-right: 30px; } footer .quick-search{ width: 96%; position: relative; } .quick-search{ position: relative; } .quick-search button{ position: absolute; right: 6px; top: 6px; width: 30px; border: none; text-indent: -9999px; background-color: #877E72; border-radius: 50%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.245 27.341'%3e%3cdefs%3e%3cstyle%3e .cls-1 %7b fill: %23fff; stroke: %23fff;%7d %3c/style%3e%3c/defs%3e%3cg id='Symbol_8_1' data-name='Symbol 8 – 1' transform='translate(-499.362 -6802.218)'%3e%3cpath id='Pfad_149' data-name='Pfad 149' class='cls-1' d='M602.708,190.4a1.027,1.027,0,0,0-1.395,0l-11.4,11.4-11.4-11.4a.974.974,0,0,0-.667-.3,1.119,1.119,0,0,0-.728.3,1.027,1.027,0,0,0,0,1.394l12.126,12.126a1.027,1.027,0,0,0,1.395,0L602.769,191.8A1.03,1.03,0,0,0,602.708,190.4Z' transform='translate(309.805 7405.836) rotate(-90)'/%3e%3c/g%3e%3c/svg%3e "); background-repeat:no-repeat; background-position:center center; background-size: 15px 15px; height: 30px; } #offertanfrage .agree, .wpcf7-form .agree{ padding: 0 15px; margin-bottom: 40px; font-size: 13px; } #offertanfrage .agree a, .wpcf7-form .agree a{ color: #3C3C3B; } footer .agree{ color: #E5E1DC; line-height: 18px; margin-top: 8px; font-size: 13px; } footer .agree a{ color: #3C3C3B; } .quick-search.light button{ position: absolute; right: 6px; top: 1px; width: 34px; border: none; text-indent: -9999px; background-color: transparent; background-image: #fff url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%237c7c7c;%7d%3c/style%3e%3c/defs%3e%3ctitle%3esearch%3c/title%3e%3cpath class='cls-1' d='M81.86,161.81a79,79,0,0,0,49.88-17.47l1.19-.95,52.54,52.54a7.53,7.53,0,0,0,10.41,0,7.36,7.36,0,0,0,0-10.42L143.35,133l1-1.19A79,79,0,0,0,161.77,81.9a79.91,79.91,0,1,0-79.91,79.91Zm0-145.08A65.17,65.17,0,1,1,16.69,81.9,65.25,65.25,0,0,1,81.86,16.73Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 17px 17px; height: 34px; } .quick-search.dark button{ background-color: transparent; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23111;%7d%3c/style%3e%3c/defs%3e%3ctitle%3esearch%3c/title%3e%3cpath class='cls-1' d='M81.86,161.81a79,79,0,0,0,49.88-17.47l1.19-.95,52.54,52.54a7.53,7.53,0,0,0,10.41,0,7.36,7.36,0,0,0,0-10.42L143.35,133l1-1.19A79,79,0,0,0,161.77,81.9a79.91,79.91,0,1,0-79.91,79.91Zm0-145.08A65.17,65.17,0,1,1,16.69,81.9,65.25,65.25,0,0,1,81.86,16.73Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 17px 17px; } .form-element{ box-sizing: border-box; padding: 7px 12px; font-size: 16px; width: 100%; background: none; color: #7c7c7c; outline: none; border: none; } .form-element.rounded{ border-radius: 4px; padding: 9px 20px; } .form-element.border{ border: 1px solid #7c7c7c; } .form-element.white{ border: 1px solid #D4CEC5; color: #3C3C3B; } .form-element.dark{ border: 1px solid #3C3C3B; color: #3C3C3B; } .form-element.light{ background: #fff; border: 1px solid #D4CEC5; color: #3C3C3B; font-size: 14px; padding-right: 40px; } .primary-color p, .primary-color a, .primary-color li, .primary-color h1, .primary-color h2, .primary-color h3, .primary-color li a{ color: #009640; } .primary-color h3, .primary-color h3 span:after{ border-color: #009640; } #nav-handler{ float: right; width: 50%; } #nav-handler .info-handler{ float: right; margin: 1px 40px 0px 0; } #nav-handler .info-handler li { list-style: none; margin: 0; padding: 0 12px; float: left; } #nav-handler .info-handler li .info-trigger{ width: 30px; height: 30px; position: relative; z-index: 2; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; opacity: 0.6; } #nav-handler .info-handler li ul{ display: none; } #nav-handler .info-handler li .info-trigger.opacity{ opacity: 0.6; } #nav-handler .info-handler li:hover .info-trigger, #nav-handler .info-handler li .info-trigger.active{ opacity: 1 } #nav-handler .info-handler li li{ float: none; width: 100%; margin: 0; display: block; } #nav-handler .info-handler li ul.active{ display: block; } .info-container{ background: #009640; position: absolute; right: 0; top: 0; z-index: 1; min-height: 620px; width: 540px; padding: 200px 140px 0px 80px; box-sizing: border-box; } .info-container .quick-search{ width: 96%; position: relative; } .info-container.light, .info-container.light:before{ background: #f5f3ef; } .info-container h3{ font-size: 15px; letter-spacing: 1px; text-transform: uppercase; color: #111; width: 96%; padding: 0 0 20px 0; border-bottom: 1px solid #111; margin: 0 0 26px 0; } .info-container h3 span{ position: relative; display: inline-block; } .info-container h3 span:after{ width: 96%; content: " "; position: absolute; bottom: -21px; display: block; border-bottom: 2px solid #111; } .info-container p, .info-container li{ line-height: 1.6; font-size: 16px; color: #111; } .info-container p a, .info-container li a{ border: none; text-decoration: none; color: #111; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .info-container p a:hover, .info-container li a:hover{ color: #fff; } .info-container p{ margin-bottom: 24px; } .row aside.col{ } .meta{ margin-bottom: 60px; } aside .input-field{ margin-bottom: 12px; } .meta a{ text-decoration: none; border: none; color: #009640 } .single .row aside{ padding-top: 128px; } aside h3{ font-size: 15px; letter-spacing: 1px; text-transform: uppercase; color: #111; width: 96%; padding: 0 0 10px 0; border-bottom: 1px solid #111; margin: 0 0 26px 0; } aside h3 span{ position: relative; display: inline-block; } aside h3 span:after{ width: 96%; content: " "; position: absolute; bottom: -11px; display: block; border-bottom: 2px solid #111; } aside p, aside li{ line-height: 1.6; font-size: 16px; color: #111; } aside li a:hover, aside li.current-cat a{ color: #009640 } aside p a, aside li a{ border: none; text-decoration: none; color: #111; } aside p{ margin-bottom: 24px; } aside ul{ list-style: none; margin: 0 0 50px 0; padding: 0; } aside ul li a{ font-size: 16px; } /* FACTS LIST */ .fact-list h3{ font-size: 15px; letter-spacing: 1px; text-transform: uppercase; color: #111; width: 96%; padding: 0 0 10px 0; border-bottom: 1px solid #111; margin: 52px 0 26px 0; } .fact-list h3 span{ position: relative; display: inline-block; } .fact-list h3 span:after{ width: 96%; content: " "; position: absolute; bottom: -11px; display: block; border-bottom: 2px solid #111; } .fact-list p, .fact-list li{ line-height: 1.6; font-size: 16px; color: #111; } .fact-list p a, .fact-list li a{ border: none; text-decoration: none; color: #111; } .fact-list p a.button, .fact-list li a.button{ color: #fff; } .fact-list p{ margin-bottom: 24px; } .fact-list ul{ list-style: none; margin-left: 16px; padding: 0; } .fact-list li:before { display: inline-block; content: "-"; width: 1em; margin-left: -1em; } .fact-list ul li a{ } .fact-list .primary-color h3, .fact-list .primary-color p, .fact-list .primary-color li, .fact-list .primary-color a{ color: #009640 } .fact-list .primary-color h3, .fact-list .primary-color h3 span:after { border-color: #009640; } /* FACTS LIST END */ article h1, article h2{ text-align: left; margin-bottom: 25px; } article { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #dadada; } article p a{ text-decoration: none; border: none; color: #009640 } article h3{ margin: 0; } article h3 a{ text-decoration: none; color: #222; } /* HAMBURGER */ .hamburger { padding: 15px 0 0 0; float: right; position: relative; z-index: 2; margin-right: 50px; margin-top: -10px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger-box { width: 34px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 34px; height: 2px; background-color: #fff; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } header.light .hamburger-inner, header.light .hamburger-inner::before, header.light .hamburger-inner::after{ background: #002e54 } .noScroll header.light .hamburger-inner, .noScroll header.light .hamburger-inner::before, .noScroll header.light .hamburger-inner::after, header.light.fixed.open .hamburger-inner::before, header.light.fixed.open .hamburger-inner::after{ background: #fff; } .noScroll header.light .hamburger--spring.is-active .hamburger-inner, header.light.fixed.open .hamburger--spring.is-active .hamburger-inner{ background-color: transparent; } #mobileMenu{ display: none; } /* * Spring */ .hamburger--spring .hamburger-inner { top: 2px; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 10px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner { transition-delay: 0.22s; background-color: transparent; } .hamburger--spring.is-active .hamburger-inner::before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(-45deg); } section{ position: relative; } .has-person-image img{ width: 85%; height: auto; float: left; } .show-more-teaser{ display: none; } section.has-breadcrumb, section.nopaddbot{ padding-bottom: 0; } section.cleaner{ padding-top: 0; z-index: 3; } #map{ width: 100%; height: 500px; } .maptext p{ margin: 0 0 21px 0; } #map-holder .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed{ width: 100% } #map-holder .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail{ width: 100%; max-width: inherit; height: 500px; } #map-holder .gm-style .gm-style-iw{ font-size: 16px; line-height: 25px; } .input-field{ width: 100%; margin-bottom: 24px; } #map-holder iframe{ width: 100% } .input-field small{ float: left; display: block; } .offertanfrage{ border-bottom: 1px solid #BEBEBE; } .offertanfrage:last-of-type{ border-bottom: none; } .select-style select { padding: 9px 12px; width: 130%; border: 0; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; } .select-style { width: 98%; margin-right: 0; float: left; border: 1px solid #707070; overflow: hidden; background: url(../media/arrow.svg) no-repeat 96% 50%; background-size: 13px 7px; } section.primary h1, section.primary h2{ color: #fff; padding: 0; } section.primary h1:after, section.primary h2:after{ background: #fff; display: none; } .add-window{ letter-spacing: 2px; cursor: pointer; margin-top: 30px; display: block; color: #009640; font-size: 14px; margin-bottom: 4px; } .add-window span{ width: 26px; height: 26px; padding-left: 3px; color: #fff; background: #009640; display: inline-block; text-align: center; line-height: 26px; margin-right: 5px; font-size: 16px; border-radius: 50%; } .input-field label{ letter-spacing: 2px; display: block; font-size: 14px; margin-bottom: 4px; } .input-field input[type="text"], .input-field input[type="date"], .input-field input[type="email"], .input-field textarea{ width: 98%; display: block; background: #fff; padding: 10px 15px; border: 1px solid #707070; box-sizing: border-box; outline: none; } .input-field textarea{ width: 99%; } .input-field input.wpcf7-not-valid, .input-field textarea.wpcf7-not-valid{ border: 1px solid red; } .input-field span.wpcf7-not-valid-tip{ display: none; } .contactform .wpcf7-validation-errors, .contactform .wpcf7-acceptance-missing{ border: 1px solid red; background: red; color: #fff; width: 96%; padding: 10px 15px; margin: 20px 0 30px 0; box-sizing: border-box; } /* BREADCRUMB */ .kw-breadcrumb-menu{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; font-size:0.75rem; margin-bottom: 60px; } @media (min-width:42.5em){ .kw-breadcrumb-menu{ font-size:0.875rem; } } .kw-breadcrumb-menu__home{ display:block; background-repeat:no-repeat; background-position:center center; -webkit-background-size:contain; background-size:contain; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:20px; height:20px; margin-right:20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3ctitle%3ehome%3c/title%3e%3cpath d='M183.38,72.54,104.67,5.64a7.21,7.21,0,0,0-9.35,0l-78.7,66.9C9.38,78.69,3.92,90.48,3.92,100V175.5a20.56,20.56,0,0,0,20.52,20.58h48.9a7.23,7.23,0,0,0,7.22-7.22v-55h38.88v55a7.23,7.23,0,0,0,7.22,7.22h48.87a20.54,20.54,0,0,0,20.55-20.58V100C196.08,90.5,190.62,78.7,183.38,72.54Zm-1.74,103a6.12,6.12,0,0,1-6.1,6.14H133.88v-55a7.23,7.23,0,0,0-7.22-7.22H73.34a7.23,7.23,0,0,0-7.22,7.22v55H24.44a6.11,6.11,0,0,1-6.08-6.16V100c0-5.21,3.63-13,7.61-16.42l74-62.93,74,62.93c4,3.38,7.61,11.21,7.61,16.42Z'/%3e%3c/svg%3e"); -webkit-background-size:16px 16px; background-size:16px 16px; } .kw-breadcrumb-menu__home:hover,.kw-breadcrumb-menu__home:focus{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23f28c06;%7d%3c/style%3e%3c/defs%3e%3ctitle%3ehome%3c/title%3e%3cpath class='cls-1' d='M183.38,72.54,104.67,5.64a7.21,7.21,0,0,0-9.35,0l-78.7,66.9C9.38,78.69,3.92,90.48,3.92,100V175.5a20.56,20.56,0,0,0,20.52,20.58h48.9a7.23,7.23,0,0,0,7.22-7.22v-55h38.88v55a7.23,7.23,0,0,0,7.22,7.22h48.87a20.54,20.54,0,0,0,20.55-20.58V100C196.08,90.5,190.62,78.7,183.38,72.54Zm-1.74,103a6.12,6.12,0,0,1-6.1,6.14H133.88v-55a7.23,7.23,0,0,0-7.22-7.22H73.34a7.23,7.23,0,0,0-7.22,7.22v55H24.44a6.11,6.11,0,0,1-6.08-6.16V100c0-5.21,3.63-13,7.61-16.42l74-62.93,74,62.93c4,3.38,7.61,11.21,7.61,16.42Z'/%3e%3c/svg%3e"); } .kw-breadcrumb-menu__item{ -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; margin-left:5px; margin-right:5px; } .kw-breadcrumb-menu__item:before{ content:' / '; display:block; margin-right:10px; } .kw-breadcrumb-menu__title{ padding:10px 20px; border:1px solid transparent; border-bottom:0; } .has-sub .kw-breadcrumb-menu__title{ cursor:pointer; } .has-sub .kw-breadcrumb-menu__title span{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; } .has-sub .kw-breadcrumb-menu__title span:after{ content:''; display:block; width:12px; height:12px; margin-left:10px; margin-top: 2px; background-image:url("data:image/svg+xml; charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 16 9.1'%3E%3Cpath fill='%233a3a3a' d='M0 2l1.8-2L8 5.7 14.3 0 16 2 8.5 9.1h-.9L0 2z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center center; -webkit-background-size:contain; background-size:contain; -webkit-transition:-webkit-transform 0.3s; transition:-webkit-transform 0.3s; transition:transform 0.3s; transition:transform 0.3s,-webkit-transform 0.3s; } .is-active .kw-breadcrumb-menu__title{ color:#009640; } .is-active .kw-breadcrumb-menu__title span:after{ background-image:url("data:image/svg+xml; charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 16 9.1'%3E%3Cpath fill='%2339C3D4' d='M0 2l1.8-2L8 5.7 14.3 0 16 2 8.5 9.1h-.9L0 2z'/%3E%3C/svg%3E"); } .is-sub-visible .kw-breadcrumb-menu__title{ color:#009640; border-color:#d7d7d7; } .is-sub-visible .kw-breadcrumb-menu__title span:after{ background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 16 9.1'%3E%3Cpath fill='%2339C3D4' d='M0 2l1.8-2L8 5.7 14.3 0 16 2 8.5 9.1h-.9L0 2z'/%3E%3C/svg%3E"); -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); margin-top: 5px; margin-bottom: 0; } .kw-breadcrumb-menu__dropdown{ display:none; position:absolute; z-index:210; width:200px; background:#fff; border:1px solid #d7d7d7; word-break:break-word; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; } .kw-breadcrumb-menu__dropdown ul{ padding-left:0; list-style:none; margin:0; } .kw-breadcrumb-menu__dropdown li{ padding:0; } .kw-breadcrumb-menu__dropdown li:hover,.kw-breadcrumb-menu__dropdown li:focus,.kw-breadcrumb-menu__dropdown li.is-active, .kw-breadcrumb-menu__dropdown li.current-page-ancestor a, .kw-breadcrumb-menu__dropdown li.current_page_ancestor a, .kw-breadcrumb-menu__dropdown li.current_page_item, .single .kw-breadcrumb-menu__dropdown .current_page_parent{ background:#f5f3ef; } .kw-breadcrumb-menu__dropdown li:first-child a{ border-top:0; } .kw-breadcrumb-menu__dropdown a{ display:block; padding:5px 20px; border-top:1px solid #d7d7d7; color:#3a3a3a; text-decoration:none; } .is-sub-visible .kw-breadcrumb-menu__dropdown{ display:block; } .headroom--pinned { display: block; } .headroom--unpinned { display: none; } /** * Note: I have omitted any vendor-prefixes for clarity. * Adding them is left as an exercise for the reader. */ .headroom { will-change: transform; transition: transform 200ms linear; } .headroom--pinned { transform: translateY(0%); } .headroom--unpinned { transform: translateY(-100%); } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes slideDown { 0% { -moz-transform: translateY(-100%); } 100% { -moz-transform: translateY(0); } } @-o-keyframes slideDown { 0% { -o-transform: translateY(-100%); } 100% { -o-transform: translateY(0); } } @keyframes slideDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } .animated.slideDown { -webkit-animation-name: slideDown; -moz-animation-name: slideDown; -o-animation-name: slideDown; animation-name: slideDown; } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(0); } 100% { -webkit-transform: translateY(-100%); } } @-moz-keyframes slideUp { 0% { -moz-transform: translateY(0); } 100% { -moz-transform: translateY(-100%); } } @-o-keyframes slideUp { 0% { -o-transform: translateY(0); } 100% { -o-transform: translateY(-100%); } } @keyframes slideUp { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .animated.slideUp { -webkit-animation-name: slideUp; -moz-animation-name: slideUp; -o-animation-name: slideUp; animation-name: slideUp; } header nav{ float: right; margin-top: 0px; font-family: 'Montserrat', sans-serif; } .select2-container{ font-family: 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; } header nav ul{ margin: 0; padding: 0; } header nav ul li{ padding: 0 20px; margin: 15px 0; float: left; height: 57px; position: relative; list-style: none; } header nav li a{ text-decoration: none; color: #111; text-transform: uppercase; letter-spacing: 2px; display: block; line-height: 57px; font-size: 14px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-bottom: 2px solid #fff; padding: 8px 0; } header nav li a:hover, header nav li.active a, .single #nav-news a, .archive #nav-news a, .category #nav-news a{ color: #009640; border-bottom: 2px solid #009640; } /* header nav li.current-menu-item > a, header nav li.current-menu-parent > a, header nav li.current-page-ancestor > a, */ header nav ul ul{ display: none; position: absolute; top: 65px; left: -10px; padding: 0 0 20px 0; background: #009640; } header nav ul ul li a:hover, header nav ul ul li.current-menu-item > a, header nav ul ul li a.active, header nav ul ul li.current-menu-parent > a, header nav ul ul li.current-page-ancestor > a{ color: #fff; } header nav ul ul li{ padding: 0 30px; } header nav ul ul li a{ border-bottom: none; color: #fff; padding: 20px 0 4px 0; border-bottom: 1px solid #009640 !important; display: inline-block; line-height: 14px; } header nav ul ul li{ height: auto; float: none; } header nav ul li:hover ul{ display: block; } header nav ul li:hover ul li a:hover{ color: #fff; border-bottom: 1px solid #fff !important; } section.mapping{ padding: 0; } section.clear{ padding-bottom: 148px; } section.transform{ -webkit-backface-visibility: hidden; backface-visibility: initial; /*margin-bottom: 50px;*/ } article img{ max-width: 100%; height: auto; } /* .home .news figure{ height: 260px; overflow: hidden; } .home .news figure img{ position: relative; top: -20%; } */ section.transform-no-bottom{ padding: 108px 0; -webkit-backface-visibility: hidden; backface-visibility: initial; /*margin-bottom: 50px;*/ } section.transform-odd{ background: #f5f3ef } section.transform-odd .carousel-component h3, section.transform-white .carousel-component h3{ color: #009640 } .tcenter{ text-align: center; } .fit-90{ width: 90%; height: auto; } .fit-80{ width: 80%; height: auto; } .fit-70{ width: 70%; height: auto; } .primary .tickbox{ color: #fff; } .tickbox{ margin: 80px 0 0 0; padding: 0; list-style: none; } .tickbox.nopadd{ margin-top: 35px; } .tickbox li{ margin: 0px 0 24px 0; padding: 0; list-style: none; } .tickbox li { *zoom: 1; } .tickbox li:before, .tickbox li:after { content: ""; display: table; } .tickbox li:after { clear: both; } .tickbox li .list-icon{ width: 12%; float: left; } .tickbox li .list-content{ width: 88%; float: left; } .tickbox li .list-content p{ margin: 0; } .carousel-component ul, .carousel-component-three ul{ margin: 30px 0 0 0; padding: 0; } .carousel-component ul li{ margin: 0; list-style: none; padding: 0; } .carousel-component h3{ font-size: 30px; color: #fff; margin-top: 0; font-weight: 400; line-height: 36px; } .carousel-component p, .carousel-component li{ font-size: 15px; line-height: 22px; } .productRow p{ margin: 0 0 14px 0; } .refs .productRow{ margin: 0; } .productRow p:last-of-type{ margin-bottom: 0; } @media(min-width: 751px){ .productRow .inner{ position: relative; top: 50%; padding: 0 0 0 60px; transform: translateY(-50%); } .productRow.imageRight .inner{ padding: 0 60px 0 0 ; } } .productRow h3{ margin: 0; padding: 0; font-size: 16px; font-weight: 600; color: #009640; text-transform: uppercase; letter-spacing: 1px; } .productRow{ margin-bottom: 80px; } .product-overview{ margin-bottom: 30px; position: relative; } .product-overview figure img{ width: 100%; height: auto; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .product-overview .product-overview-link{ position: absolute; left: 0; top: 0; width: 100%; display: block; height: 100%; } .product-overview:hover img{ -webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2); } .productRow .fullimage{ position: relative; }.productRow a .ovrl{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; } .productRow a .ovrl span{ display: none; } .productRow a:hover .ovrl{ display: block; width: 100%; height: 100%; opacity: 1; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.3); } .productRow a:hover .ovrl span{ width: 70px; height: 70px; font-size: 70px; font-family: "Montserrat"; font-weight: 300; margin: 0 auto; color: #fff; line-height: 70px; display: block; text-align: center; position: relative; top: 50%; transform: translateY(-50%) } p a{ color: #009640; /* border-bottom: 1px solid #009640; */ text-decoration: none; } .primary p a, .colored-gradient1 p a, .colored-gradient2 p a, .colored-gradient3 p a{ color: #fff; border-bottom: 1px solid #fff; } p a.rounded{ color: #fff; border: 1px solid #009640; background: #009640; } p a.rounded.dark, p span.rounded.dark{ background: #3C3C3B; border-color: #3C3C3B; } .accordion-content a.rounded, .primary a.rounded{ color: #009640; border: 1px solid #fff; background: #fff; } .info-container a.rounded, .colored-gradient1 p a.rounded, .colored-gradient2 p a.rounded, .colored-gradient3 p a.rounded{ color: #464646; border: 1px solid #fff; background: #fff; } p a.bordered{ color: #009640; border: 1px solid #009640; background: transparent; } .primary p a.bordered, .info-container a.bordered, .colored-gradient1 p a.bordered, .colored-gradient2 p a.bordered, .colored-gradient3 p a.bordered{ color: #fff; border: 1px solid #fff; background: transparent; } .external:after{ content: " "; display: inline-block; width: 14px; height: 14px; margin-left: 7px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.77 226.77'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23f28c06;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eZeichenfläche 1%3c/title%3e%3cpath class='cls-1' d='M119,119.25l78.67-78.67v46a7.42,7.42,0,0,0,14.84,0V22.66a7.43,7.43,0,0,0-7.42-7.42H141.12a7.42,7.42,0,1,0,0,14.84h46l-78.66,78.67a7.42,7.42,0,0,0,0,10.49A7.59,7.59,0,0,0,119,119.25Z'/%3e%3cpath class='cls-1' d='M186.79,134a7.43,7.43,0,0,0-7.42,7.42v50.26a6.29,6.29,0,0,1-6.31,6.25H36.11a6.31,6.31,0,0,1-6.31-6.31V54.66a6.29,6.29,0,0,1,6.25-6.31H86.32a7.42,7.42,0,0,0,0-14.84H36.06A21.15,21.15,0,0,0,15,54.66V191.61a21.17,21.17,0,0,0,21.15,21.15H173.06a21.15,21.15,0,0,0,21.15-21.09V141.4A7.43,7.43,0,0,0,186.79,134Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 14px 14px; } .primary .external:after, .info-container .external:after, .colored-gradient1 .external:after, .colored-gradient2 .external:after, .colored-gradient3 .external:after, p a.textlink.external:after{ content: " "; display: inline-block; width: 14px; height: 14px; margin-left: 7px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.77 226.77'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23ffffff;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eZeichenfläche 1%3c/title%3e%3cpath class='cls-1' d='M119,119.25l78.67-78.67v46a7.42,7.42,0,0,0,14.84,0V22.66a7.43,7.43,0,0,0-7.42-7.42H141.12a7.42,7.42,0,1,0,0,14.84h46l-78.66,78.67a7.42,7.42,0,0,0,0,10.49A7.59,7.59,0,0,0,119,119.25Z'/%3e%3cpath class='cls-1' d='M186.79,134a7.43,7.43,0,0,0-7.42,7.42v50.26a6.29,6.29,0,0,1-6.31,6.25H36.11a6.31,6.31,0,0,1-6.31-6.31V54.66a6.29,6.29,0,0,1,6.25-6.31H86.32a7.42,7.42,0,0,0,0-14.84H36.06A21.15,21.15,0,0,0,15,54.66V191.61a21.17,21.17,0,0,0,21.15,21.15H173.06a21.15,21.15,0,0,0,21.15-21.09V141.4A7.43,7.43,0,0,0,186.79,134Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 14px 14px; } article p a.external:after{ content: " "; display: inline-block; width: 14px; height: 14px; margin-left: 7px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.77 226.77'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23f28c06;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eZeichenfläche 1%3c/title%3e%3cpath class='cls-1' d='M119,119.25l78.67-78.67v46a7.42,7.42,0,0,0,14.84,0V22.66a7.43,7.43,0,0,0-7.42-7.42H141.12a7.42,7.42,0,1,0,0,14.84h46l-78.66,78.67a7.42,7.42,0,0,0,0,10.49A7.59,7.59,0,0,0,119,119.25Z'/%3e%3cpath class='cls-1' d='M186.79,134a7.43,7.43,0,0,0-7.42,7.42v50.26a6.29,6.29,0,0,1-6.31,6.25H36.11a6.31,6.31,0,0,1-6.31-6.31V54.66a6.29,6.29,0,0,1,6.25-6.31H86.32a7.42,7.42,0,0,0,0-14.84H36.06A21.15,21.15,0,0,0,15,54.66V191.61a21.17,21.17,0,0,0,21.15,21.15H173.06a21.15,21.15,0,0,0,21.15-21.09V141.4A7.43,7.43,0,0,0,186.79,134Z'/%3e%3c/svg%3e") !important; background-repeat:no-repeat; background-position:center center; background-size: 14px 14px; } .download:after{ content: " "; display: inline-block; width: 14px; height: 14px; margin-left: 7px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23f28c06;%7d%3c/style%3e%3c/defs%3e%3ctitle%3edowbnload2%3c/title%3e%3cpath class='cls-1' d='M194.91,91.22a7.13,7.13,0,0,0-14.26,0v83.35a6.08,6.08,0,0,1-6.06,6.07H25.41a6.08,6.08,0,0,1-6.06-6.07V91.22a7.13,7.13,0,0,0-14.26,0v83.35a20.36,20.36,0,0,0,20.33,20.34H174.59a20.36,20.36,0,0,0,20.33-20.34Z'/%3e%3cpath class='cls-1' d='M107.13,12.18a7.13,7.13,0,0,0-14.26,0V117.9L56.76,81.79A7.13,7.13,0,1,0,46.68,91.87L95,140.15a7.3,7.3,0,0,0,10.09,0l48.28-48.28a7.14,7.14,0,0,0,0-10.08,7.3,7.3,0,0,0-10.09,0L107.13,117.9Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 14px 14px; } .ispdf:after{ content: " "; display: inline-block; width: 14px; height: 14px; margin-left: 7px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.77 226.77'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23f28c06;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eZeichenfläche 1%3c/title%3e%3cpath class='cls-1' d='M81.51,167h45.74a7.43,7.43,0,1,0,0-14.87H81.51a7.43,7.43,0,1,0,0,14.87Z'/%3e%3cpath class='cls-1' d='M58.64,212.76H168.43a21.17,21.17,0,0,0,21.16-21.14V77.75A7.35,7.35,0,0,0,187.4,72L132.51,17.09a7.37,7.37,0,0,0-5.66-2.18H58.61A21.18,21.18,0,0,0,37.48,36.1V191.57A21.2,21.2,0,0,0,58.64,212.76ZM134.69,40.29,164.2,69.81H134.69ZM52.35,36.1a6.29,6.29,0,0,1,6.25-6.32h61.22V77.24a7.44,7.44,0,0,0,7.43,7.43h47.46V191.62a6.29,6.29,0,0,1-6.29,6.27H58.64a6.31,6.31,0,0,1-6.29-6.32Z'/%3e%3cpath class='cls-1' d='M81.51,130.42h64a7.43,7.43,0,0,0,0-14.87h-64a7.43,7.43,0,0,0,0,14.87Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 14px 14px; } .primary .ispdf:after, .info-container .ispdf:after, .colored-gradient1 .ispdf:after, .colored-gradient2 .ispdf:after, .colored-gradient3 .ispdf:after, p a.rounded.ispdf:after{ content: " "; display: inline-block; width: 14px; height: 14px; margin-left: 7px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.77 226.77'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23ffffff;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eZeichenfläche 1%3c/title%3e%3cpath class='cls-1' d='M81.51,167h45.74a7.43,7.43,0,1,0,0-14.87H81.51a7.43,7.43,0,1,0,0,14.87Z'/%3e%3cpath class='cls-1' d='M58.64,212.76H168.43a21.17,21.17,0,0,0,21.16-21.14V77.75A7.35,7.35,0,0,0,187.4,72L132.51,17.09a7.37,7.37,0,0,0-5.66-2.18H58.61A21.18,21.18,0,0,0,37.48,36.1V191.57A21.2,21.2,0,0,0,58.64,212.76ZM134.69,40.29,164.2,69.81H134.69ZM52.35,36.1a6.29,6.29,0,0,1,6.25-6.32h61.22V77.24a7.44,7.44,0,0,0,7.43,7.43h47.46V191.62a6.29,6.29,0,0,1-6.29,6.27H58.64a6.31,6.31,0,0,1-6.29-6.32Z'/%3e%3cpath class='cls-1' d='M81.51,130.42h64a7.43,7.43,0,0,0,0-14.87h-64a7.43,7.43,0,0,0,0,14.87Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 14px 14px; } .primary .download:after, .info-container .download:after, p a.rounded.download:after, .colored-gradient1 .download:after, .colored-gradient2 .download:after, .colored-gradient3 .download:after{ content: " "; display: inline-block; width: 14px; height: 14px; margin-left: 7px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23ffffff;%7d%3c/style%3e%3c/defs%3e%3ctitle%3edowbnload2%3c/title%3e%3cpath class='cls-1' d='M194.91,91.22a7.13,7.13,0,0,0-14.26,0v83.35a6.08,6.08,0,0,1-6.06,6.07H25.41a6.08,6.08,0,0,1-6.06-6.07V91.22a7.13,7.13,0,0,0-14.26,0v83.35a20.36,20.36,0,0,0,20.33,20.34H174.59a20.36,20.36,0,0,0,20.33-20.34Z'/%3e%3cpath class='cls-1' d='M107.13,12.18a7.13,7.13,0,0,0-14.26,0V117.9L56.76,81.79A7.13,7.13,0,1,0,46.68,91.87L95,140.15a7.3,7.3,0,0,0,10.09,0l48.28-48.28a7.14,7.14,0,0,0,0-10.08,7.3,7.3,0,0,0-10.09,0L107.13,117.9Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 14px 14px; } .primary .external:after, .info-container .external:after, .colored-gradient1 .external:after, .colored-gradient2 .external:after, .colored-gradient3 .external:after{ content: " "; display: inline-block; width: 14px; height: 14px; margin-left: 7px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.77 226.77'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23ffffff;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eZeichenfläche 1%3c/title%3e%3cpath class='cls-1' d='M119,119.25l78.67-78.67v46a7.42,7.42,0,0,0,14.84,0V22.66a7.43,7.43,0,0,0-7.42-7.42H141.12a7.42,7.42,0,1,0,0,14.84h46l-78.66,78.67a7.42,7.42,0,0,0,0,10.49A7.59,7.59,0,0,0,119,119.25Z'/%3e%3cpath class='cls-1' d='M186.79,134a7.43,7.43,0,0,0-7.42,7.42v50.26a6.29,6.29,0,0,1-6.31,6.25H36.11a6.31,6.31,0,0,1-6.31-6.31V54.66a6.29,6.29,0,0,1,6.25-6.31H86.32a7.42,7.42,0,0,0,0-14.84H36.06A21.15,21.15,0,0,0,15,54.66V191.61a21.17,21.17,0,0,0,21.15,21.15H173.06a21.15,21.15,0,0,0,21.15-21.09V141.4A7.43,7.43,0,0,0,186.79,134Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 14px 14px; } section.secondary{ background: #413322; } section.dark{ background: #3C3C3B } section.secondary h2, section.secondary h1, section.dark h2, section.dark h1{ color: #fff; } .carousel-component h3 small{ font-size: 14px; color: #222; letter-spacing: 1px;text-transform: uppercase; display: block; } .carousel-component img{ max-width: 100%; height: auto; margin-top: 12px; } .icon{ width: 40px; height: 40px; display: inline-block; background-size: 40px 40px; } .icon.tick.white, .primary .icon.tick{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23ffffff;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eZeichenfläche 1%3c/title%3e%3cpath class='cls-1' d='M80.81,133a7.7,7.7,0,0,0,10.62,0l55.49-55.49a7.52,7.52,0,0,0-5.29-12.71,7.17,7.17,0,0,0-5.35,2.11L86.12,117.1,63.7,94.68a7.51,7.51,0,0,0-10.61,10.63Z'/%3e%3cpath class='cls-1' d='M100,200A100,100,0,1,0,0,100,100.11,100.11,0,0,0,100,200Zm0-185a85,85,0,1,1-85,85A85.07,85.07,0,0,1,100,15Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px; } .icon.tick{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23f28c06;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eZeichenfläche 1%3c/title%3e%3cpath class='cls-1' d='M80.81,133a7.7,7.7,0,0,0,10.62,0l55.49-55.49a7.52,7.52,0,0,0-5.29-12.71,7.17,7.17,0,0,0-5.35,2.11L86.12,117.1,63.7,94.68a7.51,7.51,0,0,0-10.61,10.63Z'/%3e%3cpath class='cls-1' d='M100,200A100,100,0,1,0,0,100,100.11,100.11,0,0,0,100,200Zm0-185a85,85,0,1,1-85,85A85.07,85.07,0,0,1,100,15Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px; } .icon.chat{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23f28c06;%7d%3c/style%3e%3c/defs%3e%3ctitle%3echat%3c/title%3e%3cpath class='cls-1' d='M47,176a67.68,67.68,0,0,0,36.12,4.09l.45-.07.43.16a85.05,85.05,0,0,0,29.63,5.31h.2a85.62,85.62,0,0,0,38.51-9.19l.57-.29L176.68,182c6.11,1.52,11.77.24,15.53-3.52s5-9.42,3.52-15.53l-5.93-23.73.29-.57A84.66,84.66,0,0,0,199.28,100,85.53,85.53,0,0,0,41.83,53.7l-.24.38-.4.21a67.26,67.26,0,0,0-31,84.86l.24.59-8.66,26.5c-2,6.13-1,12,2.62,15.6s9.39,4.65,15.61,2.62l26.5-8.66ZM71.39,43.52a70.61,70.61,0,0,1,104,91,7.45,7.45,0,0,0-.74,5.47l7,27.8-27.8-6.95a7.46,7.46,0,0,0-5.46.73,70.39,70.39,0,0,1-34.43,9h-5.2l4.11-3.09A67.19,67.19,0,0,0,72.43,46.62H67.28ZM16.22,170l9.26-28.34a7.44,7.44,0,0,0-.35-5.51A52.27,52.27,0,1,1,72.4,166.07h-.08a52.35,52.35,0,0,1-22.26-5,7.41,7.41,0,0,0-5.51-.35Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px; } .icon.chat.light{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23ffffff;%7d%3c/style%3e%3c/defs%3e%3ctitle%3echat%3c/title%3e%3cpath class='cls-1' d='M47,176a67.68,67.68,0,0,0,36.12,4.09l.45-.07.43.16a85.05,85.05,0,0,0,29.63,5.31h.2a85.62,85.62,0,0,0,38.51-9.19l.57-.29L176.68,182c6.11,1.52,11.77.24,15.53-3.52s5-9.42,3.52-15.53l-5.93-23.73.29-.57A84.66,84.66,0,0,0,199.28,100,85.53,85.53,0,0,0,41.83,53.7l-.24.38-.4.21a67.26,67.26,0,0,0-31,84.86l.24.59-8.66,26.5c-2,6.13-1,12,2.62,15.6s9.39,4.65,15.61,2.62l26.5-8.66ZM71.39,43.52a70.61,70.61,0,0,1,104,91,7.45,7.45,0,0,0-.74,5.47l7,27.8-27.8-6.95a7.46,7.46,0,0,0-5.46.73,70.39,70.39,0,0,1-34.43,9h-5.2l4.11-3.09A67.19,67.19,0,0,0,72.43,46.62H67.28ZM16.22,170l9.26-28.34a7.44,7.44,0,0,0-.35-5.51A52.27,52.27,0,1,1,72.4,166.07h-.08a52.35,52.35,0,0,1-22.26-5,7.41,7.41,0,0,0-5.51-.35Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px; } .icon.team{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23f28c06;%7d%3c/style%3e%3c/defs%3e%3ctitle%3ebetreeung%3c/title%3e%3cpath class='cls-1' d='M71.91,93.06a30.3,30.3,0,1,0-30.3-30.3A30.33,30.33,0,0,0,71.91,93.06Zm0-46.55A16.25,16.25,0,1,1,55.66,62.77,16.27,16.27,0,0,1,71.91,46.52Z'/%3e%3cpath class='cls-1' d='M145.38,94.06a24.31,24.31,0,1,0-24.31-24.31A24.34,24.34,0,0,0,145.38,94.06Zm0-34.58a10.26,10.26,0,1,1-10.26,10.26A10.28,10.28,0,0,1,145.38,59.48Z'/%3e%3cpath class='cls-1' d='M195.4,138.21c-.17-1.74-.38-3.49-.62-5.15a29.09,29.09,0,0,0-2-7.9c-3.65-7.94-28.8-19.22-47.44-19.22-10.07,0-23.49,3.46-34.21,8.8l-.63.32-.67-.25c-13.14-5-27-7.87-38-7.87-24.69,0-59.11,14.52-63.82,24.36-1.06,2.22-1.83,5.23-2.57,10-.33,2.19-.62,4.5-.85,6.82-.14,1.38-.23,2.46-.28,3.11l0,.57a15.93,15.93,0,0,0,16.08,15.7h102.9a16,16,0,0,0,15.57-11.76l.32-1.2h42.89a13.52,13.52,0,0,0,13.49-13.51l0-.56C195.57,140.07,195.5,139.25,195.4,138.21Zm-72.05,15.28H20.12l-1.75-.68.28-3.26c.21-2.09.46-4.18.75-6.1a49.69,49.69,0,0,1,1.06-5.25l.15-.52.44-.32a29.25,29.25,0,0,1,3.47-2.44,89.08,89.08,0,0,1,12.54-6.23c12.11-5,24.49-7.7,34.85-7.7s22.74,2.74,34.85,7.7a89.39,89.39,0,0,1,12.54,6.23,29.88,29.88,0,0,1,3.41,2.39l.49.42.15.47a47.31,47.31,0,0,1,1.06,5.25c.29,1.92.54,4,.75,6.1.08.85.16,1.57.2,2.1l.09,1.17Zm14.82-13-.24-1.34a31.26,31.26,0,0,0-2.22-7.88c-.87-1.83-2.88-4-5.81-6.14l-2.62-2,3.15-.89A55.72,55.72,0,0,1,145.38,120c7.12,0,15.66,2,24,5.55a59.9,59.9,0,0,1,8.65,4.47c.68.44,1.25.84,1.69,1.18l.46.36.13.57c.15.68.35,1.75.53,3s.32,2.37.45,3.63l.19,1.79Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px; } .icon.search{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23fff;%7d%3c/style%3e%3c/defs%3e%3ctitle%3esearch%3c/title%3e%3cpath class='cls-1' d='M81.86,161.81a79,79,0,0,0,49.88-17.47l1.19-.95,52.54,52.54a7.53,7.53,0,0,0,10.41,0,7.36,7.36,0,0,0,0-10.42L143.35,133l1-1.19A79,79,0,0,0,161.77,81.9a79.91,79.91,0,1,0-79.91,79.91Zm0-145.08A65.17,65.17,0,1,1,16.69,81.9,65.25,65.25,0,0,1,81.86,16.73Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px; } .icon.login{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23fff;%7d%3c/style%3e%3c/defs%3e%3ctitle%3elogin%3c/title%3e%3cpath class='cls-1' d='M91.14,18.58h84.15a6.13,6.13,0,0,1,6.13,6.12V175.3a6.13,6.13,0,0,1-6.13,6.12H91.14a7.2,7.2,0,1,0,0,14.4h84.15a20.55,20.55,0,0,0,20.53-20.52V24.7A20.55,20.55,0,0,0,175.28,4.18H91.14a7.2,7.2,0,1,0,0,14.4Z'/%3e%3cpath class='cls-1' d='M11.34,107.2H113.63L77.19,143.65a7.2,7.2,0,1,0,10.18,10.18l48.74-48.74a7.2,7.2,0,0,0,0-10.18L87.37,46.17A7.2,7.2,0,0,0,77.18,56.35L113.63,92.8H11.34a7.2,7.2,0,0,0,0,14.4Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px; } .icon.phone{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23fff;%7d%3c/style%3e%3c/defs%3e%3ctitle%3ephone%3c/title%3e%3cpath class='cls-1' d='M4.4,69.06a134.4,134.4,0,0,0,7.49,18c9.84,19.73,24.33,39.23,43.06,58s38.22,33.21,58,43.06a134.75,134.75,0,0,0,18,7.5c2.15.72,4.35,1.34,6.55,1.85,11.19,3.54,26.47.49,35.68-7.05L190.68,176a20.77,20.77,0,0,0,.14-32.9l-26-21.69c-7.22-6-19-6.65-26.83-1.43l-12.37,8.24-.63-.07a54.83,54.83,0,0,1-6.43-1.15,61.32,61.32,0,0,1-21.23-9.53A61.18,61.18,0,0,1,73,81.42,56.44,56.44,0,0,1,71.81,75l-.07-.63L80,62a23.19,23.19,0,0,0-1.43-26.83l-21.69-26a21.19,21.19,0,0,0-16.4-8h-.09A21.17,21.17,0,0,0,24,9.27L9.6,26.84C2.23,35.84-.82,51.1,2.5,62.31A68.94,68.94,0,0,0,4.4,69.06ZM21.1,36.25,35.47,18.69a6.41,6.41,0,0,1,5-2.7h0a6.44,6.44,0,0,1,5,2.67l21.69,26a8.56,8.56,0,0,1,.49,9.08L58,68.21a7.42,7.42,0,0,0-1.25,4.16A57.31,57.31,0,0,0,58.5,84.86a76,76,0,0,0,56.58,56.59,57.33,57.33,0,0,0,12.49,1.76,8.52,8.52,0,0,0,4.16-1.25l14.46-9.64a8.68,8.68,0,0,1,9.08.48l26,21.69a6,6,0,0,1,0,10L163.7,178.85c-3.91,3.2-10.55,5.16-16.23,5.16a17.77,17.77,0,0,1-5.67-.82,7,7,0,0,0-1-.27,49.36,49.36,0,0,1-5.28-1.49,119.89,119.89,0,0,1-16-6.68c-18.28-9.11-36.47-22.66-54.07-40.26S34.31,98.7,25.19,80.41a119.69,119.69,0,0,1-6.67-15.94A48.74,48.74,0,0,1,17,59.18a7.1,7.1,0,0,0-.22-.85C14.78,51.85,16.78,41.53,21.1,36.25Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px; } .icon.desktop{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23fff;%7d%3c/style%3e%3c/defs%3e%3ctitle%3edesktop%3c/title%3e%3cpath class='cls-1' d='M41,84.58a7.65,7.65,0,0,0,5.24-2.06L68.93,59.85a7.37,7.37,0,0,0-5.2-12.47H63.6a7.31,7.31,0,0,0-5.12,2.07L35.82,72.11A7.37,7.37,0,0,0,41,84.58Z'/%3e%3cpath class='cls-1' d='M22.91,148.19H92.63v21.54H59.18a7.37,7.37,0,1,0,0,14.74h81.64a7.37,7.37,0,1,0,0-14.74H107.37V148.19h69.71a21,21,0,0,0,21-21V36.54a21,21,0,0,0-21-21H22.92a21,21,0,0,0-21,21v90.64a21,21,0,0,0,21,21ZM16.66,36.54a6.28,6.28,0,0,1,6.27-6.27H177.08a6.28,6.28,0,0,1,6.27,6.27v90.64a6.28,6.28,0,0,1-6.27,6.27H22.92a6.28,6.28,0,0,1-6.27-6.27Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px; } .icon.desktop.dark{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23222;%7d%3c/style%3e%3c/defs%3e%3ctitle%3edesktop%3c/title%3e%3cpath class='cls-1' d='M41,84.58a7.65,7.65,0,0,0,5.24-2.06L68.93,59.85a7.37,7.37,0,0,0-5.2-12.47H63.6a7.31,7.31,0,0,0-5.12,2.07L35.82,72.11A7.37,7.37,0,0,0,41,84.58Z'/%3e%3cpath class='cls-1' d='M22.91,148.19H92.63v21.54H59.18a7.37,7.37,0,1,0,0,14.74h81.64a7.37,7.37,0,1,0,0-14.74H107.37V148.19h69.71a21,21,0,0,0,21-21V36.54a21,21,0,0,0-21-21H22.92a21,21,0,0,0-21,21v90.64a21,21,0,0,0,21,21ZM16.66,36.54a6.28,6.28,0,0,1,6.27-6.27H177.08a6.28,6.28,0,0,1,6.27,6.27v90.64a6.28,6.28,0,0,1-6.27,6.27H22.92a6.28,6.28,0,0,1-6.27-6.27Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px; } .icon.search.dark{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23222;%7d%3c/style%3e%3c/defs%3e%3ctitle%3esearch%3c/title%3e%3cpath class='cls-1' d='M81.86,161.81a79,79,0,0,0,49.88-17.47l1.19-.95,52.54,52.54a7.53,7.53,0,0,0,10.41,0,7.36,7.36,0,0,0,0-10.42L143.35,133l1-1.19A79,79,0,0,0,161.77,81.9a79.91,79.91,0,1,0-79.91,79.91Zm0-145.08A65.17,65.17,0,1,1,16.69,81.9,65.25,65.25,0,0,1,81.86,16.73Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px; } .icon.login.dark{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23222;%7d%3c/style%3e%3c/defs%3e%3ctitle%3elogin%3c/title%3e%3cpath class='cls-1' d='M91.14,18.58h84.15a6.13,6.13,0,0,1,6.13,6.12V175.3a6.13,6.13,0,0,1-6.13,6.12H91.14a7.2,7.2,0,1,0,0,14.4h84.15a20.55,20.55,0,0,0,20.53-20.52V24.7A20.55,20.55,0,0,0,175.28,4.18H91.14a7.2,7.2,0,1,0,0,14.4Z'/%3e%3cpath class='cls-1' d='M11.34,107.2H113.63L77.19,143.65a7.2,7.2,0,1,0,10.18,10.18l48.74-48.74a7.2,7.2,0,0,0,0-10.18L87.37,46.17A7.2,7.2,0,0,0,77.18,56.35L113.63,92.8H11.34a7.2,7.2,0,0,0,0,14.4Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px; } .icon.phone.dark{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23222;%7d%3c/style%3e%3c/defs%3e%3ctitle%3ephone%3c/title%3e%3cpath class='cls-1' d='M4.4,69.06a134.4,134.4,0,0,0,7.49,18c9.84,19.73,24.33,39.23,43.06,58s38.22,33.21,58,43.06a134.75,134.75,0,0,0,18,7.5c2.15.72,4.35,1.34,6.55,1.85,11.19,3.54,26.47.49,35.68-7.05L190.68,176a20.77,20.77,0,0,0,.14-32.9l-26-21.69c-7.22-6-19-6.65-26.83-1.43l-12.37,8.24-.63-.07a54.83,54.83,0,0,1-6.43-1.15,61.32,61.32,0,0,1-21.23-9.53A61.18,61.18,0,0,1,73,81.42,56.44,56.44,0,0,1,71.81,75l-.07-.63L80,62a23.19,23.19,0,0,0-1.43-26.83l-21.69-26a21.19,21.19,0,0,0-16.4-8h-.09A21.17,21.17,0,0,0,24,9.27L9.6,26.84C2.23,35.84-.82,51.1,2.5,62.31A68.94,68.94,0,0,0,4.4,69.06ZM21.1,36.25,35.47,18.69a6.41,6.41,0,0,1,5-2.7h0a6.44,6.44,0,0,1,5,2.67l21.69,26a8.56,8.56,0,0,1,.49,9.08L58,68.21a7.42,7.42,0,0,0-1.25,4.16A57.31,57.31,0,0,0,58.5,84.86a76,76,0,0,0,56.58,56.59,57.33,57.33,0,0,0,12.49,1.76,8.52,8.52,0,0,0,4.16-1.25l14.46-9.64a8.68,8.68,0,0,1,9.08.48l26,21.69a6,6,0,0,1,0,10L163.7,178.85c-3.91,3.2-10.55,5.16-16.23,5.16a17.77,17.77,0,0,1-5.67-.82,7,7,0,0,0-1-.27,49.36,49.36,0,0,1-5.28-1.49,119.89,119.89,0,0,1-16-6.68c-18.28-9.11-36.47-22.66-54.07-40.26S34.31,98.7,25.19,80.41a119.69,119.69,0,0,1-6.67-15.94A48.74,48.74,0,0,1,17,59.18a7.1,7.1,0,0,0-.22-.85C14.78,51.85,16.78,41.53,21.1,36.25Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px; } .icon.video.dark{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3ctitle%3evideo%3c/title%3e%3cpath d='M168.15,84.93,48.44,9.07A19.49,19.49,0,0,0,38.07,5.81a14.68,14.68,0,0,0-7.13,1.81c-5.17,2.84-8.13,8.51-8.13,15.54V176.84c0,7,3,12.7,8.12,15.55s11.56,2.31,17.51-1.46l119.71-75.86c5.74-3.64,9-9.13,9-15.07S173.9,88.57,168.15,84.93ZM41.22,173.7V26.3L157.52,100Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px;} .icon.video.light{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' viewBox='0 0 512 512'%3e%3cg%3e%3c/g%3e%3cpath d='M152.443 136.417l207.114 119.573-207.114 119.593z' fill='%23ffffff' /%3e%3c/svg%3e "); background-repeat:no-repeat; background-position:center center; background-size: 80px 80px;} .icon.pin.dark{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3ctitle%3epin%3c/title%3e%3cpath d='M129.72,77A29.72,29.72,0,1,0,100,106.77,29.76,29.76,0,0,0,129.72,77ZM100,92.18A15.14,15.14,0,1,1,115.14,77,15.16,15.16,0,0,1,100,92.18Z'/%3e%3cpath d='M100,196.5c19.46,0,72.66-82.41,74.53-123.61.75-16.53-5.83-32.95-18.53-46.24a76.91,76.91,0,0,0-112,0C31.29,39.94,24.71,56.37,25.47,72.89,27.35,114.1,80.54,196.5,100,196.5ZM40,72.23c-.57-12.51,4.6-25.13,14.55-35.53A64.09,64.09,0,0,1,100,17,64.12,64.12,0,0,1,145.43,36.7c9.94,10.41,15.11,23,14.54,35.53-.8,17.53-11.34,43.42-28.94,71a239.54,239.54,0,0,1-21.43,29,74.24,74.24,0,0,1-8.11,8.07l-1.5,1.2-1.49-1.19a75.16,75.16,0,0,1-8.11-8.08,239.54,239.54,0,0,1-21.43-29C51.38,115.65,40.84,89.77,40,72.23Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px;} .icon.mail.dark{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3ctitle%3email%3c/title%3e%3cpath d='M7,34.53a21.08,21.08,0,0,0-6.22,15v101a21.25,21.25,0,0,0,21.25,21.2H178a21.25,21.25,0,0,0,21.23-21.2v-101a21.25,21.25,0,0,0-21.25-21.2H22A21.08,21.08,0,0,0,7,34.53Zm177.26,116a6.31,6.31,0,0,1-6.31,6.28H22.05a6.32,6.32,0,0,1-6.34-6.29V81l80.45,48.28a7.44,7.44,0,0,0,7.68,0L184.29,81ZM178,43.23a6.31,6.31,0,0,1,6.28,6.29v4.63c0,5-3.9,11.84-8.19,14.42h0L100,114.25,23.9,68.57c-4.28-2.57-8.19-9.44-8.19-14.41V49.53A6.3,6.3,0,0,1,22,43.23Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px; } .icon.mail.light{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23ffffff;%7d%3c/style%3e%3c/defs%3e%3ctitle%3email%3c/title%3e%3cpath class='cls-1' d='M7,34.53a21.08,21.08,0,0,0-6.22,15v101a21.25,21.25,0,0,0,21.25,21.2H178a21.25,21.25,0,0,0,21.23-21.2v-101a21.25,21.25,0,0,0-21.25-21.2H22A21.08,21.08,0,0,0,7,34.53Zm177.26,116a6.31,6.31,0,0,1-6.31,6.28H22.05a6.32,6.32,0,0,1-6.34-6.29V81l80.45,48.28a7.44,7.44,0,0,0,7.68,0L184.29,81ZM178,43.23a6.31,6.31,0,0,1,6.28,6.29v4.63c0,5-3.9,11.84-8.19,14.42h0L100,114.25,23.9,68.57c-4.28-2.57-8.19-9.44-8.19-14.41V49.53A6.3,6.3,0,0,1,22,43.23Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px; } .icon.mail.primary{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23f28c06;%7d%3c/style%3e%3c/defs%3e%3ctitle%3email%3c/title%3e%3cpath class='cls-1' d='M7,34.53a21.08,21.08,0,0,0-6.22,15v101a21.25,21.25,0,0,0,21.25,21.2H178a21.25,21.25,0,0,0,21.23-21.2v-101a21.25,21.25,0,0,0-21.25-21.2H22A21.08,21.08,0,0,0,7,34.53Zm177.26,116a6.31,6.31,0,0,1-6.31,6.28H22.05a6.32,6.32,0,0,1-6.34-6.29V81l80.45,48.28a7.44,7.44,0,0,0,7.68,0L184.29,81ZM178,43.23a6.31,6.31,0,0,1,6.28,6.29v4.63c0,5-3.9,11.84-8.19,14.42h0L100,114.25,23.9,68.57c-4.28-2.57-8.19-9.44-8.19-14.41V49.53A6.3,6.3,0,0,1,22,43.23Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px; } .icon.phone.primary{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23f28c06;%7d%3c/style%3e%3c/defs%3e%3ctitle%3email%3c/title%3e%3cpath class='cls-1' d='M4.4,69.06a134.4,134.4,0,0,0,7.49,18c9.84,19.73,24.33,39.23,43.06,58s38.22,33.21,58,43.06a134.75,134.75,0,0,0,18,7.5c2.15.72,4.35,1.34,6.55,1.85,11.19,3.54,26.47.49,35.68-7.05L190.68,176a20.77,20.77,0,0,0,.14-32.9l-26-21.69c-7.22-6-19-6.65-26.83-1.43l-12.37,8.24-.63-.07a54.83,54.83,0,0,1-6.43-1.15,61.32,61.32,0,0,1-21.23-9.53A61.18,61.18,0,0,1,73,81.42,56.44,56.44,0,0,1,71.81,75l-.07-.63L80,62a23.19,23.19,0,0,0-1.43-26.83l-21.69-26a21.19,21.19,0,0,0-16.4-8h-.09A21.17,21.17,0,0,0,24,9.27L9.6,26.84C2.23,35.84-.82,51.1,2.5,62.31A68.94,68.94,0,0,0,4.4,69.06ZM21.1,36.25,35.47,18.69a6.41,6.41,0,0,1,5-2.7h0a6.44,6.44,0,0,1,5,2.67l21.69,26a8.56,8.56,0,0,1,.49,9.08L58,68.21a7.42,7.42,0,0,0-1.25,4.16A57.31,57.31,0,0,0,58.5,84.86a76,76,0,0,0,56.58,56.59,57.33,57.33,0,0,0,12.49,1.76,8.52,8.52,0,0,0,4.16-1.25l14.46-9.64a8.68,8.68,0,0,1,9.08.48l26,21.69a6,6,0,0,1,0,10L163.7,178.85c-3.91,3.2-10.55,5.16-16.23,5.16a17.77,17.77,0,0,1-5.67-.82,7,7,0,0,0-1-.27,49.36,49.36,0,0,1-5.28-1.49,119.89,119.89,0,0,1-16-6.68c-18.28-9.11-36.47-22.66-54.07-40.26S34.31,98.7,25.19,80.41a119.69,119.69,0,0,1-6.67-15.94A48.74,48.74,0,0,1,17,59.18a7.1,7.1,0,0,0-.22-.85C14.78,51.85,16.78,41.53,21.1,36.25Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px; } .icon.desktop.primary{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23f28c06;%7d%3c/style%3e%3c/defs%3e%3ctitle%3email%3c/title%3e%3cpath class='cls-1' d='M41,84.58a7.65,7.65,0,0,0,5.24-2.06L68.93,59.85a7.37,7.37,0,0,0-5.2-12.47H63.6a7.31,7.31,0,0,0-5.12,2.07L35.82,72.11A7.37,7.37,0,0,0,41,84.58Z'/%3e%3cpath class='cls-1' d='M22.91,148.19H92.63v21.54H59.18a7.37,7.37,0,1,0,0,14.74h81.64a7.37,7.37,0,1,0,0-14.74H107.37V148.19h69.71a21,21,0,0,0,21-21V36.54a21,21,0,0,0-21-21H22.92a21,21,0,0,0-21,21v90.64a21,21,0,0,0,21,21ZM16.66,36.54a6.28,6.28,0,0,1,6.27-6.27H177.08a6.28,6.28,0,0,1,6.27,6.27v90.64a6.28,6.28,0,0,1-6.27,6.27H22.92a6.28,6.28,0,0,1-6.27-6.27Z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center center; background-size: 40px 40px; } .icon.big{ width: 70px; height: 70px; background-size: 70px 70px; } .icon.small, .icon.primary.small, .icon.light.small, .icon.dark.small{ width: 30px; height: 30px; background-size: 20px 20px; background-position: center center; } section.clear:after{ content: " "; background: #fff; height: 100px; width: 100%; display: block; position: absolute; bottom: -50px; z-index: -1; } #category-menu{ position: relative; } #category-menu ul{ position: absolute; margin: 0; top: 22px; z-index: 10; padding: 0; text-align: center; font-size: 13px; width: 100%; } #category-menu ul li{ margin: 0; text-align: center; padding: 0; width: 180px; display: inline-block; } #category-menu ul li a{ text-transform: uppercase; letter-spacing: 2px; color: #111; display: block; text-decoration: none; } #category-menu ul li.current-cat a{ color: #009640; } #category-menu ul li.space{ margin-right: 200px; } section{ background: #fff; } .news{ padding-bottom: 40px; position: relative; min-height: 280px; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; } .referenzen .news{ min-height: inherit; } article figure{ margin: 0px 0 24px 0; padding: 0; } article figure img{ width: 100%; height: auto; } h3{ font-weight: 500; margin-bottom: 40px; } .newslist{ margin-left: -1%; margin-right: -1%; } .newslist .nitem:nth-child(4n+1) { order: 1; } .nitem{ width: 31.3333%; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; margin: 0 1%; -webkit-box-sizing: border-box; position: relative; margin-bottom: 20px; } .news.odd{ background: #efefef } .news a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; display: block; } .news{ } .news:hover h3, .news:hover p{ } .news figure{ margin-bottom: 20px; } .news figure img, .image-text-revert-component .image img{ width: 100%; height: auto; } .image-text-revert-component .image img{ float: left; } section.nopad{ padding: 0; } section.contactperson{ padding-bottom: 0; padding-top: 48px; } section.contactperson p a{ color: #464646; text-decoration: none; } section.contactperson h3{ margin-top: 110px; font-weight: 400; font-size: 26px; line-height: 1.3; } .image-text-revert-component .odd{ background: #efefef; } .image-text-revert-component .image{ padding: 0; } .image-text-revert-component .col-100{ padding: 0; } .image-text-revert-component .col-100 h3 small{ color: #464646; } .image-text-revert-component .col-100 h3{ color: #009640; } .listholder{ position: relative; } .listholder .text{ width: 50%; height: 100%; position: absolute; top: 0; } .listholder .text{ left: 50%; } .listholder.odd .text{ left: 0; } .clean .carousel-component h3{ color: #009640; } .listholder.odd .image{ margin-left: 50%; } .image-text-revert-component .textwrapper{ padding: 40px 80px; } .textwrapper{ position: relative; top: 50%; transform: translateY(-50%); } .image-text-revert-component .button-group.space-top{ text-align: left; } .image-text-revert-component h3{ font-size: 36px; font-weight: 400; margin-top: 0; } h1, h2{ position: relative; } h1 small, h2 small{ display: block; color: #009640; line-height: 30px; font-weight: 600; padding: 5px 40px; font-family: 'Montserrat', sans-serif; font-size: 15px; text-transform: uppercase; letter-spacing: 4px; } h1:after, h2:after{ width: 80px; height: 2px; background: #009640; position: absolute; left: 50%; margin-left: -40px; content: " "; bottom: 20px; } .image-text-revert-component h3 small{ color: #009640; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; display: block; margin-bottom: 12px; } .row .col.image{ padding: 0; } .news p, .news h3{ margin: 0 20px 0 0; font-weight: 400; } .news h3{ font-size: 18px; font-weight: 600; margin-bottom: 10px; } .news p, .news .cat{ font-size: 15px; line-height: 1.5; } .news.fullbg h3, .news.fullbg p, .news.fullbg .cat{ color: #fff; } .news.top { background: #009640; color: #fff; } .news.top .spcr{ margin-left: 15px; border-color: #fff; } .news .date{ position: absolute; top: 20px; left: 20px; z-index: 20; background: #fff; padding: 2px 12px; border: 1px solid #dadada; font-size: 13px; border-radius: 5px; } .news.breaking .date, .news.top .date{ border: none; } .news.top .date{ color: #009640 } .news.special, .news.top{ padding-top: 80px; } .gallery{ width: 100%; margin: 0 auto; box-sizing: border-box; padding: 0 15px; } .gallery ul{ margin: 0; padding: 0; } .gallery ul li{ list-style: none; } .news.top.hasImage{ padding-top: 0; } .hasImage figure{ overflow: hidden; } .hasImage img { transition: all .4s ease-in-out; } .hasImage:hover img { transform: scale(1.1); } .news hr{ margin: 40px 0 20px 0; } #newsArchive{ padding-bottom: 98px; } .news .cat{ color: #009640; display: block; font-size: 13px; text-transform: uppercase; box-sizing: border-box; margin-bottom: 12px; letter-spacing: 2px; } .news .spcr{ border-top: 1px solid #3C3C3B; width: 70px; margin-top: 40px; display: block; } .news.top h3, .news.top p, .news.top .cat{ padding: 0 15px; } .news.top .cat{ color: #fff; } .overview-component{ margin: 0; padding: 0; } .overview-component li{ list-style: none; margin: 0; padding: 0; width: 33.3333%; position: relative; float: left; } #transformated-caption{ background: url(../media/transform.png) 0 0 no-repeat; background-size: contain; padding: 80px; position: absolute; right: 0; bottom: 20px; z-index: 20; } #transformated-caption span{ display: inline-block; font-size: 36px; color: #fff; text-align: left; line-height: 46px; letter-spacing: 1px; } #transformated-caption span{ transform: perspective( 0 ) rotateY( 0 ); } .overview-component li img{ width: 100%; height: auto; } .overview-component li .read-more{ position: absolute; bottom: 40px; text-align: center; display: block; left: 0; z-index: 20; width: 100%; } .overview-component li img{ float: left; } .overview-component li .read-more span{ padding: 0 24px; font-size: 15px; -webkit-transition: all .35s; border: none; -o-transition: all .35s; transition: all .35s; color: #fff; background: #009640; } .overview-component li:hover .read-more span{ color: #313131; background: #fff; } .overview-component li a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; z-index: 40; } .overview-component li .mask{ width: 100%; height: 100%; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; display: block; z-index: 10; left: 0; top: 0; background: rgba(0,0,0,0.4); position: absolute; } section.linkbox{ z-index: 5; } .linkbox .overview-component li .title{ transform: translateY(-70%); } .overview-component li:hover .mask{ background: rgba(43,171,230,0.8); } .overview-component li .title img{ width: 84px; display: inline-block; float: none; margin-bottom: 12px; } .overview-component li .title{ position: absolute; z-index: 30; left: 0; font-size: 24px; width: 100%; text-align: center; color: #fff; top: 50%; transform: translateY(-50%); } .office-brands li { background: rgba(255,255,255,0.6); text-align: center; list-style: none; margin: 0; padding: 40px 0; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; } .office-brands li .button.white{ border: none; } .office-brands li:hover{ background: #fff; -webkit-box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.2); } .office-brands li:hover .button{ color: #fff; background: #009640; } .support-boxes li { background: #009640; text-align: center; list-style: none; margin: 0; padding: 40px 0; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; } .support-boxes .primary-three-col-comp li h3{ color: #fff; margin-bottom: 30px; margin-top: 12px; font-size: 26px; line-height: 32px; } .support-boxes li.graybgaction{ padding: 24px 12px; background: #f5f3ef; border-top:4px solid #fff; } .graybgaction a{ display: inline-block; text-decoration: none; } .office-brands .owl-carousel .owl-stage-outer, .newslisting .owl-carousel .owl-stage-outer{ padding: 40px 0; } .newslisting li{ padding: 0; margin: 0; list-style: none; } .support-boxes .primary-three-col-comp li{ width: 33.3333%; float: left; border-left: 2px solid #fff; border-right: 2px solid #fff; position: relative; margin: 0; } .office-brands li a{ width: 100%; height: 100%; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; text-indent: -99999px; display: block; z-index: 10; left: 0; top: 0; position: absolute; } .support-boxes .button.white{ color: #009640; } /* ACCORDEON */ .accordion dl, .accordion-list { } section.contactperson p a{ color: #009640; } .accordion dd, .accordion__panel { background-color: #009640; font-size: 1em; padding: 0; margin: 0; text-align: left; color: #fff; line-height: 1.5em; -webkit-transition: max-height .25s; -o-transition: max-height .25s; transition: max-height .25s; } .accordion p{ margin-top: 5px; }.accordion p:last-of-type{ margin-bottom: 30px; } .accordion p:first-of-type{ margin-top: 30px; } .gallery-component .client-image img{ width: 90% } .accordion h3{ font-size: 16px; } .accordion p { margin: 0px 30px 15px 30px; color: #fff; width: 90%; box-sizing: border-box; } .textbox h3{ margin: 30px 0 0 0; font-weight: 600; } .textbox p img{ max-width: 100%; height: auto; } .accordion h3{ margin: 30px 30px 0 30px; font-weight: 600; } .accordion .button{ margin-bottom: 30px; margin-top: 10px; } .accordion .button:hover{ /* background: #fff; */ } .accordion { position: relative; } .accordion dt{ margin-top: 12px; } .accordion dt a{ border-left: 20px solid #efefef; border-right: 20px solid #efefef; display: block; } .accordionTitle, .accordion__Heading { background-color: #fff; padding: 12px; display: block; color: #464646; font-weight: 600; text-decoration: none; } .accordion.light .accordionTitle, .accordion.light .accordion__Heading{ background: #efefef; } .accordionTitle span{ display: block; } .accordionTitle span:before, .accordion__Heading span:before { content: "+"; font-size: 1.5em; margin-right: 10px; float: left; } .accordionTitle:hover, .accordion__Heading:hover { color: #009640; } .accordionTitleActive, .accordionTitle.is-expanded { background-color: #009640; border-left: 30px solid #009640; border-right: 30px solid #009640; position: relative; font-size: 17px; color: #fff; padding: 20px 0; } .accordion.light .accordionTitleActive, .accordion.light .accordionTitle.is-expanded{ background-color: #009640; border-left: 30px solid #009640; border-right: 30px solid #009640; } .accordion.light dt a{ border-color: #fff; } .accordionTitle.is-expanded:before { width: 100%; content: " "; position: absolute; bottom: -1px; display: block; border-bottom: 1px solid #fff; } .accordionTitleActive span, .accordionTitle.is-expanded span { position: relative; display: inline-block; } .accordionTitleActive span:before, .accordionTitle.is-expanded span:before { -webkit-transform: rotate(-225deg); transform: rotate(-225deg); } .accordionTitle.is-expanded span:after , .accordionTitleActive span:after { width: 100%; content: " "; position: absolute; bottom: -21px; display: block; border-bottom: 2px solid #fff; } .accordionItem { height: auto; overflow: hidden; max-height: 50em; } .accordionItem.is-collapsed { max-height: 0; } .no-js .accordionItem.is-collapsed { max-height: auto; } .accordion-teaser{ padding: 30px 30px 10px 30px; width: 90%; box-sizing: border-box; } .video-component, .ref-component{ padding: 0; position: relative; } .video-component img, .ref-component img{ float: left; width: 100%; height: auto; } .statement-hover{ position: absolute; height: 100%; left: 0; top: 0; width: 100%; } .statement-hover .row{ height: 100%; } #speaker{ position: absolute; z-index: 30; left: 0; text-decoration: none; width: 64%; color: #fff; top: 50%; transform: translateY(-50%); } #speaker small{ text-transform: uppercase; letter-spacing: 1px; } .video-component .mask{ width: 100%; height: 100%; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; display: block; z-index: 10; left: 0; top: 0; background: rgba(255,255,255,0.6); position: absolute; } .video-component .show-video small{ display: inline-block; color: #009640; font-weight: 600; padding: 5px 40px; border-radius: 30px; margin-bottom: 15px; font-size: 15px; text-transform: uppercase; letter-spacing: 4px; } .video-component .show-video{ position: absolute; z-index: 30; left: 0; font-size: 36px; text-decoration: none; text-decoration: none; width: 100%; text-align: center; color: #212121; top: 50%; transform: translateY(-50%); } .rounded-btn{ background: #fff; border-radius: 50%; width: 120px; cursor: pointer; height: 120px; display: block; margin: 40px auto 0 auto; } .rounded-btn.primary{ background: #009640; } .rounded-btn span{ margin: 40px 0 0 5px; } .showcaseData h3 , section.primary .showcaseData h3 { font-size: 15px; letter-spacing: 1px; text-transform: uppercase; color: #111; width: 96%; padding: 0 0 20px 0; border-bottom: 1px solid #111; margin: 0 0 26px 0; } .showcaseData h3 span { position: relative; display: inline-block; } .showcaseData h3 span:after { width: 96%; content: " "; position: absolute; bottom: -21px; display: block; border-bottom: 2px solid #111; } .showcaseData ul, .showcaseData li{ margin: 0; padding: 0; list-style: none; } .showcaseData ul li{ margin-bottom: 8px; position: relative; padding-left: 20px; } .showcaseData ul li:before{ content: "•"; width: 20px; height: 20px; display: block; position: absolute; left: 0; top: 0 } .showcaseData p, .showcaseData p a, .showcaseData li, section.primary .showcaseData p, section.primary .showcaseData li, section.primary .showcaseData p a{ color: #111; border: none; max-width: 96%; } .showcaseData .highlight h3 , section.primary .showcaseData .highlight h3{ color: #fff; border-color: #fff; } .showcaseData .highlight p, .showcaseData .highlight p a, section.primary .showcaseData .highlight p, section.primary .showcaseData .highlight li, section.primary .showcaseData .highlight p a{ color: #fff; } .showcaseData .highlight h3 span:after{ border-bottom-color: #fff; } .primary.quote{color: #fff;} .primary-three-col-comp li{ width: 31.3333%; float: left; position: relative; margin: 0 1%; } .primary-three-col-comp li img{ max-width: 90px; height: auto; } .primary-three-col-comp li h3{ max-width: 90%; color: #0f0f0f; text-align: center; margin-left: 5%; font-size: 26px; line-height: 32px; } .button.back-to-blog.persons{ padding-right: 0; } .dark blockquote{ color: #fff; } .quote small{ display: block; margin-top: 20px; } .quote blockquote{ width: 70%; position: relative; margin: 0 auto; line-height: 1.8; } blockquote::before{ content: "\201C"; font-family: Georgia, serif; font-size: 81px; font-weight: bold; position: absolute; left: -59px; top: -40px; } .odd blockquote::before, .dark blockquote::before{ color: #009640 } .hidden-team-el{ opacity: 0; } .team-component{ text-align: left; } .team-component figure{ width: 100%; margin: 0; padding: 0; } .team-component .col{ padding: 0; position: relative; } .team-component .col.hide-person{ display: none; } .team-hover{ background: rgba(39,29,17, 0.76);position: absolute; width: 100%; padding: 20px; bottom: -150px; box-sizing: border-box; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team-component .col:hover .team-hover{ bottom: 0; } .team-component .col{ overflow: hidden; } .team-component p a{ text-decoration: none; } .team-component figure img{ width: 100%; height: auto; margin: 0; padding: 0; } .team-component h3{ margin: 0px 0 6px 0; font-size: 18px; font-weight: 600; } .team-component small{ margin-top: 20px; color: #009640; display: block; font-size: 13px; text-transform: uppercase; box-sizing: border-box; margin-bottom: 12px; letter-spacing: 2px; } .image-overlay{ position: relative; } .image-overlay img{ width: 100%; display: block; } .image-overlay-caption{ position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .image-overlay-caption-inner{ height: 100% } .image-overlay-caption-inner .ioc-box h2:after{ content: ""; display: none; } .image-overlay-caption-inner .ioc-box h2{ text-align: left; margin-bottom: 30px; padding: 0; } .image-overlay-caption-inner .ioc-box h2 small{ padding: 5px 0 5px 3px; } .image-overlay-caption-inner .ioc-box{ background: rgba(255,255,255,0.8); padding: 40px; width: 48%; box-sizing: border-box; text-align: left; position: relative; top: 50%; transform: translateY(-50%); } .oright .image-overlay-caption-inner .ioc-box{ float: right; } .team-component p{ font-size: 14px; line-height: 21px; margin: 0 0 6px 0; } ul.tabs{ margin: 0px; padding: 0px; list-style: none; border-bottom: 1px solid #e7e7e7; } ul.tabs li{ background: none; color: #222; display: inline-block; padding: 10px 30px; cursor: pointer; border-bottom: 3px solid transparent; } ul.tabs li.current{ border-bottom: 3px solid #009640; color: #009640; } .tabbed-content{ display: none; padding: 30px 0px; } .tabbed-content p a{ color: #009640; text-decoration: none; } .tabbed-content p{ margin-top: 0; } .tabbed-content p .button{ color: #fff; } .tabbed-content.current{ display: inherit; } .tabbed-content h3{ color: #009640; font-weight: 600; margin-top: 0; font-size: 18px; margin-bottom: 3px; } .accordion-teaser h3{ margin: 0 0 5px 0; } .accordion-teaser p{ margin-top: 0; } /*! Lity - v2.2.2 - 2017-07-17 * http://sorgalla.com/lity/ * Copyright (c) 2015-2017 Jan Sorgalla; Licensed MIT */ .lity { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; background: #0b0b0b; background: rgba(0, 0, 0, 0.9); outline: none !important; opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .lity.lity-opened { opacity: 1; } .lity.lity-closed { opacity: 0; } .lity * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lity-wrap { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; outline: none !important; } .lity-wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .lity-loader { z-index: 9991; color: #fff; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .lity-loading .lity-loader { opacity: 1; } .lity-container { z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: 100%; max-height: 100%; outline: none !important; } .lity-content { z-index: 9993; width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; } .lity-loading .lity-content, .lity-closed .lity-content { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .lity-content:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .lity-close { z-index: 9994; width: 35px; height: 35px; position: fixed; right: 0; top: 0; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } .lity-close::-moz-focus-inner { border: 0; padding: 0; } .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } .lity-close:active { top: 1px; } /* Image */ .lity-image img { max-width: 100%; display: block; line-height: 0; border: 0; } /* iFrame */ .lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container { width: 100%; max-width: 964px; } .lity-iframe-container { width: 100%; height: 0; padding-top: 56.25%; overflow: auto; pointer-events: auto; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-overflow-scrolling: touch; } .lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } .lity-hide { display: none; } .post-image{ margin: 0 0 60px 0; } #products-nav{ padding-top: 4px; } #products-nav nav ul{ margin: 0; padding: 0; } #products-nav nav li { float: left; list-style: none; margin: 0; padding: 0; line-height: 48px; } #products-nav nav li a{ text-transform: uppercase; letter-spacing: 2px; line-height: 48px; display: block; margin: 0; font-size: 13px; padding: 0 20px; text-decoration: none; color: #111; } #products-nav nav li.current_page_item a{ color: #009640; font-weight: 600; font-size: 14px; } #subnavi-about{ padding-top: 4px; background: #fff; display: none; } .page-id-321 #subnavi-about{ display: block; } #subnavi-about nav ul{ margin: 0; padding: 0; } @media(max-width: 800px){ #subnavi-about{ display: none !important; } } #subnavi-about nav li { float: left; list-style: none; margin: 0; padding: 0; line-height: 48px; } #subnavi-about nav li a{ text-transform: uppercase; letter-spacing: 2px; line-height: 48px; display: block; margin: 0; font-size: 13px; padding: 0 20px; text-decoration: none; color: #111; } #subnavi-about nav li.current_page_item a{ color: #009640; font-weight: 600; font-size: 14px; } .single h1:after{ content: ""; display: none; } .post-image img{ width: 100%; height: auto; } #subnavi{ background: #009640; padding: 60px 0; } #subnavi nav ul li{ width: 25%; padding: 0; margin: 0; list-style: none; float: left; } #subnavi{ display: none; } #subnavi.opened{ } #subnavi nav ul{ padding: 0; margin: 0; } #subnavi nav ul.sub-menu{ margin-top: 6px; } #subnavi nav ul > li > a{ color: #fff; text-transform: uppercase; letter-spacing: 2px; display: block; margin: 0; min-height: 30px; text-decoration: none; } #subnavi nav ul li li a{ color: #111; letter-spacing: 0; min-height: inherit; text-transform: none; } #subnavi nav ul > li li{ width: 100%; padding: 0; margin: 0; float: none; } #contact_results .success,div.wpcf7-mail-sent-ok{ background: #99c269; border: none !important; color: #fff; margin: 20px 0 !important; padding: 20px !important; } .js .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .inputfile + label { /* 20px */ font-weight: 700; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 10px 22px; box-sizing: border-box; text-align: center; width: 100%; /* 10px 20px */ } .no-js .inputfile + label { display: none; } .inputfile:focus + label, .inputfile.has-focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; } .inputfile + label * { /* pointer-events: none; */ /* in case of FastClick lib use */ } .tooltipster-content img{ max-width: 500px; height: auto; } /* style 1 */ .inputfile-1 + label { color: #fff; border-radius: 30px; background-color: #009640; } .inputfile-1:focus + label, .inputfile-1.has-focus + label, .inputfile-1 + label:hover { background-color: #009640; } .tooltipster-sidetip.tooltipster-shadow .tooltipster-box{border:none;border-radius:5px;background:#fff;box-shadow:0 0 10px 6px rgba(0,0,0,.1)}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box{margin-top:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box{margin-right:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box{margin-left:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box{margin-bottom:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-content{color:#8d8d8d}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow{height:6px;margin-left:-6px;width:12px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow{height:12px;margin-left:0;margin-top:-6px;width:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border{border:6px solid transparent}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border{border-left-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border{border-right-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border{border-top-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped{left:-6px} .scroll-downs { position: absolute; right: 50px; bottom: 30px; z-index: 100; width: 44px; height: 44px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 141.73 141.73'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23dbd7d2;%7d%3c/style%3e%3c/defs%3e%3ctitle%3etopback%3c/title%3e%3cpath class='cls-1' d='M70.9,4.42a66.42,66.42,0,1,0,66.42,66.42A66.5,66.5,0,0,0,70.9,4.42Zm0,124.3a57.88,57.88,0,1,1,57.88-57.88A57.94,57.94,0,0,1,70.9,128.72Z'/%3e%3cpath class='cls-1' d='M103,91.56a4.65,4.65,0,0,1-3.3-1.37L70.9,61.38,42.08,90.19a4.66,4.66,0,0,1-6.59-6.59L67.6,51.49a4.66,4.66,0,0,1,6.59,0L106.3,83.6a4.66,4.66,0,0,1-3.3,8Z'/%3e%3c/svg%3e"); background-size: 44px 44px; display: block; z-index: 200; transform:rotate(180deg); opacity: 1; } /* .mousey { width: 3px; padding: 9px 10px; height: 20px; cursor: pointer; border: 2px solid #fff; border-radius: 15px; opacity: .75; } .scroller { width: 3px; height: 10px; border-radius: 25%; background-color: #fff; animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite; } @keyframes scroll{0%{opacity:0}10%{transform:translateY(0);opacity:1}100%{transform:translateY(15px);opacity:0}} */ header .multipage{ float: right; margin-top: 52px; margin-left: 20px; } header .multipage a{ border-radius: 20px; background: #111; padding: 3px 12px; font-size: 13px; text-decoration: none; color: #fff; display: block; } header .multipage svg{ width: 16px; height: auto; fill: #fff; position: relative; top: 2px; } @media(max-width: 1420px){ } @media(max-width: 1350px){ header nav li a, .select2-container{ font-size: 13px; } header nav ul li{ padding: 0 13px; } } @media(max-width: 1290px){ }