:root {
	--vRed: #cc2086;
	--vOrange: #ed7129;
	--vYellow: #fec311;
	--vGreen: #aacb58;
	--vGrau: #F2F2F2;
}

/* font converted using font-converter.net. thank you! */
@font-face {
font-family: "SourceSansPro-Regular";
src: url("../fonts/SourceSansPro-Regular.eot"); /* IE9 Compat Modes */
src: url("../fonts/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("../fonts/SourceSansPro-Regular.otf") format("opentype"), /* Open Type Font */
	url("../fonts/SourceSansPro-Regular.svg") format("svg"), /* Legacy iOS */
	url("../fonts/SourceSansPro-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
	url("../fonts/SourceSansPro-Regular.woff") format("woff"), /* Modern Browsers */
	url("../fonts/SourceSansPro-Regular.woff2") format("woff2"); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "SourceSansPro-Italic";
src: url("../fonts/SourceSansPro-Italic.eot"); /* IE9 Compat Modes */
src: url("../fonts/SourceSansPro-Italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("../fonts/SourceSansPro-Italic.otf") format("opentype"), /* Open Type Font */
	url("../fonts/SourceSansPro-Italic.svg") format("svg"), /* Legacy iOS */
	url("../fonts/SourceSansPro-Italic.ttf") format("truetype"), /* Safari, Android, iOS */
	url("../fonts/SourceSansPro-Italic.woff") format("woff"), /* Modern Browsers */
	url("../fonts/SourceSansPro-Italic.woff2") format("woff2"); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "SourceSansPro-Bold";
src: url("../fonts/SourceSansPro-Bold.eot"); /* IE9 Compat Modes */
src: url("../fonts/SourceSansPro-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("../fonts/SourceSansPro-Bold.otf") format("opentype"), /* Open Type Font */
	url("../fonts/SourceSansPro-Bold.svg") format("svg"), /* Legacy iOS */
	url("../fonts/SourceSansPro-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
	url("../fonts/SourceSansPro-Bold.woff") format("woff"), /* Modern Browsers */
	url("../fonts/SourceSansPro-Bold.woff2") format("woff2"); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
/* Clear Floated Elements */
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear:after, .ce_text:after {clear:both;content:' ';display:block;font-size:0;
line-height:0;visibility:hidden;width:0;height:0;}
* html .clear {height:1%;}
.invisible {display: inline;left: -1000px;overflow: hidden;position: absolute;top: -1000px;}
a.invisible {display:none;}

body {
	margin: 0 auto;
	background-color: white;
	color: #292b2c;
	font-family: "SourceSansPro-Regular", sans-serif;
	font-size: 1.5em;
}
.fade-in.is-visible {
    opacity: 1;
    transform: none;
    visibility: visible;
}
.fade-in {
    opacity: 0;
    transform: translateY(20vh);
    visibility: hidden;
    transition: opacity 0.6s ease-out, transform 1.2s ease-out;
    will-change: opacity, visibility;
}
.playbutton {
    color: #fe0000;
    font-size: 50px;
    left: 50%;
    margin: -73px 0 0 -31px;
    position: absolute;
    text-shadow: 0 0 8px rgba(0,0,0,0.5);
    top: 50%;
    cursor: pointer;
    z-index: 10;
}
.dsgvotext {
    color: #000;
    font-size: 16px;
    left: 0;
    right: 0;
    width: 80%;
    margin: 0 auto;
    padding: 2em;
    position: absolute;
    background-color: rgba(255,255,255,0.7);
    top: 10%;
}

#header {background-color:#FFF;}
#logos {display: inline-block;position: relative;overflow: visible;width: 100%;}
p {color:#73797C;}
h1, h2, h3 {
	margin-bottom: 1em;font-weight: 400;text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
}
h1, .pseudo-h1 {
	font-size: 40px;
	margin-top: 1em;
}
h2, .pseudo-h2 {
	font-size: 30px;
}
h4 {font-size: 18px;line-height: 1.8em;}
.col2 {
margin-top: 1.8ex;column-count: 2;column-gap: 60px;
}
.col2 p {
margin: 0 0 2.7ex 0;hyphens: auto;orphans: 3;widows: 3;
}
.col3 {
margin-top: 1.8ex;column-count: 3;column-gap: 60px;
}
.col3 p {
margin: 0 0 2.7ex 0;hyphens: auto;orphans: 3;widows: 3;
}
img {
	max-width: 100%;
	height: auto;
}
.container {
	width: 100%;
	padding: 0;
	position: relative;
	margin: 0 auto;
}
.row {
	margin-right: 0;
	margin-left: 0;
}
header .container, #logo {
	width: 1140px;
	max-width: 100%;margin: 0 auto;
}
/*#logo {margin-top:16px;}*/
#wrapper {width: 100%;
	margin: 0 auto; padding:0;
}
.ce_sliderStart {padding:0}
.content-slider {padding-top: 0;}
.slider-control {height: 26px;}
a.slider-prev, a.slider-next {display:none;}
.slider-control .slider-menu b.active {color: #BBB;}
.slider-control .slider-menu b {color: #FFF;}
.slider-control .slider-menu {top: -60px;font-size: 60px;}
#header-image.sticky-logo img {width: 10%;}
#header-image.sticky-logo {display:block;position: relative;}

.col-md-12.col-sm-12.col-xs-12 {padding:0;}
.ce_text, .ce_headline, .ce_gallery , .ce_form,
.ce_accordionSingle, .ce_accordionStart, .bubble, .ce_download, 
.ce_player, .ce_image, .ce_hyperlink, .ce_sliderStart {
	width: 1100px;
	padding: 16px 0;
	margin: 0 auto;
}
.ce_text.col-md-4.col-sm-4.col-xs-12,
.ce_text.col-md-4.col-sm-12.col-xs-12 {
width: 33.33333333% !important;}
.col-md-3.col-sm-3.col-xs-12 .ce_text,
.col-md-4.col-sm-4.col-xs-12 .ce_text,
.col-md-4.col-sm-6.col-xs-12 .ce_text,
.col-md-3.col-sm-6.col-xs-12 .ce_text {
    width: 100%;
}

.ce_youtube {
 position: relative;
 padding-bottom: 56.25%;
 max-width: 100%;
 height: 0;overflow: hidden;
 margin: 0 auto;
 width:1100px;
}
 
.ce_youtube iframe {
 position: absolute;
 top: 0; left: 0; right: 0; bottom: 0;
 width: 100%;
 height: 100% ;
}


.ce_image.bubble {width: 33.33333333%;margin-left: 8.333333%;}
.ce_text.bubble-content-text {width: 100%;}
.bubble-content:after {
    border-left: 24px solid transparent;
    border-right: 24px solid #FFF;
    border-top: 24px solid #FFF;
    border-bottom: 24px solid transparent;
    content: "";
    position: absolute;
	left: -32px;
	top: 48px;
}
.ce_image.col-md-6.col-sm-6.col-xs-12, .ce_text.col-md-6.col-sm-6.col-xs-12 {
	width: 550px; height:auto;
}
.mod_article {
	margin: 0 auto;
}
#main .cBlockOrange .col-lg-6 img {
	border: solid 10px;
}

.cBlockOrange .ce_leaflet img {
	border: solid 0 transparent;
}
.cBlockOrange .ce_leaflet a, .cBlockOrange .ce_leaflet a:hover {
    color: #333;
}
.ce_leaflet.col-md-8.col-sm-12.col-xs-12 {padding: 0 !important;}
.map-label-big {
    font-size: 50px;
    line-height: 120%;
    margin-top: .25rem !important;
}
.map-label {
    font-size: 30px;
    line-height: 120%;
	margin-bottom: .25rem !important;
}

.image_container.float_right {float:right;margin-left:16px;
	position: relative;display: inline-block;}
.image_container.float_left {float:left;margin-right:16px;
	margin-left: 2px;position: relative;display: inline-block;}
.image_container.float_above, .image_container.float_below {
	display: flex;align-items: center;justify-content: center;}
.ce_gallery ul {
display: inline;list-style: outside none none;}
.ce_gallery ul li {
float: left;list-style: outside none none;margin-left: 4px;padding: 0;}
div#cHeader {
	text-align: left;
}

.ce_text.kreis_grau {
	background:#f2f2f2; border-radius: 55px;color: #73797c;font-weight: bold;
    height: 110px; padding: 2px 3px 2px 3px;text-align: center;min-width: 110px;
	border: 5px solid #FFF;width: 110px !important;margin: 0 auto;position: relative;
}
.kreis_grau p {
    color: #73797c;text-align: center;font-size: 4.5em;font-weight: 600;
    font-family: "Arial";
}
.ce_text.kreis_rot {
	background:#f2f2f2; border-radius: 55px;color: #cc2086;font-weight: bold;
    height: 110px; padding: 2px 3px 2px 3px;text-align: center;min-width: 110px;
	border: 5px solid #FFF;width: 110px !important;margin: 0 auto;position: relative;
}
.kreis_rot p {
    color: #cc2086 !important;text-align: center;font-size: 4.5em;font-weight: 600;
    font-family: "Arial";
}
.ce_text.kreis_gruen {
	background:#f2f2f2; border-radius: 55px;color: #aacb58;font-weight: bold;
    height: 110px; padding: 2px 3px 2px 3px;text-align: center;min-width: 110px;
	border: 5px solid #FFF;width: 110px !important;margin: 0 auto;position: relative;
}
.kreis_gruen p {
    color: #aacb58 !important;text-align: center;font-size: 4.5em;font-weight: 600;
    font-family: "Arial";
}
.ce_text.kreis_orange {
	background:#f2f2f2; border-radius: 55px;color: #ed7129;font-weight: bold;
    height: 110px; padding: 2px 3px 2px 3px;text-align: center;min-width: 110px;
	border: 5px solid #FFF;width: 110px !important;margin: 0 auto;position: relative;
}
.kreis_orange p {
    color: #ed7129 !important;text-align: center;font-size: 4.5em;font-weight: 600;
    font-family: "Arial";
}
.ce_text.kreis_gelb {
	background:#f2f2f2; border-radius: 55px;color: #fec311;font-weight: bold;
    height: 110px; padding: 2px 3px 2px 3px;text-align: center;min-width: 110px;
	border: 5px solid #FFF;width: 110px !important;margin: 0 auto;position: relative;
}
.kreis_gelb p {
    color: #fec311 !important;text-align: center;font-size: 4.5em;font-weight: 600;
    font-family: "Arial";
}

div.infocardMagenta {
	background-image: linear-gradient(to bottom, white 15%, #cc2086 15%, #cc2086 84%);
	color: white;
	overflow: auto;padding-bottom: 32px;
}
div.infocardGreen {
	background-image: linear-gradient(to bottom, white 15%, #aacb58 15%, #aacb58 84%);
	color: white;
	overflow: auto;padding-bottom: 32px;
}
div.infocardYellow {
	background-image: linear-gradient(to bottom, white 15%, #fec311 15%, #fec311 84%);
	color: white;
	overflow: auto;padding-bottom: 32px;
}
div.infocardOrange {
	background-image: linear-gradient(to bottom, white 15%, #ed7129 15%, #ed7129 84%);
	color: white;
	overflow: auto;padding-bottom: 32px;
}

.infocards {position: relative;
	width: 1100px;margin: 0 auto;}
.infocard {
	text-align: center; padding: 0 16px;
}
.infocard .ce_image, .infocard .ce_text {width: 100% !important;}
.infocard-figure img {

	max-width: 150px;
	height: auto;z-index: 100;
}
.col-lg {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}

div.cBlockRed, div.cBlockMagenta, div.cBlockOrange, div.cBlockYellow, div.cBlockGreen {
	color: white;
	overflow: auto;padding: 2.5em 0;
}
div.cBlockRed.first, div.cBlockMagenta.first, div.cBlockOrange.first, 
div.cBlockYellow.first, div.cBlockGreen.first, .ce_sliderStart.first {
	padding: 0;
}
.solo {padding: 0 !important;}
div.cBlockRed, div.cBlockMagenta {
	background-color: var(--vRed);
}
div.cBlockOrange {
	background-color: var(--vOrange);
}
div.cBlockYellow {
	background-color: var(--vYellow);
}
div.cBlockGreen {
	background-color: var(--vGreen);
}

.cBlockRed img, .cBlockOrange img, .cBlockYellow img, .cBlockGreen img {
border: 10px solid white;padding: 0;
}

div.cBlockRed hr, div.cBlockOrange hr, div.cBlockYellow hr, div.cBlockGreen hr {
	width: 100px;
	height: 1px;
	background-color: white;
	border: none;
}
div.cBlockRed hr {
	color: var(--vRed);
}
div.cBlockOrange hr {
	color: var(--vOrange);
}
div.cBlockYellow hr {
	color: var(--vYellow);
}
div.cBlockGreen hr {
	color: var(--vGreen);
}

div.cTextRed, div.cTextOrange, div.cTextYellow, div.cTextGreen {	
	background-color: white;
	color: gray;
	overflow: auto;
}

div.cTextRed h2, div.cTextRed h3, h2.cTextRed, h3.cTextRed {
	color: var(--vRed);
}
div.cTextOrange h2, h2.cTextOrange {
	color: var(--vOrange);
}
div.cTextYellow h2, h2.cTextYellow {
	color: var(--vYellow);
}
div.cTextGreen h2, h2.cTextGreen {
	color: var(--vGreen);
}
div.cTextRed p, div.cTextOrange p, div.cTextYellow p, div.cTextGreen p {
	text-align: justify;
}
div.cTextRed img, div.cTextOrange img, div.cTextYellow img, div.cTextGreen img {
	border: none;
}

.cFooter, #footer {
	background-color: gray;
	color: white;
	font-size: 1em;
	text-align: center;
}
.cFooter p {color:#FFF;}
.cFooter a {text-decoration: none;color: white;}
.cFooter img {float: right;width: 4em; height: 4em;
margin-bottom: 0 auto;align-content: flex-start;}

/* Menu */
#navmobil {display:none;}
.navbar-collapse {padding:0;background-color:#f2f2f2;}
.navbar-nav {float: left;}
.navdesk {position:relative; display:block; overflow:visible;}
.sticky-menu {position: fixed !important;top: 0;z-index: 1000 !important;
width: 100% !important;}

#main-nav {
	z-index:10000;
	margin:0;
	padding:0;
	position: relative !important;
	background-color:#f2f2f2;
}
#main-nav .col-md-12.col-sm-12.col-xs-12 {padding: 0;margin:0;}
#main-nav li a {
	font-size:18px;
	color:#edc15e;
	color:#0191ca;
	color:#292b2c;
	padding-left:16px;
	padding-right:16px;
	text-transform: uppercase;
}
#main-nav li a.has-subnav, #main-nav li a.sf-with-ul, 
#main-nav li a.sf-with-ul.active {
	padding-right:2em;
	background-image:url(../img/arrow-down.png);
	background-position:95% center;
	background-repeat:no-repeat;
	background-size:20px auto;
}
#main-nav li a:hover, #main-nav li a:focus, #main-nav li a.active, 
#main-nav li a.forward, #main-nav li a.trail {
/*	background-color:#f2f2f2;*/
	color:#FFF;
}
#main-nav li:hover.green,
#main-nav li.active.green,#main-nav li.forward.green,
#main-nav li a.sf-with-ul.active.green,
#main-nav li.green:hover,
#main-nav li.trail.green {
background: #ABCC59;
color:#FFF;
}
#main-nav li:hover.magenta,
#main-nav li.active.magenta,#main-nav li.forward.magenta,
#main-nav li a.sf-with-ul.active.magenta,
#main-nav li.magenta:hover,
#main-nav li.trail.magenta {
background: #CB2686;
color:#FFF;
}
#main-nav li.active.orange,#main-nav li.forward.orange,
#main-nav li:hover.orange,
#main-nav li a.sf-with-ul.active.orange,
#main-nav li.orange:hover,
#main-nav li.trail.orange {
background: #EE712A;
color:#FFF;
}
#main-nav li.active.yellow,#main-nav li.forward.yellow,
#main-nav li:hover.yellow,
#main-nav li a.sf-with-ul.active.yellow,
#main-nav li.yellow:hover,
#main-nav li.trail.yellow {
background: #FDC311;
color:#FFF;
}

#main-nav li ul {
	width:auto;min-width: 12em;
	background:#73797c;
	color:#FFF ;
	padding:0;
}
#main-nav li ul li a {
	padding:7px 15px;
	font-size:17px;
	color:#FFF;
	border-top:1px solid rgba(0,120,168,.4);
}
#main-nav ul ul li:hover,
#main-nav ul ul li.active,
#main-nav ul ul li.green:hover,
#main-nav ul ul li.active.green,
#main-nav ul ul li.forward.green,
#main-nav ul ul li.active.magenta,
#main-nav ul ul li.forward.magenta,
#main-nav ul ul li.active.orange,
#main-nav ul ul li.forward.orange,
#main-nav ul ul li.active.yellow,
#main-nav ul ul li.forward.yellow {
	background: rgba(115,121,124,.4);
}
#main-nav ul ul li a:hover, #main-nav ul ul li a:focus, #main-nav ul ul li a.active, 
#main-nav ul ul li a.forward, #main-nav ul ul li a.trail {
    background-color:#c2c2c2;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%; 
}

