@charset "utf-8";
/* CSS Document */





@media screen and (max-width: 1169px){
	main.detail, #main.detail{     top: 100px;}
	#logo	{ display:block;}
}

@media screen and (max-width: 1181px){
	
	#sprache-d {position:absolute; float:left; left:0; width:60px; z-index:1000000; top:10px;}
	#sprache-d a { margin: 5px 0px 2px 0; padding:10px; display:block; width:60px; height:40px; background-color:#7d4f25; color:#FFFFFF; text-decoration:none;	
	-moz-box-shadow: none;   -webkit-box-shadow: none;    box-shadow: none;    -moz-appearance: none;    -webkit-appearance: none;    -moz-border-radius: 0;
    -webkit-border-radius: 0;    border-radius: 0;    -moz-transition-duration: 0.5s;    -o-transition-duration: 0.5s;    -webkit-transition-duration: 0.5s;    transition-duration: 0.5s;    -moz-transform: translateZ(0);    -webkit-transform: translateZ(0);    transform: translateZ(0);
	}
	#sprache-d a:hover { background-color:#c09157; }
}




@media screen and (max-width: 1000px){
	
	#sprache {position:absolute; float:left; left:0; z-index:1000; top:120px;}
	#sprache a { margin: 5px 0px 2px 0; padding:10px; display:block; width:60px; height:40px; background-color:rgba(255,255,255,0.80); color:#c4791d; text-decoration:none;}
	
	
	
	#col100w			{ position:relative; width:100%; height:auto; text-align:center; margin:0 auto;}
	#col100w.white		{ padding:10px 10px; margin-top:40px; margin-bottom:40px;}	
	
	#col100w .colums1	{ width:100%; margin:0; padding:0;  background-image:url(../images/hg-col100.jpg); background-repeat:repeat; background-position:top center; padding-bottom:20px;}
	#col100w .colums2	{ width:100%; margin:0; padding:0;  background-image:url(../images/hg-col100.jpg); background-repeat:repeat; background-position:top center; padding-bottom:20px;}
	#col100w .colums3	{ width:100%; margin:0; padding:0;  background-image:url(../images/hg-col100.jpg); background-repeat:repeat; background-position:top center; padding-bottom:20px;}
	
	#col100w .colums6	{ width:100%; margin:0; padding:0;  background-image:url(../images/hg-col100.jpg); background-repeat:repeat; background-position:top center; padding-bottom:20px;}
	#col100w .colums7	{ width:100%; margin:0; padding:0;  background-image:url(../images/hg-col100.jpg); background-repeat:repeat; background-position:top center; padding-bottom:20px;}
	footer #col100w .colums6{  padding-top:20px;  }
	footer #col100w .colums7{ padding-top:20px; margin: 0; }
}



@media screen and (max-width: 768px){
	#sprache {position:absolute; float:left; left:0; z-index:1000; top:50px;}

	#section1	p { font-size:22px;  }
	#section1	img { display:none  }
	
	#section2 img			{ width:100%; float:left;  }
	
	#section3	h2 {  letter-spacing: 0.2em;}
	#section3	h3 {  letter-spacing: 0;}
	#section3	h4 {  letter-spacing: 0;}
	#section3	p {  font-size:22px; line-height:34px; font-weight:400; }
	#section3 .corner_ribbon  { margin: 15px 5px}
	
	#section6 #col100w  #image-50 img			{ width:100%; float:left;  }
	
	.preisliste { width:100%}

}

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

	#section3 .colums4	h3, #section3 .colums4	h4, #section3 .colums4 img, #section3 .colums4 p  { display:none;}
	#section3 .colums4 img.fewo{ display:block;}


	#col100	p { font-size:22px; line-height:34px; font-weight:400; }

	#col100w .colums4, #col100w .colums4-1, #col100w .colums4-2, #col100w .colums4-3	{ width:95%;}
	#col100w .colums5	{ width:80%; margin:25px 10%;}

}


@media screen and (max-width: 320px){
	#logo img	{ width:190px;}
}