.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow {/* width: 100% !important;*/ min-width: 200px; max-width: 1900px; margin: 0; padding: 0; position: relative;
/*    background: url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat;*/
    background:#000;
    
    max-width:1900px;

 width:100%;  height:100vh; background-image:none;margin-top:-51px;
}


 
/*#box1 {top:22% !important; left:12% !important; }

#box5 {top:30% !important; left:15% !important;  }

#box3, #box9 {top:25% !important; left:8% !important; }

#box4 {top:33% !important; left:14% !important; }

#box7 {top:25% !important; left:8% !important; }

*/
 
 #startnews div.newsbox:nth-of-type(1){top:22% !important; left:12% !important; }
 #startnews div.newsbox:nth-of-type(2){top:25% !important; left:8% !important; }
 
 #startnews div.newsbox:nth-of-type(3){top:33% !important; left:14% !important; }
 #startnews div.newsbox:nth-of-type(4){top:30% !important; left:15% !important; }
 
 #startnews div.newsbox:nth-of-type(5){top:25% !important; left:8% !important; }
 
 
 #startnews div.newsbox {top:25% !important; left:8% !important; }






/*wetter*/
#weatherbox {top:68% !important; right:18% !important;  } 
 

.size1 { width:160px !important; }
.size2 {width:160px !important;}

.specialbox { width:80px !important;}




#fotocopy { display:none; }



 #startnews {
position:relative; width:100%; 
height:100vh;
 background:transparent;
 }
 
 
  #startnewsbg {
position:absolute; z-index: 0;width:100%; /*max-width: 1900px;*/ 
height:100vh;
padding-bottom:0 !important;
background-repeat: no-repeat;
background-position:center center;
background-size: cover;
/*background-size: 100% auto;
*/
 }
 
 

.blurry {
/*-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);*/

-webkit-filter: blur(50px);
  -moz-filter: blur(50px);
  -o-filter: blur(50px);
  -ms-filter: blur(50px);
  filter: blur(50px);

}
 
 
 
 
 
 .newsbox , .specialbox{
position:absolute; 
padding:0px 0px 0px 0px;
}


.newscontainer {
width:100%;
background-repeat: no-repeat;
background-position:center center;
background-position:left top;
 
background-size: contain;
position:relative;}

.newscontainer a {width:100%;padding-bottom:100%;display:block;position:relative;}



.newscontainer{
    display:inline-block;
    border:0; 

    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   

}

.newscontainer:hover
{opacity:1;cursor:pointer;
/*    box-shadow: 0px 0px 200px   #3f3e40;
    -moz-box-shadow: 0px 0px 200px  #3f3e40;
    -webkit-box-shadow: 0px 0px 200px  #3f3e40;*/
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.05);   
    -moz-transition: all 200ms ease-in;
     -moz-transform: scale(1.05);
     transition: all 200ms ease-in;
    transform: scale(1.05);
}


 
.square.green {background-image: url(../images/news_grafiken/square_green.svg);  }
.square.yellow {background-image: url(../images/news_grafiken/square_yellow.svg);  }
.square.pink {background-image: url(../images/news_grafiken/square_pink.svg);  }
.square.blue {background-image: url(../images/news_grafiken/square_blue.svg);  }
.square.black {background-image: url(../images/news_grafiken/square_black.svg);  }


.circle.green {background-image: url(../images/news_grafiken/circle_green.svg);  }
.circle.yellow {background-image: url(../images/news_grafiken/circle_yellow.svg);  }
.circle.pink {background-image: url(../images/news_grafiken/circle_pink.svg);  }
.circle.blue {background-image: url(../images/news_grafiken/circle_blue.svg);  }
.circle.black {background-image: url(../images/news_grafiken/circle_black.svg);  }


.triangle.green {background-image: url(../images/news_grafiken/triangle_green.svg);  }
.triangle.yellow {background-image: url(../images/news_grafiken/triangle_yellow.svg);  }
.triangle.pink {background-image: url(../images/news_grafiken/triangle_pink.svg);  }
.triangle.blue {background-image: url(../images/news_grafiken/triangle_blue.svg);  }
.triangle.black {background-image: url(../images/news_grafiken/triangle_black.svg);  }

 
.special {  /*-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;

background-color:#000;*/
width:100%; padding-bottom:100%;
 color:#fff;
background-image: url(../images/news_grafiken/circle_black.png); 

}




.caption {
position: absolute;
left: 0px;
z-index:500;
overflow: hidden;
 
text-align:center;
 margin: 0;
   position: absolute;                
   top: 50%;                          
   left: 50%;                         
   transform: translate(-50%, -50%)  
   
}
 
 
.size1 .triangle .caption {text-align:left; padding-right:50%; padding-right:33%;}
.size2 .triangle .caption {text-align:left; padding-right:28%; }




.hiddencontent .close {position:absolute; top:0px; 

  position:absolute; top:0px; 
  
  left:0px;   text-indent:-9999px; z-index:10001;  width:100%; height:20vh; cursor:pointer;

background-color:transparent;
background-image:url(../images/close.png);
background-repeat: no-repeat;
background-position:center center;
background-size: 20px 20px;
 }





.hiddencontent { 
height:calc(100vh - 40px);    
    width: 0;
    position: fixed;
    z-index: 10000;
    top: 40px;
    left: 0;
  
    overflow-x: hidden;
    transition: 0.4s;
}

