/* Large screens ----------- */

	
@media screen and (max-width: 1697px){
	div#bilder 							{   height:600px;  }
	.iis-caption {	left: 50%;	max-width: 40%;		font: 36px/36px 'PT Sans', sans-serif;	font-weight:400;		}
	 div#col_s3_3 img, div#col_s3_1 img, div#col_s3_4 img, div#col_s3_2img img, div#col_s3_1_1 img { width: auto;	min-width: 596px;	height: 100%; 	max-height: 100%;   overflow: hidden;	}
	div#col_s3_3 img {  			min-width: 400px; 	 		}
	div#col_s3_1 img {  			min-width: 790px; 	 		}

}

/* Desktops and laptops ----------- */
@media screen and (max-width: 1366px) {
	div#main_content  #col_s3_1 img				{ max-width: auto; width:auto;  margin:0; padding:0; min-height:auto; height:100%;  }
}

@media screen and (max-width: 1224px) {	
	div#main_content DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image	img { height:auto; max-height:auto;}
	.iis-caption {	left: 50%;	max-width: 40%;		font: 30px/30px 'PT Sans', sans-serif;	font-weight:400;		}
}
@media screen and (max-width: 1280px) {
	
	div#sprache							{  font-size:12px;  }
	div#bilder 							{   height:500px;  }
	div#container						{  width:100%;  padding:10px 0  10px 0; margin:0; }
	div#main_content #col_30l						  	{ width:41%; min-height:450px; text-align:left;  padding:50px 2% 0 2%;  margin:0;        }
	div#main_content #col_70l_img						{  width:59%; min-height:450px; overflow:hidden; height:450px; }
	div#main_content #col_70l_img	img					{ width:auto;  min-width:auto; max-width:auto; 	height:100%;  min-height:100%;    }
	div#main_content div#col_30img						 { display:none}

	div#col_30txtgreen								{ width:41%; min-height:450px; text-align:left;  padding:50px 2% 0 2%;  margin:0;    }
	
	div#col_70imggreen								{ width:59%; min-height:450px; overflow:hidden; height:450px; }
	div#col_70imggreen img							{ width:auto;  min-width:auto; max-width:auto; 	height:100%;  min-height:100%; }	
	
	div#col_50imggreen_l, div#col_50imggreen_r 		{display:block;}
	
	
	div#col_s3_1								{ width:69%; min-height:520px; }
	div#col_s3_3								{ width:29%; min-height:520px; }
	div#col_s3_1_1								{ width:49%;  }
	div#col_s3_4								{ width:49%; }
	
	div#col_s3_3 img, div#col_s3_1 img, div#col_s3_4 img, div#col_s3_2img img, div#col_s3_1_1 img {
 			width: auto;
  			min-width: 600px; 		
  			height: 100%;
 			max-height: 100%;  
 			overflow: hidden;
	}
	
	div#col_s3_3 img {
  			min-width: 400px; 	 			
	}
	div#col_s3_1 img {
  			min-width: 790px; 	 			
	}
	
	div#main_content div#col_70l				{  min-height:479px; overflow:hidden; height:380px;       }	
	div#main_content div#col_30img			    { display:block;}
	
	div#main_content  #col_s3_2 				{display:none;}
	div#main_content  #col_s3_2 h2				{ font-weight:400; text-transform:uppercase; font-size:14px;}
	div#main_content  #col_s3_2	p				{ font-size:14px; }
	div#main_content  #col_s3_2 li				{ font-size:14px;   }
	
	}
@media screen and (max-width: 1140px) {
	div#container						{  width:100%;  padding:10px 0  10px 0; margin:0; }
	div#header_wrap						{ width:100%;   }
	div#footerwrap						{  width:100%; }
	
	}

