html{
	font-size: 10px; 
	margin:0;
	padding:0;
  scroll-behavior: smooth;
}

body{
	margin:0;
	padding:0;
	font-family:'Roboto';
	color:#4b4b4b;
}

.datatabelle, .diagramm{
	
    overflow-x: auto;
    max-width: 100vW;
}

.content{
	width:100%;
	max-width:110rem;
	margin-left:auto;
	margin-right:auto;
	min-height:50rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75% auto;
    background-position: top 6rem right;
	padding:0 5rem;
	margin-top:-6rem;
    padding-top: 12rem;
}

svg text{
	font-family:"Roboto" !important; 
}

.quellen{
	font-size:1.3rem;
}

.text-right{
	text-align:right;
}

.text-left{
	text-align:left;
}

.text-center{
	text-align:center;
}

.text-justify{
	text-align:left;
}

.card-body .text-justify{
	text-align:center;
}

.footer_left{
	font-size:1.8rem;
}

.footer_left p{
	margin:0;
	padding:0;
}

.footer_left p:first-of-type{
	padding-bottom:2.5rem;
}

.footer_right .ce-gallery{
	margin:0 !important;
	padding:0 !important;
}

.quellen{
	margin-top:3rem;
}


.legende_header{
	width:100%;
	font-weight:bold;
	margin-bottom:3.5rem;
	margin-top:-3rem;
}

.legende{
	margin-top:-3rem;
	margin-bottom:5rem;
}

.quellen_angaben{
	border-bottom:1px solid #4b4b4b;
	padding-bottom:0.5rem;
	margin-bottom:0.5rem;
}

.quellen_angaben ol {
  list-style-type: none;
  counter-reset: my-counter;
  list-style-position: inside;
  padding-left:0;
}
.quellen_angaben li {
  counter-increment: my-counter;
      padding-left: 1.5em;
      text-indent: -0.95em;
}
.quellen_angaben li::before {
  content: counter(my-counter) ".";
  vertical-align: super;
  margin-right: 10px;
  font-size:1rem;
  font-weight:bold;
  font-style:normal;
  display:inline-block;
  padding-right: 5px; /* Add extra padding to the right */
  width: 1.2em; /* Adjust the width to accommodate two-digit numbers */
  text-align: right; /* Right-align the numbers */
}

.chart{
    padding: 1rem;	
	
}

.chart canvas{
	margin-left:auto;
	margin-right:auto;
}

.diagramm{
	margin-bottom:4rem;
}

.datatabelle .frame-layout-0 .ce-table{
	border-bottom:1px solid #dadada;
}

.datatabelle .frame-layout-0 .ce-table th{
	background-color:#0da8c7;
	color:#fff;
}

.datatabelle .frame-layout-0 .ce-table td:nth-child(1){
	background-color:#cfeef4;
}

.datatabelle .frame-layout-0 .ce-table{
	opacity:0;
}

.datatabelle{
	margin-bottom:5rem;
}


.quellen_header{
	width:100%;
	font-weight:bold;
	font-style:italic;
	border-bottom:1px solid #4b4b4b;
	padding-bottom:0.5rem;
	margin-bottom:0.5rem;
}

.quellen_angaben{
	padding-bottom:0.5rem;
	margin-bottom:0.5rem;
	font-style:italic;
}

.home_text{
    margin-top: 9rem;
	min-height:62rem;
	border-bottom:1px solid #4b4b4b;
}

.home_text .hl1{
    font-size: 7.7rem;
    font-weight: 400;
    color: #4b4b4b;
    line-height: normal;
}

#site-1 .home_text .hl1{
    font-size: 8.35rem;
}


.home_text .hl2{
    font-weight: 700;
    color: #4b4b4b;
    line-height: normal;
    font-size: 7.7rem;
}

#site-1 .home_text .hl2{
    font-size: 7.35rem;
    margin-top: -2.25rem;
}

.home_text .maintext{
    max-width: 53rem;
}

.home_text .maintext h1{
    font-size: 2.75rem;
    font-weight: 700;
    color: #4b4b4b;
    line-height: normal;
    margin-top: 4rem;
	margin-bottom:1.25rem;
}

