/* Update CSS 2021 */
body 																		   { line-height: 1.5; }
p, li																		   { font-size: 17px; color: #282b3d; }
* + ul, * + ol, * + p 														   { margin-top: 1.5em; }
p + p.has-button 															   { margin-top: 1.8em; }
.likeh4.has-button + .likeh4.has-button 									   { margin-top: 0; }
@media only screen and (min-width: 740px) {
.modul--text.bg .c 														       { padding: 60px; }
.modul--text.bg + .modul--text-text-text.bg 								   { margin-top: -30px; }
.modul--text.bg .c.col-sm-c-no-bottom 										   { padding-bottom: 0; }
.modul--text.bg .form-item.c,
.modul--text.bg .pardotform.c 												   { padding: 0; }
}
.bg.grey, .bg.gray                              							   { background-color: #f4f4f4; }
.bg.green-light { background-color: #E1F5E8; }

/* Sektionen Abstände */
@media only screen and (max-width: 740px) {
.s.no-bg.next-s-has-bg                                                         { padding-bottom: 0; }
.s.bg.next-s-no-bg 														       { padding-bottom: 20px; }
/* .s.bg.prev-s-no-bg, */
.s.no-bg.prev-s-has-bg 														   { padding-top: 20px; }
}

/* Kontakt */
@media only screen and (min-width: 740px) {
#contactform 																   { padding: 50px; }
}


/* Farbflächen in Sektionen ohne Hintergrund */
@media only screen and (max-width: 740px) {
.s.no-bg .r.bg 																   { margin-left: 30px; margin-right: 30px; margin-bottom: 20px; }
.s.no-bg .r.bg + .r.bg 														   { margin-top: -20px; }
}	

/* Abstände */
.modul--text.bg + .modul--text.no-bg 										   { margin-top: 15px; }
.modul--intro + .modul--pic 												   { margin-top: 15px; }
.r.no-bg.modul--pic + .r.bg, .r.bg + .r.no-bg.modul--pic 					   { margin-top: 35px; }

/* Headlines */
h1,.likeh1,h2,.likeh2,h3,.likeh3              							       { position: relative; font-family: 'Space Grotesk', Arial, Century Gothic, Gill Sans, Helvetica, -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 700; color: #282b3d; }
.invert h1, .invert .likeh1, .invert h2, .invert .likeh2, .invert h3, .invert .likeh3 { color: #fff; }
h4,.likeh4,h5,.likeh5,h6,.likeh6              								   { font-family: 'Space Grotesk', Arial, Century Gothic, Gill Sans, Helvetica, -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 500; color: #282b3d; }
.wf-sourcesanspro-n4-active h1, .wf-sourcesanspro-n4-active .likeh1, .ie h1, .ie .likeh1,
.wf-sourcesanspro-n4-active h2, .wf-sourcesanspro-n4-active .likeh2, .ie h2, .ie .likeh2,
.wf-sourcesanspro-n4-active h3, .wf-sourcesanspro-n4-active .likeh3, .ie h3, .ie .likeh3 { font-family: 'Space Grotesk', Arial, Century Gothic, Gill Sans, Helvetica, -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 700; }
.wf-sourcesanspro-n4-active h4, .wf-sourcesanspro-n4-active .likeh4, .ie h4, .ie .likeh4,
.wf-sourcesanspro-n4-active h5, .wf-sourcesanspro-n4-active .likeh5, .ie h5, .ie .likeh5 { font-family: 'Space Grotesk', Arial, Century Gothic, Gill Sans, Helvetica, -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 500; }
.modul-hero .info h1, .modul-hero .info .likeh1, .archive #s1 .likeh1,
h1.page-title 																   { font-size: 50px; }
h1,.likeh1                                                                     { font-size: 40px; }
h2,.likeh2                                                                     { font-size: 36px; }
h3,.likeh3                                                                     { font-size: 24px; line-height: 1.2; }
h4,.likeh4,h5,.likeh5,h6,.likeh6                                               { font-size: 22px; line-height: 1.3; }
@media only screen and (max-width: 740px) {
h1.page-title 																   { font-size: 32px; }
h1,.likeh1                                                                     { font-size: 32px; }
h2,.likeh2                                                                     { font-size: 26px; }
h3,.likeh3                                                                     { font-size: 24px; }
h4,.likeh4,h5,.likeh5,h6,.likeh6                                               { font-size: 20px; line-height: 1.3; }
}
@media only screen and (min-width: 740px) {
.col-sm-3.modul-text h2, .col-sm-3.modul-text .likeh2 							{ font-size: 22px; }
}
.job-listing .likeh4 															{ font-size: 18px; }

/* Headline Hintergründe */
h1 mark, h2 mark, h3 mark,
.likeh1 mark, .likeh2 mark, .likeh3 mark 				                        { background: none; }
mark.brocoli						                                            { background: linear-gradient(to bottom, transparent 0%, transparent 27%, #129F61 27%, #129F61 82%, transparent 82%, transparent 100%); }
mark.tur 							                                            { background: linear-gradient(to bottom, transparent 0%, transparent 27%, #00D3AA 27%, #00D3AA 82%, transparent 82%, transparent 100%); }
mark.lime 						   						                        { background: linear-gradient(to bottom, transparent 0%, transparent 27%, #86D430 27%, #86D430 82%, transparent 82%, transparent 100%); }
mark.white 						                                                { background: linear-gradient(to bottom, transparent 0%, transparent 27%, white 27%, white 82%, transparent 82%, transparent 100%); }
.magazin22-teaser mark                                                          { background: none !important; }

.bg-brocoli         { background-color: #129F61; }
.bg-turquoise       { background-color: #00D3AA; }
.bg-lime            { background-color: #86D430; }
.color-brocoli      { color: #129F61; }
.color-turquoise    { color: #00D3AA; }
.color-lime         { color: #86D430; }

.btn.lime           { background-color: #86D430; border-color: #86D430; }

/* Hauptmenü */
#mn li 																		   { font-weight: 600; }
#mn li li																	   { font-weight: 400; }

/* Buttons */
#mn .mega .btnitem a														   { padding-top: 15px; padding-bottom: 15px; }
#mn .btnitem a,
.btn                                            							   { border-radius: 30px; /*border-radius: 11px;*/ font-weight: 500; }
.s .btn 															   		   { padding: 14px 23px; }
.s .btn.big 																   { padding: 16px 28px; }
.s .btn.small 																   { padding-left: 0; padding-right: 0; }
.col-sm-4 figure + p.has-button,
.col-sm-3 figure + p.has-button 											   { margin-top: .3em; }
@media only screen and (max-width: 740px) {
#mn .mega .btnitem a														   { padding-top: 13px; padding-bottom: 13px; }
.s .btn 															   		   { padding: 14px 20px; }
.s .btn.big 																   { padding: 16px 24px; }
}

/* Startseite 4 Spalten */
@media only screen and (max-width: 740px) {
.home .col-xs-12.col-sm-3.modul-text,
.page-id-21102 .col-xs-12.col-sm-3.modul-text 								   { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } 
}


/* Toggle */
.toggle .opener a 															   { font-size: 18px; }

/* Teaser */
@media only screen and (min-width: 740px) {
.modul--teaser.count-1 h1.likeh3.title 										   { font-size: 32px; }
.modul--teaser.count-1 .reverse-sm .the-text.c 								   { padding-left: 0; }
}
.s[data-layout^="teaser-"] .modul-teaser:first-child .inner 				   { border-top: none; padding-top: 0; }
@media only screen and (max-width: 740px) {
.s .modul-teaser  				   			                                   { border: none; }
.s .r + .modul--teaser 														   { border-top: #ddd 1px solid; }
}

/* Magazine News */
@media only screen and (min-width: 740px) {
.teaser.post-magazine h1.title.likeh3 											{ font-size: 22px; font-weight: 500; }
}


/* Kacheln */
/* .modul--teaser-kachel.new article figure 									   { height: 200px; } */

/* Video */
@media only screen and (min-width: 740px) {
.video-responsive a .fa-play-circle 										   { font-size: 120px; margin: 0; transform: translate(-50%,-50%) !important; }
}

/* Quote */
.modul--quote .quote  														   { font-family: 'Space Grotesk', Arial, Century Gothic, Gill Sans, Helvetica, -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 500; }
@media only screen and (min-width: 740px) {
.modul--quote .quote 														   { font-size: 26px; }
}

@media only screen and (max-width: 740px) {
blockquote.modul-quote .quote 												   { font-size: 22px; }
}

/* Modul Counter */
@media only screen and (max-width: 740px) {
.modul--counter 															   { margin: 0; }
.modul--counter.counter3  													   { padding: 0 20px; }
.modul--counter.counter3 .countbox 								               { margin-left: 10px; }
.modul--counter.counter3 .inner 											   { padding: 20px 0; }
.modul--counter.counter3 .second-half .inner 								   { padding: 0 0 10px 0; }
.modul--counter.counter3 .first-half .inner img 							   { margin-top: 0; }
.modul--counter.counter3 .second-half .inner img 							   { margin-bottom: 0; }
}
@media only screen and (min-width: 740px) {
.modul--counter.counter3 .countbox 											   { border-left: 4px solid #fff; border-right: 4px solid #fff; }
}

/* Series All */
@media only screen and (max-width: 740px) {
.modul-series-all + .c 															{ padding-top: 0; }
}

/* Modul Blog */
.modul--teaser-kachel.new article .inner 									   { box-shadow: none; }
.modul--teaser-kachel.new article .likeh3 									   { font-size: 22px; }
@media only screen and (max-width: 740px) {
.modul--blog > .c 															   { padding-top: 0; padding-bottom: 0; }
.modul--teaser-kachel.new 													   { padding-bottom: 0; }
.modul--teaser-kachel.new article .likeh3 									   { font-size: 20px; }
.modul--teaser-kachel.new article .info 									   { padding: 20px; }
.modul--teaser-kachel.new article .info h1 + p 								   { margin-top: 5px; }
}


/* Slider Series All */
.modul-series-all img 														   { transform: scale(0.9); }

/* SVG Icons */
.modul-text figure img[src*=".svg"], img[src^="icon"] 						   { max-width: 130px; }
.bg.modul--text-text-text .modul-text figure img[src*=".svg"] 				   { margin-top: 30px; }

/* Listen */
.modul-text ul  				                                               { padding-left: 1.6em; list-style: none; }
.modul-text ul li:before                           							   { content:""; display: block; width: 12px; height: 12px; position: absolute; margin-left: -1.35em; margin-top: 7px; background: url(../img/list-icon.svg); background-size: cover; }

/* Selectric */
.selectric-wrapper ul 														   { padding-left: 0; }
.selectric-wrapper ul li:before 											   { content: none; }

/* Big Slider 2021 */
.modul--slider2021 .swiper-container 										   { overflow: hidden; position: relative; }
.modul--slider2021 .swiper-pagination-bullet  								   { width: 40px !important; height: 5px !important; background-color: #ddd; opacity: 1; }
.modul-hero21 .info .likeh1 												   { position: relative; }
.modul-hero21 p + p.has-button                                                 { margin-top: 2em; }
@media only screen and (min-width: 740px) {
#s1[data-layout^="big_slider"] 												   { padding-top: 0px; }
#s1[data-layout^="big_slider"] .modul--slider2021 							   { padding-top: 30px; }
#s1.no-bg[data-layout="big_slider"] + .s.bg.grey 							   { padding-top: 250px; margin-top: -300px; }
.modul--slider2021 .swiper-horizontal > .swiper-pagination-bullets, .modul--slider2021 .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 30px; }
.modul-hero21 																   { padding: 0; position: relative; height: 500px; background-color: #f6f6f6; background-size: cover; }
.modul--slider2021  														   { padding: 0; }
.modul--slider2021 .c 														   { padding-top: 0; }
.modul-hero21 .info 														   { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); padding: 60px; }
.modul-hero21 .likeh1 														   { font-size: 50px; }
.modul-hero21.invert-sm .info * 											   { color: #fff; }
.modul-hero21.invert-sm .info .btn:hover 									   { color: #007f47; }
.modul-hero21.left-33 .info												   	   { width: 33%; }
.modul-hero21.left-40 .info												   	   { width: 40%; }
.modul-hero21.left-50 .info												   	   { width: 50%; }
.modul-hero21.left-66 .info												   	   { width: 66%; }
.modul-hero21.right-66 .info												   { text-align: right; width: 66%; right: 0px; }
.modul-hero21.right-50 .info												   { text-align: right; width: 50%; right: 0px; }
.modul-hero21.right-40 .info												   { text-align: right; width: 40%; right: 0px; }
.modul-hero21.right-33 .info												   { text-align: right; width: 33%; right: 0px; }
.modul-hero21.center .info												   	   { text-align: center; }
.modul-hero21.center-50 .info												   { text-align: center; width: 50%; left: 50%; transform: translate(-50%,-50%); }
.modul-hero21.center-66 .info												   { text-align: center; width: 66%; left: 50%; transform: translate(-50%,-50%); }
}
@media only screen and (max-width: 740px) {
.modul--slider2021 .c 														   { padding: 0; }
.modul--slider2021 .info 													   { padding: 30px 30px 60px 30px; }
.modul--slider2021 .has-mobile-bg .info 									   { padding: 60px 30px 30px 30px; }
.modul-hero21 																   { background-size: cover; background-position: top center; }
.modul-hero21.invert-xs .info * 											   { color: #fff; }
}

/* Downloadbox */
.downloadbox .likeh4 														   { font-size: 18px; line-height: 1.2; font-family: 'Avenir Next LT Pro', 'Source Sans Pro', Arial, Century Gothic, Gill Sans, Helvetica, -apple-system, BlinkMacSystemFont, sans-serif; }

/* Footer */
#fl a 																		   { font-size: 16px; }
.slogan a																	   { font-family: 'Space Grotesk', Arial, Century Gothic, Gill Sans, Helvetica, -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 700; }
.invert.slogan a                                                               { color: white; }
.slogan.c 																	   { padding-top: 60px; padding-bottom: 60px; }
#footer .btn.semi 															   { margin-top: 10px; }
@media only screen and (min-width: 740px) {  
.close-to-footer .s.slogan.decorative-headline a:after,
.close-to-footer #footer .slogan a:after 									   { font-size: 24px; margin-left:  10px; }
.slogan a																	   { font-size: 36px; }
}
@media only screen and (max-width: 740px) {
.slogan 																	   { text-align: center; }
.slogan br 																	   { display: none; }
.close-to-footer .s.slogan.decorative-headline a:after,
.close-to-footer #footer .slogan a:after 									   { font-size: 20px; margin-left:  10px; margin-top: 4px; position: absolute; }
#fl li 																		   { display: block; margin: 8px 0; }
}

/* Selectric */
.selectric                                                                      { border-radius: 30px; border-radius: 0; }
.selectric .label                                                               { margin-left: 30px; }

/* Language Hints */
.language-hints { height: 0; overflow: hidden; padding: 0; margin: 0; transition: all .5s; }
.language-hints.show { height: auto; padding: 20px 10px; margin: 30px 0; background-color: rgba(134, 212, 48, .2); background-color: #f4f4f4; /*border:#86D430 3px dashed;*/ }
.language-hints p.other-language-buttons { margin-left: 20px; margin-right: 20px; display: flex; gap: 10px; justify-content: center; }
.language-hints p.other-language-buttons .btn + .btn { margin: 0; }