.@font-face { font-family: 'Glyphicons Halflings'; src: url(../fonts/glyphicons-halflings-regular.eot); src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg') }
@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.3.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal }
@font-face { font-family: "Necia"; src: url("../fonts/necia_stencil_1_regular_1.otf") format("opentype") }
@font-face { font-family: "Necia Black"; src: url("../fonts/necia_stencil_1_black_1.otf") format("opentype") }
@font-face { font-family: "Necia Bold"; src: url("../fonts/necia_stencil_1_bold_1.otf") format("opentype") }
@font-face { font-family: "Necia Regular"; src: url("../fonts/necia_stencil_1_regular_1.otf") format("opentype") }

@font-face { font-family: "Northern"; src: url("../fonts/The%20Northern%20Block%20Ltd%20-%20Webnar.otf") format("opentype") }
@font-face { font-family: "Northern Bold"; src: url("../fonts/The Northern Block Ltd - Webnar Bold.otf") format("opentype") }
@font-face { font-family: "Northern DemiBold Italic"; src: url("../fonts/The Northern Block Ltd - Webnar DemiBold Italic.otf") format("opentype") }


body
{
	font-size:16px;
}

.Necia
{
	font-family:"Necia";
}

.NeciaBlack
{
	font-family:"Necia Black";
}

.NeciaBold
{
	font-family:"Necia Bold";
}

.NeciaRegular
{
	font-family:"Necia Regular";
}

h1,h2,h3,h4,h5,h6
{
	font-family:"Necia Regular";	
}

h1 { font-size:4em; }
em { font-family: Northern; font-size: 1.5em; }

#wrapper
{
	overflow-x:hidden;
}

#header-wrap
{
	background-color:transparent;
}

.header-wrap-clone {
    height: 60px;
}

.blue
{
	color:#00ADB8;
}

		.videoLoop		
		{
			position:relative;
			top:-108px;
		}
		
.paddingBottom30
{
	 padding-bottom: 30px;
}

.togglePadding
{
	padding-left:8px;
}

#companion
{
	top:-165px
}

.blueHeaven
{
	padding-top:10rem;
	background-repeat:no-repeat;
	background-image:url(/media/20348/gruppe-49-2x.png);
    background-position: 143px 50px;
    background-size: 221px 118px;
}

.blueHeavenOuter
{
	background-repeat:no-repeat;
	background-image:url(/media/20350/gruppe-53-2x.png);
    background-position: center center;
    background-size: 178px 66px;
}

.ctaLetsTalk1
{
    height: 150px;
}


.ctaLetsTalk2
{
	width:76px;
	height:62px;
}


.page-title
{
	background-color:#c1ecff;
	border-bottom:0px solid #fff;
}

.claim
{
	color:#fff;
	font-size:25px;
	position:absolute;
	left:50px;
	bottom:40px;
	font-weight:bold;
}

.headlineBold
{
	font-family:"Northern Bold", Arial, sans-serif;	
	font-size:20px;    
	line-height: 23px;
}

p strong
{
	font-family:"Northern Bold", Arial, sans-serif;	
}

.headline
{
	font-family:Northern, Arial, sans-serif;	
	font-size:20px;
}

.headlineNeciaBold
{
	font-family:"Necia Black";
	font-size: 48px;    
	letter-spacing:2px;
}

.headlineNeciaRegular
{
	font-family:"Necia Regular";
	font-size: 48px;
	letter-spacing:2px;
}

.imgAccordion
{
	width: 100px;
    vertical-align: middle;
    padding: 15px;
}

h2.headlineNeciaRegular
{
	line-height:58px;
}

.toogleLarge .toggle
{
	border-radius:10px;
}

.toogleLarge .toggle .toggle-title span
{
	font-size:30px !important;   
	position: relative;
    top: 6px;
}

input, textarea
{
	border:0px solid #fff;
	padding-left:15px;
}

textarea
{
	padding-top:15px;
}

.toggle-header
{	
	padding-right:2rem !important;	
}

.toggle-icon, .accordion-icon {
 /*   padding: 0px 0px 0px 5px;*/
}

.toogleLarge .toggle-header
{
	--cnvs-toggle-content-padding: 0rem;
	    padding: 2rem 4rem 2rem 2rem !important;
	border-radius:25px;
	display: flex;
    align-items: center;
}


.toogleLarge .accordion-icon {
    font-size: 40px !important;
}

.owl-carousel .owl-dots {
    padding: 10px 0px 20px 0px;
}

.owl-carousel .owl-dots .owl-dot
{
	background-color: #03a9c9;
	width:16px;
	height:16px;
}