.home_text .maintext p{
    font-size: 2rem;
    line-height: 2.75rem;
	font-weight:400;
}



.themen_text{
    margin-top: -1rem;
	margin-bottom:4rem;
}

.themen_text .hl1{
    font-size: 10rem;
    font-weight: 400;
    color: #4b4b4b;
    line-height: normal;
}

.themen_text .hl2{
    font-weight: 700;
    color: #4b4b4b;
    line-height: normal;
    font-size: 10rem;
	margin-left:12.5rem;
	margin-top:-1.25rem;
}

.legende_swap{
	width:14px;
	height:14px;
	float:left;
	display:inline-block;
	margin-right:12px;
	margin-top:-2px;
}

svg text{
      pointer-events: none;
}

.legende_eintrag{
	display:flex;
}

.legende_label{
	float:left;
	display:inline-block;
}

.themen_text .maintext{
    max-width: 100%;
	margin-top:2.5rem;
}

.themen_text .maintext h1{
    font-size: 2.75rem;
    font-weight: 700;
    color: #4b4b4b;
    line-height: normal;
    margin-top: 4rem;
	margin-bottom:1.25rem;
}

.themen_text .maintext p{
    font-size: 2rem;
    line-height: 2.5rem;
	font-weight:400;
}

.themen_teaser{
	border:0.1rem solid #4b4b4b;
	margin-bottom:5.5rem;;
}

.karten_info{
	display:none;
}

.themen_teaser_hl{
	background-color:#4b4b4b;
	padding:3rem 5rem;
	color:#fff;
	text-transform:uppercase;
    font-size: 2.75rem;
	line-height:normal;
}


.themen_teaser_text{
	color:#fff;
	background-color:#0da8c7;
	padding:3rem 5rem 4rem 5rem;
    font-size: 2rem;
    line-height: 2.5rem;
	background-image:url(../Images/Arrow_Thema.svg);
	background-repeat:no-repeat;
	background-position:bottom 0 right 5rem;
	background-size:6rem auto;
	text-align:justify;
}

.thementeaser_link{
	text-decoration:none;
}

.thementeaser_link:hover .themen_teaser_hl{
	transition:0.2s all;
}

.thementeaser_link:hover .themen_teaser_hl{
	background-color:#fabd33;
	color:#4b4b4b;
}

.content{
    background-position: top right;
}






.ueberuns_text{
    margin-top: 9rem;
	margin-bottom:4rem;
	position:relative;
}

.ueberuns_text .hl1{
    font-size: 5.5rem;
    font-weight: 400;
    color: #4b4b4b;
    line-height: normal;
}

.ueberuns_text .hl2{
    font-weight: 700;
    color: #4b4b4b;
    line-height: normal;
    font-size: 5.5rem;
}

.ueberuns_text .maintext{
    max-width: 47rem;
	margin-top:2.5rem;
}

.ueberuns_text .maintext h1{
    font-size: 2.75rem;
    font-weight: 700;
    color: #4b4b4b;
    line-height: normal;
    margin-top: 4rem;
	margin-bottom:1.25rem;
}

.ueberuns_text .maintext p{
    font-size: 2rem;
    line-height: 2.5rem;
	font-weight:400;
}

.ueberuns_text .teambild{
	position:absolute;
    top: -5rem;
    right: 3rem;
	width:42rem;
	height:34.8;
}


.portrait{
	border-radius:50%;
	border:0.6rem solid #fabd33;
	position:absolute;
}

#portrait_1{
	top:0.3rem;
	right:0.3rem;
	z-index:1;
	width:18.7rem;
	height:18.7rem;
}


#portrait_2{
    top: 7.5rem;
    left: 10.7rem;
    z-index: 2;
    width: 15.8rem;
    height: 15.8rem;
}

#portrait_3{
    top: 19.7rem;
    left: 19.1rem;
    z-index: 3;
    width: 14.7rem;
    height: 14.7rem;
}

#portrait_4{
    top: 1.5rem;
    left: 0.25rem;
    z-index: 4;
    width: 14.2rem;
    height: 14.2rem;
}


.parent-2 .content, .content.like-200{
	background-image:url(../Images/Dots-Themen-detail-top.svg);
    background-size: 33% auto;
    background-position: top -2.5rem right 15.5rem;
}


