/*################################################################################################################################################################*/
/******************************* RESPONSIVE LAYOUT ANPASSUNGEN ****************************************************************************************************/
/*################################################################################################################################################################*/

@media screen and (max-width: 1005px) {
	#header {
		width: 97%;
		margin: 0px auto;
	}
	#container-top { height: auto; }
	#headerbilder {
		width: 100%;
		height: auto;
		background: none;
		padding: 0px;
		padding-top: 15px;
	}
	#headerbilder * { width: 100% !important; height: auto !important; }
	#headerbilder img { max-width: 100%; height: auto; }
	#headerbilder #logo { width: 250px !important; }
	
	
	#mainmenue .region-mainmenu ul li a {
		  padding: 0px 8px;
		  font-size: 0.938em;
	  }
	
	#container-bottom {
		width: 100%; /*980*/
		box-sizing:border-box;
		background-size: 100%;
	}
	#spalte-links {
		width: 23.46938775510204%;
		width: 25%;
		/*width: 20.40816326530612%;*/
		box-sizing: border-box;
		padding: 20px;
	}
	#spalte-links img { max-width: 100%; height: auto !important; }
	
	#spalte-mitte {
		width: 530px;
		width: 490px;
		width: 480px; /*Rechts breiter*/
		padding: 20px;
		float: left;
		
		width: 48.97959183673469%;
		width: 75%;
		box-sizing: border-box;
	}
	#spalte-mitte.large { width: 75%; }
	
	#spalte-rechts { width: 100%; box-sizing: border-box; background: none; text-align: center; border-top: 3px solid #28491c; padding: 20px 10px; position: relative; }
	
	.view-bildergalerie, .view-bildergalerie * {margin: 0px; padding: 0px; left: 0px; }
	.view-bildergalerie { width: 175px; margin: 0px auto; }
	
	.view-bildergalerie-2, .view-bildergalerie-2 * {margin: 0px; padding: 0px; left: 0px; }
	.view-bildergalerie-2 { width: 175px; margin: 0px auto; }
	

		
		
	
	
	#footer {
		width: 100%; /*980*/
		box-sizing:border-box;
		background-size: 100%;
	}
}

