#headerbild{
		background:url(none) repeat-x center;
		background-size:cover;
		height:300px;
		padding: 5em 0em;
		text-align: center;
		width:1170px;
		margin:0 auto;
}
@media (max-width:1200px)
{
		#headerbild{
			width:930.39px;
			height:250px;
			
		}
}
@media (max-width:960px)
{
		#headerbild{
			
			height:300px;
			width:100%;
			
		}
}

#userlogo{
	background:url(none) repeat-x center;
    background-size: cover;
	width:100% !important;
	margin-bottom:1em;
}
@media (max-width: 1220px)
{
	#userlogo{
	background:url(none) repeat-x center;
    background-size: cover;
	width:100% !important;
/*	height:200px !important;*/

	}
}
@media (max-width: 1023px)
{
	#userlogo{
	display:none !important;
	}
}
#desbild1{
	background:url(none) repeat-x;
	width:100%;
	margin-bottom:2em;
	margin-top:-1em;
	background-image:none !important;
}
@media (max-width: 1220px)
{
	#desbild1{
	 width:100%;
	 margin-bottom:1.0em;
	 margin-top:-1em;

	}
}
@media (max-width: 1023px)
{
	#desbild1{
	 width:100%;
	 margin-bottom:0.5em;
	 margin-top:-1em;

	}
}
@media (max-width: 480px)
{
	#desbild1{
	 width:100%;
	 margin-bottom:0.5em;
	 margin-top:-1.5em;

	}
}

#desbild2{
	background:url(none) repeat-x;
	width:100%;
	background-image:none !important;
}

#desbild3{
	background:url(none) repeat-x;
	width:100%;
	margin-bottom:1.5em;
	background-image:none !important;

}
@media (max-width: 480px)
{
	#desbild3{
	 width:100%;
	 margin-bottom:0.5em;
	}
}
#desbild4{
	background:url(none) repeat-x;
	width:100%;
	background-image:none !important;
	margin-bottom:1em;

}
#desbild5{
	background:url(none) repeat-x;
	width:100%;
	background-image:none !important;
	margin-bottom:0.5em;
}
@media (max-width: 960px)
{
	#desbild5{
	 width:100%;
	 margin-bottom:-1.8em;

	}
}
#desbild6{
	background:url(none) repeat-x;
	width:100%;
	background-image:none !important;
}

/*********************************************************************************/
/* Wrapper                                                                       */
/*********************************************************************************/

	#wrapper
	{
		padding-bottom: 4em;
		/*background: #552713;*/
		background-color: #555;
		/*background-color: hsl(2, 57%, 40%);*/
		background-image: url("./images/struc1.png");

	}



/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
	#footer
	{
		padding-top: 5em;
	}
	
	#footer header h2
	{
		letter-spacing: 1px;
		font-size: 1.8em;
		color: #FFF;
	}
	
	#footer .list a
	{
		color: #c18062;
	}
	
	#footer .list li
	{
		border-top: none;
	}
	
	
	#aktuelles
	{
		
	
	}
	
	#aktuelles h2
	{
		font-size:1.3em;
		font-weight:bold;
		color:#fff;
		line-height:1.5em;
	}
	
	#aktuelles ul ul li 
	{
		font-size:1em;
		color:#ddd;
		line-height:1.3em;
	}
	
	#links li a
	{
		font-size:1em;
		color:#ddd;
		line-height:1.3em;
	}
	
	#links h2
	{
		font-size:1.3em;
		font-weight:bold;
		color:#fff;
		line-height:1.5em;
	}
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/
	
	#copyright
	{
		position: relative;
		padding: 3em 0em;
		text-align: center;
		color: #444;
	}
	
	#copyright .container
	{
	}
	
	#copyright a
	{
		text-decoration: none;
		color: #666;
	}		
	
/*********************************************************************************/
/* MODULE                                                                        */
/*********************************************************************************/
	#showHauptkatResLinks
		{
			width:40% !important;
			padding-left:0px !important;
			margin-right:2%;
		}
		#showHauptkatResRechts
		{
			width:54% !important;
			
		}
		#showHauptkatResBild img
		{
			width:100%;
		
		}

	.res_counter
	{
		font-size:1.1em;
	}
	
	.res_facebook
	{
		
		
	}
	
	.res_galerie
	{
		
	}
	
	.res_zufrieden
	{
		
	}
	
	/*
	#zform table tr td
	{
		margin:auto;
		background:#900;
		align:center;
	}
	*/
	
	.style_zufrieden h2
	{	
		margin-top:10px;
		font-size:18px;
		font-weight:bold;
	
	}
	
	
	
	/*RESPONSIVE ANPASSUNG */