.parent-5 .content, .content.like-500{
	background-image:url(../Images/Dots-Termine-top.svg);
    background-size: 33% auto;
    background-position: top -2rem right 4rem;
}



#site-1 .content, #site-3 .content, .content.like-1{
    background-image: url(../Images/Background-map-home.svg);
}

#site-2 .content, .content.like-2{
	background-image:url(../Images/Dots-Themen-top.svg);
    background-size: 33% auto;
    background-position: top 4.5rem right 5.5rem;
}

#site-4 .content, .content.like-4{
	background-image:url(../Images/Background-map-ueber-uns.svg);
}

#site-5 .content, .content.like-5{
	background-image:url(../Images/Dots-Termine-top.svg);
    background-size: 33% auto;
    background-position: top -2rem right 4rem;
}

#site-16 .content, .content.like-16{
    background-image: url(../Images/Dots-Wissenswert-top.svg);
    background-size: 33% auto;
    background-position: top 3rem right 1.75rem;
}


p{
	font-weight:400;
}


.ce-bodytext ul{
	margin-left:-2rem;
}

.ce-bodytext ul li{
	font-weight:400;
}

.header{
	width:100%;
	height:20rem;
	background-color:#fff;
    position: fixed;
    background-color: #0da8c7;
    z-index:125;
	top:0;
}

.header_inner{
	width:100rem;
	margin-left:auto;
	margin-right:auto;
	position:relative;
    height: 100%;
	max-width:95%;
}

.header_logo img{   
	width:35.5rem;
	height:auto;
    margin-top: 4.2rem;
    float: left;
    display: inline-block;
}


.header_top_right{
	display:inline-block;
	float:right;
	color:#4b4b4b;
}

.header_right{
	font-size:1.2rem;
}



.main_nav{
    text-align: right;
    margin-top: 3.1rem;
	position:absolute;
	bottom:1rem;
	right:-1.6rem;
	font-size:1.6rem;
	text-transform:uppercase;
}

.mainnavitem{
	display:inline-block;
	transition: color 0.5s, background-color 0.5s;
	position:relative;
	padding-top:0.4rem;
}

.submenu {
    text-align: left;
    position: absolute;
    top: 2.4rem;
    left: 1rem;
    padding: 1rem 0;
    display:none;
    z-index:5000;
    background-repeat:no-repeat;
    background-position:2rem 0;
    background-size:2.8rem 0.9rem;
}

.submenu_inner{
    background-color: #fff;
	margin-top:1rem;
	padding-top:1rem;
	padding-bottom:1.5rem;
	
	-webkit-box-shadow: 0px 4px 15px 6px rgba(0,0,0,0.23); 
	box-shadow: 0px 4px 15px 6px rgba(0,0,0,0.23);
}

.mainnavitem .submenuepunkt a{
    font-weight:400;
    color:#0da8c7 !important;
    padding-right:2rem;
	white-space: nowrap;	
}


.mainnavitem .submenuepunkt a:hover{
    color:#009aa1 !important;
}

hr.submenuetrenner{
    margin-left:1.6rem;
    width:calc(100% - 3.2rem);
    border-top:0.1rem solid #0da8c7;
}

.mainnavitem:hover .submenu{
    display:block;
}

.mainnavitem a{
	color:#fff;
	font-weight:400;
	font-size:2rem;
	margin-left:1.6rem;
	margin-right:1.6rem;
	text-decoration:none;
	transition: color 0.5s, background-color 0.5s;
}

hr.ce-div{
    border-top:0.1rem solid #009aa1;
}

.content>div>hr.ce-div{
    width:calc(100% - 2rem);
    margin-left:1rem;
}

.mainnavitem:hover a{
	color:#b6e5ee;
}


.mainnavitem_active a{
	color:#b6e5ee;
}


.header_top_middle a{
	color:#fff;
	text-decoration:none;
	padding:2.5rem 1rem 1rem 1rem;
	display:inline-block;
	background-color:#0da8c7;
	transition: color 0.5s, background-color 0.5s;
	margin-right:8.5rem;
}

.header_top_right{
	margin-top:0rem;
}

