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


@media screen and (max-width: 1181px){
	#col100w			{ position:relative; width:100%; height:auto; text-align:center; margin:0 auto;}
	div#rootline-wrap						{  width:100%; }
}



@media screen and (max-width: 1170px){
	
	body{background-color:#ecd5af}	
	#layerslider 		{ max-width:1900px; width:100%; margin:0 auto; background-color:#f4ebd7; top:60px; }
	#footer-contact, #footer	 {     top: 55px;}
    #footer-contact, footer {     top: 100px;}


	
	
	
	
}


@media only screen and (min-width: 1170px){
	
	
	main, #main {     top: 0px;}
	
	
	header .cd-primary-nav > li > a { color:#996633; color:#FFFFFF;  text-transform:none; font-size:16px; text-transform:uppercase;	}
	header .cd-primary-nav > li > a:hover { background-color:rgba(225,193,134,0.9);	}	
	header .cd-primary-nav > .has-children > a::before, header.detail .cd-primary-nav > .has-children > a::after 	{ background-color:#996633;  background-color:#FFFFFF; 	}
	header .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {    top: 70px;}
	
	header.detail .cd-primary-nav > li > a { color:#996633;  text-transform:none; font-size:16px; text-transform:uppercase;	}
	header.detail .cd-primary-nav > li > a:hover { 	 color:#c4791d; background-color:transparent;}	
	header.detail .cd-primary-nav > .has-children > a::before, header.detail .cd-primary-nav > .has-children > a::after 	{ background-color:#996633;  	}
	header.detail .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {    top: 70px;}
	
	header .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {    top: -140px;}

	.cd-primary-nav .cd-nav-icons .cd-nav-item {  border-bottom: none;    height: 150px;    line-height: 1.2;    padding: 24px 2% 0 2%;  color:#3d3d3c;   position: relative;	 border-width:1px; border-style:solid; border-color:rgba(194,147,99,0.2) }  
	.cd-primary-nav .cd-nav-icons .cd-nav-item:hover {    background: rgba(215,192,125,0.2);  background: rgba(194,147,99,0.1); background-color:rgba(225,193,134,0.9); color:#FFFFFF;}
	 .cd-primary-nav .cd-nav-icons li {   /* set here number of columns - use width percentage */    width: 30%;    float: left;    margin: 0 2% 20px 2%;  }
  	.cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {    /* +2 because we have two additional list items with display:none */    margin-right: 0;  }
	.cd-primary-nav .cd-nav-icons .cd-nav-item h3 {    font-weight: bold;	font-size: 18px; line-height:32px; margin:0; padding:0;  color:#996633; }
  	.cd-primary-nav .cd-nav-icons .cd-nav-item p {    display: block; font-size:14px; line-height:32px; color:#996633;}
	
	
	
}
@media only screen and (max-width: 1169px){

 header.detail{    background-color:#996633; }
 
}

@media screen and (max-width: 1024px){
	
	.cd-main-content.detail {     top: 110px;}
	.cd-main-content			{     top: 50px;}
	
	div#rootline.detail { display:none;}
	div#rootline { display:none;}
	#section1 {    padding: 40px 0 20px 0;}
	
	
	#col100w			{ padding:0 10%;}	
	#col100w.white		{ padding:10px 10px; margin-top:40px; margin-bottom:40px;}		
	#col100w .colums1	{ width:100%; margin:0; padding:0;   padding-bottom:20px;}
	#col100w .colums2	{ position:relative; width:60%; float:left; margin:0; padding:0 10%;}
	#col100w .colums3	{ position:relative; width:30%; float:left; margin:0 10% 0 0; padding:0;}
	
	#col100w .colums6	{ width:100%; margin:0; padding:0;  padding-bottom:20px;}
	#col100w .colums7	{ width:100%; margin:0; padding:0;   padding-bottom:20px;}
	


}




@media screen and (max-width: 768px){
	
	
	#section1 {    padding: 20px 0 20px 0;}
	
	
	#col100w			{ padding:0 10%;}
    #col100w .colums2	{ width:100%; margin:0;   padding-bottom:20px; }
	#col100w .colums3	{ display:none;}
    #col100w .colums4	{ width:100%; margin:0;  padding-bottom:20px; min-height:200px; margin-bottom:10px; }
	#col100w .colums5	{ width:100%; margin:0;  padding-bottom:20px; min-height:200px; }
	#col100w .colums4-w	{ width:100%; margin:0;  padding-bottom:20px; min-height:200px; }
	#col100w .colums4 img	{ display:none; }
	#col100w .colums8	{ width:48%; margin:10px 1%; }
	
	
	#section1	p { font-size:18px; text-align:left;  }
	#section1	img { display:none  }	
	#section2 img			{ width:100%; float:left;  }
	#section10 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:18px; line-height:34px; font-weight:400; text-align:left; }
	#section3	ul {font-size:18px; line-height:34px;  }
	#section3 .corner_ribbon  { margin: 15px 5px}
	
	#section9	p.teaser 		{  font-size:18px; line-height:34px;  }
	#section9	p				{  font-size:18px; line-height:34px; }

	
	.preisliste { width:100%}
	
	#footer-contact	p.h1 		{ line-height:34px; }
	#footer-contact	p 			{ font-size:18px; line-height:32px;  }
    footer p{ line-height:32px; font-size:18px;  }

}

@media screen and (max-width: 480px){
	
	#layerslider 		{  top:105px; }
	.cd-main-content.detail {     top: 105px;}
	.cd-main-content			{     top: 105px;}
	
	
	#logo		{ 	 padding-top:40px; padding-bottom:20px; text-align:left;  }
	header.detail {    top: 90px;    position: fixed;    background-color: transparent;     height: 70px;}
	
	.cd-header-buttons {    right: 5%;}
	.cd-header-buttons { top:-110px;}
	.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
	background: #996633;	
	}
	
	.cd-primary-nav, .cd-primary-nav ul {    background-color: #FFFFFF;    top: -16px;    padding-top: 16px;}
	

	#col100w			{ padding:0 2%;}
	
	#section3	ul { left:0;  }
	#section1	ul {left:0; }

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

   .btn, .btn:focus, .button, input[type=submit], .internal-link {      font-size: 14px; width:100%; margin-bottom:5px;}
   
   

}


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

}