/* Large screens ----------- */
@media screen and (min-width: 1824px){
	 
	}
/* Desktops and laptops ----------- */
@media screen and (max-width: 1224px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1080px) {
	
	
	}
@media screen and (max-width: 1024px) {}

/* Tablet ----------- */
@media screen and (max-width:1024px) {
	div#header_wrap						{ width:100%;   }
	
	div#sprache							{  font-size:14px; width:35%; padding:5px 5% 5px 0;    }
	div#sprache	 a						{  font-size:14px;  } 
	
	div#logo							{  width:60%;  padding:5px 0;}
	div#logo img						{ position:relative; text-align:center; left:0px;  height:auto;  }	
	
	div#start_mainnavi						{  width:100%;     }
	div#start_mainnavi-wrap					{  width:100%;  }
	div#expressanfrage-wrap					{ position:relative;  width:100%;  height:20px;   text-align:center; padding:10px 0;  margin:0 auto; z-index:1;  }
	
	div#submenu  							{  position:relative;   line-height:24px;  font-size:16px;   }
	div#submenu-wrap						{ position:relative;  width:100%;  }
	div#submenu	a							{  font-size:16px; }

	div#main_content 					{  width:96%; margin:0 2%;     }
	
	div#bilder 	#slogan img				{ width:70%; height:auto;  }
	

	div#col_50l	h1, div#col_50l	p{ padding: 0 20px }

	div#col_50l_img						{ width: 49%;		margin: 0 1% 0 0%; }
	div#col_50r							{  width:50%;  padding:0; clear:both;  	margin:0; float:left;  }

	div#col_s6							{position:relative;	float:left;	width:32%; max-width:32%; 	margin:10px 0.5%; text-align:left;	padding:0; background-color:#e8d5b8;	}

	div#col_s4							{	width:49%; max-width:49%; 	margin:10px 0.5%;   	}
	div#col_s4	img 					{ width:100%; height:auto; max-width:auto;}

	div#container						{  width:100%;  padding:10px 0  10px 0; margin:0; }
		
	div#main_content 	h1				{ font-size:36px; font-weight:100;    padding-bottom:20px; line-height:36px;}
	div#main_content 	h2				{ font-size:18px; font-weight:700;  }
	div#main_content 	p				{line-height:24px; font-size:14px; }

	
	/* Anfrageformular */
	
	div#main_content 	.label			{ width:30%; text-align:right; position:relative; float:left; font-size:18px;  padding: 0 0 0 0;}
	div#main_content 	.label-n		{ width:70%; text-align:right; position:relative;  font-size:18px; }	
	div#main_content 	.clear			{clear:both; }
	div#main_content  	form				{ padding:20px 10px 10px 15px; background-color:#f8f3ec; font-size:18px;  }
	div#main_content  	input 			{ width:80%; height:30px; background-color:#CCC; font-size:16px; margin-left:5px; padding:2px;}
	div#main_content  	select			{ width: 80%;	border-width: 1px; background-color:#CCC; color:#58585a; border-style:solid; border-color:#CCC; margin:2px 5px; height:30px; font-size:16px; }
	div#main_content 	select.small		{ width: 80%;}
	div#main_content  	textarea			{ width: 80%;	border-width: 1px; background-color:#CCC; color:#58585a; border-style:solid; border-color:#CCC; margin:2px 5px; font-size:16px; height:90px;}
	
	div#footerwrap						{ position: relative; width:100%;  margin:20px auto; border:0px; text-align:left;   color:#7d4f25;  }
	
	div#footerabschluss					{font-size:14px;  width:100%;     }
	
	}