.htr{
    float: left;
    font-weight: 400;
    font-size: 1.6rem;
    color: #fff;
    padding: 1.5rem 1.5rem 0.5rem 1.5rem;
}

.htr.to-15{
	background-color:#148baf;
}

.htr-separator{
    display: inline-block;
    width: 0.1rem;
    background-color: #fff;
    height: 1.5rem;
    float: left;
    margin-top: 2rem;	
}

.htr a{
	color:#fff;
	text-decoration:none;
}

.htr a:hover{
	color:#b6e5ee;	
}


.top_menue_trenner{
    margin: 0 0.5rem;	
}

.footer{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #4b4b4b;
    min-height: 20rem;
    font-size:1.5rem;
}


.footer_social{
	position:relative;
}

.footer_social>div{
	position:absolute;
	bottom:0;
	left:2rem;
}

.footer_right{
	position:relative;
}

.footer_right>div{
	position:absolute;
	bottom:0;
	right:1rem;
}

.footer_right .ce-gallery{
	margin-bottom:3rem;
}

.footer_right .ce-gallery figure{
	display:inline-block;
	margin:0;
	padding:0;
}

.footer_right .ce-gallery .ce-column{
	text-align:center;
    width: 100%;
    background-color: #fff;
    padding: 1rem 1rem 0.5rem 1rem;
    border-radius: 1rem;
	margin-bottom:0;
}

.footer .ce-center .ce-inner{
	float:initial;
	right:0;
}

.footer .ce-center .ce-outer{
    width: 100%;
    text-align: center;
	right:0;
}


.footer_bottom{
	border-top:0.1rem solid #fff;
	height:9rem;
	padding-top:2.5rem;
	text-align:right;
    width: 100%;
    max-width: 100rem;
	margin-left:auto;
	margin-right:auto;
}


.frame-type-gridelements_pi1{
    padding:0 1rem 4rem 1rem;
	width:100%;
    max-width: 104rem;
	margin-left:auto;
	margin-right:auto;
}

.content>div.frame-default>header{
    padding: 2rem 0rem 0rem 0rem;
    margin-left:1rem;
    width:calc(100% - 2rem);
}

.content>div.frame-type-textmedia>div.ce-textpic{
    padding: 2rem 0rem 0rem 0rem;
    margin-left:1rem;
    width:calc(100% - 2rem);
}


.content>div.frame-type-gridelements_pi1>header{
    padding:0;
    margin-left:0;
    width:100%;
}

.footer{
 color:#fff;   
 padding:2rem 0;
}

.footer .col-md-6{
    border-right:0.1rem solid #fff;
}

.footer .col-md-3, .footer .col-md-6{
    padding-top:1rem;
}

.footer a{
 color:#fff;
 text-decoration:none;
}

.footer hr{
 border-top:0.1rem solid #fff;   
}

.footer .container-fluid{
	padding:0;
}

.footer fieldset{
	padding:0 !important;
}

.content, .footer{
    opacity:0;
}


.breadcrumb{
	width:100%;
	padding:0.4rem 1rem;
    font-size: 1.75rem;
	color:#0da8c7;
	max-width:190rem;
	margin-left:auto;
	margin-right:auto;
}

.breadcrumb_inner{
	max-width:102rem;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	padding:0 1rem;
}

.breadcrumb_point{
    float:left;
    display:inline-block;
    margin-right:0.5rem;
}


.breadcrumb a{
    color:#4b4b4b;
	text-decoration:none;
}

.breadcrumb a::after{
    content:" > ";
}

.breadcrumb a:hover{
    text-decoration:none;
    color:#0da8c7;
}

.breadcrumb_content{
    margin-top: -0.4rem;
    padding-bottom: 0.4rem;
    padding-top: 0.4rem;
    position: absolute;
    background-color: rgba(255,255,255,1);
    width: 100%;
}


#site-1 .breadcrumb, #site-3 .breadcrumb{
    display:none;
}

.maintext{
	line-height:2.75rem
}

.content{
    font-size:1.8rem;
    color:#4b4b4b;
    line-height:2.5rem;
    margin-top: 20rem;
}