.image-source-link {
	color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;

	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

	
	@media (min-width: 1201px) {
	
		.kontakt_input
		{
			width:100% !important;
		}
	}
	
	@media (max-width: 1200px) and (min-width:481px) 
	{
		/*Galerie*/
		/*
		.style_galerie
		{
			display: block;
			float:none;
		  
		}
				
		.style_galerie_bild
		{
			width:200%;
			height:200%;
		}
		*/
		
		/*Zufriedenheit*/
		.style_zufrieden
		{
			width:600px;		
		}
		.style_zufrieden_schliessen
		{
			margin-right:5x !important;
		}		
		.style_zufrieden_textbox
		{
			width:550px !important;
		}		
		.style_zufrieden_aussenbox
		{
			width:600px !important;
		}		
		/*Aktuelles*/
		.kontakt_input
		{
			width:100% !important;
		}
		/*
		.editable
		{
			width:65% !important;
		}
		*/		
		#editable_impressum
		{
			margin-left:0px !important;
		}		
		/*Online-Shop*/
		.shopKat
		{
			width:48% !important; 
			height:150px !important;
			background-size: 100%;				
		}	
		#res_energie_links 
		{	
			width: 50%;
		}
		.showKatRes
		{	width:48% !important;
			height:200px !important;
		}		
		#showKatResBild img
		{
		
		}
		/*Online-Shop*/
		.shopbestellmobort
		{
			width:63% !important;		
		}		
		.shopbestellmobplz
		{
			width:35% !important; 
		}		
		.shopbestellmob
		{
			width:99% !important; 
		}		
		.shopbestellmobhalb
		{
			width:49% !important;		
		}	
		.shopbestelllab
		{
			width:99% !important;
		}		
	}
	
	@media (max-width: 850px) and (min-width:481px) 
	{	
		.style_zufrieden
		{
			width:460px;		
		}		
		.style_zufrieden_schliessen
		{
			margin-right:5px !important;
		}		
		.style_zufrieden_textbox
		{
			width:385px !important;
		}		
		.style_zufrieden_aussenbox
		{
			width:460px !important;
		}		
		
	}
	@media (max-width: 620px) and (min-width:481px) 
	{	
		#showHauptkatResLinks
		{
			width:100% !important;
			padding-left:0px !important;
		}
		#showHauptkatResRechts
		{
			width:100% !important;
		}
		#showHauptkatResBild img
		{
			width:100%;
		
		}		
		
	}
	
	
	@media screen and (max-width: 480px) 
	{
		/*Galerie*/
		.shopbestelllab{
			width:100%;
		}
		
		/*
		.style_galerie
		{
			display: block;
			float:none !important;
			padding-right:1px;
			
		  
		}
		.style_galerie_bild
		{	
			width:210% ;
			height:210% ;
			margin-left:2px;
			margin-bottom:-2em;		
			
		}
		*/
		
		/*Zufriedenheit*/
		.style_zufrieden
		{	
			width: 280px;
		}
		.style_zufrieden_schliessen
		{
			margin-right:5px !important;
		}
		
		.style_zufrieden_textbox
		{
			width:240px !important;
		}
		.style_zufrieden_aussenbox
		{
			
			width:280px !important;
		}
		.style_zufrieden_auswahlbox_sie_sind
		{
			width:120px !important;
			
		}
		.style_zufrieden_auswahlbox_im_alter
		{
			width:120px !important;
			
		}
		.style_zufrieden_auswahlbox_empfehlen
		{
			width:120px !important;
			
		}
		
		/*ENERGIECHECK*/
		.style_energie_mobile
		{
			width:100%;
		}
		#res_energie_rechts
		{
			width:92%;
			margin-left:15px;
		}
		#res_energie_links
		{
			width:92%;
		}
		#res_energie_text_rechts
		{
			width:220px;
		
		}
		
		/*Aktuelles*/
		.kontakt_input
		{
			width:100% !important;
		}
		
		
		/*Artikel (DATENBANK POST's)*/
		#editable_impressum
		{
			margin-left:0px !important;
		}
		.editable
		{
			width:95% !important;
		}
		
		/*Online Shop*/
		
		.shopKat
		{
			width:99.9% !important; 
			height:150px !important;
			background-size: 100%;	
		}
		
		#showHauptkatResLinks
		{
			width:100% !important;
			padding-left:0px !important;
		}
		#showHauptkatResRechts
		{
			width:100% !important;
		}
		#showHauptkatResBild img
		{
			width:100&;
		
		}
		.showKatRes
		{
			width:100% !important;
			height:200px !important;
		}
		
		#showKatResBild img
		{
		
		}
		
		.warenArticle {
		  display: block;
		}
		.warenDesc {
		  display: block;
		  margin-top:50px;
		  float:left;
		 
		  
		}
		.warenElem {
		  text-align:left;	
		  display:block;
		  padding: 8px;
		  border-bottom:1px solid; 
		  
		}
		.warenElemGesamt 
		{
			display:block;
 		 	padding: 5px;
 			border-bottom:1px solid; 
  		 	border-top:2px solid;
		}
		
		.warenElemInk 
		{
			display:block;
 		 	padding:7px; 			
		}	
			
		
		.shopmob-only
		{
		 	display:inline;
		
		}
		.shopmobprodukt-only
		{
		 	display:inline;
			font-size:1.1em;
			font-weight:500;
		
		}
		.shopmobtab-only tbody
		{
			display:block;
		}
		
		.warenUeberschrift
		{
			    display:none;
				
		}
	
		.warenRechts
		{
		  display: block;
		  margin-top:50px; 
		
		}
		
		.shopbestellmobort
		{
			width:63% !important;
		
		}
		
		.shopbestellmobplz
		{
			width:35% !important; 
		}
		
		.shopbestellmob
		{
			width:99% !important; 
		}
		
		.shopbestellmobhalb
		{
			width:49% !important;
		
		}
		
		.shopbestelllab
		{
			width:99% !important;
		}
		.shopbestellbutton
		{
			width:99% !important;
		}	
}
		
/* Banner */

	#banner {
		background-color: #e5474b;
		color: #f2a3a5;
		padding: 13em 0 11em 0;
		background-color: #0c0c0c;
		background-image: url("/gfx/templates/36/headerbild.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 15% left;
		text-align: left;
		position: relative;
		z-index: 9999;
	}

		#banner input, #banner select, #banner textarea {
			color: #ffffff;
		}

		#banner a {
			color: #ffffff;
		}

		#banner strong, #banner b {
			color: #ffffff;
		}

		#banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
			color: #fff;
		}

		#banner blockquote {
			border-left-color: #fff;
		}

		#banner code {
			background: none;
			border-color: #fff;
		}

		#banner hr {
			border-bottom-color: #fff;
		}

		#banner input[type="submit"],
		#banner input[type="reset"],
		#banner input[type="button"],
		#banner button,
		#banner .button {
			background-color: #5a5a5a;
			color: #ffffff !important;
		}

			#banner input[type="submit"]:hover,
			#banner input[type="reset"]:hover,
			#banner input[type="button"]:hover,
			#banner button:hover,
			#banner .button:hover {
				background-color: #676767;
			}

			#banner input[type="submit"]:active,
			#banner input[type="reset"]:active,
			#banner input[type="button"]:active,
			#banner button:active,
			#banner .button:active {
				background-color: #4d4d4d;
			}

			#banner input[type="submit"].alt,
			#banner input[type="reset"].alt,
			#banner input[type="button"].alt,
			#banner button.alt,
			#banner .button.alt {
				background-color: transparent;
				box-shadow: inset 0 0 0 2px #fff;
				color: #ffffff !important;
			}

				#banner input[type="submit"].alt:hover,
				#banner input[type="reset"].alt:hover,
				#banner input[type="button"].alt:hover,
				#banner button.alt:hover,
				#banner .button.alt:hover {
					background: rgba(255, 255, 255, 0.25);
				}

				#banner input[type="submit"].alt:active,
				#banner input[type="reset"].alt:active,
				#banner input[type="button"].alt:active,
				#banner button.alt:active,
				#banner .button.alt:active {
					background-color: rgba(255, 255, 255, 0.2);
				}

				#banner input[type="submit"].alt.icon:before,
				#banner input[type="reset"].alt.icon:before,
				#banner input[type="button"].alt.icon:before,
				#banner button.alt.icon:before,
				#banner .button.alt.icon:before {
					color: #f8d1d2;
				}

			#banner input[type="submit"].special,
			#banner input[type="reset"].special,
			#banner input[type="button"].special,
			#banner button.special,
			#banner .button.special {
				background-color: #ffffff;
				color: #e5474b !important;
			}

		#banner:after {
			-moz-transition: opacity 4s ease;
			-webkit-transition: opacity 4s ease;
			-ms-transition: opacity 4s ease;
			transition: opacity 4s ease;
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			display: block;
			top: 0;
			left: 0;
			background-color: #0c0c0c;
			opacity: 0.25;
		}

		#banner .inner {
			max-width: 65em;
			width: calc(100% - 6em);
			margin: 0 auto;
			position: relative;
			z-index: 10000;
			line-height: 1.5;
		}

			@media screen and (max-width: 480px) {

				#banner .inner {
					max-width: 90%;
					width: 90%;
				}

			}

		#banner h1 {
			font-size: 2em;
			margin: 0 0 1em 0;
			padding: 0;
			letter-spacing: 3px;
			font-weight: 700;
		}

			#banner h1 span {
				font-weight: 400;
			}

		body.is-loading #banner:after {
			opacity: 1;
		}

		@media screen and (max-width: 1680px) {

			#banner {
				padding: 10em 0 8em 0;
			}

		}

		@media screen and (max-width: 1280px) {

			#banner {
				padding: 8em 0 6em 0;
			}

		}

		@media screen and (max-width: 980px) {

			#banner {
				padding: 12em 0 10em 0;
			}

				#banner br {
					display: none;
				}

		}

		@media screen and (max-width: 736px) {

			#banner {
				padding: 4em 0 2em 0;
			}

				#banner h1 {
					font-size: 1.75em;
				}

		}

		@media screen and (max-width: 480px) {

			#banner {
				padding: 5em 0 3em 0;
			}

				#banner ul {
					margin-top: 1em;
				}

		}