@import url("//hello.myfonts.net/count/37c840");

@font-face {font-family: 'FFMarselisStdBlack';src: url('../webfonts/37C840_0_0.eot');src: url('../webfonts/37C840_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/37C840_0_0.woff2') format('woff2'),url('../webfonts/37C840_0_0.woff') format('woff'),url('../webfonts/37C840_0_0.ttf') format('truetype');} 
@font-face {font-family: 'FFMarselisSlabStdLight';src: url('../webfonts/37C840_1_0.eot');src: url('../webfonts/37C840_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/37C840_1_0.woff2') format('woff2'),url('../webfonts/37C840_1_0.woff') format('woff'),url('../webfonts/37C840_1_0.ttf') format('truetype');}
@font-face {font-family: 'FFMarselisSlabStdLightItalic'; src: url('../webfonts/37C840_2_0.eot');src: url('../webfonts/37C840_2_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/37C840_2_0.woff2') format('woff2'),url('../webfonts/37C840_2_0.woff') format('woff'),url('../webfonts/37C840_2_0.ttf') format('truetype');}
@font-face {font-family: 'FFMarselisSlabStdBold';src: url('webfonts/37C840_3_0.eot');src: url('../webfonts/37C840_3_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/37C840_3_0.woff2') format('woff2'),url('../webfonts/37C840_3_0.woff') format('woff'),url('../webfonts/37C840_3_0.ttf') format('truetype');}
@font-face {font-family: 'FFMarselisSlabWebProBlack';src: url('../webfonts/37C840_4_0.eot');src: url('../webfonts/37C840_4_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/37C840_4_0.woff2') format('woff2'),url('../webfonts/37C840_4_0.woff') format('woff'),url('../webfonts/37C840_4_0.ttf') format('truetype');}
@font-face {font-family: 'FFMarselisSlabStdBlackItalic';src: url('../webfonts/37C840_5_0.eot');src: url('../webfonts/37C840_5_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/37C840_5_0.woff2') format('woff2'),url('../webfonts/37C840_5_0.woff') format('woff'),url('../webfonts/37C840_5_0.ttf') format('truetype');}
 
/*
Grün rgba(200,212,0,1) / #C8D400;
Dunkelgrün rgba(88,93,54,1) / #585D36;
Grau: rgba(73,73,72,1) / #494948;
Blau: rgba(163,216,231,1) / #A3D8E7;
*/