@media screen and (max-width: 991px) {
	div#mobilnavi {		display: block;	}
	div#start_subnavi {		display: none;	}

	/* Sprache */
	div#start_mainnavi {		display: none;	}
	div#rootline {		display: none;	}

}
@media screen and (max-width: 640px) {

	div#header_wrap						{ width:90%;   }
	
	div#logo							{  width:100%; float:left;  height:80px;  padding:10px 0;      }
	div#logo img						{ position:relative; text-align:center; left:0px;   height:90px; width:auto;   }	

	div#sprache							{  float:left; clear:both; padding:2px 0; text-align:center; width:100%; font-weight:400;  font-size:16px; line-height:20px;    }
	div#sprache	 a						{  font-size:14px; line-height:24px; }
	
	div#expressanfrage  				{ display:none;  }
	
	div#submenu  							{   height:auto; line-height:18px;  display:none;   }
	div#submenu-wrap						{  width:100%;    height:auto; }

	div#bilder .parent {		width: auto;		height: 40vh; overflow: hidden;		/* Magic */		display: flex;		align-items: center; /* vertical */		justify-content: center; /* horizontal */}
	div#bilder .parent img     { height: 100%;		width: auto; left: -50%;	 }
	div#bilder .slick-slide .parent img {position: absolute;}
	div#bilder #slogan {		display: none;	}


	div#main_content 					{  width:96%; margin:0 2%;     }
	div#container						{  width:100%;  padding:10px 0  10px 0; margin:0; }
	div#container80						{  width:100%;  padding:10px 0  10px 0; margin:0; }

	div#col_50l, div#col_50l_hg			{  width:100%;   padding:0; margin:0 0; background-color:transparent;          }
	div#col_50l_img						{ width:100%; margin:0; margin-bottom:10px;}
	
	div#col_75l							{ width:100%;   padding:0 0; margin:0;      }
	div#col_25r							{ width:100%;  padding:0; margin:0;       }
	div#col_75l	img, div#col_25r img	{ width:100%; margin:0; margin-bottom:10px;	      }
	
	div#col_75l-txt						{ width:96%;   padding:0px 0 0px 0; margin:0 2%;     }
	div#col_25r-txt						{ width:96%;   padding:0px 0 0px 0; margin:0 2%;     }
	div#col_50r-txt 					{ min-height: 10px; }
	
	div#col_50r							{  width:100%;  padding:0 0 10px 0; clear:both;  	margin:0; float:left;  }
	
	div#col_50r-txt						{ float:left;	width:96%;   padding:0 0 10px 0;	margin:0 ; }
	div#col_50r-txt	 	li				{   }
		
	div#col_s6							{	width:100%; max-width:100%; margin: 10px 0;  overflow: hidden;		}
	div#col_s6 .offer-headline			{ font-size:16px; }
	div#col_s6 img						{width: 100%;	height: auto;	max-width: 100%;}

	div#col_s4							{position:relative;	float:left;	width:100%; max-width:100%; 	margin:0; text-align:left;	padding:0; background-color:#e8d5b8;	}
	div#col_s4	img 					{ width:96%; margin:0 2%; margin-bottom:10px;	      }	
	.jm-item-button 					{		text-align: center;	position: absolute;	left: 0%; color:#000;	margin-left:20px;  font-size: 36px; font-weight:bold; top:20%;      }

	.preisliste 						{ width:100%;  margin:0; padding:0; border:0; border-spacing:0px; border-collapse:collapse; display:inline-table; font-size:14px;  }
	.preisliste thead th				{ width:150px;  } 
	.preisliste thead	.td-0				{   width:150px; }

	div#main_content 	h1				{ font-size:36px; font-weight:100;    padding-bottom:20px; line-height:40px; }
	div#main_content 	h2				{ font-size:16px; font-weight:700;  }
	div#main_content 	p				{line-height:28px; font-size:16px;  }
	div#main_content   	ul				{ margin:0 0 5px 0; padding:0px 0px 0px 0px;  }
	div#main_content 	li				{line-height:28px; font-size:16px;  }

	div#footer							{ width:100%;  }
	div#footerwrap						{ width:100%; margin:20px auto; padding:0;   }
	div#footerwrap a					{ font-size:16px;  font-weight:700;  padding: 10px 30px;}
	div#footerwrap a:hover				{ text-decoration:none;  color:#404041; padding: 10px 30px;}
	div#footerwrap p					{ font-size:16px;   font-weight:300; line-height:28px;}

	div#footerwrap-3					{ position:relative; float:left; width:100%;  text-align:center; margin:20px 0px 0 0px; padding:5px 0 20px 0px;    background-repeat:repeat-y; background-position:left;  }
	div#footerwrap-2, div#footerwrap-1, div#footerwrap-4	{ display: none; }	

	div#footerabschluss					{   width:100%; font-size:18px;   font-weight:300; line-height:28px; }
	div#footerabschluss img				{     }
	
		
	form#mail							{ font-size:18px;}
	div#main_content 	.label			{ width:100%; text-align:left; position:relative; float:left; font-size:16px;  padding: 0 0 0 0; margin:0;}
	div#main_content 	.label-n		{ width:100%; text-align:left; position:relative;  font-size:14px; padding: 0 0 0 0; margin:0; }	
	div#main_content  input 			{ width:96%; margin: 1%; padding:5;}
	div#main_content  select			{ width: 96%;	 }
	div#main_content  textarea			{ width: 96%;}
	div#main_content  input#privacy, div#main_content input#newsletter	{	margin-left:10px;  	}
	div#main_content  #abschicken 		{  margin-left:20px; }
	div#main_content  .button2 			{   margin-left:20px;  }
	div#main_content  SPAN.error 		{	 margin-left:20px;  }
	div#main_content  input[type="radio"]	{	margin-left:10px;  	}
	div#main_content .g-recaptcha {margin-left: 10px;}
	.news-list-item	 img				{  display:none;    }
	.news-list-item	 ul				   { margin:0 0 0 0; padding:2px;  }
	
	
   
	}
@media screen and (max-width: 480px) {
	
	div#main_content 	h1				{ font-size:36px; font-weight:100;    padding-bottom:0px; line-height:36px; }
	div#footerwrap a {    font-size: 18px;	}
	div#footerabschluss a {	 display: block;	}

	div#main_content 	h1				{ font-size:24px;   padding-bottom:20px; line-height:36px; }
	div#main_content 	h2				{ font-size:16px;   }
	div#col_s1 h3 						{	font-size: 24px;	line-height:36px;		padding: 0px;	}
	div#col_s6							{	width:100%; max-width:100%; 	margin:0; 	}
	div#col_s6 .offer-headline 			{	font-size:16px;		padding: 0 10px;	}
	div#main_content 	p				{line-height:24px; font-size:16px;  }
	div#main_content   ul				{  padding:0; width:100%; font-size:14px;  }
	div#main_content 	li				{line-height:24px; font-size:16px;  }
	div#main_content a.internal-link, a.download, a.external-link-new-window, a.mail	{	 position: relative;  line-height: 36px;		height: auto;	}

	div#col_50l_hg h1, div#col_50r-txt h1 {		padding-top: 0px;	}

	div#col_c6_flex { margin-bottom: 20px;}

	div#footerwrap a					{ font-size:16px;  }
	div#footerwrap p					{ font-size:16px;   }

	div#footerabschluss					{   font-size:16px;    }
}


