@media (max-width: 999px) {

	html,body {font-size:14px}
	
	.inner {width:767px;}
	#head .inner {height:150px}	
	
	#mainnav ul >li + li {margin-left:15px}
	#logo {bottom:21px;width:200px}
	#gillessens {width:50%}	
	#spezial .inner div.ordernow br {display:block}	
	
}	

@media (max-width: 793px) {
	html,body {font-size:13px}
	
	.inner {width:100%;padding:0px}
	#head .inner {height:125px}	

	#mainnav {left:20px;width:50%	}
	#mainnav ul > li {margin-right:15px}	
	#mainnav ul > li +li {margin-left:0px}	
	#mainnav ul > li:last-child {margin-right:0px}	
	#logo {right:20px;bottom:20px}

	#headerbild .headerbild {display:none}
	#headerbild .headerbild-responsive {display:block}
	#headerbild .headerbild-responsive-text:not(:empty) {display:block}
	
	



	#gillessens {position:static;width:auto;float:right;}		
	#gillessens img {width:auto;max-width:100%}		
	

	#info1 .inner {padding:25px  20px}
	#info1 .moduletable{float:none!important;width:100%!important;margin-right:0px!important}
	#info1 .moduletable + .moduletable {margin-top:20px}
	#spezial .inner div.p-background {display:none}
	#spezial  {}
	#spezial .inner {padding:25px 20px 0 20px;min-height:auto!important;height:auto!important}
	#spezial .inner div[class^="p-"] {}
	#spezial .inner div.p-first,
	#spezial .inner div.p-rest{width:100%!important;padding-right:0px}
	#spezialaction .inner {background-color:#009CD1;padding:5px 20px}
	#spezial .inner div.ordernow {position:static;width:100%!important;margin-top:25px}
	#spezial .inner #stempel-spezial {padding-bottom:10px;margin-left:-10px}

	#info2 .inner {padding:25px  20px}
	#info2 .moduletable{float:none!important;width:100%!important;margin-right:0px!important}
	#info2 .moduletable + .moduletable {margin-top:20px}
	

	#content .inner {padding:25px 20px 25px 20px}
	
	#content .cols3-2-1 .middle {float:none;width:100%;margin-bottom:40px}
	#content .cols3-2-1 .right {float:none;width:100%}
	
	

	#footercontent {padding:25px 20px}
	#footercontent .moduletable:nth-child(2){margin-right:0;margin-left:0px}
	#footercontent .moduletable{float:left;width:50%;}
	#footercontent .moduletable:last-child  {text-align:left;margin:0 0px 0 0px}
	
	#footernav  {padding:25px 20px}	
	
	
	
	#footercontent .custom div .moduletable:last-child {clear:both;float:none;width:100%;margin-right:0px;padding-top:40px}
	/*#footercontent .moduletable + .moduletable {margin-top:20px}*/
	#sepp .inner {padding:10px 20px;}

	
}	

@media (max-width: 640px) {
	#logo {right:20px;width:150px}
	#footercontent .moduletable{float:none;width:100%;margin-right:0px;margin-top:20px;padding-top:0}
	#spezial .inner div[class^="p-"] {margin-left:0px}	
	#sepp .inner {display:block}
	#sepp .inner > *{display:block;width:auto}	
	#sepp .inner > img{height:auto;width:auto;padding-right:0px}
	
	
}