* { box-sizing: border-box; text-shadow: none !important; }
html { font-size: 22px; }
body { line-height: 1.55em; font-family: 'FFMarselisSlabStdLight', sans-serif; color: #494948; }

@media(max-width: 1200px) {
	html { font-size: 18px; }
}

@media(max-width: 576px) {
	html { font-size: 17px; }
}


/*Colors*/
.bg-color-white { background-color: #FFFFFF; }
.bg-color-green { background-color: rgba(200,212,0,1); }
.bg-color-darkgreen { background-color: rgba(88,93,54,1); }
.bg-color-grey { background-color: rgba(73,73,72,1); }
.bg-color-blue { background-color: rgba(163,216,231,1); }
.bg-color-lightblue { background-color: #DAECF3; }

.text-color-white { color: #FFFFFF; }
.text-color-green { color: rgba(200,212,0,1); }
.text-color-darkgreen { color: rgba(88,93,54,1); }
.text-color-grey { color: rgba(73,73,72,1); }
.text-color-blue { color: rgba(163,216,231,1); }

/*Sections & Containers*/
.section { position: relative; margin: 0 auto; padding-left: 5vw; padding-right: 5vw; }
	.section > .container-fluid { max-width: 1800px; margin: auto; position: relative; }
	.section.section-nopadding { padding-left: 0 !important; padding-right: 0 !important; }

@media(max-width:576px) {
	.section { padding-left: 0; padding-right: 0; }
}

/*Footer*/
#section-footer {} 
	#section-footer a { font-family: 'FFMarselisStdBlack'; text-transform: uppercase; }

/*Typo*/
.text-small, .text-small *  { font-size: .8rem; line-height: 1rem; }
.text-large { font-size: 1.1rem; line-height: 1.4em; } 
.text-uppercase { text-transform: uppercase; letter-spacing: 1px; }
.text-bold-italic { font-weight: normal; font-family: 'FFMarselisSlabStdBlackItalic'; }

h1, h2, h3, h4, h5, h6 { line-height: 1.2em; margin-bottom: .5em; font-weight: normal; font-family: 'FFMarselisSlabStdBlackItalic'; margin-top: 0; }
h1 { font-size: 3rem; }
h2 { font-size: 2.5rem; }
h3 { font-size: 2rem; line-height: 1.25em; }
h4, h5, h6 { font-size: 1.2rem; line-height: 1.3em; }

@media(max-width:992px) {
	h1 { font-size: 2.5rem; }
	h2 { font-size: 1.8rem; }
	h3 { font-size: 1.5rem;  }
	h4, h5, h6 { font-size: 1.2rem; }
}

@media(max-width:576px) {
	h1 { font-size: 2.2rem; }
}

.headline-not-bold { font-family: 'FFMarselisSlabStdLightItalic'; }

a { text-decoration: none; color: rgba(200,212,0,1); }
a:hover { color: rgba(163,216,231,1); }
a:not(.btn):hover { text-decoration: none; opacity: .8; }

strong { font-family: 'FFMarselisSlabStdBold'; font-weight: normal; }

ul.list-styled { list-style-type: none; padding:0; margin:0; }
ul.list-styled li { position: relative; padding-left: 2rem; margin-bottom: .5rem; }
ul.list-styled li:before { content: ' '; display: block; position: absolute; background-color: #C8D400; width: 1.2rem; height: .3rem; left: 0; top: .5rem; }

i { font-family: 'FFMarselisSlabStdLightItalic'; font-style: normal; }

/*Buttons*/
.btn { border-radius: 0; text-transform: uppercase; letter-spacing: 1px; font-size: .8rem; margin: .5rem 0; padding: 1em 1.5rem .5rem 1.5rem; color: #FFF; font-family: 'FFMarselisSlabStdLight'; }
	.btn.bg-color-white { color: #9dac9e; }

.social-icon { width: 2rem; height: auto; }
.social-icon.small { width: 1.5rem; height: auto; }

/*General styles*/
.img-fluid-full { width: 100%; height: auto; display: block; }

/*Navibar*/
#section-navibar { position: fixed; top: 0; left: 0; height: auto; width: 100%; z-index: 1000; -webkit-transition: background-color 1s; transition: background-color 1s; }
#section-navibar.open { padding-bottom: 500px !important; background-color: #C8D400 !important; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 60%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 60%); }

	#section-navibar img.logo-main { width: 300px; height: auto; max-height: 4rem; margin-left: -55px; position: relative; }
	#section-navibar img.logo-main.logo-white { display: none; } 

	#section-navibar.open img.logo-main { display: none; }
	#section-navibar.open img.logo-main.logo-white { display: inline-block; } 

	@media(max-width: 1200px) {
		#section-navibar img.logo-main { margin-left: -75px; }
	}

	@media(max-width: 992px) {
		#section-navibar img.logo-main { margin-left: -17px; } 
	}

	ul.navi-main, ul.navi-main ul { list-style-type: none; margin: 0; padding: 0; }
		ul.navi-main > li { display: inline-block; position: relative; margin-right: 2rem; vertical-align: top; }
		ul.navi-main > li > a { text-decoration: none; text-transform: uppercase; color: #585D36; font-family: 'FFMarselisStdBlack'; }
		ul.navi-main > li > a i { font-size: 1.1rem; }
		ul.navi-main > li.nav-item-icon { margin-left: .5rem; margin-right: 0; }

		ul.navi-main > li > ul { position: relative; width: 100px; color: #FFF; display: none; }
		ul.navi-main > li:nth-of-type(2) > ul { position: absolute; width: 600px; columns: 2; padding-top: 23px; }
		ul.navi-main > li > ul li { display: block; position: relative; width: 300%; margin-right: 200px; }
		ul.navi-main > li:nth-of-type(2) > ul li { width: 100%; }
		ul.navi-main > li > ul li a { display: block; width: 100%; color: #FFF; font-family: 'FFMarselisSlabStdBlackItalic'; margin-top: 1rem; font-size: .9rem; line-height: 1.2em; }
		ul.navi-main > li > ul li a:hover { color: #585D36; }

	@media(max-width: 1300px) {
		ul.navi-main > li { margin-right: 1rem; }
	}

/*Navi Overlay*/
#navi-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; overflow: auto; display: none; } 
	#navi-overlay .navi-overlay-inner { padding-bottom: 4rem; }

	.btn-navi-overlay-show { cursor: pointer; display: inline-block; float: right; }
		.btn-navi-overlay-show i { font-size: 2.2rem; color: #000000 !important; }
		.btn-navi-overlay-show:hover i { color: #000000 !important; }

	.btn-navi-overlay-close { cursor: pointer; display: inline-block; position:fixed; right: 1rem; top: 1rem; z-index: 2000; }
		.btn-navi-overlay-close i { font-size: 2.6rem; color: #FFFFFF; }

	#section-navibar:hover .btn-navi-overlay-show i { color: #FFFFFF; }

	.nav-item-overlay { display: block; margin-top: 1.5rem; }
		.nav-item-overlay > a { text-decoration: none; text-transform: uppercase; color: #585D36; font-family: 'FFMarselisStdBlack'; font-size: 1.3rem; }

	.nav-sub-container-overlay { display: block; }
		.nav-sub-container-overlay > a { display: block; margin-top: 1rem; color: #FFF; font-family: 'FFMarselisSlabStdBlackItalic'; font-size: 1.1rem; line-height: 1.2em; }

	.nav-item-overlay-icon { margin-right: 1rem; display: inline-block; }
		.nav-item-overlay-icon i { font-size: 1.75rem; color: #585D36; }

	img.logo-overlay { width: 60%; margin-top: 4rem; margin-bottom: 2rem; }
		

/*Breadcrumbs*/
.navi-breadcrumb { font-size: .9rem; color: #A3D8E7; margin-bottom: .75rem; }
	.navi-breadcrumb a { font-size: .9rem; color: #A3D8E7; font-family: 'FFMarselisSlabStdLightItalic'; }

/*Partner Slider*/
.partner-slider {}
	.partner-slider .slick-next, .slick-prev { margin-top: -3rem; width: 2.5rem; height: 6rem !important; z-index: 100; }
	.partner-slider .slick-next { margin-right: 1.2rem; right: -3.5rem; }
	.partner-slider .slick-prev { margin-left: 1.2rem; left: -3.5rem; }
	.partner-slider .slick-next:before { font-family: "Font Awesome 5 Pro" !important; content:'\f105' !important; color: #A3D8E7 !important; font-size: 6rem !important; }
	.partner-slider .slick-prev:before { font-family: "Font Awesome 5 Pro" !important; content:'\f104' !important; color: #A3D8E7 !important; font-size: 6rem !important; }
	.partner-slider .slick-slider { margin-bottom: 0 !important; }

	.slick-dots { display: none !important; }

	.partner-slider .slide { position: relative; }
	.partner-slider .slide .partner-img { position: relative; }
	.partner-slider .slide .partner-img a { opacity: 1; }
	.partner-slider .slide .partner-img-placeholder { }
	.partner-slider .slide .partner-img-placeholder:after { display: block; content:""; padding-bottom: 137%; display: block; }
	.partner-slider .slide .partner-img img { mix-blend-mode: multiply; }
	.partner-slider .slide .partner-img .beveled-form { position: absolute; width: 100%; height: 70%; top: 10%; right:0; background-color: rgba(200,212,0,1); background-blend-mode: multiply; transform: skew(0deg, 8deg);  -webkit-transition: width .5s; transition: width .5s; }
	.partner-slider .slide .partner-img .beveled-form:before { content: ""; display: block; padding-top: 0; }

	.partner-slider .slide:hover .partner-img .beveled-form { width: 0; }

	@media(max-width: 576px) {
		.partner-slider .slick-next { right: -2.5rem; }
		.partner-slider .slick-prev { left: -2.5rem; }
	}

/*Startseite*/
body.body-id-25 { background: url(/assets/images/Fuer-wen-wir-da-sind-BG.svg) right top 7rem no-repeat; background-size: 45%; background-attachment: fixed; }
@media(max-width:767px) { body.body-id-25 { background: none; } }

#section-start-intro {  }
	.section-start-intro-overlay { display: none; position: absolute; top: 0; right: -60%; width: 100%; height: 100%; background: url(/assets/images/Start_header.svg) left center repeat-x, rgba(255,255,255,1); background-size: auto, 100% 100%;
																		-webkit-animation: intro-overlay 1s; /* Safari 4+ */
																		-moz-animation:    intro-overlay 1s; /* Fx 5+ */
																		-o-animation:      intro-overlay 1s; /* Opera 12+ */
																		animation:         intro-overlay 1s;
																		animation-timing-function: ease-out; }

@keyframes intro-overlay {
    from	{ right: 0; }
    to		{ right: -60%; }
}

@media(max-width: 768px) {
	.section-start-intro-overlay { display: none; }
}

#section-start-news {}
 #section-start-news .container-fluid { background-image: url(/assets/images/Start_Illu.svg); background-repeat: no-repeat; background-position: bottom -3rem right; background-size: 50%; }

/*Für wen wir da sind*/
body.body-id-29 { background: url(/assets/images/Fuer-wen-wir-da-sind-BG.svg) right top 7rem no-repeat; background-size: 45%; background-attachment: fixed; }

@media(max-width: 576px) {
	body.body-id-29 { background: none; }
}

#section-fuerwen-vernetzt { background: url(/assets/images/Fuer-wen-wir-da-sind_Illu.svg) left top no-repeat; background-size: 50%; }

@media(max-width: 768px) {
	#section-fuerwen-vernetzt { background-size: 100%; } 
		#section-fuerwen-vernetzt .box-text { margin-top: 30vh; }
}

/*Was wir tun */
body.body-id-28 { background: url(/assets/images/Leistungen_BG.svg) right top 10rem no-repeat; background-size: 5vw auto; background-attachment: fixed; }

#section-was-intro {  }

#section-was-leistungen {}
	#section-was-leistungen .container-fluid { background: url(/assets/images/Leistungen.svg) center 9rem no-repeat; background-size: 75%; padding-top: 26vw; background-attachment: fixed; background-position: center; }

/*Vorteile*/
body.body-id-31 { background: url(/assets/images/Welche-Vorteile-wir-bieten_koennen_Illu.svg) right bottom no-repeat; background-size: 50%; background-attachment: fixed;}
#section-vorteile {  }

/*Wie wir zusammenkommen*/
#section-zusammenkommen { background: url(/assets/images/Leistungen.svg) right top 10rem no-repeat; background-size: 75%; background-attachment: fixed; background-position: right 30%; }
	#section-zusammenkommen .col-text { margin-top: 12vw; }
	#section-zusammenkommen .navi-breadcrumb { color: #FFFFFF; }
	#section-zusammenkommen .navi-breadcrumb a { color: #FFFFFF; }

@media(max-width: 576px) {
	#section-zusammenkommen { background-size: 90%; background: url(/assets/images/Leistungen.svg) top center no-repeat; }
}

/*Fragen & Antworten*/
body.body-id-33 { background: url(/assets/images/FAQ_BG.svg) right top 10rem no-repeat; background-size: 30% auto;  background-attachment: fixed; }

@media(max-width: 576px) {
	body.body-id-33 { background: none; }
}

#section-fragen-antworten { }

.faq-item { padding: 1rem 0; position: relative; display: block; cursor: pointer; border-bottom: 5px solid #C8D400; }
	.faq-item-question { position: relative; font-family: 'FFMarselisSlabStdLightItalic'; padding-right: 5rem; }
		.faq-item-question:after { font-family: "Font Awesome 5 Pro"; font-size: 2rem; content: '\f067'; position: absolute; right: 0; top: .5rem; }
		.faq-item.open .faq-item-question:after { content: '\f068'; }
	.faq-item-answer { position: relative; display: none; padding-top: 1rem; font-size: .9rem; padding-right: 5rem; }

/*Wer wir sind*/
body.body-id-83 { background: url(/assets/images/Wer-wir-sind_BG.svg) right top 10rem no-repeat; background-size: 30%; }

#section-wer-intro {}

#section-wer-partner {}
	#section-wer-partner .partner-item { position: relative; }
	#section-wer-partner .partner-item .partner-img { position: relative; }
	#section-wer-partner .partner-item .partner-img img { mix-blend-mode: multiply; position: relative; width: 100%; }
	#section-wer-partner .partner-item .partner-img .beveled-form { position: absolute; width: 100%; height: 70%; top: 10%; right:0; background-color: rgba(200,212,0,1); background-blend-mode: multiply; transform: skew(0deg, 8deg); }
	#section-wer-partner .partner-item .partner-img .beveled-form:before { content: ""; display: block; padding-top: 0; }

	#section-wer-partner .partner-item:hover .partner-img .beveled-form { width: 0; -webkit-transition: width .5s; transition: width .5s; }

/*Unterschied*/
body.body-id-30 { background: url(/assets/images/Was-uns-von-anderen-unterscheidet_BG.svg) right top 9rem no-repeat; background-size: 45%; background-attachment: fixed; }

@media(max-width: 576px) {
	body.body-id-30 { background: none; }
}

#section-unterschied-intro {  }

#section-unterschied-beteiligung {}
	#section-unterschied-beteiligung .container-fluid { background: url(/assets/images/Was-uns-von-anderen-unterscheidet_Illu.svg) left 2rem bottom -2rem no-repeat, rgba(218,236,243,1); background-size: 45%, 100% 100%; }

@media(max-width: 992px) {
	#section-unterschied-beteiligung .container-fluid { padding-bottom: 30vw; background-size: 80%, 100% 100%; }
}

/*Partner Overlay*/
.body-partner-overlay { width: 1024px; padding: 0; }

/*Partner Detrailseite*/
#section-partner-detail {  }
	#section-partner-detail .container-fluid { }