.mobicon { display: none; position: absolute; right: 20px; bottom: -33px; height: 24px; width: 30px; z-index: 1; }
.mobicon span { position: absolute; width: 30px; height: 2px; left: 0px; background-color: #000; }
.mobicon span.first { top: 0px; }
.mobicon span.sec { top: 10px; }
.mobicon span.third { top: 20px; }
.mobicon.open span.sec{ opacity: 0; }
.mobicon.open span.first {-webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 10px;   }
.mobicon.open span.third { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -10px; }

@media (max-width: 100px) {
	
}

@media (max-width: 1730px) {
	#main h1 { top: 50%; transform: translate(0, -50%); left: 10%; max-width: 80%; }
}

@media (max-width: 1300px) {
	#naviMain > ul > li.first { margin-right: 10px; }
	#naviMain > ul > li > a { padding: 9px 10px; }
	#searchForm .formbody .widget-text { padding-left: 10px; }
	#naviMain > ul { display: flex; justify-content: center; }
}

@media (max-width: 1290px) {
	#naviMain > ul { padding-left: 20px; padding-right: 20px; margin-left: 0; margin-right: 0; }
	#footer .inside { margin-left: 20px; margin-right: 20px; }
}

@media (min-width: 1181px) {
	.mobicon { display: none!important; }
	#naviMain ul > li, #naviMain ul > #searchForm { display: block!important; }
}

@media (max-width: 1180px) {
	#header { overflow: visible; position: relative; }
	#container { margin-top: 39px!important; }
	
	.mobicon, #naviMain ul > li.first { display: block; }
	#naviMain ul > li, #naviMain ul > #searchForm { display: none; }
	#naviMain { position: absolute; top: 100%; z-index: 1; width: 100%; }
	#naviMain > ul { justify-content: flex-start; display: block; background-color: #dedede; padding-top: 14px; }
	#naviMain > ul > li.first { margin-bottom: 9px; margin-top: 0; }
	#naviMain > ul > li { float: none; width: 100%; }
	#naviMain > ul > li > a, #searchForm .formbody .widget-text { padding-left: 0; }
	
	#naviMain > ul > li > strong.active, #naviMain > ul > li > a.trail, #naviMain > ul > li > strong.trail { padding-left: 0; }
	#naviMain > ul > li > ul:before { display: none; }
	#naviMain > ul > li > ul { left: -20px; font-size: 16px; }
	
	.margin-90, .space-after-large { margin-bottom: 40px; }
	.margin-40, .space-after-medium { margin-bottom: 20px; }
	.margin-20, .space-after-small { margin-bottom: 10px; }
	
	#overlay { z-index: 1; }
}

@media (max-width: 1090px) {
	#main .inside, .layout-produkt-wrapper-in { margin-left: 20px; margin-right: 20px; }
	#main .infiziere p { padding-left: 20px; padding-right: 20px; }
	.mod_article { padding-bottom: 100px; }
}

@media (max-width: 1050px) {
	#footer .footer-left { float: none; width: 100%; text-align: center; margin-bottom: 20px; }
	#footer .footer-left div { float: none; display: inline-block; }
	#footer .footer-left div.last { margin-right: 0; }
	#footer .footer-middle { width: 50%; margin-right: 5%; }
	#footer .footer-middle ul > li.first > a { padding-left: 0; }	
	#footer .footer-right { margin-left: 5%; width: 40%; }
	#footer .footer-right img { float: none; }
	#main h1 { font-size: 40px; line-height: 50px; }
	.size-20, html, body, h2, h3 { font-size: 18px; line-height: 24px; }
	
	#headerLogo figure, #headerImg figure { position: relative; height: 100%; }
	
	#banner img { display: table; }
}

@media (max-width: 800px) {
	.layout-produkt-wrapper { background: none!important; }
	.layout-produkt-wrapper-in { display: block; }
	.sc3 { width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 20px; }
	.sc3.sc-last { margin-bottom: 0; }
	.layout-produkt.sc3.sc-first { padding-right: 0; }
	.layout-produkt.sc3 { height: auto!important; width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 0; }
	.layout-produkt.sc3.sc-last { padding-left: 0; }
	#main .layout-produkt.sc3 ul { margin-bottom: 0; }
	.layout-produkt.sc3.sc-last { margin-bottom: 20px; }
}

@media (max-width: 760px) {
	#footer { padding-top: 30px; padding-bottom: 10px; }
	#footer .footer-middle { width: 100%; margin-right: 0; margin-bottom: 20px; }
	#footer .footer-middle ul { text-align: center; }
	#footer .footer-right { width: 100%; margin-left: 0; }
	#footer .footer-right figure { text-align: center; }
	#footer .footer-right img { display: inline-block; }
	
	.sc2 { width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 20px; }
	.sc2.sc-last { margin-bottom: 0; }
}

@media (max-width: 750px) {
	#banner.desktop { display: none; }
	#banner-mobil { display: block; position: relative; }
	
	#overlay #overlayin { padding: 20px; }
	#overlay #overlayin span#close { height: 30px; width: 30px; }
	#overlay #overlayin span#close span:first-child, #overlay #overlayin span#close span:last-child { height: 2px; width: 30px; }
}

@media (max-width: 700px) {
	#main h1 { font-size: 26px; line-height: 35px; }
}

@media (max-width: 500px) {
	#searchBox p { font-size: 16px; line-height: 20px; }
}

@media (max-width: 400px) {
	#footer .footer-left div { margin-right: 0; margin-bottom: 20px; display: block; }
	#footer .footer-left div.last { margin-bottom: 0; }
}