/* 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) {
	
	}
	
	
@media screen and (max-width: 768px) {
	body 					{  background-image:url(../img/hg.jpg); background-repeat:repeat-y; }
	
	div#wrap				{ position: relative; width:100%; margin:0 auto; border:0px; text-align:left;  z-index:2;}
	
	div#sprache				{ position:absolute;  clear:both; left:0px; top:10px; color:#004f38;  text-align:right; margin:0 auto; padding:0px 5px; text-align:right; width:100%; height:65px;    z-index:101;}
	
	
	div#logo				{ position:absolute; clear:both; margin:0 auto; left:0; top:20px; padding:0; text-align:center; width:100%; height:auto;   z-index:100;}
	
		
	div#top-search			{ left:0px;  top:170px;  width:100%; height:65px; }	
	div#top-search-top		{position:relative; float:left; width:55%; margin:0; padding:0; padding-left:5%;}
	div#top-search-bottom	{position:relative; float:left; width:40%; margin:0; padding:0; padding-top:35px;}
	div#top-search  input	{ width:200px; text-align:center; }
	div#top-search  input[type="submit"]		{ max-width:60px; text-align:center; }
	div#top-search  span	{  color:#004f38; text-decoration:none; font-size:18px; line-height:18px; font-weight:400; } 
	
	
	div#warenkorb						{ left:550px; top:70px; }	
	
	
	
	div#start_main_wrap 	{  margin-top:250px; width:100%;    }
	div#start_mainnavi 		{ background-color:#FFFFFF; width:100%; margin:0; padding:0;    }
	.container.navbar p 	{ position: relative; font-size:17px; font-family:Georgia, Times New Roman, Times, serif; font-style:italic; padding:20px;   float: left;  text-align: center; width: 80%; color:#004f38}
	
	div#main_wrap			{ position:relative;  width:100%; height:auto; margin-top:10px; padding:0 0 30px 0; background-image:none; background-color:#FFFFFF;   }
	
	div#main_left			 { display:none;}
	div#main_right			{ float:left; width:100%;    }	
	div#main_bilder				{	  width:100%; height:auto; padding-bottom:10px;  }
	div#main_bilder	img			{	  width:100%; max-width:100%; height:auto;  }
	
	div#main_bilder_detail		{	position:relative; width:775px; float:left; text-align:right; background-color:#FFF; height:274px;  }

	div#main_content			{  position:relative; float:left;   width:100%; padding:10px; }
	div#main_content_detail 	{  width: 100%;  padding: 30px 10px 30px 10px;   margin-bottom: 20px; }
	div#main_content #c61 img {		width: 32%; height: auto;	}

	div#footernavi				{  height:auto; clear:both; width:100%; }	
	div#footernavi a			{  font-size:14px; padding:0 10px   }
	
	
	div#footerwrap						{ width:100%; height:auto; padding:20px;  }
	div#footerwrap a					{   font-size:12px;  }
	div#footerwrap span					{  font-size:12px; text-transform:uppercase;  padding:8px 0px; font-weight:bold;   color:#333; }
	div#footerwrap h2					{  font-size:12px;  text-transform:uppercase;  padding:8px 0px;   }
	div#footerwrap p					{ font-size:12px; padding-bottom:5px;}			

	div#footerwrap-1, div#footerwrap-2,	 div#footerwrap-3, div#footerwrap-5{ position:relative; float:left; width:23%; margin:0 0 0 2%; padding:0px 0;    height:auto;  }
	div#footerwrap-4					{ display:none;  }
	
	
	
	.c50l { width: 49%; padding:0 0px 0 1%; }
  	.c50r { width:49%; padding:0 1% 0 0px;}
	
	.c25l, .c25r { width: 49%; padding:0 0px 0 1%; }
	.c33l { width: 90%; padding:0 5% 0 5%; }
  	.c66r { width: 90%; padding:0 5% 0 5%; float:left; }
	
	 
	 #c68 .c25l, #c68.c25r { width: 98%; padding:0 1% 0 1%; }


	 div#main_content_detail .shop-single {width: 100%; margin-left: 0;}
	
	}

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





@media screen and (max-width: 640px) {	
	div#top-search  input	{ width:150px; text-align:center; }
	div#footerwrap-1, div#footerwrap-2,	 div#footerwrap-3, div#footerwrap-5{  width:48%;  }
	div#footerwrap-4					{  display:none;  }
	
   div#warenkorb						{ left:430px; top:70px; }
	div#footernavi a.social {		background-color: transparent;		display: inline;		height: 40px;		padding: 10px;		line-height: 40px;	}
	}
	
/* Phone ----------- */
	
	@media screen and (max-width: 480px) {
	

	.container.navbar p 	{   text-align: center; width: 80%; }
	.btn-navbar {    width: 90%;  }
	div#top-search-top		{position:relative; float:left; width:90%; margin:0; padding:0; padding-left:10%;}
	div#top-search-bottom	{position:relative; float:left; width:90%; margin:0; padding:0; padding-top:10px; padding-left:10%;}
	div#top-search  input	{ width:150px; text-align:center; }
	div#top-search	 p		{   text-align:center; }
   div#warenkorb			{position:relative; float:left; width:90%; left:20px;  padding-left:10%; top:280px; }

	div#start_main_wrap 	{  margin-top:300px; width:100%;    }

	div#main_content img, div#main_content #c61 img {		width: 100%; height: auto;}

	div#main_content p.bodytext, div#main_content h1, div#main_content h2 { padding: 0 10px;}

	.c50l { width: 98%; padding:0 1% 0 1%; }
  	.c50r { width:98%; padding:0 1% 0 1%;}

	div#footerwrap {		text-align: center;		}
	div#footerwrap-1, div#footerwrap-2,	 div#footerwrap-3, div#footerwrap-5{  width:98%; margin-top: 10px;  }
	div#footerwrap a, div#footerwrap li, div#footerwrap ul {		font-size: 12px; line-height: 24px;		}

	div#footernavi a		{  display:block; clear:both; width:100%;  font-size:14px; line-height:20px; background-color:#004f38; margin:5px 0; padding:5px 0;    color:#FFF;  }


	}
	
	
@media screen and (max-width: 321px) {
	
		
	div#top-search  input	{ width:120px; text-align:center; }
	
	 div#warenkorb			{position:relative; float:left; width:90%; left:20px;  padding-left:10%; top:300px; }	
	
	div#footerwrap-1, div#footerwrap-2,	 div#footerwrap-3, div#footerwrap-5{  width:100%; margin:0; padding:10px 0;   }
	div#footerwrap-2 a			{  display:block; clear:both; width:100%; height:30px; font-size:14px; text-align:center; line-height:20px; background-color:#004f38; margin:0; padding:0; padding-top:5px; margin-bottom:2px; color:#FFF;  }
	
	.c25l, .c25r { width: 99%; padding:0 0px 0 1%; }
	
	}