:root {
       --brand-rot: #CC0837; 
     --brand-lightgrey: #F5F5F5;
     --brand-lightgrey2: #EBEBEB;
     
          
      --brand-darkgrey: #323232;
      
      --brand-footergrey: #4A4A49;
 
    --brand-gradient: linear-gradient(135deg, rgba(163,201,227,1) 0%,rgba(244,213,106,1) 100%);
 
}
.slick-autoplay-toggle-button { display: none; /* sonst oben lücke über slider ... opacity:0; height: 0px; text-indent: -9999px; background:transparent; color: transparent; border:none;*/ }
 
.startslider {padding-top:16px}
 
 
.slide-element {position:relative;}

.slide-element a { width: 100%;
  height: auto;
 
  padding: 0;
  display:block !important; }


 ul.slick-dots {  list-style-type:none;  display:block; padding-left:0px;
position:absolute; z-index:2; bottom:-40px; left: 50%;  
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  }


	
.slick-dots li {float:left;list-style-type:none; padding: 0px 4px 0px 0px;background-image:none;  }

.slick-dots li  button  { display: inline-block; cursor: pointer; margin:0px 5px 0px 5px;  

width:14px;height:14px;
border:none; 
border-radius: 50%;
-moz-border-radius:50%;
-webkit-border-radius:50%; 
text-indent:-9999px;
border: 1px solid var(--brand-rot);
background:#fff;
}
.slick-dots li  button:hover { background:var(--brand-rot) !important;    }

.slick-dots li.slick-active  button {   background:var(--brand-rot) !important;   }
   
.slick-dots > * { cursor: pointer;}


.slick-slider-dots {text-align: center;
  position: absolute;
  bottom: 0px;
  width: 100%;
  z-index: 1 ; padding:7px 10px 10px 10px;}
 
 
 
 

.slick-prev { text-indent:-9999px;display:inline-block;

position:absolute;z-index:200; 

left:50%; bottom: -70px;   
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin-left:-50px;

width: 50px;
height:50px;cursor:pointer;


background-color: #fff;
background-image:url('../images/west.svg');
background-repeat:no-repeat;
background-size:32px auto ;

background-position:  center;
border: 2px solid var(--brand-rot);
border-radius: 50%;
margin-top: 0px;
}


.slick-next  { text-indent:-9999px; display:inline-block; 
position:absolute; z-index:200; 

left:50%; bottom: -70px;   
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin-left:50px;

width: 50px;
height:50px;
cursor:pointer;
background-color: #fff;
background-image:url('../images/east.svg');
background-repeat:no-repeat;
background-size:32px auto ;
 
background-position:  center;
border: 2px solid var(--brand-rot);
border-radius: 50%;
margin-top: 0px;



}

.slick-next:hover {background-color: var(--brand-rot);background-image:url('../images/east_white.svg');}
.slick-prev:hover  {background-color: var(--brand-rot);background-image:url('../images/west_white.svg');}


.startslider .slick-prev {display:none !important;}
.startslider .slick-next  {display:none !important;}







.slide-element {}
.slide-element > div {padding: 0px 0px 0px 0px;}
.slide-element > div.caption {padding-top: 27px;}
 
.slide-image {
border-radius:15px;
background-repeat:no-repeat;
background-size:auto 100% ;

background-position:  center;
padding-bottom:83%;}
	
#slider  {padding-bottom:70px;}
.artikelpage #slider {padding-top: 0px !important;}


.slide-box .newsteaser{border-radius:15px;
background:var(--brand-lightgrey); 
border: 1px solid var(--brand-rot); 

padding:16px 20px 16px 20px; 

}

.overviewpage .slide-box .newsteaser  {padding:0px; background:transparent; border:none; border-radius:15px;}
.overviewpage .slide-box .newsteaser a {background:var(--brand-lightgrey); border: 1px solid var(--brand-rot); border-radius:15px; 
-moz-border-radius:15px;
-webkit-border-radius:15px; }
.overviewpage .slide-box .newsteaser a:hover {background:var(--brand-mediumgrey); }
.overviewpage .slide-box .newsteaser a > div > div {padding:16px 20px 16px 20px; }

.newsinfo {color: var(--brand-rot); padding-left: 30px; 
background-image: url('../images/red_dot.svg');
background-repeat:no-repeat; 
background-size:20px auto  !important; 
background-position:left center;
margin-top: 10px;
margin-bottom: 12px;

}
.slide-box .newsinfo {background-image: none;  padding-left: 0px;}
/*newsinfo sonst auch noch bei pressemitteilungen*/


 
.newsteaser p {margin-bottom: 18px} 
 
.slide-box p.readmore {
margin: 20px 0px 10px 0px} 


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

.newsslider .slick-prev  {display:block; }
.newsslider .slick-next  {display:block; }

.carouselcontainer {padding-bottom: 70px; margin-top: 30px;}


.newsteaser > div {position:relative;   padding-bottom: 80%;}

.overviewpage .newsteaser > a {display:block; text-decoration:none; }
.overviewpage .newsteaser > a:hover {text-decoration:none; }
 
.carouselcontainer .newsteaser > div > div {position:absolute; left:0px; top: 0px;}

