<div id="header"> <div id="header-content"> <a href="https://www.3s-arbeitsschutz.de/de" title="3S-Arbeitsschutz"> <img src="https://www.3s-arbeitsschutz.de/frontend/img/logo.svg" title="3S-Arbeitsschutz" alt="3S-Arbeitsschutz" id="logo"> </a> <div id="header-navigation"> <ul id="navigation"><li class="frontendNavigationItem2 depth0 anyActive selfActive"><a href="https://www.3s-arbeitsschutz.de/de/pages/home" title="Home"><span class="frontendNavigationItemTitle">Home</span></a><span class="frontendNavigationItemMobile"></span></li><li class="frontendNavigationItem3 depth0"><a href="https://shop.schutzkleidung.de/" title="Shop"><span class="frontendNavigationItemTitle">Shop</span></a><span class="frontendNavigationItemMobile"></span></li><li class="frontendNavigationItem38 depth0"><a href="https://www.3s-arbeitsschutz.de/de/pages/materialien" title="Materialien"><span class="frontendNavigationItemTitle">Materialien</span></a><span class="frontendNavigationItemMobile"></span></li><li class="frontendNavigationItem39 depth0"><a href="https://www.3s-arbeitsschutz.de/de/pages/standardoptionen" title="Optionen"><span class="frontendNavigationItemTitle">Optionen</span></a><span class="frontendNavigationItemMobile"></span></li><li class="frontendNavigationItem40 depth0"><a href="https://www.3s-arbeitsschutz.de/de/pages/schutztypen" title="Schutztypen"><span class="frontendNavigationItemTitle">Schutztypen</span></a><span class="frontendNavigationItemMobile"></span></li><li class="frontendNavigationItem5 depth0"><a href="https://www.3s-arbeitsschutz.de/de#startpage-section-297" title="News"><span class="frontendNavigationItemTitle">News</span></a><span class="frontendNavigationItemMobile"></span></li><li class="frontendNavigationItem6 depth0"><a href="https://www.3s-arbeitsschutz.de/de/pages/kontakt" title="Kontakt"><span class="frontendNavigationItemTitle">Kontakt</span></a><span class="frontendNavigationItemMobile"></span></li></ul> <div class="clear"></div> </div> <span id="header-menu-button" title="Navigation" onclick="$('body').toggleClass('mobileNavOpen');"></span> <div id="header-right"> <div id="languages"> <span id="lang-button" title="Sprache wechseln" onclick="$('#languages').toggleClass('open');"><img src="https://www.3s-arbeitsschutz.de/frontend/img/flags/de.svg" alt="de" class="flag" /></span> <ul> <li><a href="https://www.3s-arbeitsschutz.de/en" title="Englisch"><img src="https://www.3s-arbeitsschutz.de/frontend/img/flags/en.svg" alt="en" class="flag"></a></li> <li><a href="https://www.3s-arbeitsschutz.de/nl" title="Niederländisch"><img src="https://www.3s-arbeitsschutz.de/frontend/img/flags/nl.svg" alt="nl" class="flag"></a></li> <li><a href="https://www.3s-arbeitsschutz.de/es" title="Spanisch"><img src="https://www.3s-arbeitsschutz.de/frontend/img/flags/es.svg" alt="es" class="flag"></a></li> <li><a href="https://www.3s-arbeitsschutz.de/it" title="Italienisch"><img src="https://www.3s-arbeitsschutz.de/frontend/img/flags/it.svg" alt="it" class="flag"></a></li> <li><a href="https://www.3s-arbeitsschutz.de/fr" title="Französisch"><img src="https://www.3s-arbeitsschutz.de/frontend/img/flags/fr.svg" alt="fr" class="flag"></a></li> </ul></div> <div id="header-social"> <a href="https://www.instagram.com/schutzkleidung/" target="_blank" title="Instagram"><img src="https://www.3s-arbeitsschutz.de/frontend/img/instagram.svg" alt="I"></a> <a href="https://www.facebook.com/3sarbeitsschutz/" target="_blank" title="Facebook"><img src="https://www.3s-arbeitsschutz.de/frontend/img/facebook.svg" alt="F"></a> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> <script type="text/javascript"> $(window).scroll(function() { if(window.scrollY >= 1) { $("#body").addClass("scrolled"); } if(window.scrollY <= 0) { $("#body").removeClass("scrolled"); } }); </script></div><div id="headerspacer"></div>