@media only screen and (min-width: 960px) and (max-width: 1024px) {
	.mainimage-inner, .content-inner, .footer-inner, .top-inner {width:90%;max-width:90%;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.mainimage-inner, .content-inner, .footer-inner, .top-inner {width:90%;max-width:90%;}	
	ul.fotopreview li {width:19%;}
	.midden_1 .leftbar {padding-right:1em;}
	.midden_2 .rightbar {padding-left:1em;}
}
@media only screen and (max-width: 850px) {
	.mainimage-inner, .content-inner, .footer-inner, .top-inner {max-width:100%;width:98%;}	
	.bodywidget {display:none;}
	.midden_1 .catblock ul li, .midden_2 .catblock ul li {width:50%;}
	.midden_1 .twoblock .catblock ul li, .midden_2 .twoblock .catblock ul li {width:100%;}
	.midden_1 .leftbar {padding-right:.5em;}
	.midden_2 .rightbar {padding-left: .5em;}
	header .mainimagecontainer, header .mainimage-inner, header .mainimagecontainer::after {height:65vh;}
}

@media only screen and (max-width: 767px) {
	.mainimage-inner, .content-inner, .footer-inner, .top-inner {max-width:100%;width:98%;}	
	.topmenucontainer, .leftnav, .bodywidget, .leftbar.noleftwidgets, .demotext, .afterdemoperiod, .cookie-message {display:none;}
	.contentcontainer, body.topmenu-items {padding-top:50px;}
	.midden_1 .leftbar, .content, .midden_2 .rightbar, .footerblock .block-inner, .twoblock .block-inner, .product-left, .product-right {float:none !important;width:100% !important;padding:0 !important;}
	.content-inner {padding-bottom:2em;}
	.laststats span {display:block;border:none;}
	.laststats, .laststats span {text-align:center;}
	.responsivemenu {display:block;position:absolute;top:0;left:0;width:100%;}
	.responsivemenu .openmenu {position:fixed;display:block;top:0;left:0;height:50px;padding:0 5%;width:100%;cursor:pointer;box-shadow:0 0 5px rgba(0,0,0,0.2);z-index:999;}
	.responsivemenu .tribar, .responsivemenu .resptitle {position:relative;display:block;float:left;font-size:16px;line-height:40px;height:50px;}
	.responsivemenu .resptitle {overflow:hidden;position:absolute;line-height:50px;height:50px;padding-left:40px;width:100%;webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.responsivemenu .tribar i.fa {font-size:28px;line-height:50px;}
	.responsivemenu .innermenu {display:block;background:#FFF;box-shadow:0 0 5px rgba(0,0,0,0.2);width:100%}
	.responsivemenu ul, .responsivemenu li {list-style:none;padding:0;margin:0;}
	.responsivemenu ul.innermenu li a {display:block;padding:.8em;color:#666;border-bottom:solid 1px #DDD;}
	.responsivemenu ul.innermenu ul li a {padding-left:2em;}
	.responsivemenu ul.innermenu {position:fixed;padding-top:50px;max-height:100%;overflow:scroll;webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:900;}
	.gbreactiebutton {position:relative;right:auto;top:auto;}
	.blogfooter div {float:none !important;width:100% !important;padding:5px 0;}
	ul.fotopreview li {width:11.5% !important;}	
	header .mainimagecontainer, header .mainimage-inner, header .mainimagecontainer::after {height:80vh;}
	.bb-container {margin-left:0;}
	.bb-cal-place {display:block;margin:0 0 5% 0;width:100%;}
	body.respmenu {max-height:100%;overflow:hidden;}
	div.ul_sitemap ul, div.ul_sitemap ul li {list-style:none;padding:0;margin:0;}
	div.ul_sitemap ul li a {margin-bottom:3px;padding:10px;display:block;border:solid 1px rgba(0,0,0,.2);background:rgba(255,255,255,.2);}
	div.ul_sitemap ul li ul li a {padding-left:30px;}

}
@media only screen and (max-width: 600px) {
	ul.fotopreview li {width:19% !important;}	
	ul.prodthumbs li {width:46.666%;}
	.orderbox .left, .orderbox .right {float:none !important;width:100% !important;padding:0 !important;}
	.midden_1 .catblock ul li, .midden_2 .catblock ul li {width:100%;}
	.catblock ul .orderbox .price {padding-bottom:.5em;}
	.catblock ul .orderbox .from {position:relative;bottom:auto;}
	.mainimage-block {font-size:16px;}
	.mainimage-block h1.toptitel {font-size:2rem;}
	header .mainimage-inner span.topslogan {font-size:1.2rem;}
	
}
@media only screen and (max-width: 400px) {
	.cat-topbar label {display:none;}
	ul.fotopreview li {width:32% !important;}
	.jp-mute, .jp-unmute, .jp-volume-max, .jp-volume-bar {display:none !important;}
	html, body {min-width:350px;}
}