.is-expanded-menu .full-header #logo
{
	top:40px;
}

body:not(.is-expanded-menu) .sticky-header #header-wrap {
	background-color: transparent;
}

#call2action { bottom: 0; left: 0; border-radius: 0px 20px 0px 0px; z-index: 10000;display:inline-block; padding:0px;width:10em !important;}
#companion > .content-wrap, #greenwashing > .content-wrap { overflow: visible; }
#consent { margin-right: 1em; }
#header-wrap { border: none !important; }
#logo {padding:30px;}
#side-panel { background-color: #000; border-right: white 1px #00aac9; } #side-panel-trigger-close {display:none;}
#message { resize: none; width: 100%; height:176px; }
#name, #position, #company, #email-responsive, #email, #submit, #submit-responsive { height: auto;
    width: 100%;
    padding: 18px 15px; }
#nav-menu li a { color: #777; position: relative; display: block; padding: 10px 15px; }
#nav-menu > li > a:hover { color: #fff !important; } #side-panel .widget { width:100%;}
.alignHeadline {top:98px;}
.owl-carousel .owl-nav [class*=owl-]:hover { background-color: #00aac9 !important; color:#fff;}
.btn:hover { color: #fff; background-color: #00aac9; border-color: #000; }
.side-panel-open:not(.device-xs):not(.device-sm):not(.device-md) .body-overlay:hover { cursor: url(images/icons/close.png) 15 15, default; }
.side-panel-open .body-overlay { opacity: 1; z-index: 599; pointer-events: auto; }
.body-overlay { opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); z-index: -1; pointer-events: none; -webkit-backface-visibility: hidden; transition: opacity .3s ease;  }
.side-panel-left.side-push-panel.side-panel-open.stretched #wrapper, .side-panel-left.side-push-panel.side-panel-open.stretched .slider-inner, .side-panel-left.side-push-panel.side-panel-open.stretched .sticky-header .container { left: 18.75em; right: auto; }
.side-panel-trigger { font-size: 24px; color: #212529; border: solid 2px #212529; padding: 10px; border-radius: 5px; }
.side-panel-trigger:hover { background-color: #00aac9; }
.is-expanded-menu .sticky-header #header-wrap { background-color: transparent; }
.tile-align { padding-top: 10vh; }
.toggle-offer { border: none !important; background-color: #fff; animation-timing-function: ease-in-out; }
.accordion-icon { font-size: x-large; }
.bg-col-accordion { background-color: #f5f5f5 !important; border-radius: 10px; }
.bg-col-accordion.toggle-active { border: 1px solid #00ADB8 !important; }
.bg-col-black { background-color: #000; color: #fff; }
.bg-col-blue { background-color: #0078b8; color: #fff; }
a {color:#00aac9;}
a:hover {color:#0078b8;font-weight:700;}
.bg-col-greenwashing { background-color: #0E2105; color: #fff; }
.bg-col-mustard { background-color: #E0DE1F; }
.bg-col-petrol { background-color: #0A4D52; }
.bg-col-red { background-color: #d81e1e; color: #fff; }
.bg-col-turquoise { background-color: #00ADB8; }
.bg-col-white { background-color: #fff; }
.bigger { font-size: 1.55em;}
.box-shadow { box-shadow: 0px 0px 40px #000033; }
.catchphrase { font-size: x-large;padding-left: 1em; font-weight: bold; }
.center-image { margin: 2em auto; }
.embiggen { font-size: x-large; }
.form-phrase {     font-size: 3em; font-weight: 900; }
.full-header #logo { border: none !important; }
.green-lie { right: 10% !important; top: -12.5em !important; transform: scale(0.9);}
.green-puppet {flex: 0 0 auto;width: 33%;}
.hide-me { display: block; }
.icon { font-size: 24px; color: #fff; }
.indent-left { padding-left:4em; }
.indent-right { padding-right:4em; }
.lets-talk {
    background-color: #03a9c9;
    color: #fff;
    border-radius: 0;
    font-size: 19px;
    font-family: "Northern Bold";
}

.lets-talk img {
	    height: 25px;
    margin-left: 8px;
    vertical-align: middle;position: relative;
    top: -3px;
}

.link-to {     background-color: #000;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    padding: 10px 25px;
}
.move-text {top: 17em;left: -15em;}
.navmenu-brand { display: block; font-size: 18px; line-height: 20px; padding: 10px 15px; margin: 10px 0; } #nav-menu > .active > a { color: #fff !important; background: #00aac9 !important; } .no-border { border-top-width: 0px !important; }
.oc-item > img { width: 60% !important; height: auto; margin: 2em auto; }
.overlay { position: absolute !important; top: -187px; right: 0; z-index: 1; }
.owl-dot { margin-top: 0 !important; }
.owl-item > .container > p { padding: 0 2em; }
.resize { transform:scale(1.5); }
.responsive-hide { display: block; }
.responsive-show { display: none; }
.sdg { object-fit: contain; text-align: center; }
.sky { background: linear-gradient(#B7E9FF, #FFFFFF); }
.smaller {width: 15% !important;}
.social { padding-left: 15px; padding-top: 20px; }
.speech { font-size: 1.2em; color: #fff; background: #00ADB8; padding: 20px; border-radius: 10px; width: -webkit-fill-available; }
.speech { position: relative; margin-bottom: 55px; }
    .speech > p { padding: 30px 160px;font-family:"Northern DemiBold Italic"; text-transform:italic; }
    .speech.down::after { border-top-color: #00ADB8; border-bottom: 0; }
    .speech.down::after { bottom: -44px; right: 5em; }
    .speech.left::after { border-right-color: #00ADB8; border-left: 0; }
    .speech.left::after { left: -44px; top: calc(50% - 45px); }
    .speech.right::after { border-left-color: #00ADB8; border-right: 0; }
    .speech.right::after { right: -44px; top: calc(50% - 45px); }
    .speech.up::after { border-bottom-color: #00ADB8; border-top: 0; }
    .speech.up::after { top: -44px; left: 19%; }
    .speech::after { display: block; width: 0; content: ""; border: 45px solid transparent; }
    .speech::after { position: absolute; }
.speech-text { padding-left: 2em; padding-right: 2em; margin-bottom: 0px; }
.style-accordion { padding:0.2em; }
.text-col-black { color: #000; }
.text-col-green { color: #94C11C;    font-size: 48px; }
.text-col-turquoise { color: #00ADB8; }
.text-col-white { color: #fff; }
.text-col-yellow { color: #E0DE1F; }
.tile { height: 30vh !important; }

.friesland { 	
    height: 520px;
}
.parallax .simpleParallax { height: 20em; }
.mobile-friesland {  }
.header-headline { bottom:2em;left:2em; }
.header-settings {
    background-image: url(/media/20342/gruppe-85.png);
    height: 50vh;
    background-size: contain;
    background-repeat: no-repeat;
}




.speech-text {
font-size:1.35em;
	padding:0px 50px;
	text-align:center;
}

        #header-wrap #logo img {
            height:135px;
        }

.sticky-header #logo
{
	visibility:hidden;
}

@media screen and (max-width:1400px)
{    
		.friesland { 	
    	height: 375px; 
	}
	
			.videoLoop		
		{
			position:relative;
			top:0px;
		}
	
	.togglePadding {
    padding-left: 42px;
}
}

@media screen and (max-width:1200px)
{
	.togglePadding {
    padding-left: 71px;
}
	
	.toggle-border .toggle-header {
		padding: var(--cnvs-toggle-content-padding);
		margin: 0;
		min-height: 80px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

@media screen and (min-width:992px) and (max-width:1399px){
.green-lie { right: 5% !important;top: -16.6em !important; }
	.text-container{margin-right: 0 !important;padding-right: 0 !important;}

}

@media screen and (min-width:992px) and (max-width:1199px){
.green-lie { right: 5% !important;top: -15em !important; }
}
    @media screen and (min-width:768px) and (max-width:1399px) {
        #greenwashing > .content-wrap {
            padding-bottom: 0;
        }

        .green-lie {
            transform: scale(0.86);
        }
		.smaller {width: 20% !important;}
    }

    @media screen and (max-width:991px) {
        .speech.up::after {
            left: 46%;
        }
		
		
		.togglePadding {
    padding-left: 33px;
}
				
		.overlay {
			position: relative !important;
			top: 0px;
		}
    }

    @media screen and (min-width:768px) and (max-width:991px) {
        .green-lie {
                right: 10em !important;
    			top: -97px !important;
				transform:scale(3);
					width: 100%;
    height: auto;
        }
		.text-container {margin-right: 0 !important; padding-right: 0 !important;}
    }

    @media screen and (max-width:768px) {
		.toogleLarge .toggle .toggle-title span {
			font-size: 22px !important;
			top:4px;
			white-space:nowrap;
		}
		
		.imgAccordion {
    width: 60px;
    padding:10px;
			padding-right:3px;
}
		
		.toogleLarge .accordion-icon {
    font-size: 30px !important;
}
		

		.friesland { height: 65vh; }
		
		.speech > p {
			padding: 30px;
		}
		
		#header-wrap #logo img {
			height: 90px;
		}
		
			.include-header
	{
		background-image:url(/media/20374/header_unterseite_mobile.png) !important;
		background-position:bottom;
	}
		h1, .h1 {
			font-size: 1.75rem !important;
		}
		.alignHeadline {top:91px;}
        .responsive-show {
            display: block !important;
        }

        .responsive-hide {
            display: none !important;
        }

        .sdg {
            margin-top: 1em;
        }

        .switch {
            flex-direction: column-reverse;
        }

        #sdg > .content-wrap {
            padding-top: 0px !important;
        }

        #companion-mobile > .content-wrap {
            padding-bottom: 0px !important;
        }

        #sdg-intro {
            margin-top: 0px !important;
        }
		
		.toogleLarge .toggle-header
		{
			--cnvs-toggle-content-padding: 0.75rem;
		}
		
		.toogleLarge .toggle-header {		
			padding: 1rem 2rem 1rem 1rem !important;
		}
    }

    @media screen and (max-width:767px) {
		
		.togglePadding {
    padding-left: 0px;
			padding-right:25px;
}
		
#companion
{
	top:-165px
}
		
		#header-wrap {
		    position: fixed !important;
			background-color:transparent;
		}
		
		.mobile-friesland
		{
			height:300px;
		}
		
		#call2action {width:fit-content !important;}
		
        .hide-me {
            display: none !important;
        }
		.toggle-title img {/*transform: scale(1.5); margin-top: 10px;*/}
		.smaller {width: 35% !important;}
		.contract {padding-top:0px !important;margin-bottom:0px !important;}
		
		.ctaLetsTalk1
{
	height:90px;
}

#call2action
{
	padding:0px;
}

.ctaLetsTalk2
{
	width:50px;
	height:40px;
}
	}

@media screen and (max-width:580px)
{
	.toogleLarge .toggle .toggle-title span {
			font-size: 17px !important;
			top:2px;
		}
	
	.speech.up::after {
		left: 50%;
		margin-left: -44px;
	}
	
	.speech.down::after {
		left: 50%;
		margin-left: -44px;
	}
}


@media screen and (max-width:480px) {
			
.blueHeaven {
    padding-top: 4rem;
	background-position: 143px 0px;
}
	
.toggle-icon
{
	position:relative;
	right:15px;
}
	
#companion
{
	top:-165px
}
	
	.toogleLarge .toggle-header {
		padding: 0.75rem !important;
	}
	.speech-text
	{
		font-size:1.05em;
	}
	
	.include-header
	{
		background-image:url(/media/20374/header_unterseite_mobile.png) !important;
	}

	.claim
	{
		font-size:20px;
	}
	
	.owl-item > .container > p {
    padding: 0;
}
		
#header-wrap #logo img {height:50px;}
.text-col-green {
    color: #94C11C;
    font-size: 36px;
}
	
		.toogleLarge .toggle .toggle-title span {
			font-size: 15px !important;
			top:2px;
		}
		
		.imgAccordion {
    width: 50px;	
    padding:8px;
			padding-right:0px;
}
		
		.toogleLarge .accordion-icon {
    font-size: 20px !important;
}
	
	
	.bigger {font-size: 1.05em; margin-top:18px !important;}
}

@media screen and (max-width:375px)
{
	
		.toogleLarge .toggle .toggle-title span {
			font-size: 14px !important;		
		
		}
		
		.imgAccordion {
			width: 40px;	
			padding:7px;
		}

		.toogleLarge .accordion-icon {
			font-size: 15px !important;
		}
}

@media screen and (max-width:321px) {
	.bigger {
		font-size: .9em;
		margin-top: 21px !important;
	}
	
	.toogleLarge .toggle .toggle-title span {
			font-size: 11px !important;
		top:0px;
		white-space:nowrap;
		}
		
		.imgAccordion {
			width: 23px;
    		padding: 5px 0px 5px 5px;
		}

		.toogleLarge .accordion-icon {
			font-size: 12px !important;
		}
}

.font18{font-size:18px}
.font16 {font-size:16px}
.font48 {font-size: 48px}
.font27 {font-size: 27px}
@media screen and (min-width:1400px) {.padding-acc{padding-left:13em;}}
@media screen and (min-width:1200px) and (max-width:1399px) {.padding-acc{padding-left:11em;}}
@media screen and (min-width:992px) and (max-width:1199px) {.padding-acc{padding-left:9em;}}
@media screen and (min-width:768px) and (max-width:991px) {.padding-acc{padding-left:7.5em;}}
.text-container {}