/* Tablet ----------- */
@media screen and (max-width:1024px) {
	body 								{  font-size:16px; line-height:28px;  }
	
	div#header_wrap						{ width:100%;   }

		
	div#header_wrap	 #header_left					{   width:100%; height:80px;  text-align:left;   padding:0px 25%;    }	
	div#header_wrap	 #header_right					{   width:100%;   text-align:right; height:30px;     }
	div#header_wrap	 #header_bottom					{ position:relative; float:left;  width:100%;  margin:0 auto;  padding:0; clear:both; margin-top:0px; height:40px;    }
	
	
	/* Logo */
	div#header_wrap	 #logo							{   width:100%;  height:68px; text-align:left;  padding:0px 25%;    }


	
	/* Sprache */
	div#sprache							{  padding:4px 2%;  text-align:right; width:100%;   font-size:14px; font-weight:400;    }
	div#sprache	 a						{   padding:0px 10px; margin:0 2px 0px 0px;  } 
	
		
	
	div#bilder 							{   height:450px;  }	
	
	div#expressanfrage-wrap				{ position:relative;  width:100%;  height:20px;   text-align:center; padding:10px 0;  margin:0 auto; z-index:1;  }

	div#container						{  width:100%;  padding:10px 0  10px 0; margin:0; }
	
	div#main_content 					{  width:96%; margin:0 2%;     }
	
	div#main_content #col_30l						{  width:35%; min-height:380px; text-align:left;  padding:20px 2% 0px 2%;  margin:0;        }
	div#main_content #col_30l	 h1					{  font-weight:400;    padding-bottom:0px; font-size:24px; line-height:28px;     }
	div#main_content #col_70l_img				    {   width:59%; min-height:380px; overflow:hidden; height:380px; }
	div#main_content #col_70l_img	img			    { width:auto;  min-width:auto; max-width:auto; 	height:100%;  min-height:100%;    }	
	
	
	div#col_30txtgreen								{ width:100%; min-height:250px; text-align:left;  padding:50px 2% 0px 2%;  margin:0;    }
	
	div#col_70imggreen								{ width:100%; min-height:600px; overflow:hidden; height:450px; }
	div#col_70imggreen img							{ width:auto;  min-width:auto; max-width:auto; 	height:100%;  min-height:100%; }	
	
	div#main_content div#col_70l						{  min-height:380px; overflow:hidden; height:380px;       }

	div#col_s3_1								{ width:64%; min-height:420px; }
	div#col_s3_3								{ width:34%; min-height:420px; }
	div#col_s3_1_1								{ width:49%;  }
	div#col_s3_4								{ width:49%; }
	
	div#main_content #col_s3_4 img, div#main_content #col_s3_2img img 					{width:auto;  margin:0px; padding:0px; min-height:auto; height:100%;  }
	div#col_s3_2img	  					{display:none}
	
	div#main_content  #col_s3_2 h2				{ font-weight:400; text-transform:uppercase; font-size:14px;}
	div#main_content  #col_s3_2	p				{line-height:24px; font-size:14px; }
	div#main_content  #col_s3_2 	li			{ line-height:20px; font-size:14px;   }
	
	div#col_s4, div#col_s41, div#col_s42, div#col_s43, div#col_s44	{ width:49%; max-width:49%; height:148px; min-height:148px; margin:5px 0.5%;   	  	}
	
	div#main_content 	h1				{ font-size:30px;   padding-bottom:0; line-height:30px;}
	div#main_content 	h2				{ font-size:18px; font-weight:700;  }
	div#main_content 	p				{line-height:24px; font-size:14px; }	

	
	/* Anfrageformular */
	
	#anfrageformular			{ width:100%;  padding:20px 10px 10px 15px;  min-height:300px; text-align:center;}
	form#mail					{ width:90%;	margin: 0;	padding: 0;	}
	
	div#main_content 	.label			{ width:100%; text-align:center; 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;  font-size:18px;  }
	div#main_content  	input	 			{ width:80%; height:50px; background-color:#FFFFFF; font-size:16px; margin-left:5px; padding:2px;}
	div#main_content 	input.medium  	{ width:80%;  }
	div#main_content  	select			{ width: 80%;	border-width: 1px; background-color:#FFFFFF; color:#58585a; border-style:solid; border-color:#CCC; margin:2px 5px; height:50px; font-size:16px; }
	div#main_content 	select.small		{ width: 80%;}
	div#main_content  	textarea			{ width: 80%;	border-width: 1px; background-color:#FFFFFF; color:#58585a; border-style:solid; border-color:#CCC; margin:2px 5px; font-size:16px; height:90px;}
	
	div#main_content  #abschicken 	{  margin-left:10%; }
	div#main_content  .button2 			{   margin-left:10%;   }
	
	
	div#main_content DIV.csc-textpic DIV.csc-textpic-imagecolumn									{ width:49.5%; }
	div#main_content div.csc-textpic-imagecolumn, div#main_content td.csc-textpic-imagecolumn .csc-textpic-image {  margin-right: 0.5%;   }
	
	
	div#footer							{ width:96%; height:auto; top:0px;  }
	div#footerwrap						{ width:96%; margin:10px auto; padding:0;  height:500px; }
	div#footerwrap a					{ font-size:18px;  font-weight:700; }
	div#footerwrap a:hover				{ text-decoration:none;  color:#FFFFFF; padding: 10px 30px;}
	div#footerwrap p					{ font-size:18px;   font-weight:300; line-height:28px;}
	div#footerwrap-3, div#footerwrap-2, div#footerwrap-5, div#footerwrap-6	{ position:relative; float:left; width:96%; height:auto; color:#FFFFFF; text-align:center; margin:20px 0px 0 0px; padding:5px 0 0px 0px;  }	
	div#footerwrap-1, div#footerwrap-4	{ display: none; }
	div#footerabschluss					{font-size:14px;  width:100%;     }
	
	}

	

	
	