/* Header Auszeichnungen */
h3 {text-align:center;}
.cBlockRed h3:after, .cBlockOrange h3:after, .cBlockYellow h3:after, .cBlockGreen h3:after, .cBlockMagenta h3:after,
.cBlockRed h2:after, .cBlockOrange h2:after, .cBlockYellow h2:after, .cBlockGreen h2:after, .cBlockMagenta h2:after,
.cBlockRed h1:after, .cBlockOrange h1:after, .cBlockYellow h1:after, .cBlockGreen h1:after, .cBlockMagenta h1:after,
.infocardMagenta h2:after, .infocardGreen h2:after.infocardYellow h2:after.infocardOrange h2:after.infocardGrau h2:after{
	content: '';
	width: 76px;
	display: block;
	margin: 5px auto 0;
	height: 1px;
	border-bottom: solid 1px;
}
.cBlockRed .content-slider h3:after, .cBlockOrange .content-slider h3:after, 
.cBlockYellow .content-slider h3:after, .cBlockGreen .content-slider h3:after, 
.cBlockMagenta .content-slider h3:after {
	border-bottom: solid 0;
}
.infocardMagenta h2, .infocardGreen h2, .infocardYellow h2, 
.infocardOrange h2, .infocardGrau h2 {text-transform:uppercase;font-size:28px;}
.col-lg-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

