/* ----- MAX-WIDTH: 980PX ----- */
@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;		
	}
	
	.iconsmartstyle {
		top: -42px;
	}
	
}


/* ----- MAX-WIDTH: 820PX ----- */
@media (max-width:820px){

	#hauptnavi {
		font-size: 18px !important;
	}
	
	#hauptnavi li a {
		padding: 15px 5px 15px 5px;
	}
	
	#hauptnavi li.active a:before {
		height: 30px;
		width: 31px;
		top: -15px;
		left: -10px;
		background-size: 100% auto;
	}

	#footer .inhalt_normal .zentriert {
		width: 98%;
		padding: 0 1%;
	}

	.feature-buttons {
	  bottom: 25%;
	}	
	
	.rahmen .zentriert {
		width: 96%;
		padding: 0 2%;
	}

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

/* ----- MAX-WIDTH: 780PX ----- */
@media (max-width:780px){
	.feature-buttons {
	  bottom: 15%;
	}

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

/* ----- MAX-WIDTH: 730PX ----- */
@media (max-width:730px){

	h1, h2 {
		font-size: 54px;
		margin: 20px 0 40px 0;
	}
	
	.feature-buttons {
		bottom: 18%;
	}

	.nachunten, .nachoben, .suche {
		width: 40px;
		height: 40px;		
	}

	.sprache {
		display: none;
	}
	
	.weiss {
		height: 44px !important;
	}
	.bereiche {
		margin-top: 100px !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;
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
	}

	.sprache_mobil {
		width: 50px;
		height: 10px;
		float: left;
		margin: 0px 0px 0px 25px;	
	}
	
	#hauptnavi {
		margin: 0px 0px 0px 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;
		border: 0px;
		background: #8d795e;
		text-align: center;
		float: left;
		clear: both;
		display: block;
		margin: 0px !important;
		color: #FFF;
		font-weight: normal;
	}
	
	#hauptnavi li.active a, #hauptnavi li:hover a {
		border: 0px;
		background: #5d0f27;
		color: #fff;
	}
	
	 #hauptnavi li.active a:before {
		display: none;
	 }
	
	#fadebox {
		display: none;
	}
	
	
	.nr-1 .inhalt {
		margin-top: 200px !important; 
	}	
	
	.logo {
		top: 3px !important;
		width: 80px !important;
	}
		

	
	.inhalt {
		margin-top: 49px !important;
	}
	
	#footer .inhalt_normal .zentriert {
		width: 98%;
		padding: 0 1%;
	}
	
		#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 #FFFFFF !important;
		padding-top: 20px !important
	}
	
	#footer .subcr {
		padding: 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 {
		clear: both !important;
		float: left !important;
		margin: 10px 0 0 !important;
		padding: 0 !important;
		width: 100% !important;
		
	}
	
	.subcl, .subcr {
		padding: 0px;
	}
	
	.ui-tabs .ui-tabs-nav li {
		width: 49%;
	}
	
	.ui-tabs .ui-tabs-nav li a{
		width: 88%;
	}
	
	#cboxContent {
		margin: 10px;
	}
	
	#cboxClose {
		top: 0px;
		right: 0px;
  }
  
  #cboxPrevious {
	left: 0px;
  }
  
  #cboxNext {
	right: 0px;
  }
	
  
  	#lightbox iframe {
		width: 100% !important;
		height: 450px !important;
	}

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

/* ----- MAX-WIDTH: 600PX ----- */
@media (max-width:620px){
	.feature-buttons {
	  bottom: 10%;
	}
	
}
/* ----- MAX-WIDTH: 600PX ----- */

/* ----- MAX-WIDTH: 500PX ----- */
@media (max-width:500px){
	h1, h2 {
		font-size: 26px;
		margin: 10px 0 20px 0;
	}
	
	.farbe2 h4 {
	  font-size: 20px;
	}

	.feature-buttons {
	  bottom: 20%;
	}
	
	.suche, .nachoben, .nachunten {
		width: 30px;
		height: 30px;		
	}
	
	.iconsmartstyle {
		width: 50px !important; 
		height: auto !important;

	}
	
	.iconsmartstyle img {
		width: 100% !important;
		height: auto !important;
	}
	
	.ticker .tickertext {
		width: 100% !important;
	}
	

	
	.inhalt {
		margin-top: 49px !important;
	}
	
	.ui-tabs .ui-tabs-nav li {
		width: 100%;
		margin-right: 0px;
	}
	
	.ui-tabs .ui-tabs-nav li a{
		width: 96%;
		padding: 1% 2%;
	}
	
}
/* ----- MAX-WIDTH: 500PX ----- */

/* ----- MAX-WIDTH: 340PX ----- */
@media (max-width:400px){
	.iconsmartstyle {
		top: -20px;
		right: 5px;
	}
	
	.feature-buttons {
		bottom: 10%;
	}
	
	.nachoben, .suche, .nachunten {
		width: 30px;
		height: 30px;		
	}
	 #lightbox iframe {
		height: 480px !important;
	}
	
	#c276 .csc-textpic-imagewrap, #c276 .csc-textpic-image {
		width: 100% !important;
	}
	
	#c276 img {
		width: 100% !important;
		height: auto !important;
	}
	
	#c160 img {
		width: 100px !important;
		height: auto !important;
	}
	
	#c160 .csc-textpic-text {
		margin-left: 100px !important;
	}	
	
	.tx-jfmulticontent-pi1 .ui-widget-content h3 {
		font-size: 20px !important;
	}
	
	
}
/* ----- MAX-WIDTH: 340PX ----- */