@media screen and (max-width: 845px) {
	div#header_left						{   width:100%; height:auto;  text-align:center;   padding:0px 0 0 1%;   }	
	div#header_right					{   width:100%; height:auto;  text-align:right;     }
	
	div#logo							{  width:100%; float:left;  height:40px;  padding:0px 0; text-align:center;      }
	div#logo img						{ position:relative; text-align:center; left:0px; width:128px;  height:auto;  }	

	div#sprache							{  float:left; clear:both; padding:0px 0; text-align:center; width:100%; font-weight:400;  font-size:14px; line-height:20px;    }
	div#sprache	 a						{  font-size:14px; } 
	
	div#sprache	 a						{  color:#FFFFFF;  background-color:transparent;} 

	div#header_bottom					{ position:relative; float:left;  width:100%;  margin:0 auto;  padding:0; clear:both; margin-top:0px; height:40px;    }
	
	
	
	div#col_30l							{  width:99%;  min-height:300px;  padding:35px 5% 0px 5%; margin:0 0.5%; border-right-width:1px;       }	
	div#col_70l_img						{  width:99%;  min-height:300px;  padding:0px; margin:0 0.5%; border-right-width:1px;       }
	
	div#col_70l_img	img 				{ width:100%; height:auto; max-width:auto;}
	div#main_content #col_70l_img	img {min-height:50px;  max-width: 845px;		}
	
	
	div#col_70l							{ width:99%;  min-height:300px;  padding:35px 5% 0px 5%; margin:0 0.5%; border-width:0px;       }	
	div#main_content  div#col_30img		{ display:none}
	
	div#col_s4, div#col_s41, div#col_s42, div#col_s43, div#col_s44	{ width:49%; max-width:49%; height:148px; min-height:148px; margin:5px 0.5%;   	  	}
	div#col_s43		{ margin-left:0px;}
	div#col_s44.s4_4	{ float:left;}
	
	div#col_s3_3, div#col_s3_1, div#col_s3_2, div#col_s3_4, div#col_s3_2img	{  width:99%; max-width:99%; 	margin:10px 0.5%; padding:0px 0px 0px 0px;  min-height:100px; height:auto; max-height:800px;      }	
	div#col_s3_2					{padding:35px 5% 0px 5%; height:300px; min-height:300px;}																	
	div#col_s3_3  					{display:none}
	div#col_s3_3 img, div#col_s3_1 img, div#col_s3_4 img, div#col_s3_2img img 		{width:100%; height:auto; max-width:auto; }	
	
	div#main_content DIV.csc-textpic DIV.csc-textpic-imagecolumn									{ width:49.5%; }
	div#main_content div.csc-textpic-imagecolumn, div#main_content td.csc-textpic-imagecolumn .csc-textpic-image {  margin-right: 0.5%;   }
	
	div#footer							{ width:96%; height:auto; top:0px;  }
	div#footerwrap						{ width:96%; margin:10px auto; padding:0;  height:500px; }
	div#footerwrap a					{ font-size:18px;  font-weight:700; }
	div#footerwrap a:hover				{ text-decoration:none;  color:#FFFFFF; padding: 10px 30px;}
	div#footerwrap p					{ font-size:18px;   font-weight:300; line-height:28px;}
	div#footerwrap-3, div#footerwrap-2, div#footerwrap-5, div#footerwrap-6	{ position:relative; float:left; width:96%; height:auto; color:#FFFFFF; text-align:center; margin:20px 0 0 0; padding:5px 0 0px 0px;  }
	div#footerwrap-1, div#footerwrap-4	{ display: none; }
	
	
}


