@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:22px;width:200px;bottom:21px}
	#gillessens {width:50%}	
	#spezial .inner div.ordernow br {display:block}	
#spezial .inner div.p-background {background-position:90% 20px;background-repeat:no-repeat;}

	
	#footercontent {font-size:12px}
	
	
}	

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

	#mainnav {left:20px;width:50%;bottom:12px	}
	#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:19px}

	#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 {background-position:right center }	
	
	#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.p-first,
	#spezial .inner div.p-rest{width:100%!important;padding-right:0px}
	#spezialaction .inner {padding:5px 20px}
	#spezial .inner div.ordernow {position:static;width:100%!important;margin-top:25px}


	#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%}
	


	#content .cols3 div {float:left;width:50%;margin:0 0 25px}
	#content .cols3 div:nth-child(2) {margin:0 0 25px  0 }
	


	#footercontent {padding:25px 20px;}
	#footercontent .moduletable{float:left;width:calc(50% - 40px);margin-right:20px;margin-bottom:20px;color:#fff}
	#footercontent .moduletable td {width:auto!important;padding-right:5px}
	#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}
		
}