.newsteaser > div  p.readmore  {position:absolute; left:0px; bottom: 0px; margin-bottom: 0px;}
.teasertext p.readmore {position:absolute; left:20px; bottom: 20px; margin-bottom: 0px;}


@media all and (min-width: 640px){

#slider .contentcontainer {max-width: 600px;}
.slide-box {padding: 0px 15px 0px 15px;}
 

}
 
@media all and (min-width: 768px){
.newsteaser > div {  padding-bottom: 120%;}


.overviewpage .newsteaser > a {position:relative;   padding-bottom: 60%; }
 
.overviewpage .newsteaser > a  > div > div {position:absolute; left:0px; top: 0px;}
 
}

@media all and (min-width: 800px){
.newsteaser > div {  padding-bottom: 100%;}
}

@media all and (min-width: 960px){
.newsteaser > div {  padding-bottom: 80%;}
}

@media all and (min-width: 1180px){
.newsteaser > div {  padding-bottom: 100%;}
}

@media all and (min-width: 1280px){
.newsteaser > div {  padding-bottom:80%;}
}

 
@media all and (min-width: 1024px){


/*.newsteaser > div {position:relative;   padding-bottom: 80%;}
 */

	
.startslider .slick-prev {
	display:block  !important; margin-left:0px;
left:-80px; top: 50%;   
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.startslider .slick-next  {
	display:block !important;margin-left:0px;
right:-80px; top: 50%;   left:auto; 
-ms-transform: translateY(-50%);
  transform: translateY(-50%);
  }



 
 #slider .contentcontainer {max-width: calc(100vw - 200px);max-width: calc(100vw - 320px);}
	
#slider   {padding:0; width: 100vw;max-width: 100vw;background-color: var(--brand-lightgrey); height: 330px; margin-top: 90px; margin-bottom: 120px; }	
#slider section {position:relative;}
.startslider {position:absolute; height: 295px; width: 100%;padding:0; left:0px; top: -35px; }
	
.slide-element {height:375px;}	

.slide-left { position:absolute; left:6px; top:0px;  width: 420px; height: 330px; width: calc(100% - 480px);}	

.caption { position:absolute; left:0px; top: 50%;   -ms-transform: translateY(-50%);
  transform: translateY(-50%); width: 100%;}

.slide-right { position:absolute; right:6px; top: 5px;  height: 375px;width: 450px; }	
		
.slide-image {width: 450px; height: 375px; padding-bottom:0; background-position:center; background-size: cover;}	
	
 ul.slick-dots { bottom: -140px;}
	  
 
}



 

@media all and (min-width: 1280px){
 
 
	
#slider   {padding:0; width: 100vw;max-width: 100vw;background-color: var(--brand-lightgrey); height: 420px; margin-top: 90px; margin-bottom: 120px; }	
#slider section {position:relative;}
.startslider {position:absolute; height: 500px; width: 100%;padding:0; left:0px; top: -40px; }
	
.slide-element {height:500px;}	

.slide-left { position:absolute; left:26px; top:0px;  width: 420px; height: 480px; width: calc(100% - 680px);}	

.caption { position:absolute; left:0px; top: 50%;   -ms-transform: translateY(-50%);
  transform: translateY(-50%); width: 100%;}

.slide-right { position:absolute; right:26px; top: 0px;  height: 500px;width: 600px; }	
		
.slide-image {width: 600px; height: 500px; padding-bottom:0; background-position:center; background-size: cover;}	


 ul.slick-dots { bottom: -90px;}
	  
	.startslider .slick-next  { right:-50px}  
	.startslider .slick-prev  { left:-50px} 



	  
.newsinfo {margin-bottom: 25px;}
.newsteaser p {margin-bottom: 20px} 

	.slide-box p.readmore {
margin: 40px 0px 10px 0px}  

.slide-box .newsteaser{padding:30px 20px 30px 20px; }
 
.overviewpage .slide-box .newsteaser a > div > div { padding:30px 20px 30px 20px;  }


 }




@media all and (min-width: 1440px){
	
 #slider .contentcontainer {max-width: calc(100vw - 180px);}
 
	
#slider   {padding:0; width: 100vw;max-width: 100vw;background-color: var(--brand-lightgrey); height: 520px; margin-top: 90px; margin-bottom: 120px; }	
#slider section {position:relative;}
.startslider {position:absolute; height: 600px; width: 100%;padding:0; left:0px; top: -40px; }
	
.slide-element {height:600px;}	

.slide-left { position:absolute; left:56px; top:0px;  width: 460px; height: 600px; width: calc(100% - 860px);}	

.caption { position:absolute; left:0px; top: 50%;   -ms-transform: translateY(-50%);
  transform: translateY(-50%); width: 100%;}

.slide-right { position:absolute; right:56px; top: 0px;  height: 600px;width: 720px; }	
		
.slide-image {width: 720px; height: 600px; padding-bottom:0; background-position:center; background-size: cover;}	
	
 ul.slick-dots { bottom: -50px;}
	  



 
}


@media all and (min-width: 1540px){
 #slider .contentcontainer {max-width: calc(100vw - 40px);}
}
 
 
.tobii-zoom {
  display: block;}