@media screen and (max-width: 800px) {
	div#bilder 											{   height:400px;  }
	div#container100 img								{ min-width: 50px;}
	

	div#col_30txtgreen								{ flex: auto;  }
	div#col_70imggreen								{ flex: auto; }
	div#col_70imggreen img							{ width:auto;  min-width:auto; max-width:auto; 	height:100%;  min-height:100%; }	
	
	
	div#main_content div#col_70l				{ width:99%;  min-height:300px; height:500px;  padding:35px 5% 0px 5%; margin:0 0.5%; border-width:0px;       }	
	div#main_content div#col_30img				 { display:none}
	

	div#col_50imggreen_l  a.internal-link, div#col_50imggreen_l a.download, div#col_50imggreen_l a.external-link-new-window, a.mail	{  min-width:100px;  padding:10px 45px;  }
	div#col_50imggreen_r  a.internal-link, div#col_50imggreen_r a.download, div#col_50imggreen_r a.external-link-new-window, a.mail	{ min-width:100px;  padding:10px 45px;  }

	div#col_s3_1			{ display:none;}	
	div#col_s3_1_1, div#col_s3_4				{ width:89%;  min-height:300px;  padding:0px; margin:0 5.5%; border-right-width:1px; margin-bottom:20px;  }
	div#col_s3_1_1 img, div#col_s3_4 img		{ width:100%; min-width: 100%;  }

	
	div#main_content DIV.csc-textpic DIV.csc-textpic-imagecolumn									{ width:49.5%; }
	div#main_content div.csc-textpic-imagecolumn, div#main_content td.csc-textpic-imagecolumn .csc-textpic-image {  margin-right: 0.5%;   }

	
	}
	
	
	
@media screen and (max-width: 768px) {
	div#main_content  input.small  		{ width:70px;  }
	div#main_content #col_70l_img	img {min-height:50px;  max-width: 100%;		}
	div#main_content #col_70imggreen	img {min-height:50px; height:auto; max-width: 768px;		}
}


@media screen and (max-width: 690px) {
	
	div#bilder 											{   height:400px;  }
	
	div#main_content div#col_30l, div#main_content div#col_70l		{ flex: auto;  width:99%;  min-height:300px;  padding:35px 5% 0px 5%; margin:0 0.5%; border-right-width:1px;       }
	div#main_content div#col_70l_img						{  width:99%;  min-height: unset;  padding:0px; margin:0 0.5%; border-right-width:1px;       }
	
	div#main_content div#col_70l				{  border-width:0px;       }	
	div#main_content div#col_30img				 { display:none}
	
	
	div#col_30txtgreen								{ width:99%; min-height:300px; padding:35px 5% 0px 5%;   margin:0 0.5%;  }
	div#col_70imggreen								{ width:99%; min-height:50px; height:auto; margin:0 0.5%; }
	
	div#col_50imggreen_r								{ width:99%; min-height:449px; padding:35px 5% 0px 5%;  margin:0 0.5%;  }
	div#col_50imggreen_l								{ width:99%; min-height:449px; padding:35px 5% 0px 5%;  margin:0 0.5%;   margin-bottom:10px;}
	
    div#main_content #col_s3_1, div#main_content #col_s3_3, div#main_content #col_s3_1_1 	 {  width:89%; max-width:89%;   min-height:300px;  margin:0 5.5%; border-right-width:1px;  margin-bottom:10px;      }
	div#main_content #col_s3_2								{  width:99%; max-width:99%;   min-height:300px;  margin:0 0.5%; border-right-width:1px;  padding:10px 1.5% 0px 1.5%;   min-height: 300px;
height: 300px;     }
	
	
	div#main_content DIV.csc-textpic DIV.csc-textpic-imagecolumn									{ width:49.5%; }
	div#main_content div.csc-textpic-imagecolumn, div#main_content td.csc-textpic-imagecolumn .csc-textpic-image {  margin-right: 0.5%;   }
	
	
	.iis-caption {	left: 50%;	max-width: 40%;		font: 24px/24px 'PT Sans', sans-serif;	font-weight:400;		}
	
	
	div#col_s3_img1, div#col_s3_img3	{ width:49.5%; margin:0; padding:0;   overflow:hidden; text-align:left;   	}
	div#col_s3_img2						{ display:none; 	}
	
	}



