/*-- Name: Heinrich Recker GmbH & Co. KG, Hameln Url: https://recker-hameln.de Description: Heinrich Recker GmbH & Co. KG, Hameln | Industriebedarf, Berufsbekleidung, Sicherheitsschuhe, Arbeitssicherheit Hameln Version: 2.0 (Relaunch Responsive) ______________ Webdesign by elf42 - Hameln Emmerthal */ /*-- _________________________ HTML > CSS; [© by elf42] -- */ input#menue { display:none; } input[name="drop"] { display:none; } /*-- menue toggle _________________________ HTML > CSS; [© by elf42] -- */ @media only screen and (max-width: 1023px) { label.menue { /*margin:30px 0;*/ padding: 10px; max-width: 46px; height: auto; display: block; background-color: var(--tr); border: 1px solid var(--m112); border-radius:3px; } .bar { width: 24px; height: 3px; background-color: var(--n01); border-radius: 3px; display: block; transition: 0.5s; transform-origin: center; } .bar + .bar { margin: 5px 0 0 0;} #menue:checked + .menue .bar:nth-child(1){ transform: translateY(8px) rotate(-45deg); } #menue:checked + .menue .bar:nth-child(2){ opacity:0; } #menue:checked + .menue .bar:nth-child(3){ transform: translateY(-8px) rotate(45deg); } #menue:checked + .menue { background-color: var(--tr); border: 1px solid var(--m112); } #menue:checked + .menue .bar:nth-child(1), #menue:checked + .menue .bar:nth-child(3) { background-color: var(--n01); } } @media only screen and (min-width: 1024px) { label.menue { display:none;} } @media only screen and (orientation: landscape) {} /*-- kopf, header menue _________________________ HTML > CSS; [© by elf42] -- */ .navsub { max-height:0; } /* max-height */ input.auf:checked~.navsub { max-height: 900px; } /* open */ li.drop { position: relative; } .drop span { z-index:10; } .drop label.zu { z-index:20; } .drop label.auf { z-index:30; } .drop input.auf:checked ~ label.zu { z-index:30; } .drop input.zu:checked ~ label.auf { z-index:30; } ul.navsub { z-index:40; } /* */ nav#nav { background: var(--no); } ul.nav li { color: var(--n01); background: none; border-bottom: 0; } ul.nav a:link, ul.nav a:visited { color: var(--n01); background-color: var(--tr); border-bottom: var(--n06); } ul.nav a:hover, ul.nav a:focus, ul.nav a:active { color: var(--n02); background-color: var(--n04); border-bottom: var(--n07); } li.drop:hover, li.drop:focus, li.drop:active { color: var(--n02); cursor: pointer; background-color: var(--tr); border-bottom: var(--no); } li.drop { color: var(--n01); } li.drop input.auf:checked ~ span { color: var(--n02); background: var(--n04); border-bottom: var(--n07); } ul.navsub { background: var(--m255);} ul.navsub li { color: var(--n01); background: var(--m255); border-bottom: 0; } ul.navsub li:nth-last-child(1) { border: none; } ul.navsub a:link, ul.navsub a:visited { color: var(--n01); background-color: var(--m255); border-bottom: var(--n08); } ul.navsub a:hover, ul.navsub a:focus, ul.navsub a:active { color: var(--n02); background-color: var(--n04); border-bottom: var(--n09); } @media only screen and (max-width: 1023px) { nav#nav { height: auto; max-height:0; overflow: hidden; transition: 2s all; } /* max-height */ #menue:checked + .menue + #nav { max-height: 1300px; width: 100%; height: auto; } /* open */ /* --- */ ul.nav { padding: var(--a30) 0; } ul.nav li { margin:0; padding: 0; list-style-type: none;} ul.nav li:last-child { } ul.nav a { margin:0; padding: 1rem 1rem; display: block; text-decoration: none; border: 0; } ul.nav a:last-child { } ul.nav a:link, ul.nav a:visited { } /* -- */ li.drop span { margin:0; padding: 1rem 1rem; position:relative; top: 0; left: 0; z-index:0; display: block; text-decoration: none; border:0; } li.drop label { margin:0; padding: 1rem 2rem; width: 100%; height:100%; position:absolute; top: 0; left: 0; text-align:right; display: block; text-decoration: none; border:0; cursor: pointer; } /* --- */ ul.navsub { margin: 0; padding: 0; width: 100%; max-height:0; position:relative; overflow: hidden; transition: 1s all; } ul.navsub li { margin:0; padding: 0 var(--a100) 0 var(--a80); list-style-type: none; } ul.navsub li:last-child { border: none; } ul.navsub a { margin:0; padding: 0.7rem 1rem; display: block; text-decoration: none; text-align:left; } ul.navsub a:last-child { border: 0; } ul.navsub a:link, ul.navsub a:visited { } ul.navsub a:before { padding: 0 0.5rem 0 1.8rem; } /* --- */ nav#nav { background: var(--no); } ul.nav li { color: var(--n01); background: var(--n05); border: var(--no); } ul.nav a:link, ul.nav a:visited { color: var(--n01); background-color: var(--n03); border: var(--no); } ul.nav a:hover, ul.nav a:focus, ul.nav a:active { color: var(--n02); background-color: var(--n04); border: var(--no); } /* -- */ ul.navsub { background: var(--m255); } ul.navsub li { color: var(--n01); background: var(--n03); border: var(--no); } ul.navsub li:last-child { border:none; } ul.navsub a:link, ul.navsub a:visited { color: var(--n01); background-color: var(--n03); border-bottom: var(--n08); } ul.navsub a:hover, ul.navsub a:focus, ul.navsub a:active { color: var(--n02); background-color: var(--n04); border-bottom: var(--n09); } } @media only screen and (min-width: 1024px ) { ul.nav { margin:0; padding: 0; height: auto; } ul.nav li { margin:0 0 0 var(--a10); padding: 0; height: auto; border: 0; list-style-type:none; } ul.nav li:last-child { } ul.nav a { margin: 0 0 0 var(--a10); padding: 0.5rem 0.8rem; display: block; text-decoration: none; border: 0; } ul.nav a:last-child { } /* -- */ li.drop span { margin: 0 0 0 var(--a10); padding: 0.5rem 0.8rem; position:relative; top: 0; left: 0; z-index:0; display: block; text-decoration: none; } li.drop span.end { } li.drop label.auf, li.drop label.zu { margin:0; padding:0; width: 100%; height: 100%; position:absolute; top: 0; left: 0; display: block; text-decoration: none; cursor: pointer; } /* -- */ ul.navsub { margin:0; padding:0; max-height:0; position: absolute; top: 4.2rem; left: -2.4rem; overflow: hidden; transition: 1s all; } ul.navsub.ende { margin:0; padding: 0; max-height:0; position: absolute; right:0; margin-left:-300%; overflow: hidden; transition: 1s all; } /* -- */ ul.navsub li { margin:0; padding: 0 var(--a30); width: 100%; white-space:nowrap; list-style-type: none; } ul.navsub li:first-child { padding: var(--a15) var(--a30) 0 var(--a30); } ul.navsub li:last-child { padding: 0 var(--a30) var(--a10) var(--a30); } ul.navsub a { margin:0; padding: 0.5rem 1rem 0.5rem 1rem; display: block; text-decoration: none; text-align:left; } ul.navsub a:link, ul.navsub a:visited { } ul.navsub a:before { padding: 0 0.5rem 0 0; } input.auf:checked ~ span { border: 0; } } @media only screen and (min-width: 1024px ) { } @media only screen and (orientation: landscape) {} /*-- pagin _________________________ HTML > CSS; [© by elf42] -- */ body#iza2 ol.pagin li a.s02, body#xxxxx ol.pagin li a.s10, body#xxxxx ol.pagin li a.s09, body#xxxxx ol.pagin li a.s08, body#xxxxx ol.pagin li a.s07, body#xxxxx ol.pagin li a.s06, body#xxxxx ol.pagin li a.s05, body#xxxxx ol.pagin li a.s04, body#xxxxx ol.pagin li a.s03, body#xxxxx ol.pagin li a.s02, body#xxxxx ol.pagin li a.s01 { color: var(--m255); background: var(--ci01); text-decoration:none; cursor:default; } /*-- bc _________________________ HTML > CSS; [© by elf42] -- */ /* CLASS */ body#produkte-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln #bc li.produkte-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-antriebstechnik-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln #bc li.produkte-antriebstechnik-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-waelzlager-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln #bc li.produkte-waelzlager-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-arbeitsschutz-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln #bc li.produkte-arbeitsschutz-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-betriebsbedarf-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln #bc li.produkte-betriebsbedarf-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-schleifmittel-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln #bc li.produkte-schleifmittel-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-gummi-kunststoffe-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln #bc li.produkte-gummi-kunststoffe-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-dichtungen-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln #bc li.produkte-dichtungen-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-schlaeuche-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln #bc li.produkte-schlaeuche-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-armaturen-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln #bc li.produkte-armaturen-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-werkzeug-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln #bc li.produkte-werkzeug-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-drucklufttechnik-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln #bc li.produkte-drucklufttechnik-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#dienstleistung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln #bc li.dienstleistung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#dienstleistung-textilveredelung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln #bc li.dienstleistung-textilveredelung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#dienstleistung-fussvermessung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln #bc li.dienstleistung-fussvermessung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#dienstleistung-sichtschutz-mit-korrektur-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln #bc li.dienstleistung-sichtschutz-mit-korrektur-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#dienstleistung-waescheservice-arbeitskleidung-berufsbekleidung-industriebedarf-recker-hameln #bc li.dienstleistung-waescheservice-arbeitskleidung-berufsbekleidung-industriebedarf-recker-hameln-a a, body#dienstleistung-c-teile-management-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln #bc li.dienstleistung-c-teile-management-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#dienstleistung-ausgabeautomaten-waren-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln #bc li.dienstleistung-ausgabeautomaten-waren-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#dienstleistung-fachkraft-arbeitssicherheit-gesundheitsschutz-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln #bc li.dienstleistung-fachkraft-arbeitssicherheit-gesundheitsschutz-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#body#recker-hameln-technische-grosshandlung-industriebedarf-betriebsbedarf-berufsbekleidung #bc li.recker-hameln-technische-grosshandlung-industriebedarf-betriebsbedarf-berufsbekleidung-a a, body#recker-hameln-service-technische-grosshandlung-industriebedarf-betriebsbedarf-berufsbekleidung #bc li.recker-hameln-service-technische-grosshandlung-industriebedarf-betriebsbedarf-berufsbekleidung-a a, body[id*="yyy"] #bc li[class*="yyy"] a { color: var(--m182); background: var(--tr); text-decoration: underline solid rgba(var(--ci01t),0.2); cursor:default; } /*-- nav-2 _________________________ HTML > CSS; [© by elf42] -- */ /* CLASS */ body#lieferanten-partner-arbeitsschutz-berufsbekleidung-industriebedarf-recker-hameln ol.nav2 li.lieferanten-partner-arbeitsschutz-berufsbekleidung-industriebedarf-recker-hameln-a a, body#kontakt ol.nav2 li.kontakt-a a, body#impressum ol.nav2 li.impressum-a a, body#datenschutz ol.nav2 li.datenschutz-a a { color: var(--m255); background-color: var(--no); border-bottom: 4px solid var(--m255); cursor:default; } /*-- you are here _________________________ HTML > CSS; [© by elf42] -- */ /* u ... label marked */ :where( body#produkte-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-antriebstechnik-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-waelzlager-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-arbeitsschutz-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-betriebsbedarf-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-schleifmittel-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-gummi-kunststoffe-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-dichtungen-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-schlaeuche-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-armaturen-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-werkzeug-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-drucklufttechnik-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln ) li.drop input#drop-1 ~ label:nth-child(odd)::after, :where( body#dienstleistung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln, body#dienstleistung-textilveredelung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln, body#dienstleistung-fussvermessung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln, body#dienstleistung-sichtschutz-mit-korrektur-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln, body#dienstleistung-waescheservice-arbeitskleidung-berufsbekleidung-industriebedarf-recker-hameln, body#dienstleistung-c-teile-management-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln, body#dienstleistung-ausgabeautomaten-waren-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln, body#dienstleistung-fachkraft-arbeitssicherheit-gesundheitsschutz-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln ) li.drop input#drop-2 ~ label:nth-child(odd)::after, :where( body#recker-hameln-technische-grosshandlung-industriebedarf-betriebsbedarf-berufsbekleidung, body#recker-hameln-service-technische-grosshandlung-industriebedarf-betriebsbedarf-berufsbekleidung ) li.drop input#drop-3 ~ label:nth-child(odd)::after, :where( body[id*="yyy"], body[id*="yyy"], body[id*="yyy"], body[id*="yyy"], body[id*="yyy"], body[id*="yyy"] ) li.drop input#drop-4 ~ label:nth-child(odd)::after { color: var(--n02); background: var(--tr); } /* u ... marked */ body#produkte-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-antriebstechnik-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-antriebstechnik-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-waelzlager-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-waelzlager-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-arbeitsschutz-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-arbeitsschutz-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-betriebsbedarf-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-betriebsbedarf-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-schleifmittel-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-schleifmittel-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-gummi-kunststoffe-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-gummi-kunststoffe-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-dichtungen-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-dichtungen-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-schlaeuche-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-schlaeuche-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-armaturen-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-armaturen-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-werkzeug-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-werkzeug-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-drucklufttechnik-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-drucklufttechnik-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#dienstleistung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln li#dienstleistung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#dienstleistung-textilveredelung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln li#dienstleistung-textilveredelung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#dienstleistung-fussvermessung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln li#dienstleistung-fussvermessung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#dienstleistung-sichtschutz-mit-korrektur-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln li#dienstleistung-sichtschutz-mit-korrektur-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#dienstleistung-waescheservice-arbeitskleidung-berufsbekleidung-industriebedarf-recker-hameln li#dienstleistung-waescheservice-arbeitskleidung-berufsbekleidung-industriebedarf-recker-hameln-a a, body#dienstleistung-c-teile-management-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln li#dienstleistung-c-teile-management-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#dienstleistung-ausgabeautomaten-waren-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln li#dienstleistung-ausgabeautomaten-waren-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#dienstleistung-fachkraft-arbeitssicherheit-gesundheitsschutz-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln li#dienstleistung-fachkraft-arbeitssicherheit-gesundheitsschutz-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#recker-hameln-technische-grosshandlung-industriebedarf-betriebsbedarf-berufsbekleidung li#recker-hameln-technische-grosshandlung-industriebedarf-betriebsbedarf-berufsbekleidung-a a, body#recker-hameln-service-technische-grosshandlung-industriebedarf-betriebsbedarf-berufsbekleidung li#recker-hameln-service-technische-grosshandlung-industriebedarf-betriebsbedarf-berufsbekleidung-a a, body[id*="yyy"] li[id*="yyy"] a { color: var(--n02); background-color: var(--n04); border-bottom: var(--n09); } /* firstmenue */ :where( body#produkte-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-antriebstechnik-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-waelzlager-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-arbeitsschutz-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-betriebsbedarf-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-schleifmittel-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-gummi-kunststoffe-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-dichtungen-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-schlaeuche-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-armaturen-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-werkzeug-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-drucklufttechnik-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln ) li.drop input#drop-1 ~ span, :where( body#dienstleistung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln, body#dienstleistung-textilveredelung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln, body#dienstleistung-fussvermessung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln, body#dienstleistung-sichtschutz-mit-korrektur-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln, body#dienstleistung-waescheservice-arbeitskleidung-berufsbekleidung-industriebedarf-recker-hameln, body#dienstleistung-c-teile-management-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln, body#dienstleistung-ausgabeautomaten-waren-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln, body#dienstleistung-fachkraft-arbeitssicherheit-gesundheitsschutz-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln ) li.drop input#drop-2 ~ span, :where( body#recker-hameln-technische-grosshandlung-industriebedarf-betriebsbedarf-berufsbekleidung, body#recker-hameln-service-technische-grosshandlung-industriebedarf-betriebsbedarf-berufsbekleidung ) li.drop input#drop-3 ~ span, body#home li#home-a a, body#kontakt li#kontakt-a a, body#impressum li#impressum-a a, body#datenschutz li#datenschutz-a a, body#sitemap li#sitemap-a a { color: var(--n02); background-color: var(--n04); border-bottom: var(--n07); cursor:default; } /*-- mobile _________________________ HTML > CSS; [© by elf42] -- */ @media only screen and (max-width: 1023px ) { /* u ... marked */ body#produkte-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-antriebstechnik-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-antriebstechnik-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-waelzlager-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-waelzlager-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-arbeitsschutz-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-arbeitsschutz-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-betriebsbedarf-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-betriebsbedarf-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-schleifmittel-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-schleifmittel-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-gummi-kunststoffe-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-gummi-kunststoffe-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-dichtungen-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-dichtungen-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-schlaeuche-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-schlaeuche-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-armaturen-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-armaturen-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-werkzeug-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-werkzeug-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#produkte-drucklufttechnik-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln li#produkte-drucklufttechnik-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln-a a, body#dienstleistung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln li#dienstleistung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#dienstleistung-textilveredelung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln li#dienstleistung-textilveredelung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#dienstleistung-fussvermessung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln li#dienstleistung-fussvermessung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#dienstleistung-sichtschutz-mit-korrektur-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln li#dienstleistung-sichtschutz-mit-korrektur-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#dienstleistung-waescheservice-arbeitskleidung-berufsbekleidung-industriebedarf-recker-hameln li#dienstleistung-waescheservice-arbeitskleidung-berufsbekleidung-industriebedarf-recker-hameln-a a, body#dienstleistung-c-teile-management-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln li#dienstleistung-c-teile-management-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#dienstleistung-ausgabeautomaten-waren-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln li#dienstleistung-ausgabeautomaten-waren-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#dienstleistung-fachkraft-arbeitssicherheit-gesundheitsschutz-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln li#dienstleistung-fachkraft-arbeitssicherheit-gesundheitsschutz-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln-a a, body#recker-hameln-technische-grosshandlung-industriebedarf-betriebsbedarf-berufsbekleidung li#recker-hameln-technische-grosshandlung-industriebedarf-betriebsbedarf-berufsbekleidung-a a, body#recker-hameln-service-technische-grosshandlung-industriebedarf-betriebsbedarf-berufsbekleidung li#recker-hameln-service-technische-grosshandlung-industriebedarf-betriebsbedarf-berufsbekleidung-a a, body[id*="yyy"] li[id*="yyy"] a { color: var(--n02); background-color: var(--n04); border-bottom: var(--n09); } /* firstmenue */ :where( body#produkte-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-antriebstechnik-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-waelzlager-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-arbeitsschutz-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-betriebsbedarf-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-schleifmittel-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-gummi-kunststoffe-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-dichtungen-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-schlaeuche-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-armaturen-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-werkzeug-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln, body#produkte-drucklufttechnik-arbeitskleidung-industriebedarf-technische-artikel-recker-hameln ) li.drop input#drop-1 ~ span, :where( body#dienstleistung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln, body#dienstleistung-textilveredelung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln, body#dienstleistung-fussvermessung-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln, body#dienstleistung-sichtschutz-mit-korrektur-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln, body#dienstleistung-waescheservice-arbeitskleidung-berufsbekleidung-industriebedarf-recker-hameln, body#dienstleistung-c-teile-management-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln, body#dienstleistung-ausgabeautomaten-waren-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln, body#dienstleistung-fachkraft-arbeitssicherheit-gesundheitsschutz-arbeitsschutz-sicherheitsschuhe-berufsbekleidung-recker-hameln ) li.drop input#drop-2 ~ span, :where( body#recker-hameln-technische-grosshandlung-industriebedarf-betriebsbedarf-berufsbekleidung, body#recker-hameln-service-technische-grosshandlung-industriebedarf-betriebsbedarf-berufsbekleidung ) li.drop input#drop-3 ~ span, body#home li#home-a a, body#kontakt li#kontakt-a a, body#impressum li#impressum-a a, body#datenschutz li#datenschutz-a a, body#sitemap li#sitemap-a a { color: var(--n02); background-color: var(--n04); border-bottom: var(--n07); } } @media only screen and (orientation: landscape) {}