.content h1{
    color:#0da8c7;
    font-size:3rem;
    font-weight:300;
    margin-bottom:0;
}


.content h2{
    color:#0da8c7;
    font-size:3rem;
    font-weight:300;
    margin-bottom:2rem;
}

.content h3{
    color: #0da8c7;
    font-size: 2.5rem;
    font-weight: 500;
    margin-bottom: 2rem;
}

.content h4{
    color:#0da8c7;
    font-size:3rem;
    font-weight:300;
    margin-bottom:0;
}

.content header h2{
 margin-bottom:2rem;   
}


.footer label a{
    display: block;
    position: relative;
    top: -12rem;
    visibility: hidden; 
}

.footer .checkbox label a{
    display: inline-block;
    position: relative;
    visibility: visible; 
	top:0;
	text-decoration:underline;
}



.fixbread{
    position: sticky;
    top: 200px;
    z-index: 5;
}

.content .ce-bodytext p{
	margin-bottom:3rem;
}

.content .ce-bodytext a{
    color:#0da8c7;
    text-decoration:none;
}

.content .ce-bodytext a:hover{
    color:#0da8c7;
    text-decoration:underline;
}

.content .ce-textpic .ce-bodytext{
    line-height:2.5rem;   
}


div{
	scroll-margin-top: 22rem;
}

.header_mobile{
	height:6.5rem;
	background-color:#0da8c7;
	width:100%;
	position:fixed;
	z-index:555;
	display:none;
	-webkit-box-shadow: 0px 4px 15px 6px rgba(0,0,0,0.23); 
	box-shadow: 0px 4px 15px 6px rgba(0,0,0,0.23);
	top:0;
}

.header_mobile_logo{
	height:5rem;
	width:auto;
	position:fixed;
	top:0.5rem;
	z-index:2;
    left: calc(50% - 2rem);
	margin-left:-6rem;
}

.header_mobile_logo img{
	height:100%;
	width:auto;
}

.menu{
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
  border:0;
    margin-top: 1.5rem;
    display: inline-block;
    margin-left: 2rem;
	position:absolute;
	z-index:10;
}

.mobile_menue{
	position:absolute;
	z-index:5;
	background-color:#0da8c7;
	top:0;
	left:0;
	width:20rem;
	height:50rem;
    margin-left: -300%;
	border-right:0.2rem solid #fff;
}

.mobile_nav{
	margin-left:1rem;
	margin-top:1rem;
}

.mobile_menue{
	color:#fff;
	padding-top:6.5rem;
}

.mobile_menue a{
	color:#fff;
	text-decoration:none;
	padding:0 1.8rem 1rem 1rem;
	display:inline-block;
}

.mobile_mainnavitem {
	width:100%;
	clear:both;
	display:block;
}

.mobile_nav a{
	font-size:1.4rem;
}

.mobile_submenuepunkt{
    background-image: url(../Images/double_angle_rechts.svg);
    background-repeat: no-repeat;
    background-position: 1rem 0.12rem;
    background-size: 1.5rem 1.5rem;
}

.mobile_submenuepunkt a{
	font-size:1.2rem;
	padding-left:3rem;
}

.mobile_email, .mobile_phone{
	width:5.5rem;
	height:5.5rem;
	border:0.2rem solid #fff;
	border-radius:50%;
}