@media screen and (max-width: 640px) {
	
	
	div#header_wrap						{ width:90%;   }
	
	div#header_wrap	 #header_left		{   width:100%; height:auto;  text-align:left;   padding:0 ;   }
	div#header_wrap	 #header_right		{   width:100%; height:auto;  text-align:right; min-height:30px;     }
	
	
	div#header_wrap	 #logo				{   width:100%;  height:68px; text-align:center;  padding:0; float:left;    }
	div#header_wrap	 #logo img			{ position:relative; text-align:center;   padding:0; }

	div#sprache							{  float:left; clear:both; padding:10px 0; text-align:center; width:100%; font-weight:400;  font-size:16px; line-height:20px;    }
	div#sprache	 a						{  font-size:18px; } 
	
	
	div#expressanfrage  				{ display:none;  }
	
	div#bilder 							{ position:relative; width:100%; max-width: 100%;  height:250px; text-align:center; padding:0; margin:0;  padding-top:0px; background-color:transparent; }	
	div#bilder 	img						{ width:100%; }	
		
	
	div#main_content 					{  width:96%; margin:0 2%; top:-60px;   }
	div#container						{  width:100%;  padding:10px 0  10px 0; margin:0;  }
	div#container100  					{  width:100%;  padding:10px 0  10px 0; margin:0;  }

			
   	div#main_content #col_30l, div#main_content div#col_70l			{  padding:20px 2% 20px 2%;       }
	div#main_content div#col_70l_img	{   min-height:50px; height:auto; max-width: 100%;	  }
	div#main_content #col_70l_img		img {min-height:50px; height:auto; max-width: 100%;		}
	div#main_content #col_70imggreen	img {min-height:50px; height:auto; max-width: 100%;			}
	div#main_content #col_30img			{  display:none;        }

	
  	div#main_content #col_s3_1, div#main_content #col_s3_1_1			{ min-height:100px; height:auto;  }
	div#main_content #col_s3_4, div#main_content #col_s3_2img  			{min-height:auto; height:auto;  }
	div#main_content #col_s3_2								{  width:99%; max-width:99%;   min-height:300px;  margin:0 0.5%; border-right-width:1px;  padding:10px 1.5% 0px 1.5%;   min-height: 300px;
height: 300px;     }
	
	
	div#main_content #col_s3_1 img, div#main_content #col_s3_1_1 img	{ min-height:auto; height:auto;  }
	
	div#main_content #col_s3_3, div#col_s3_2img	  					{display:none}
	
	div#main_content #col_s4, div#main_content #col_s41, div#main_content #col_s42, div#main_content #col_s43, div#main_content #col_s44	{ width:99%; max-width:99%; height:148px; min-height:148px; margin:5px 0.5%;   	  	}
	
	
	.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;   padding-bottom:0px; line-height:24px;}
	div#main_content 	h2				{ font-size:16px; font-weight:700;  }
	div#main_content 	p				{line-height:24px; font-size:16px;  }
	div#main_content   ul				{ margin:0 0 5px 0; padding:10px 10px 10px 30px; width:100%; font-size:14px;  }
	div#main_content 	li				{line-height:28px; font-size:16px;  }
	
	div#footer							{ width:96%; height:auto; top:0px;  }
	div#footerwrap						{ width:96%; margin:10px auto; padding:0;  height:500px; }
	div#footerwrap a					{ font-size:18px;  font-weight:700; }
	div#footerwrap a:hover				{ text-decoration:none;  color:#FFFFFF; padding: 10px 30px;}
	div#footerwrap p					{ font-size:18px;   font-weight:300; line-height:28px;}

	div#footerwrap-3, div#footerwrap-2, div#footerwrap-5, div#footerwrap-6	{ position:relative; float:left; width:96%; height:auto; color:#FFFFFF; text-align:center; margin:20px 0px 0 0px; padding:5px 0 0px 0px;  }	
	div#footerwrap-1, div#footerwrap-4	{ display: none; }	



	div#footerabschluss					{   width:96%; 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,  div#main_content  input.medium			{ 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 DIV.csc-textpic DIV.csc-textpic-imagecolumn 	{ float:none;}
	div#main_content DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image	img { height:auto; max-height:auto;}
	
	
	div#main_content DIV.csc-textpic DIV.csc-textpic-imagecolumn									{ width:100%; }
	div#main_content div.csc-textpic-imagecolumn, div#main_content td.csc-textpic-imagecolumn .csc-textpic-image {  margin-right: 0;   }
	
   
	}
	
@media screen and (max-width: 320px) {
	
	div#bilder 							{  width:320px; max-width:320px;  height:100px;  }	
	div#bilder 	img						{ width:320px; }	
	
	div#main_content div#col_70l_img	{   min-height:10px; height:auto; max-height:auto;  }
	div#main_content div#col_70l_img img	{   min-height:10px; height:auto; }
	
	
	 div#col_70imggreen	{  min-height:10px;  height:auto; margin:0 0.5%; width:300px; }
	 div#col_70imggreen img	{   min-height:10px; height:auto; width:300px; }
	
	div#main_content #col_s3_4 img		{ height:auto;}
	div#col_s3_1_1, div#col_s3_4		{ min-height:50px; margin-bottom: 0px;}
	
	div#main_content #col_s3_1 img, div#main_content #col_s3_1_1 img	{   min-height:10px; height:auto; }
	
	.iis-caption {	display:none;		}
	
	}