/* Farben */
.cTextGreen p,.cTextMagenta p,.cTextYellow p,
.cTextOrange p {color:#73797C;}

.cBlockGreen p,.cBlockMagenta p,.cBlockYellow p,
.cBlockOrange p, .infocardMagenta p, .infocardYellow p, 
.infocardGreen p, .infocardOrange p, .infocardGrau p {color:#FFF;}
/* Grün Textblock*/
.cTextGreen, .cTextGreen {
color: #73797C;
}
.cTextGreen h1,.cTextGreen h2,
.cTextGreen h3,.cTextGreen h4,
.cTextGreen h5 {
color: #ABCC59;
}
.cTextGreen a {
color: #73797C;
}
.cTextGreen a:hover {
color: #73797C;
}
.cTextGreen h2:after {
background: #ABCC59;
}
.cTextGreen hr {
border-top-color: #ABCC59;
}
.cTextGreen td,
.cTextGreen th {
border-color: #73797C;
}
.cTextGreen .btn {
color: #ABCC59;
background: transparent;
border-color: #ABCC59;
}
.cTextGreen .btn:hover {
color: #FFF;
background: #ABCC59;
border-color: #ABCC59;
}
.cTextGreen.btn.cta {
color: #FFF;
background: #ABCC59;
border-color: #ABCC59;
}
.cTextGreen .btn.cta:hover {
color: #ABCC59;
background: transparent;
border-color: #ABCC59;
}
.cTextGreen .numBox-number {
color: #ABCC59;
}
/* Magenta Textblock*/
.cTextMagenta, .cTextRed {
color: #73797C;
}
.cTextMagenta h1, .cTextRed h1,.cTextMagenta h2, .cTextRed h2,
.cTextMagenta h3, .cTextRed h3,.cTextMagenta h4, .cTextRed h4,
.cTextMagenta h5, .cTextRed h5 {
color: #CB2686;
}
.cTextMagenta a, .cTextRed a {
color: #73797C;
}
.cTextMagenta a:hover, .cTextRed a:hover {
color: #73797C;
}
.cTextMagenta h2:after, .cTextRed h2:after {
background: #CB2686;
}
.cTextMagenta hr, .cTextRed hr {
border-top-color: #CB2686;
}
.cTextMagenta td, .cTextRed td,
.cTextMagenta td, .cTextRed th {
border-color: #73797C;
}
.cTextMagenta .btn, .cTextRed .btn {
color: #CB2686;
background: transparent;
border-color: #CB2686;
}
.cTextMagenta .btn:hover, .cTextRed .btn:hover {
color: #FFF;
background: #CB2686;
border-color: #CB2686;
}
.cTextMagenta .btn.cta, .cTextRed .btn.cta {
color: #FFF;
background: #CB2686;
border-color: #CB2686;
}
.cTextMagenta .btn.cta:hover, .cTextRed .btn.cta:hover {
color: #CB2686;
background: transparent;
border-color: #CB2686;
}
.cTextMagenta  .numBox-number, .cTextRed .numBox-number {
color: #CB2686;
}
/* Orange Textblock*/
.cTextOrange {
color: #73797C;
}
.cTextOrange h1,.cTextOrange h2,.cTextOrange h3,.cTextOrange h4,
.cTextOrange h5 {
color: #EE712A;
}
.cTextOrange a {
color: #73797C;
}
.cTextOrange a:hover {
color: #73797C;
}
.cTextOrange h2:after {
background: #EE712A;
}
.cTextOrange hr {
border-top-color: #EE712A;
}
.cTextOrange td,
.cTextOrange th {
border-color: #73797C;
}
.cTextOrange .btn {
color: #EE712A;
background: transparent;
border-color: #EE712A;
}
.cTextOrange .btn:hover {
color: #FFF;
background: #EE712A;
border-color: #EE712A;
}
.cTextOrange .btn.cta {
color: #FFF;
background: #EE712A;
border-color: #EE712A;
}
.cTextOrange .btn.cta:hover {
color: #EE712A;
background: transparent;
border-color: #EE712A;
}
.cTextOrange .numBox-number {
color: #EE712A;
}
/* Gelb Textblock*/
.cTextYellow.colors-on-light {
color: #73797C;
}
.cTextYellow h1,.cTextYellow h2,.cTextYellow h3,.cTextYellow h4,
.cTextYellow h5 {
color: #FDC311;
}
.cTextYellow a {
color: #73797C;
}
.cTextYellow a:hover {
color: #73797C;
}
.cTextYellow h2:after {
background: #FDC311;
}
.cTextYellow hr {
border-top-color: #FDC311;
}
.cTextYellow td,
.cTextYellow th {
border-color: #73797C;
}
.cTextYellow .btn {
color: #FDC311;
background: transparent;
border-color: #FDC311;
}
.cTextYellow .btn:hover {
color: #FFF;
background: #FDC311;
border-color: #FDC311;
}
.cTextYellow .btn.cta {
color: #FFF;
background: #FDC311;
border-color: #FDC311;
}
.cTextYellow .btn.cta:hover {
color: #FDC311;
background: transparent;
border-color: #FDC311;
}
.cTextYellow .numBox-number {
color: #FDC311;
}
/* Grün Block*/
.cBlockGreen {
color: #FFF;
}
.cBlockGreen h1,.cBlockGreen h2,.cBlockGreen h3,.cBlockGreen h4,
.cBlockGreen h5 {
color: #FFF;
}
.cBlockGreen a {
color: #FFF;
}
.cBlockGreen a:hover {
color: #FFF;
}
.cBlockGreen h2:after {
background: #FFF;
}
.cBlockGreen hr {
border-top-color: #FFF;
}
.cBlockGreen td,
.cBlockGreen th {
border-color: #FFF;
}
.cBlockGreen .btn, .infocardGreen .btn {
color: #FFF;
background: transparent;
border-color: #FFF;
}
.cBlockGreen .btn:hover, .infocardGreen .btn:hover {
color: #FFF;
background: #EE712A;
border-color: #FFF;
}
.cBlockGreen .btn.cta {
color: #FFF;
background: #EE712A;
border-color: #FFF;
}
.cBlockGreen .btn.cta:hover {
color: #FFF;
background: transparent;
border-color: #FFF;
}
.cBlockGreen .numBox-number {
color: #ABCC59;
}
/* Magenta Block */
.cBlockMagenta, .cBlockRed {
color: #FFF;
}
.cBlockMagenta h1, .cBlockRed h1,.cBlockMagenta h2, .cBlockRed h2,
.cBlockMagenta h3, .cBlockRed h3,.cBlockMagenta h4, .cBlockRed h4,
.cBlockMagenta h5, .cBlockRed h5 {
color: #FFF;
}
.cBlockMagenta a, .cBlockRed a {
color: #FFF;
}
.cBlockMagenta a:hover, .cBlockRed a:hover {
color: #FFF;
}
.cBlockMagenta h2:after, .cBlockRed h2:after {
background: #FFF;
}
.cBlockMagenta hr, .cBlockRed hr {
border-top-color: #FFF;
}
.cBlockMagenta td, .cBlockRed td,
.cBlockMagenta th, .cBlockRed th {
border-color: #FFF;
}
.cBlockMagenta .btn, .cBlockRed .btn, .infocardMagenta .btn {
color: #FFF;
background: #FDC311;
border-color: #FFF;
}
.cBlockMagenta .btn:hover, .cBlockRed .btn:hover, .infocardMagenta .btn:hover {
color: #FFF;
background: transparent;
border-color: #FFF;
}
.cBlockMagenta .btn.cta, .cBlockRed .btn.cta {
color: #FFF;
background: #FDC311;
border-color: #FFF;
}
.cBlockMagenta .btn.cta:hover, .cBlockRed .btn.cta:hover {
color: #FFF;
background: transparent;
border-color: #FFF;
}
.cBlockMagenta .numBox-number, .cBlockRed .numBox-number {
color: #CB2686;
}
/* Orange Block */
.cBlockOrange {
color: #FFF;
}
.cBlockOrange h1,.cBlockOrange h2,.cBlockOrange h3,.cBlockOrange h4,
.cBlockOrange h5 {
color: #FFF;
}
.cBlockOrange a {
color: #FFF;
}
.cBlockOrange a:hover {
color: #FFF;
}
.cBlockOrange h2:after {
background: #FFF;
}
.cBlockOrange hr {
border-top-color: #FFF;
}
.cBlockOrange td,
.cBlockOrange th {
border-color: #FFF;
}
.cBlockOrange .btn, .infocardOrange .btn {
color: #FFF;
background: #ABCC59;
border-color: #FFF;
}
.cBlockOrange .btn:hover, .infocardOrange .btn:hover {
color: #FFF;
background: transparent;
border-color: #FFF;
}
.cBlockOrange .btn.cta {
color: #FFF;
background: #ABCC59;
border-color: #FFF;
}
.cBlockOrange .btn.cta:hover {
color: #FFF;
background: transparent;
border-color: #FFF;
}
.cBlockOrange .numBox-number {
color: #EE712A;
}
/* Gelb Block */
.cBlockYellow {
color: #FFF;
}
.cBlockYellow h1, .cBlockYellow h2,.cBlockYellow h3, .cBlockYellow h4,
.cBlockYellow h5 {
color: #FFF;
}
.cBlockYellow a {
color: #FFF;
}
.cBlockYellow a:hover {
color: #FFF;
}
.cBlockYellow h2:after {
background: #FFF;
}
.cBlockYellow hr {
border-top-color: #FFF;
}
.cBlockYellow td,
.cBlockYellow th {
border-color: #FFF;
}
.cBlockYellow .btn, .infocardYellow .btn {
color: #FFF;
background: transparent;
border-color: #FFF;
}
.cBlockYellow .btn:hover, .infocardYellow .btn:hover {
color: #FFF;
background: #CB2686;
border-color: #FFF;
}
.cBlockYellow .btn.cta {
color: #FFF;
background: #CB2686;
border-color: #FFF;
}
.cBlockYellow .btn.cta:hover {
color: #FFF;
background: transparent;
border-color: #FFF;
}
.cBlockYellow .numBox-number {
color: #FDC311;
}
/* Grau Block */
.cBlockGrau {
	background-color: var(--vGrau);
}

/* Botschfter */
.bubble figure {
    margin: 0 auto;
    text-align: center;
}
.bubble img {
    max-width: 155px;
    height: auto;
    border-radius: 100%;
    border: 4px solid #FFF;
    background: #FFF;
}
.bubble .bubble-content {
    color: #73797C;
    position: relative;
    background-color:#FFF;
}
.bubble-content {
flex: 0 0 50%;
max-width: 50%;
padding-right: 15px;
padding-left: 15px;
}
.cTextGreen .bubble-content-text p, .cBlockGreen .bubble-content-text p, 
.cTextMagenta .bubble-content-text p, .cBlockMagenta .bubble-content-text p, 
.cTextYellow .bubble-content-text p, .cBlockYellow .bubble-content-text p, 
.cTextOrange .bubble-content-text p, .cBlockOrange .bubble-content-text p,
.cTextGrau .bubble-content-text p, .cBlockGrau .bubble-content-text p{
    color: #73797C;
    background-color:#FFF; padding:32px;
}
:after, :before {
    box-sizing: inherit;
}
.bubble-content-arrow:before {
    margin-top: -66px;
    content: " ";
right: 100%;
top: 50%;
border: solid transparent;
border-top-width: 12px;
border-right-color: transparent;
border-right-width: 27px;
border-bottom-width: 13px;
border-left-width: 16px;
border-right-color: #FFF;
}
.ce_text.bubble-content-text:after {
    content: '';
    background-image: url('../img/vhs-asset.svg');
    background-size: contain;
    height: 100px;
    width: 100px;
    display: block;
    position: absolute;
    right: 30px;
    bottom: 30px;
    opacity: 0.2;
}

.bg-page,
.bg-default {
background: #FFF;
}

.table-striped > tbody > tr:nth-of-type(odd) {
color: #bbd678;
}
/* Formulare */
form {
    padding-left: 20%;
    padding-right: 20%;
}
.explanation {padding: 16px 0;}
input, select, textarea {
    display: block;
    width: 100%;
    padding: 1rem .75rem;
    font-size: 1rem;
    line-height: 1.15;
    font-family: sans-serif;
    margin: 0;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,
}
input.upload {background-color: transparent;color: #FFF;
	border: 0 solid rgba(0,0,0,.15);font-size: 1.4rem;
}
legend {display:none;}
label {
    display: inline-block;
    margin-bottom: .5rem;
    font-size: 18px;
	font-weight: 200;
}
.widget-submit.btn {
    color: #FFF;
    background: transparent;
    border-color: transparent;
	border-width: 0 !important;
	border-style: solid !important;
	padding: 0;
}
.cBlockOrange .widget-submit .btn,
.cBlockGreen .widget-submit .btn {background: transparent;}
.cBlockOrange .widget-submit .btn:hover {background: #aacb58;}
.cBlockGreen .widget-submit .btn:hover {background: #ed7129;}

input[type="checkbox"] {
    margin-right: 5px;width: 2%;float: left;
}

/* andere */
.btn {
border-width: 2px !important;
border-style: solid !important;
padding: 8px 20px;
text-transform: uppercase;
cursor: pointer;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-clip: padding-box;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
font-weight: 600;
border-color:#cc2086;
background-color:#FFF;
}

.bs-searchbar .form-group {
margin: 0;
}
.bs-searchbar .form-group form button,
.bs-searchbar .form-group form input {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
background-clip: padding-box;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
border: 1px solid #dddddd;
}
.bs-searchbar .form-group form button {
cursor: pointer;
}
.numBox {
display: table;
padding-bottom: 2.5em;
height: 100%;
width: 100%;
text-align: center;
}
.numBox p {
margin-bottom: 1.5rem !important;
}
.numBox-text {
display: table-row;
height: 100%;
}
.numBox-btn {
display: table-row;
}
.numBox-number {
margin-bottom: 20px;
display: inline-block;
width: 84px;
height: 84px;
border: 6px solid white;
border-radius: 50%;
font-size: 54px;
font-weight: 600;
line-height: 125%;
background: #F2F2F2;
}
.blockquote {
margin: 0 0 1.5rem;
padding: 1rem 1rem;
border: 1px solid #F2F2F2;
border-left: 10px solid #F2F2F2;
font-size: 19.8px;
}
.tx-hst-comments ol {
list-style: none;
}
.tx-hst-comments > ol {
margin: 0;
padding: 0;
}
.tx-hst-comments .comment + .comment {
margin-top: 2.5em;
}
.tx-hst-comments .comment > ol {
margin-top: 1.5em;
}
.tx-hst-comments .comment img {
max-width: 100px;
border: solid 10px #fff;
box-shadow: 0 0px 9px -1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 0px 9px -1px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 0px 9px -1px rgba(0, 0, 0, 0.25);
border-radius: 100%;
}
.tx-hst-comments .comment .user-type {
font-style: italic;
}
.tx-hst-comments .comment .comment-text {
background: #F2F2F2;
color: #73797C;
border: 10px solid #fff;
box-shadow: 0 0px 9px -1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 0px 9px -1px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 0px 9px -1px rgba(0, 0, 0, 0.25);
padding: 25px;
position: relative;
}
figcaption {padding-top:8px;}
/* Toplink */
#footer .nach_oben_link{position:fixed;bottom:93px;right:33px;z-index:15;opacity:0.9}
#footer a .nach_oben_link .fas {color:#cc2086;background-color:transparent;height:40px;width:40px;display:block;font-size:4.8em;text-align:center;text-decoration:none}
#footer a:hover .nach_oben_link,
#footer a:focus .nach_oben_link{text-decoration:none;}
#footer a:hover .nach_oben_link .fas {color:#999999;}
#footer .nach_oben_link a:before{font-family:'Font Awesome 5 Free';content:" \f139";}

@media screen and (max-width: 992px){
    .ce_text, .ce_headline, .ce_gallery , .ce_form,
	.ce_accordionSingle, .ce_accordionStart, .bubble, .ce_download, .infocards, 
	.ce_player, .ce_image, .ce_hyperlink, .ce_sliderStart {
	width: 100%;padding:0 16px;}
	.ce_youtube {
	width: 100%;}
	.ce_image.col-md-6.col-sm-6.col-xs-12, .ce_text.col-md-6.col-sm-6.col-xs-12,
	.ce_text.col-md-4.col-sm-4.col-xs-12, .ce_text.col-md-4.col-sm-12.col-xs-12{
    width: 100% !important;}
}

@media screen and (max-width: 767px){
	img#logo {width:100%;height:auto;margin-top:10px;}
	#main-nav {width:100%;margin:0;float:none !important;}
	 #main-nav {display:none;}
	 .imagetext {color:#0078A8;top:2em;}
	 .imagetext a {color:#0078A8;}
	 .imagetext p {line-height: 3.4em;}
/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { display: block; }
	/* Hide table headers (but not display: none;, for accessibility) */
	thead { position: absolute;top: -9999px;left: -9999px;}
	tr { border: 1px solid #ccc; margin-bottom: 20px;}
	td { /* Behave  like a "row" */border: none;
	/*border-bottom: 1px solid #eee; */position: relative;}
	td:before { /* Label the data */content: attr(data-title);
	display: inline-block;width: 35%; padding-right: 10px; white-space: nowrap;}
	td {padding-left: 45%;}
	td:before {width: 40%;}
	td:first-child {font-weight:bold;}
		td:first-child:before {font-weight:normal;}

	#header-image.sticky-logo img {width: 100%;}
	#header-image img {width: 100%;margin:0;}
	#header-image {float:left;width: 70%;}
	.navbar-toggle {float: right;width: 14%;}
	.btn.navbar-toggle {padding: 4px;background-color: var(--vRed);}
	#header {display: block;background: #FFF;position: relative;
	overflow: visible;}
	#header .container {height:7em;}
	.text-welcome {font-size: 2.4em;}
	.text-small {font-size: 0.6em;}
	.text-yellow {margin-left: 2px;}
	#content {margin-top: 0;padding: 0;display: block;
	overflow: visible;position: relative;}
	#teaser h2 {top: 20px;}
	.padded-top {padding-top: 120px;}
	#teaser img {margin-top: 0;}
	#teaser h2.teaser-headline {font-size: 22px;left: auto;top: 70px;}
	#footer img {max-width: 119px;}
	
	.navbar-default .navbar-toggle {border-color: transparent;}
	#navmobil {display: flex;margin: 0;}
	#navmobile {display: flex;margin: 0;}
	#navmobile a {font-size: 14px;padding: 2px 0 2px 15px; margin: 0 0 0 -14px; 
	color: #0078A8;text-decoration:none;font-weight: bold;}
	#access {margin-bottom: 5px;float: right;padding:0;box-shadow:none;width: 100%;margin-top: 0;}
	#access .mod_navigation.block {display: none;}
/* All the following are for the div.menu-icon (pure CSS) */
	.icon-align-justify {font-size: 24px; /*icon size*/display: block;
	position: relative;	width: 26px;height: 26px;text-align: center;cursor: pointer;
	background-color: transparent;border-radius: 3px;margin-bottom:14px;}
	.icon-align-justify::before {border-bottom: 0.25em solid #FFF;
	border-top: 0.65em double #FFF;box-sizing: content-box;content: "";
	height: 0.25em;left: 4px;position: absolute;top: 0.25em;width: 1.5em;}
	/*#header .col-md-12 {display:none;}*/
	#header .col-xs-4 {width: 34.33333333%;}
	.bg-weiss .fas, .bg-weiss .far {width: 20%}
	.image_container.float_right,
	.image_container.float_left {float:none;}
	.sticky-menu {position: fixed !important;top: 0;
	z-index: 2 !important;height: 148px;}
	.mobilansicht {display:block;}
	#footer .mod_navigation {margin-top:0;}
	#footer img {max-width: 80%;}
	#footer .mod_navigation ul li {text-align: left;}
	.col2, .col3 {column-count: 1;column-gap: 0;}
	.col2 p, .col2 h2, .col3 p {margin: 0;}
	.bubble-content .bubble-content-arrow::before {
    border-width: 14px 0 47px 38px;
    margin-top: -56px;
    top: 0;
    left: 31px;
    bottom: auto;
    height: 1px;
    transform: rotate(12deg);
	}
	.bubble-content .bubble-content-arrow::after {
    border-width: 2px 46px 34px 15px;
    margin-top: -43px;
    top: 0;
    left: 21px;
    bottom: auto;
    height: 1px;
	}
	.bubble-content .bubble-content-arrow::before, .bubble-content .bubble-content-arrow::after {
    transform: rotate(104deg);}
    .ce_text, .ce_headline, .ce_gallery , .ce_form,
	.ce_accordionSingle, .ce_accordionStart, .bubble, .ce_download, .infocards, 
	.ce_player, .ce_image, .ce_hyperlink, .ce_sliderStart {
	width: 100%;padding:0 16px;}
	.ce_youtube {
	width: 100%;}
	.ce_image.col-md-6.col-sm-6.col-xs-12, .ce_text.col-md-6.col-sm-6.col-xs-12,
	.ce_text.col-md-4.col-sm-4.col-xs-12, .ce_text.col-md-4.col-sm-12.col-xs-12{
    width: 100% !important;}
    .ce_image.bubble {width: 100%;margin-left: 1%;}
    .bubble-content {max-width: 100%;}
    .bubble-content::after {border-left: 24px solid transparent;
	border-right: 24px solid transparent;border-top: 24px solid transparent;
	border-bottom: 24px solid #FFF;content: "";position: absolute;
	left: 48%;top: -18px;
	}
	.ce_text.bubble-content-text {margin-top: 30px;}
	div.infocardMagenta {
	background-image: linear-gradient(to bottom, #cc2086 15%, #cc2086 84%);
	}
	div.infocardGreen {
	background-image: linear-gradient(to bottom, #aacb58 15%, #aacb58 84%);
	}
	div.infocardYellow {
	background-image: linear-gradient(to bottom, #fec311 15%, #fec311 84%);
	}
	div.infocardOrange {
	background-image: linear-gradient(to bottom, #ed7129 15%, #ed7129 84%);
	}
	.slider-wrapper .btn.cta {margin-bottom:16px;}
	.content-slider .ce_text {padding: 1px 0;}
	.slider-control {height: 50px;}
	#map_ce_937, #map_ce_944, #map_karte {width: 430px !important;}
	.cBlockOrange .btn.cta, .cTextGreen .btn.cta, .cTextYellow .btn.cta, 
	.cTextMagenta .btn.cta {margin-bottom:8px;}
}