.mobile_phone{
	background-image:url(../Images/Telefon.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:50%;
}

.mobile_email{
	background-image:url(../Images/E-Mail.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:50%;
}

.mobile_phone_email{
    position: absolute;
    bottom: 0;
}

.mobile_phone_email a{
	margin-right:0;
	padding-right:0;
}

.ce-gallery img{
	max-width:100%;
	height:auto;
} 

.scrolltop{
	position:fixed;
	z-index:888;
	width:4rem;
	height:4rem;
	background-image:url(../Images/top.png);
	bottom:1rem;
	right:1rem;
	cursor:pointer;
	transition:0.2s all;
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	display:none;
}

.scrolltop:hover{
	transform:scale(1.2);
}

.row{
	margin-left:0;
	margin-right:0;
}

.ce_columns4 .ce-col{
	max-width:calc(25% - 1.5rem);
}

.ce_columns3 .ce-col{
	max-width:calc(33.33% - 1.5rem);
}

.ce_columns2 .ce-col{
	max-width:calc(50% - 1.5rem);
}

.card{
	border:0 !important;
}

.card-footer{
	border:0 !important;
	background-color:rgba(0,0,0,0) !important;
}

.teaser .card-title{
	font-size: 4rem;
    margin-top: 3.75rem;
    line-height: 6rem;
	color:#4b4b4b;
}

.teaser{
	padding-bottom:6rem;
}

.bg_yellow_circle{
	background-color:#fabd33;
	border-radius:50%;
	width:7rem;
	height:7rem;
	overflow:hidden;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:1rem;
	margin-bottom:1rem;
}

.bg_yellow_circle img{
    max-width: 5rem;
    max-height: 5rem;
    margin-top: 1rem;
}

.icon_links_text_rechts{
	padding-bottom:4rem;
}
	
.icon_links_text_rechts .bg_yellow_circle{
	float:left;
	margin-top:0;
}

.icon_links_text_rechts h2{
	color:#4b4b4b;
	font-weight:bold;
    font-size: 2.75rem;
	margin-bottom: 0.5rem !important;
	padding-left:5rem;
}

.icon_links_text_rechts p{
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 400;
	padding-left:5rem;
}

a.blue_btn{
	text-decoration:none !important;
}

a.blue_btn div{
	width:95%;
	max-width:24rem;
	background-color:#0da8c7;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	border-radius:0.5rem;
	margin-top:1rem;
	padding:0.8rem;
	font-size:2rem;
	transition:all 0.2s;
}

a.blue_btn:hover div{
	background-color:#fabd33;
	color:#4b4b4b;
}

.sep_line{
	height:0.1rem;
	width:100%;
	background-color:#4b4b4b;;
}

.pic_quote{
	display:flex;
	margin-bottom:6rem;
	margin-top:1.5rem;
}


.pic_quote .pic img{
    border: 0.3rem solid #fabd33;
	border-radius:50%;
	margin-right:2rem;
}

.pic_quote .quote {
    font-style: italic;
    margin-bottom: 2.5rem;
    margin-top: 1rem;
    font-size: 2rem;
    line-height: 3rem;
}

.quote_subtext{
	
    font-size: 1.5rem;
    font-weight: 500;
}


.pic_quote_2{
	display:inline-block;
	margin-bottom:6rem;
	margin-top:1.5rem;
	text-align:center;
}


.pic_quote_2 .pic img{
    border: 0.3rem solid #fabd33;
	border-radius:50%;
}

.pic_quote_2 .quote_main {
    font-style: italic;
    margin-bottom: 2.5rem;
    margin-top: 1rem;
    font-size: 2.5rem;
    line-height: 3rem;
}


.mtww-hl{
	background-color:#d9d9d9;
	font-size:2.5rem;
	transition:all 0.2s;
}

a.mtww-link{
	text-decoration:none !important;
	color:#4b4b4b !important;
}

a:hover .mtww-hl{
	background-color:#fabd33;
}

.mtww-hl{
	padding:1rem 0;
}
.mtww-icon{
	padding:0.5rem 0;
}

.mtww-line{
	background-color:#d9d9d9;
	width:100%;
	display:block;
	margin-top:1rem;
	height:0.1rem;
	margin-bottom:4.5rem;
}

.frame-type-textmedia h1{
	color:#4b4b4b;
	font-weight:normal;
    font-size: 7rem;
	margin-bottom: 1.5rem !important;
    margin-top: 2rem;

}

.img-with-border{
	border:0.1rem solid #4b4b4b;
}

.zwischenueberschrift{
	padding-top:4rem;
	padding-bottom:4rem;
    font-size: 5.5rem;
	line-height:5.5rem;
}

.textbox{
	width:100%;
	background-color:#485861;
	color:#fff;
	padding:3rem;
    font-size: 2rem;
    line-height: 2.75rem;
}

.trenner_kreis_pfeil{
	width:100%;
	display:inline-block;
	text-align:center;
	background-image:url(../Images/Icon-Arrow-downward.svg);
	background-position:center;
	background-size:7rem auto;
	height:10rem;
	background-repeat:no-repeat;
}

.frame-type-textmedia h2{
	color:#4b4b4b;
	font-weight:bold;
    font-size: 2.75rem;
	margin-bottom: 1.5rem !important;
}
.content .ce-textpic .ce-bodytext {
    line-height: 2.75rem;
    font-size: 2rem;
}

#site-2 .col-md-6 {
    padding-left:2rem;
}

#site-2 .col-md-6:first-child {
	padding-left:0;
    padding-right:2rem;
}