@media screen and (max-width: 800px) {
	#spalte-links,
	#spalte-mitte,
	#spalte-mitte.large { width: 100%; float: none; padding: 10px 5px; background: none; }
	
	#container-bottom { 
		display:-webkit-flex;
		display:flex;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	#container-bottom #spalte-links { -webkit-order:3; order:3; border-top: 3px solid #28491c; text-align: center; }
	#container-bottom #spalte-mitte { -webkit-order:1; order:1; }
	#container-bottom #spalte-rechts { -webkit-order:2; order:2; }
	
	/*Submenü*/	
	#spalte-links .block-submenutree ul.menu {
		width: 100%;
		display: block;
		margin: 0px;
	}
	#spalte-links .block-submenutree ul.menu li {
		width: 100%;
		display: block;
		margin: 0px;
	}
	
	#spalte-links .block-submenutree ul.menu li a {	
		border-bottom: 1px solid #28491c;
		padding: 8px 0px;		
		background: none;
		background-image: none;
		text-align: center;
		width: 100%;
		display: block;
		font-weight: bold;
	}	
	#spalte-links .block-submenutree ul.menu li a:hover, #spalte-links .block-submenutree ul.menu li a.active {
		background-image: none;
	}	
		/*Sub-Submenue*/
		#spalte-links .block-submenutree ul.menu li ul { margin-left: 0px; }
		#spalte-links .block-submenutree ul.menu li ul li {
			padding: 0px;
			margin: 0px;
		}
		#spalte-links .block-submenutree ul.menu li ul li a {		
			background-image: none;
			padding: 6px 0px;
		}
		#spalte-links .block-submenutree ul.menu li ul li a:hover, #spalte-links .block-submenutree ul.menu li ul li a.active {
			background-image: url(images/sub-submenue-hover.png);
			background-image: none;
		}	
		
		
		/*Mobile Nav*/
		#mainmenue { height: 50px; background-color:#28491c; background-image: none; z-index: 99999; position: relative; padding: 0px; bottom: auto; top: 0px; }
		
		#mainmenue .region-mainmenu { 
			display: none;
			position: absolute;
			top: 50px;
			left: 0px;
		}
		/*
		#mainmenue:hover .region-mainmenu,
		#mainmenue:focus .region-mainmenu  { display: block; }
		*/
		
		input#responsive-nav[type=checkbox]:checked ~ .region-mainmenu {
		  display: block;
		}
		
		#mainmenue a.open { 
			display: block;
			color: #fff;
			font-weight: bold;
			text-align: center;
			line-height: 50px;
			height: 50px;
			
			display: none;
		}
		label.responsive-nav-label {
			display: block;
			color: #fff;
			font-weight: bold;
			text-align: center;
			line-height: 50px;
			height: 50px;
		}
		label.responsive-nav-label span {
		  margin-right: 10px;  
		  font-size: 1.125em;
		}
				
		#mainmenue .region-mainmenu {
			width: 100%;
			padding: 0px;
			margin: 0px;
		}
		#mainmenue .region-mainmenu ul {
			background-image: none;
			height:auto;
			background-color: #28491c;
			padding: 0px;
			margin: 0px;
		}
		#mainmenue .region-mainmenu ul li {
			background-image: none;
			background: none;
			padding: 0px;
			margin: 0px;
			width: 100%;
			background-color: #28491c;
			border-top: 1px solid #FFF;
		}
		#mainmenue .region-mainmenu ul li a {			
			width: 100%;
			padding: 0px;
			font-weight: bold;
			padding-left: 20px;
			box-sizing: border-box;
		}
		
		#mainmenue .region-mainmenu ul li a.active, #mainmenue .region-mainmenu ul li a.active-trail { background-image: none; text-shadow: none;	}
		
			/* 1. Unterebende */		
			#mainmenue .region-mainmenu ul li ul {			
				display: block;
				background: none;
				position: relative;
				top: 0px;
				padding: 0px;
				margin: 0px;
				background-color: #28491c;
				
				border-top: none;
			}

			#mainmenue .region-mainmenu ul li ul li {}
			#mainmenue .region-mainmenu ul li ul li a {				
				color: #FFF;
				font-weight: normal;
				height: 35px;
				line-height: 35px;
				padding-left: 40px;
			}
			#mainmenue .region-mainmenu ul li ul li a:hover, #mainmenue .region-mainmenu ul li ul li:hover a {
				color: #FFF;
				text-shadow: none;
				background-color: #28491c;
			}
			#mainmenue .region-mainmenu ul li ul li a.active, #mainmenue .region-mainmenu ul li ul li a.active-trail { background-image: none; }
			#mainmenue .region-mainmenu ul li ul li.active-trail {	background-color: #28491c; }
			
			/* 2. Unterebende */
				#mainmenue .region-mainmenu ul li:hover ul li ul {					
					padding: 0px;
					left: 0px;
					margin: 0px;
				}
				#mainmenue .region-mainmenu ul li ul li ul li {					
					background: none;
					background-color: #28491c;
				}
				#mainmenue .region-mainmenu ul li ul li ul li a, #mainmenue .region-mainmenu ul li ul li:hover ul li a {					
					height: 30px;
					line-height: 30px;
					padding-left: 60px;
				}
				#mainmenue .region-mainmenu ul li ul li ul li a:hover, #mainmenue .region-mainmenu ul li ul li ul li a.active{
					background-color: #28491c;
				}
				
		
		#spalte-mitte.large .quick-links .field-item {
			width: 30%;
			margin: 10px 1.5%; 
			height: auto;
			overflow: hidden;
		}
		#spalte-mitte.large .quick-links .field-item * {
			width: 100%; 
			height: auto;
		}

		#spalte-mitte.large .quick-links .image-caption {
			background-size: 100%;
			box-sizing: border-box;
			width: 100% !important;
			font-size: 0.875em;
		}
			
		iframe { width: 100% !important; }
}

@media screen and (max-width: 550px) {
	#spalte-mitte.large .quick-links .field-item { width: 48%; margin: 10px 1%; }
}