/* ----- MAX-WIDTH: 1044PX ----- */
@media (max-width:1044px){
  /* -- TICKER -- */
  .ticker {
    float: left;
    left: 0px !important;
    margin: 0px 0px 0px 20px !important;
    position: relative;
    width: 80% !important;
  }
  
  .feature-buttons {
    bottom: 20%;
  }
  
  .nachoben, .suche, .nachunten  {
    width: 45px;
    height: 45px;
    background-size: 100% auto !important;    
  }
  
  #slideshow {
    width: 100% !important;
    max-width: 988px;
    left: 0px;
    margin-left: 0px;
    top: 100px;
  }
  
  #slideshow li {
    background-size: 100% auto !important;
  }
  
}
/* ----- MAX-WIDTH: 1044PX ----- */

/* ----- MAX-WIDTH: 980PX ----- */
@media (max-width:980px){	.nr-4 .csc-textpic-center .csc-textpic-imagecolumn {		width: 23%;	}	.nr-4 .csc-textpic-center .csc-textpic-imagecolumn img {		width: 100%;		height: auto;	}
}/* ----- MAX-WIDTH: 980PX ----- */
/* ----- MAX-WIDTH: 820PX ----- */
@media (max-width:820px){
  .csc-space-before-650 {
    margin-top: 460px !important;
  }  
  #hauptnavi li a {
    padding: 35px 10px !important;
  }  
  
  #hauptnavi {
    font-size:  16px;
  }
  
  .suche {
    display: none;
  }
  
  #c292 iframe {
    width: 340px !important;
  }

}
/* ----- MAX-WIDTH: 820PX ----- */


/* ----- MAX-WIDTH: 730PX ----- */
@media (max-width:730px){
  
  .nachunten, .nachoben, .suche {
    width: 40px;
    height: 40px;    
  }

  .sprache {
    display: none;
  }
  
  .weiss {
    height: 44px !important;
  }
  .bereiche {
    margin-top: 0 !important;
  }
  
  .ticker {
    width: 95% !important;
    margin: 0px 0px 0px 10px !important;

  }
  
  .ticker .tickertext {
    font-size: 10px !important;
    height: 28px !important;      
  }
  
  .button_mobil {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    background: url(../images/menue-einblenden.png) left top no-repeat;
    width: 35px;
    height: 24px;
    /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);  */  
    margin: 10px 0px 10px 10px;
    cursor: pointer;
  }
  
  .mobil_kontakt {
    display: block;

  }
  
  .funk_mobil {
    display: block;
    width: 100%;
    float: left;
    clear: both;
    border-top: 0;
    margin: 0px;
    padding: 0px;
  }

  .sprache_mobil {
    width: 50px;
    height: 10px;
    float: left;
    margin: 0px 0px 0px 0px;  
  }
  
  #slideshow {
	  top: 80px;
  }
  
  .parabild  {
	  background-size: 100% auto;
  }
  
  .header {
	  height: 200px;
  }
  
  #hauptnavi {
    margin: 0px 0px 5px 0px !important;
    display: none;
  }
  
  #navigation {
    width: 100%;
    float: left;
    clear: both;
  }
  
  #hauptnavi li {
    float: left;
    clear: both;
    display: block;
    width: 100%;
    margin: 3px 0px 0px 0px;
    padding: 0px;
  }
  
  #hauptnavi li.active {
    margin: 3px 0px 0px 0px;
  }
  
  #hauptnavi li a {
    width: 100%;
    text-align: center;
    padding: 5px 0px 5px 0px !important;
    border: 0px;
    background: none;
    text-align: center;
    float: left;
    clear: both;
    display: block;
    color: #FFFFFF;
  }
  
  #hauptnavi li.active a, #hauptnavi li:hover a {
    border: 0px;
    background: #15A9B5;
    color: #fff;
  }
  
  #fadebox {
    display: none;
  }
  
  
  .nr-1 {
    margin-top: 350px !important; 
  }  
  .nr-1 .inhalt {
    margin-top: 0px !important; 
  }  
  
  .logo {
    top: 3px !important;
    width: 80px !important;
  }
    
  .footerinhalt .inhalt_normal .zentriert {
    width: 96%;
  }
  
  .inhalt {
    margin-top: 0px !important;
  }
  
  .c16l, .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l, 
.c16r, .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r  {
    float: left;
    clear: both;
    width: 100%;
    margin: 0px;
    padding: 0px;
  }

	#footer .c25r {
		width: 100%;
	}

  .backstretch {
    display: none;
  }
  
  h1, h2 {
    font-size: 25px !important;
    padding-bottom: 10px;
  }
  
.ui-accordion .ui-accordion-header {
  font-size: 16px !important;
}

}
/* ----- MAX-WIDTH: 730PX ----- */

/* ----- MAX-WIDTH: 500PX ----- */
@media (max-width:500px){
    
  .suche, .nachoben, .nachunten {
    width: 30px;
    height: 30px;    
  }
  
  .iconsmartstyle {
    width: 50px !important; 
    height: auto !important;
    top: -60px;
    right: 25px;
  }
  
  .iconsmartstyle img {
    width: 100% !important;
    height: auto !important;
  }
  
  .ticker .tickertext {
    width: 100% !important;
  }

  .footerinhalt {
	  padding: 55px 2%;
  } 

  #footer .c16l, #footer .c20l, #footer .c25l, #footer .c33l, #footer .c40l, #footer .c38l, #footer .c50l, #footer .c60l, #footer .c62l, #footer .c66l, #footer .c75l, #footer .c80l, #footer .c16r, #footer .c20r, #footer .c25r, #footer .c33r, #footer .c40r, #footer .c38r, #footer .c50r, #footer .c60r, #footer .c62r, #footer .c66r, #footer .c75r, #footer .c80r {
    clear: both !important;
    float: left !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  
  #footer .csc-menu {
    text-align: left !important;
    border-top: 1px dotted #252B32 !important;
    padding-top: 20px !important
  }
  
  #footer .csc-menu li {
    padding: 0px;
  }
  
  #footer .subcr {
    padding: 0px !important;
  }
  
  .inhalt {
    margin-top: 0px !important;
  }
  .nr-1 {    margin-top: 300px !important;   }     .header {	height: 140px;}
	.nr-4 .csc-textpic-center .csc-textpic-imagecolumn {		width: 46%;	}		div.csc-textpic div.csc-textpic-imagerow-last .csc-textpic-imagecolumn {		margin-bottom: 10px;	}
}
/* ----- MAX-WIDTH: 500PX ----- */

/* ----- MAX-WIDTH: 400PX ----- */
@media (max-width:400px){	.nr-1 {    margin-top: 240px !important;   }     div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-right .csc-textpic-imagewrap {	width: 100%;  }}
/* ----- MAX-WIDTH: 400PX ----- */
/* ----- MAX-WIDTH: 340PX ----- */
@media (max-width:340px){

  .nachoben, .suche, .nachunten {
    width: 30px;
    height: 30px;    
  }
  
  #c292 iframe, #c295 iframe {
   width: 250px !important;
  }

  #impressionen, #lightbox {
  width: 240px !important;
}
}
/* ----- MAX-WIDTH: 340PX ----- */