.ce_columns4 .rolloverimages  .ce-col{
	max-width: 25%;
}

.rolloverimages{
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	background-color:#fff;
}

.rollover_element{
	background-color:#fff;
	padding:0.5rem;
	position:relative;
}


.re_back{
	position:absolute;
	top:0.5rem;
	left:0.5rem;
	width:calc(100% - 1rem);
	height:calc(100% - 1rem);
	background-color:rgba(75,75,75,0.9);
	display:grid;
    place-items: center;
	opacity:0;
	transition:0.2s all;
}

.rollover_element:hover .re_back{
	opacity:1;
}

.re_back_inner{
	padding:0.5rem;
	text-align:center;
}

.re_hl{
	width:100%;
	font-weight:bold;
	font-size:2.5rem;
	line-height:3rem;
}

.re_text{
	width:100%;
}

.rollover_element a{
	color:#fff;
}

.rollover_element a:hover{
	color:#fff;
}



.veranstaltungs_anmeldung_headline{
	color:#fff;
	background-color:#fabd33;
	padding:2rem;
	font-size:2.5rem;
	line-height:3rem;
	font-weight:bold;
}

.veranstaltungs_anmeldung_text{
	color:#fff;
	background-color:#485861;
	padding:2.5rem 2rem 1.5rem 2rem;
	font-size:2rem;
	line-height:3rem;
}

.veranstaltungs_anmeldung_text p{
	margin-bottom:2rem;
}


.veranstaltungs_anmeldung_text a{
	color:#fff !important;
	text-decoration:none !important;
}

.veranstaltung_left{
	padding-right:2rem;
}

.veranstaltung_titel_large{
    font-size: 5.5rem;
    line-height: normal;
    margin-bottom: 2rem;
}

.anmeldung_arrow{
	margin-bottom:2rem;
	height:2.5rem;
	width:100%;
	background-image:url(../Images/down.svg);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:center;
}

.veranstaltungsdetails .anmeldung_arrow{
	margin-top:4rem;
}

.veranstaltung{
    border-top: 1px solid #4b4b4b;
    padding-top: 3rem;
}

.veranstaltungsdetails{
    border-top: 1px solid #4b4b4b;
}


.veranstaltung_datum{
	color:#0da8c7;
	font-size:2.5rem;
	line-height:3rem;
	font-weight:bold;
	margin-bottom:1rem;
}

.veranstaltung_titel{
	font-size:2.5rem;
	line-height:3rem;
	font-weight:bold;
	margin-bottom:2rem;
}

.veranstaltung_text p{
    line-height: 2.75rem;
}

.veranstaltung_link{
	width:100%;
	height:4.5rem;
	background-size:auto 100%;
	background-position:left;
	background-repeat:no-repeat;
	background-image:url(../Images/zu_details.svg);
	margin-top:2rem;
	margin-bottom:3rem;
}

.veranstaltung_backlink{
	width:100%;
	height:4.5rem;
	background-size:auto 100%;
	background-position:left;
	background-repeat:no-repeat;
	background-image:url(../Images/zur_uebersicht.svg);
	margin-top:2rem;
	margin-bottom:3rem;
}

.subheader{
    font-size: 3rem;
    margin-bottom: 0.5rem;
    line-height: normal;
	margin-top:4rem;
}

a.blacklink{
	color:#000 !important;
	text-decoration:underline !important;
}

a.blacklink:hover{
	color:#fabd33 !important;
}

.larger{
    line-height: 2.75rem;
	font-size: 1.8rem;
}


body.scrll .header{
	display:none;
}


body.scrll .header_mobile{
	display:block;
}