.inlinecontent {  position:absolute; top:20vh; left:0;   width:100%;
z-index:10000;
height:80vh;
overflow-x:hidden;overflow-y:hidden;
padding:25px 0px 25px 0px;
}

 
.inlinecontent p, .inlinecontent h2 {padding: 0px 25px 0px 25px; margin-bottom:40px;}



.inlinecontent.green {background:#09D900;}
.inlinecontent.blue {background:#4A90E2;}
.inlinecontent.yellow {background:#FFEC00;}
.inlinecontent.pink {background:#FF009F;}
 
.inlinecontent img {width:100%; height:auto;}


  

/* pager */
.cycle-pager { 
   text-align: center;  width: 100%; position: absolute; bottom: 17px; left:0px;
   top:77px;
   
   overflow: hidden; width:100%;height:34px;
    background:transparent ; 
/*border:1px solid #000;*/ /*z-index: 500; */
}



.cycle-single  .cycle-pager span { display:none;}

.cycle-pager span { 
text-indent:-9999px; width: 12px; height: 12px; 
/* color: #fff;  background:#000;       border-radius: 6px;    font-family: arial; font-size: 1px;
 */
 display:  inline-block; 
cursor: pointer; margin-left:12px;margin-bottom:8px; 
background:transparent;
background-image:url(../images/slider-arrow-black.png);
background-repeat: no-repeat;
background-position:center center;
background-size: 10px 10px;



}
.cycle-pager span:hover {/* background:#FF009F;  */ background-image:url(../images/slider-arrow-black.png); }

.cycle-pager span.cycle-pager-active {/* background:#FF009F;  */  background-image:url(../images/slider-arrow-pink.png);  }

 
    
.cycle-pager > * { cursor: pointer;}



/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}



.disabled { opacity: .5; filter:alpha(opacity=50); }

 /* display paused text on top of paused slideshow */
.cycle-paused:after {display:none;
    content: ''; color: white; background: transparent; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}
 
 #slider {position:relative;}
 
 
@media all and (min-width: 320px){
	

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

 #startnews div.newsbox:nth-of-type(1){top:10% !important; left:2% !important; }

 #startnews div.newsbox:nth-of-type(2){top:48% !important; left:65% !important;top:38% !important; left:77% !important; }
 
 #startnews div.newsbox:nth-of-type(3){top:73% !important; left:35% !important; }

 #startnews div.newsbox:nth-of-type(4){top:8% !important; left:42% !important;  }

 #startnews div.newsbox:nth-of-type(5){top:38% !important; left:66% !important; }

 
#weatherbox {top:80% !important; left:80% !important;  } 


.size1 { width:25%  !important; }
.size2 {width:33.333333%!important;width:31%!important;}

.specialbox { width:16.796875% !important;}
 
.size1 { width:20% !important; }
.size2 {width:30% !important;}

.specialbox { width:10% !important;}




#fotocopy { display:block; position:absolute; left:25px; bottom: 25px; width: auto;}


.fotocaption {background:#fff;


line-height:30px;

/*background-image: url(../images/Foto.png); 
	background-repeat: no-repeat;
background-position:left 14px center;
 
padding:0px 16px 0px 58px;
 
background-size: auto 20px;*/

padding:0px 16px 0px 12px;
 

-webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;}
  
  
 
  .hiddencontent .close {position:absolute; top:0px; 
  /*
  position:fixed; top:8vh; */
  left:0px;   text-indent:-9999px; z-index:10001;  width:100%; height:20vh; cursor:pointer;
 background-image:url(../images/close.png);
background-repeat: no-repeat;
 background-position:right 18px top 18px;
 background-size: 20px 20px;
 }

  
 .cycle-pager {display:none;}

}





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

  
 #startnews div.newsbox:nth-of-type(1) {top:3% !important; left:2% !important; }

 #startnews div.newsbox:nth-of-type(2){top:30% !important; right:0 !important; right:2% !important; left:auto !important; }

 #startnews div.newsbox:nth-of-type(3) {top:63% !important; left:35% !important; }


 #startnews div.newsbox:nth-of-type(4){top:12% !important; left:42% !important;  }

 #startnews div.newsbox:nth-of-type(5) {top:30% !important;  right:3% !important; left:auto !important; }
 


#weatherbox {top:80% !important;  right:5% !important; left:auto !important; } 



.size1 { width:20% !important; }
.size2 {width:30% !important;}

.specialbox { width:10% !important;}


  
 .hiddencontent {height:100vh;top:0;
 overflow-x:hidden;
/*overflow-y:hidden;overflow:hidden;*/
 
 } 
  
.inlinecontent {  
	position:absolute; top:0; left:0;  
z-index:10000;
width:65.625%;
width:82.5%;
width:80%;
height:100vh; 

/*overflow:auto;*/
/*overflow:hidden;*/
overflow-x:hidden;
overflow-y:hidden;
padding:  0px;
}


 
.inlinecontent .contentcontainer { height:100vh;padding:25px 0px 25px 0px;
overflow-y:hidden;
overflow-x:hidden; 
 }
 
 
 
 
 
.hiddencontent .close{  position:absolute; top:0; left:65.625%;  left:82.5%;left:80%;
z-index:10000;
width: 17.1875%; width:20%;height:100vh;
background-position:right 10px bottom 20px;
}
 
 
 
 


}

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

.size2 { width:32.82335% !important; }
.size1 {width:23.4375% !important;}
.specialbox { width:11.816406% !important;}

}