@media only screen and (max-width: 1050px) {
	.ueberuns{
		margin-top:15rem;
	}
	
	.ueberuns_text .hl1{
		max-width: 35rem;		
	}
	
	.ueberuns_text .teambild{
		top: -5rem;
		transform: scale(0.75);
	}
	
	.footer_bottom{
		padding-right:2rem;
	}
	
	.home_text .hl1{
		font-size:5rem;
	}
	.home_text .hl2{
		font-size:5rem;
	}
	
}



@media only screen and (max-width: 799px){
	.header{
		display:none;
	}
	.header_mobile{
		display:block;
	}
	.fixbread{
		top: 65px;
	}
	
	.breadcrumb{
		padding: 0.4rem 4rem;
	}
	
	.content>div.frame-type-textmedia>div.ce-textpic{
		margin-left: 4rem;
		width: calc(100% - 8rem);
	}
	
	.content>div>hr.ce-div {
		width: calc(100% - 8rem);
		margin-left: 4rem;
	}
	
	.content{
		margin-top:6rem;
	}
	
	.frame-type-textmedia h1{
		font-size:6rem;
	}
	
	
	.footer .col-md-6{
		border-right:0;
	}
	  
	.footer .tx-powermail{
		margin-left:-3rem;
	}
	

	.teaser .card-title{
		font-size: 3rem;
		margin-top: 3.75rem;
		line-height: 3rem;
	}
	
	.ueberuns_text .teambild{
		top: -1rem;
		transform: scale(0.6);
		right: 0rem;
	}
	
	.ueberuns_text .hl1{
		font-size:3.5rem;
		padding-top: 6rem;
	}
	
	.veranstaltung_left{
		width:100%;
	}
	.veranstaltung_right{
		width:100%;
		margin-top:1.5rem;
	}
	
	.veranstaltung_titel_large{
		font-size:3rem;
	}
	
	.veranstaltung_datum{
		font-size:2rem;
	}
	
	.veranstaltungsdetails .col-8{
		width:100%;
	}
}


@media only screen and (max-width: 768px) {
	.ce_columns3 .ce-col{
		max-width:100%;
	}
	
	.ueberuns_text .teambild{
		right:-9rem;
	}
	
	.ueberuns_text .hl1{
		padding-top:6rem;
	}
	
	.footer p{
		font-size:1.4rem;
	}
	
	.footer .row{
		display:block;
		width:100%;
	}
	
	.footer .col{
		width:100%;
		display:block;
	}
	.footer_right{
		height:17rem;
	}
	
	.content{
		padding:2rem 2rem;
	}
	
	#site-15 .content .row{
		display:block;
	}
	
	#site-15 .content .col-md-6{
		width:100%;
	}
	
	#site-15 .content .col-md-6 img{
		max-width:10rem;
		height:auto;
	}
	
	#site-15 .content .ce-gallery{
		width:10rem;
	}
	
	#site-15 .content .col-md-6{
		padding: 0;
		margin: 0;
		width: 100%;
		display: inline;
	}
	#site-15 .content .ce-bodytext p{
		margin-bottom:1rem !important;
	}
	
	#site-1 .home_text .hl1{
		font-size:5rem;
		
	}
	#site-1 .home_text .hl2{
		font-size:5rem;
		margin-top:0;
	}
	
	#site-21 .frame-type-textmedia .ce-bodytext{
		width:100%;
		padding-top:1.5rem;
	}
}




@media only screen and (max-width: 620px) {
	.ueberuns_text .teambild{
		top:-9rem;
	}
	.ueberuns_text .hl1{
		padding-top:14rem;
	}
	.zwischenueberschrift p{
		font-size:4rem;
		line-height:4rem;
		font-weight:bold;
	}
	.col-md-6{
		width:100% !important;
		max-width:calc(100vW - 40px) !important;
	}
}


@media only screen and (max-width: 699px) and (orientation: landscape){
	.mobile_menue{
		height:auto;
		width:50rem;
	}
	.mobile_mainnavitem{
		width: auto;
		float: left;
		display: inline-block;
		clear:none;
	}
	.mobile_top_menue {
		position: absolute;
		top: 2.8rem;
		right: 2rem;
	}
	.mobile_top_menue_point{
		float:left;
	}
	
}



