/* GysNavigation 1.1.0 – Kopf + Menü nach Design-Vorlage Enrico (05.10.2026). Alle Regeln unter .gn-kopf / #gn, kein Eingriff ins Theme-CSS.
   Tokens: Orange var(--gys-orange,#e85d2a) · Orange-Text var(--gys-orange-dark,#b8431a) · Orange-Fläche #fff2ec · Leiste var(--gys-dark,#2b2b2b) · Pille var(--gys-dark-2,#3a3a3a) · Infozeile #b9bebc
   Farbkonzept 09.10.2026: alle Farben als var(--gys-…, #Rückfall); die :root-Variablen setzt das „Eigene CSS“ des Themes. Blau #1f3c66 = Auswählen/Links (aktive Menüzeile, Panel-Links,
   Kachel-Hover), Orange nur Marke (Leiste: offener Hauptpunkt, Preis-Schalter, Warenkorb, Fokusring) und Steelfinder-Kasten. Nur Farben geändert, kein Layout. */
.gn-kopf{--gn-or:var(--gys-orange,#e85d2a);--gn-ort:var(--gys-orange-dark,#b8431a);--gn-orf:var(--gys-orange-light,#fff2ec);--gn-bar:var(--gys-dark,var(--gys-dark,#2b2b2b));--gn-pill:var(--gys-dark-2,var(--gys-dark-2,#3a3a3a));--gn-info:#b9bebc;--gn-rand:var(--gys-border-strong,#dddddd);--gn-lin:var(--gys-border,#eeeeee);--gn-mono:"JetBrains Mono",ui-monospace,Consolas,"Cascadia Mono","Courier New",monospace;background:var(--gn-bar);font-family:Inter,system-ui,sans-serif;color:var(--gys-text,#222222)}
#gn{--gn-or:var(--gys-orange,#e85d2a);--gn-ort:var(--gys-orange-dark,#b8431a);--gn-orf:var(--gys-orange-light,#fff2ec);--gn-bar:var(--gys-dark,var(--gys-dark,#2b2b2b));--gn-pill:var(--gys-dark-2,var(--gys-dark-2,#3a3a3a));--gn-rand:var(--gys-border-strong,#dddddd);--gn-lin:var(--gys-border,#eeeeee);--gn-mono:"JetBrains Mono",ui-monospace,Consolas,"Cascadia Mono","Courier New",monospace;font-family:Inter,system-ui,sans-serif}
.gn-kopf *,#gn *{box-sizing:border-box}
.gn-kopf a,#gn a{text-decoration:none}
.gn-kopf :focus-visible,#gn :focus-visible{outline:2px solid var(--gn-or)!important;outline-offset:2px}
.gn-vh{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.gn-in{max-width:1440px;margin:0 auto;padding:0 20px}
/* Infozeile */
.gn-info{background:var(--gn-info);font-size:13px;color:var(--gys-text,#222222)}
.gn-info-in{display:flex;align-items:center;justify-content:center;gap:60px;height:34px;position:relative}
.gn-info-in a,.gn-info-in span{color:var(--gys-text,#222222);white-space:nowrap}
.gn-info-in a:hover{color:var(--gys-blue,#1f3c66)}
.gn-ust-info{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px}
.gn-ust-pl{font-size:13px;font-weight:700;color:var(--gys-text,#222222)}
/* Leiste */
.gn-leiste{background:var(--gn-bar);position:relative}
.gn-leiste-in{display:flex;align-items:center;gap:10px;height:var(--gn-leiste-h,62px)}
.gn-logo{flex:none}
.gn-logo .header-logo-main,.gn-logo .header-logo-main-link,.gn-logo .header-logo-picture{margin:0!important;padding:0!important;display:block}
.gn-logo .header-logo-main-img{height:var(--gn-logo-h,40px)!important;width:auto!important;max-width:none!important;max-height:none!important;display:block}
/* Suche (Platz für die Lotsen-Suche) */
#gys-nav-suche{flex:1 1 auto;min-width:300px;height:36px}
.gn-lage-leiste #gys-nav-suche{min-width:200px}
.gn-suche-platz{display:flex;align-items:center;gap:8px;height:36px;border-radius:18px;background:var(--gn-pill);padding:0 14px;color:#ccc!important;font-size:13px;white-space:nowrap;overflow:hidden}
.gn-suche-platz span{overflow:hidden;text-overflow:ellipsis}
.gn-suche-platz:hover{color:#fff!important}
.gn-suche-platz svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2}
html.gl-aktiv .gn-suche-platz{display:none}
/* Preis-Schalter (echte Theme-IDs) */
.gn-kopf .switch-brutto-netto.gn-ust{display:flex!important;align-items:center;height:30px;border-radius:15px;background:var(--gn-pill)!important;padding:2px;margin:0;flex:none;gap:0}
.gn-kopf .gn-ust>div{display:flex;margin:0;padding:0}
.gn-kopf .gn-ust .switch-brutto-netto-btn{border:0!important;background:transparent!important;color:#ccc!important;font:600 12px/1 Inter,system-ui,sans-serif!important;padding:0 10px!important;height:26px!important;border-radius:13px!important;white-space:nowrap;cursor:pointer;box-shadow:none!important;margin:0!important;min-width:0!important}
.gn-kopf .gn-ust .switch-brutto-netto-btn.active{background:var(--gn-or)!important;color:#fff!important}
.gn-kopf .gn-ust-kurz .switch-brutto-netto-btn{padding:0 8px!important}
.gn-kopf .gn-ust-info .switch-brutto-netto.gn-ust{height:29px;background:var(--gn-bar)!important}
.gn-kopf .gn-ust-info .gn-ust .switch-brutto-netto-btn{color:#fff!important;font-size:13px!important;padding:0 11px!important;height:25px!important}
.gn-kopf .gn-ust-info .gn-ust .switch-brutto-netto-btn.active{background:var(--gn-or)!important}
/* Konto, Warenkorb */
.gn-akt{display:flex;align-items:center;gap:0;flex:none}
.gn-akt .header-actions-btn,.gn-akt-tel{color:#fff!important;background:transparent!important;border:0!important;padding:0!important;width:34px;height:40px;display:grid!important;place-items:center}
.gn-akt .header-cart-btn{color:var(--gn-or)!important}
.gn-akt .header-actions-btn .icon,.gn-akt .header-actions-btn .icon svg{width:22px!important;height:22px!important;color:inherit!important;fill:currentColor}
.gn-akt .header-cart-total{display:none!important}
.gn-akt > .account-menu,.gn-akt > .account-menu > .dropdown,.gn-akt .header-cart{display:flex;align-items:center;margin:0!important;padding:0!important}
.gn-akt .header-actions-btn{margin:0!important}
.gn-akt .account-menu-btn{height:40px;line-height:0;vertical-align:middle}.gn-akt > .account-menu > .dropdown{height:40px}
.gn-akt .header-actions-btn .icon>svg{top:0!important}
.gn-akt .header-actions-btn .icon,.gn-akt .header-cart-icon{display:block;height:22px;line-height:0}
.gn-akt .header-actions-btn{position:relative}
.gn-akt .header-cart-badge,.gn-akt .header-wishlist-badge{position:absolute!important;top:1px!important;right:-3px!important;left:auto!important;transform:none!important;display:block;min-width:16px;height:16px;padding:0 4px!important;line-height:16px!important;font-size:10px!important;border-radius:8px;text-align:center}
.gn-akt .header-wishlist-badge[hidden],.gn-akt .header-wishlist-badge:empty{display:none!important}
.gn-akt-tel{display:none!important}
.gn-akt-tel svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
.gn-zeile2{display:none}
/* Menü – Desktop */
.gn{flex:none}
.gn-mkopf,.gn-m-extra,.gn-pf,.gn-m-alle,.gn-d-alle,.gn-d-link{display:none!important}
.gn-haupt{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.gn-hp{list-style:none}
.gn-hp-btn{height:var(--gn-leiste-h,62px);padding:0 8px;background:none;border:0;border-bottom:3px solid transparent;color:#fff;font:600 15px/1 Inter,system-ui,sans-serif;white-space:nowrap;display:flex;align-items:center;gap:6px;cursor:pointer}
.gn-ca{font-size:10px;color:#aaa}
.gn-hp.gn-offen>.gn-hp-btn{color:var(--gn-or);border-bottom-color:var(--gn-or)}
.gn-hp.gn-offen>.gn-hp-btn .gn-ca{color:var(--gn-or)}
.gn-panel{display:none;position:absolute;top:var(--gn-leiste-h,62px);background:#fff;color:var(--gys-text,#222222);box-shadow:0 12px 30px rgba(0,0,0,.25);z-index:30;text-align:left}
.gn-hp.gn-offen>.gn-panel{display:block}
.gn-mega,.gn-formen{left:max(40px,calc((100% - 1360px) / 2))}
.gn-mega{right:max(40px,calc((100% - 1360px) / 2));min-height:420px}
.gn-liste{width:330px;border-right:1px solid var(--gn-lin);padding:18px 0;min-height:420px}
.gn-gruppe{padding-bottom:10px}
.gn-gk{padding:6px 20px;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--gys-text-muted,#666666)}
.gn-wliste{list-style:none;margin:0;padding:0}
.gn-w{list-style:none}
.gn-w-a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:8px;padding:6px 20px 6px 17px;border-left:3px solid transparent;color:var(--gys-text,#222222)}
.gn-w-a:hover{color:var(--gys-text,#222222)}
.gn-w-id{font-family:var(--gn-mono);font-size:14px;font-weight:700}
.gn-w-d{font-size:12px;color:#555;line-height:1.35}
.gn-w-al{font-size:11px;font-weight:700;color:#555}
.gn-w.gn-an>.gn-w-a{background:var(--gys-blue-light,#eaf0f7);border-left-color:var(--gys-blue,#1f3c66)}
.gn-w.gn-an>.gn-w-a .gn-w-id{color:var(--gys-blue,#1f3c66)}
.gn-w-detail{display:none;position:absolute;left:330px;right:0;top:0;padding:22px 26px 90px}
.gn-w.gn-an>.gn-w-detail{display:block}
.gn-d-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px}
.gn-d-t{display:block;font-size:20px;font-weight:800;color:var(--gys-text,#222222)}
.gn-d-t .gn-w-id{font-size:20px;font-weight:800}
.gn-d-al{color:var(--gys-text,#222222)}.gn-d-al:hover{color:var(--gys-blue,#1f3c66)}
.gn-d-s{display:block;font-size:13px;color:#555;margin-top:2px}
.gn-d-zu{font-size:13px;font-weight:700;color:var(--gys-orange-dark,#b8431a);white-space:nowrap}
.gn-d-zu:hover{color:var(--gys-orange,#e85d2a)}
.gn-kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.gn-k{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1.5px solid var(--gn-rand);border-radius:6px}
.gn-k:hover{border-color:var(--gys-blue,#1f3c66)}
.gn-k-a{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--gys-text,#222222)}
.gn-k-a:hover{color:var(--gys-blue,#1f3c66)}
.gn-k-a img,.gn-fk img{width:20px;height:20px;flex:none}
.gn-kz{display:flex;gap:6px;flex-wrap:wrap}
.gn-kz a{height:22px;padding:0 8px;display:inline-grid;place-items:center;background:var(--gys-bg-page,#f4f4f5);border-radius:11px;font-size:11px;font-weight:600;color:#444}
.gn-kz a:hover{background:var(--gys-blue-light,#eaf0f7);color:var(--gys-blue,#1f3c66)}
.gn-sf{position:absolute;left:356px;right:26px;bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:var(--gn-bar);border-left:4px solid var(--gn-or);color:#fff;font-size:13px}
.gn-sf a{color:var(--gn-or);font-weight:700;white-space:nowrap}
/* 1.1.0: Bereich "Baustahl & Rohre nach Form" oben im Stahl-Panel, gleichzeitig mit "Nach Werkstoff" (kein Umschalter) */
.gn-fb{padding:14px 20px 16px;border-bottom:1px solid var(--gn-lin);background:var(--gys-bg-subtle,#fafafa)}
.gn-fb-t,.gn-wt{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--gys-text-muted,#666666);text-transform:uppercase;margin:0 0 8px}
.gn-wt{padding:0 20px;margin:0 0 4px;color:var(--gys-text,#222222)}
.gn-fb-t{color:var(--gys-text,#222222)}
.gn-fb-liste{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.gn-fb-liste li{list-style:none}
.gn-fb-a{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;background:#fff;border:1.5px solid var(--gn-rand);border-radius:6px;color:var(--gys-text,#222222);font-size:14px;font-weight:700;white-space:nowrap}
.gn-fb-a:hover{border-color:var(--gys-blue,#1f3c66);color:var(--gys-blue,#1f3c66)}
.gn-fb-a img{width:20px;height:20px;flex:none}
.gn-mega-haupt{position:relative}
.gn-merk .header-wishlist-btn{color:#fff!important}
.gn-formen{width:720px;padding:20px}
.gn-fraster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.gn-fk{display:flex;flex-direction:column;gap:8px;padding:12px;border:1.5px solid var(--gn-rand);border-radius:6px;color:var(--gys-text,#222222)}
.gn-fk:hover{border-color:var(--gys-blue,#1f3c66);color:var(--gys-text,#222222)}
.gn-fk img{width:22px;height:22px}
.gn-fk b{display:block;font-size:14px;font-weight:700}
.gn-fk small{display:block;font-size:12px;color:#555}
.gn-alle-formen{display:block;text-align:right;margin-top:14px;font-size:13px;font-weight:700;color:var(--gys-orange-dark,#b8431a)}
.gn-alle-formen:hover,#gn .gn-m-alle:hover,#gn .gn-d-link:hover{color:var(--gys-orange,#e85d2a)}
.gn-hp-r{position:relative}
.gn-rg{left:0;width:380px;padding:10px 0 12px}
.gn-sfg{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 12px 8px;padding:12px 14px;background:var(--gn-bar);border-left:4px solid var(--gn-or);color:#fff}
.gn-sfg:hover{color:#fff}
.gn-sfg b{display:block;font-size:15px;font-weight:700}
.gn-sfg small{display:block;font-size:12px;color:#ddd}
.gn-sfg-p{color:var(--gn-or);font-size:18px}
.gn-rg-liste{list-style:none;margin:0;padding:0}
.gn-rg-liste a{display:block;padding:7px 26px;color:var(--gys-text,#222222)}
.gn-rg-liste a:hover{background:var(--gys-blue-light,#eaf0f7);color:var(--gys-text,#222222)}
.gn-rg-liste b{display:block;font-size:14px;font-weight:700}
.gn-rg-liste small{display:block;font-size:12px;color:#555}

/* 0.9.3: niedrige Fenster – Werkstoffliste scrollt im Menü, Formen/Steelfinder/Nur-Stahl-nach-Form bleiben sichtbar */
.gn-kopf{--gn-kopf-h:96px;--gn-fb-h:96px}
.gn-mega{min-height:min(420px,calc(100vh - var(--gn-kopf-h) - 16px))}
.gn-liste{min-height:min(420px,calc(100vh - var(--gn-kopf-h) - 16px));max-height:calc(100vh - var(--gn-kopf-h) - 16px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.gn-hat-fb .gn-liste{min-height:min(420px,calc(100vh - var(--gn-kopf-h) - var(--gn-fb-h) - 16px));max-height:calc(100vh - var(--gn-kopf-h) - var(--gn-fb-h) - 16px)}
.gn-formen,.gn-rg{max-height:calc(100vh - var(--gn-kopf-h) - 16px);overflow-y:auto;overscroll-behavior:contain}
@media (min-width:992px) and (max-height:820px){
  .gn-liste{padding:10px 0}
  .gn-gruppe{padding-bottom:4px}
  .gn-gk{padding:4px 20px}
  .gn-w-a{padding:4px 20px 4px 17px}
  .gn-w-detail{padding:16px 26px 80px}
  .gn-d-kopf{margin-bottom:12px}
  .gn-k{padding:10px 12px}
  .gn-kacheln{gap:8px}
  .gn-sf{bottom:14px;padding:10px 14px}
  .gn-kopf{--gn-fb-h:86px}
  .gn-fb{padding:10px 20px 12px}
  .gn-fb-a{height:38px}
  .gn-rg-liste a{padding:5px 26px}
}

/* ---------- 0.9.1: schmale Desktops 992–1279 px ---------- */
@media (min-width:992px) and (max-width:1365.98px){
  .gn-in{padding:0 16px}
  .gn-info-in{justify-content:flex-start;gap:28px}
  .gn-ust-info{position:static;transform:none;margin-left:auto;flex:none}
  .gn-leiste-in{gap:8px}
  .gn-kopf{--gn-logo-h:34px}
  .gn-haupt{gap:0}
  .gn-hp-btn{padding:0 5px;font-size:14px;gap:4px}
  .gn-mega,.gn-formen{left:16px}.gn-mega{right:16px}
}
/* Kompaktkopf 992–1179 px: Suchfeld in eigener Zeile (volle Breite), damit es nie unter 300 px fällt */
@media (min-width:992px) and (max-width:1179.98px){
  .gn-info-in > span{display:none}
  .gn-leiste-in{flex-wrap:wrap;height:auto;column-gap:8px;row-gap:0}
  .gn-leiste-in > .gn-logo,.gn-leiste-in > .gn,.gn-leiste-in > .gn-akt{height:var(--gn-leiste-h,62px);display:flex;align-items:center}
  .gn-akt{margin-left:auto}
  #gys-nav-suche{order:9;flex:1 0 100%;width:100%;margin:0 0 12px}
  .gn-kopf{--gl-nav-abstand:12px;--gn-kopf-h:144px}
}

/* ---------- Handy / Tablet (unter 992 px) ---------- */
@media (max-width:991.98px){
  .gn-info{display:none}
  .gn-in{padding:0}
  .gn-leiste-in{height:52px;gap:0;padding:0 2px 0 12px}
  .gn-logo .header-logo-main-img{height:32px!important}
  #gys-nav-suche,.gn-ust-leiste{display:none!important}
  .gn-leiste-in .gn{display:none}
  .gn-akt{margin-left:auto;gap:0}
  .gn-akt-tel{display:grid!important;width:44px;height:44px}
  .gn-akt .header-actions-btn{width:44px;height:44px}
  .gn-zeile2{display:flex;align-items:center;gap:8px;padding:0 10px 8px 6px;background:var(--gn-bar)}
  .gn-mbtn{width:44px;height:40px;display:grid;place-items:center;background:none;border:0;color:#fff;flex:none;padding:0}
  .gn-mbtn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}
  #gys-nav-suche-mobil{flex:1;min-width:0;height:36px}
  html.gn-m-html,html.gn-m-html body{overflow:hidden}
  #gn.gn-m-offen{display:flex!important;flex-direction:column;position:fixed;inset:0;z-index:100000;background:#fff;color:var(--gys-text,#222222);overflow-y:auto;-webkit-overflow-scrolling:touch}
  #gn .gn-mkopf{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;height:56px;flex:none;padding:0 6px;border-bottom:1px solid var(--gn-rand);position:sticky;top:0;background:#fff;z-index:2}
  #gn .gn-mkopf button{width:44px;height:44px;background:none;border:0;font-size:22px;color:var(--gys-text,#222222);cursor:pointer;padding:0}
  #gn .gn-zu{font-size:20px!important;color:#555!important}
  #gn[data-ebene="1"] .gn-zurueck{visibility:hidden}
  #gn .gn-mtitel{text-align:center;font-size:15px;font-weight:700}
  #gn .gn-haupt{display:block}
  #gn .gn-hp-btn{width:100%;height:auto;min-height:56px;justify-content:space-between;padding:0 20px;color:var(--gys-text,#222222);font-size:16px;border-bottom:1px solid var(--gn-lin);text-align:left}
  #gn .gn-ca{display:none}
  #gn .gn-pf{display:inline!important;font-size:18px;color:var(--gys-text-hint,#888888)}
  #gn .gn-panel{position:static;box-shadow:none;display:none;width:auto;min-height:0;padding:0}
  #gn[data-ebene="2"] .gn-hp:not(.gn-m-aktiv),#gn[data-ebene="3"] .gn-hp:not(.gn-m-aktiv){display:none}
  #gn[data-ebene="2"] .gn-hp.gn-m-aktiv>.gn-hp-btn,#gn[data-ebene="3"] .gn-hp.gn-m-aktiv>.gn-hp-btn{display:none}
  #gn[data-ebene="2"] .gn-hp.gn-m-aktiv>.gn-panel,#gn[data-ebene="3"] .gn-hp.gn-m-aktiv>.gn-panel{display:block}
  #gn[data-ebene="1"] .gn-m-extra{display:block!important}
  /* Ebene 2: Werkstoffliste */
  #gn .gn-m-alle{display:flex!important;align-items:center;min-height:48px;padding:0 20px;font-size:14px;font-weight:700;color:var(--gys-orange-dark,#b8431a);border-bottom:1px solid var(--gn-lin)}
  #gn .gn-liste{width:auto;border:0;padding:0 0 16px;min-height:0;max-height:none;overflow:visible}
  #gn .gn-formen,#gn .gn-rg{max-height:none;overflow:visible}
  #gn .gn-gruppe{padding:0}
  #gn .gn-gk{padding:18px 20px 6px}
  #gn .gn-w-a{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"id al pf" "d d pf";align-items:center;gap:1px 8px;min-height:56px;padding:6px 20px;border-left:0;border-bottom:1px solid var(--gn-lin);background:#fff!important}
  #gn .gn-w-a .gn-w-id{grid-area:id;font-size:15px;color:var(--gys-text,#222222)!important}
  #gn .gn-w-al{grid-area:al;font-size:12px}
  #gn .gn-w-d{grid-area:d}
  #gn .gn-w-a .gn-pf{grid-area:pf}
  #gn .gn-w-detail{position:static;display:none!important;padding:16px}
  #gn .gn-sf{display:none}
  /* 1.1.0 Handy Ebene 2 Stahl: Bereich "Baustahl & Rohre nach Form" als Gruppe über der Werkstoffliste, auf Ebene 3 ausgeblendet */
  #gn .gn-fb{padding:0;border:0;background:#fff}
  #gn .gn-fb-t,#gn .gn-wt{padding:18px 20px 6px;margin:0}
  #gn .gn-fb-liste{display:block}
  #gn .gn-fb-a{height:auto;min-height:48px;padding:0 20px;border:0;border-bottom:1px solid var(--gn-lin);border-radius:0;font-size:15px;gap:12px}
  #gn .gn-fb-a img{width:22px;height:22px}
  #gn .gn-mega-haupt{position:static}
  #gn[data-ebene="3"] .gn-fb,#gn[data-ebene="3"] .gn-wt{display:none!important}
  /* Ebene 3: ein Werkstoff */
  #gn[data-ebene="3"] .gn-m-alle,#gn[data-ebene="3"] .gn-gk,#gn[data-ebene="3"] .gn-w:not(.gn-m-aktiv),#gn[data-ebene="3"] .gn-w.gn-m-aktiv>.gn-w-a{display:none!important}
  #gn[data-ebene="3"] .gn-w.gn-m-aktiv>.gn-w-detail{display:flex!important;flex-direction:column;gap:10px}
  #gn .gn-d-kopf{display:block;margin:0}
  #gn .gn-d-t,#gn .gn-d-zu{display:none}
  #gn .gn-d-s{font-size:13px;color:#555;margin:0}
  #gn .gn-d-alle{display:flex!important;align-items:center;justify-content:space-between;min-height:48px;padding:0 16px;border:1.5px solid var(--gys-text,#222222);border-radius:6px;font-size:14px;font-weight:700;color:var(--gys-text,#222222)}
  #gn .gn-kacheln{grid-template-columns:1fr}
  #gn .gn-k{padding:14px 16px;gap:10px}
  #gn .gn-k-a{font-size:15px;gap:12px}
  #gn .gn-k-a img{width:22px;height:22px}
  #gn .gn-kz{gap:8px}
  #gn .gn-kz a{height:36px;padding:0 14px;border-radius:18px;font-size:13px}
  #gn .gn-d-link{display:block!important;font-size:13px;font-weight:700;color:var(--gys-orange-dark,#b8431a);padding:8px 0}
  /* Ebene 2: Formen */
  #gn .gn-formen{padding:0}
  #gn .gn-fraster{display:block}
  #gn .gn-fk{flex-direction:row;align-items:center;gap:14px;min-height:56px;padding:0 20px;border:0;border-bottom:1px solid var(--gn-lin);border-radius:0}
  #gn .gn-fk b{font-size:15px}
  #gn .gn-alle-formen{text-align:left;padding:14px 20px;margin:0}
  /* Ebene 2: Ratgeber */
  #gn .gn-rg{padding:0 0 16px}
  #gn .gn-sfg{margin:16px 16px 8px;padding:14px 16px}
  #gn .gn-rg-liste a{min-height:56px;padding:8px 20px;border-bottom:1px solid var(--gn-lin)}
  #gn .gn-rg-liste b{font-size:15px}
  /* Ebene 1: Extras */
  #gn .gn-m-meta{display:flex;flex-direction:column;padding:8px 0 24px}
  #gn .gn-m-meta>a{min-height:48px;display:flex;align-items:center;padding:0 20px;font-size:14px;color:#444}
  #gn .gn-m-meta>a.gn-m-anruf{margin:4px 20px 10px;justify-content:center;gap:8px;background:var(--gn-bar);color:#fff;border-radius:6px;font-weight:700}
  #gn .gn-m-anruf svg{width:18px;height:18px;fill:none;stroke:var(--gn-or);stroke-width:2}
  #gn .gn-m-ust{margin:4px 20px;display:grid;grid-template-columns:1fr 1fr;height:44px;border-radius:22px;background:var(--gys-bg-page,#f4f4f5);padding:3px}
  #gn .gn-m-ust button{border:0;background:none;border-radius:19px;color:#444;font:600 13px/1.15 Inter,system-ui,sans-serif;padding:0 6px;cursor:pointer}
  #gn .gn-m-ust button[aria-pressed="true"]{background:var(--gn-or);color:#fff}
}
@media (min-width:992px){
  #gn .gn-m-extra{display:none!important}
}
/* 1.0.2: unsichtbare Brücke über dem Panel, damit beim schrägen Weg keine Lücke entsteht */
.gn-hp.gn-offen>.gn-panel::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
@media (max-width:991.98px){#gn .gn-panel::before{display:none}}

/* ---------- 1.1.0: Leiste höher und luftiger (Vorbild area-net.de), beim Scrollen schmal. Nur Desktop (ab 992 px), Handy unverändert ---------- */
@media (min-width:992px){
  .gn-kopf{--gn-leiste-h:70px;--gn-logo-h:44px;--gn-kopf-h:104px;--gl-nav-abstand:17px}
  .gn-kopf.gn-schmal{--gn-leiste-h:50px;--gn-logo-h:34px;--gn-kopf-h:84px;--gl-nav-abstand:7px}
  .gn-leiste-in,.gn-hp-btn,.gn-leiste-in > .gn-logo,.gn-leiste-in > .gn,.gn-leiste-in > .gn-akt{transition:height .25s ease}
  .gn-logo .header-logo-main-img{transition:height .25s ease}
  .gn-panel{transition:top .25s ease}
  /* Abstand der Hauptpunkte wächst mit der Fensterbreite (1280 px: wie bisher, ab ca. 1470 px: 16 px je Seite) */
  .gn-haupt{gap:clamp(0px,calc((100vw - 1280px) / 20),8px)}
  .gn-hp-btn{padding:0 clamp(5px,calc((100vw - 1180px) / 18),16px)}
}
@media (min-width:992px) and (max-width:1365.98px){
  .gn-kopf{--gn-logo-h:38px}
  .gn-kopf.gn-schmal{--gn-logo-h:32px}
  .gn-hp-btn{padding:0 clamp(5px,calc((100vw - 1180px) / 18),9px)}
}
/* Kompaktkopf 992–1179 px (Suchfeld in Zeile 2): Kopf 34 + 70 + 48 px, schmal 34 + 50 + 48 px */
@media (min-width:992px) and (max-width:1179.98px){
  .gn-kopf{--gn-logo-h:34px;--gn-kopf-h:152px;--gl-nav-abstand:12px}
  .gn-kopf.gn-schmal{--gn-logo-h:32px;--gn-kopf-h:132px;--gl-nav-abstand:12px}
  .gn-hp-btn{padding:0 5px}
}
/* Formbereich zweizeilig unter 1100 px (gemessen 07.10.2026: 142 px, bei niedrigen Fenstern 132 px) */
@media (min-width:992px) and (max-width:1099.98px){
  .gn-kopf{--gn-fb-h:142px}
}
@media (min-width:992px) and (max-width:1099.98px) and (max-height:820px){
  .gn-kopf{--gn-fb-h:132px}
}
@media (prefers-reduced-motion:reduce){
  .gn-leiste-in,.gn-hp-btn,.gn-leiste-in > *,.gn-logo .header-logo-main-img,.gn-panel{transition:none!important}
}

/* ---------- 1.1.0 (Enrico 07.10.2026): Handy, nur Produktseiten – Suchzeile eingeklappt, Menüknopf links neben dem Logo,
   Lupe in der Leiste statt Telefon. Reine CSS-Lage ab dem ersten Bild (kein Layout-Sprung); aufgeklappt liegt die Suchzeile als
   Overlay unter dem Kopf und schiebt die Seite nicht. Start-/Kategorieseiten und Desktop unverändert. ---------- */
.gn-lupe{display:none}
@media (max-width:991.98px){
  body.is-ctl-product .gn-akt-tel{display:none!important}
  body.is-ctl-product .gn-leiste-in{padding-left:48px}
  body.is-ctl-product .gn-logo,body.is-ctl-product .gn-logo .header-logo-main,body.is-ctl-product .gn-logo .header-logo-main-link,body.is-ctl-product .gn-logo .header-logo-picture{width:auto!important;min-width:0!important;max-width:none!important;flex:0 0 auto}
  body.is-ctl-product .gn-zeile2{position:absolute;left:0;right:0;top:52px;height:48px;padding:0;background:none;pointer-events:none;z-index:5}
  body.is-ctl-product .gn-zeile2::before{content:"";position:absolute;inset:0;background:var(--gn-bar);box-shadow:0 8px 16px rgba(0,0,0,.25);opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}
  body.is-ctl-product .gn-mbtn{position:absolute;left:2px;top:-48px;width:44px;height:44px;pointer-events:auto;z-index:2}
  body.is-ctl-product #gys-nav-suche-mobil{position:absolute;left:10px;right:10px;top:4px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
  body.is-ctl-product .gn-kopf.gn-suche-auf .gn-zeile2{pointer-events:auto}
  body.is-ctl-product .gn-kopf.gn-suche-auf .gn-zeile2::before{opacity:1;transform:none}
  body.is-ctl-product .gn-kopf.gn-suche-auf #gys-nav-suche-mobil{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .2s ease,visibility 0s}
  /* Platz der Lupe ab dem ersten Bild freihalten, das Skript setzt sie dann ohne Verschiebung ein */
  body.is-ctl-product .gn-akt:not(:has(.gn-lupe)){padding-left:44px}
  body.is-ctl-product .gn-lupe{display:grid;place-items:center;width:44px;height:44px;padding:0;margin:0;border:0;background:transparent;color:#fff;cursor:pointer;flex:none}
  body.is-ctl-product .gn-lupe svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
  body.is-ctl-product .gn-kopf.gn-suche-auf .gn-lupe{color:var(--gn-or)}
}
@media (max-width:374.98px){
  body.is-ctl-product .gn-kopf{--gn-logo-h:28px}
  body.is-ctl-product .gn-logo .header-logo-main-img{height:28px!important}
}
@media (max-width:991.98px) and (prefers-reduced-motion:reduce){
  body.is-ctl-product .gn-zeile2::before,body.is-ctl-product #gys-nav-suche-mobil{transition:none!important}
}

/* ---------- 1.1.0 (Enrico 07.10.2026): Stahl-Panel als Matrix nach Entwurf „Stahl Megamenue Matrix“. Aufbau per gys-navigation.js
   (.gn-mx); das bisherige Stahl-Panel bleibt im HTML (Links für Suchmaschinen). Handy: Formliste mit Werkstoff-Chips (.gn-mx-mliste). ---------- */
.gn-mx,.gn-mx-mliste{display:none}
@media (min-width:992px){
  #gn-p-stahl.gn-mx-aktiv{min-height:0;padding:22px 26px}
  #gn-p-stahl.gn-mx-aktiv > :not(.gn-mx){display:none!important}
  #gn-p-stahl.gn-mx-aktiv > .gn-mx{display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - var(--gn-kopf-h) - 60px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .gn-mx-grid{display:grid}
  .gn-mx-gk{align-items:end}
  .gn-mx-grp{padding:0 0 8px 10px;border-bottom:2px solid var(--gys-text,#222222);display:flex;flex-direction:column;gap:2px}
  .gn-mx-grp b{font-size:12px;letter-spacing:.12em;color:var(--gys-text,#222222)}
  .gn-mx-grp span{font-size:12px;color:var(--gys-text-muted,#666666)}
  .gn-mx-tab{margin-top:-14px}
  .gn-mx-ecke{padding:10px 0;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--gys-text-muted,#666666);align-self:end}
  .gn-mx-sk{display:flex;flex-direction:column;gap:2px;padding:10px 6px 8px;color:var(--gys-text,#222222);text-align:center;border-bottom:1px solid var(--gys-border-strong,#dddddd)}
  .gn-mx-sk:hover{color:var(--gys-text,#222222)}
  .gn-mx-skn{font-family:var(--gn-mono);font-size:14px;font-weight:700;color:var(--gys-text,#222222)}
  .gn-mx-ska{font-size:11px;color:var(--gys-text-muted,#666666)}
  .gn-mx-sk.gn-mx-an{background:var(--gys-blue-light,#eaf0f7)}
  .gn-mx-sk.gn-mx-an .gn-mx-skn{color:var(--gys-blue,#1f3c66)}
  .gn-mx-zk{display:flex;align-items:center;gap:10px;padding:0 10px 0 4px;height:44px;border-bottom:1px solid var(--gys-border,#eeeeee);color:var(--gys-text,#222222)}
  .gn-mx-zk:hover{color:var(--gys-text,#222222)}
  .gn-mx-ic{width:20px;height:20px;flex:none;display:block}
  .gn-mx-zt{display:flex;flex-direction:column;min-width:0}
  .gn-mx-zn{font-size:14px;font-weight:700;color:var(--gys-text,#222222);white-space:nowrap}
  .gn-mx-zs{font-size:11px;color:var(--gys-text-muted,#666666);white-space:nowrap}
  .gn-mx-zk.gn-mx-an .gn-mx-zn{color:var(--gys-blue,#1f3c66)}
  .gn-mx-zk.gn-mx-nur{background:var(--gys-blue-light,#eaf0f7)}
  .gn-mx-f{height:44px;display:grid;place-items:center;border-bottom:1px solid var(--gys-border,#eeeeee);font-size:13px}
  .gn-mx-hat{background:var(--gys-bg-subtle,#fafafa);color:var(--gys-text,#222222);font-weight:700}
  .gn-mx-hat:hover{color:var(--gys-text,#222222)}
  .gn-mx-leer{color:#ccc}
  .gn-mx-f.gn-mx-hl{background:var(--gys-blue-light,#eaf0f7)}
  .gn-mx-f.gn-mx-voll{background:var(--gys-blue,#1f3c66);color:#fff}
  .gn-mx-info{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:50px;padding:0 16px;background:var(--gys-blue-light,#eaf0f7);border-left:4px solid var(--gys-blue,#1f3c66);flex:none}
  .gn-mx-it{font-size:14px;color:var(--gys-text,#222222)}
  .gn-mx-ia{font-size:14px;font-weight:700;color:var(--gys-blue,#1f3c66);white-space:nowrap}
  .gn-mx-ia:hover{color:var(--gys-blue-hover,#16304f)}
  .gn-mx-sf{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:var(--gys-dark,#2b2b2b);font-size:13px;color:#fff;flex:none}
  .gn-mx-sf a{font-size:13px;font-weight:700;color:var(--gys-orange,#e85d2a);white-space:nowrap}
}
@media (max-width:991.98px){
  #gn .gn-fb.gn-mx-mobil .gn-fb-liste{display:none}
  #gn .gn-fb.gn-mx-mobil .gn-mx-mliste{display:block;list-style:none;margin:0;padding:0}
  #gn .gn-mx-mz{list-style:none;padding:8px 20px 12px;border-bottom:1px solid var(--gn-lin)}
  #gn .gn-mx-mf{display:flex;align-items:center;gap:12px;min-height:44px;font-size:15px;font-weight:700;color:var(--gys-text,#222222)}
  #gn .gn-mx-mf img{width:22px;height:22px;flex:none}
  #gn .gn-mx-mpf{margin-left:auto;font-size:18px;color:var(--gys-text-hint,#888888);font-weight:400}
  #gn .gn-mx-chips{display:flex;flex-wrap:wrap;gap:8px;padding-left:34px}
  #gn .gn-mx-chips a{height:36px;padding:0 14px;display:inline-grid;place-items:center;background:var(--gys-bg-page,#f4f4f5);border-radius:18px;font-family:var(--gn-mono);font-size:13px;font-weight:700;color:#444}
  #gn .gn-mx-chips a.gn-mx-chip-w{background:#fff;border:1.5px solid var(--gys-border-strong,#dddddd)}
}
.gn-mx-hex{width:16px!important;height:16px!important;margin:2px;background:#555;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
@media (min-width:992px){.gn-mx-zk-ohne{cursor:default}}
@media (max-width:991.98px){#gn .gn-mx-mf .gn-mx-hex{width:18px!important;height:18px!important;margin:2px;flex:none}}

/* ---------- 08.10.2026: Testvariante einheitliches Menü (nur mit ?menue=einheitlich bzw. ?stahlmenue=links, Sitzungs-Cookie). Stahl, Edelstahl, Nickel. Nur Desktop. ---------- */
.gn-sl{display:none}
@media (min-width:992px){
  .gn-mega.gn-sl-aktiv{min-height:0;padding:0;left:max(12px,calc((100% - 1336px) / 2));right:max(12px,calc((100% - 1336px) / 2))}
  .gn-mega.gn-sl-aktiv > :not(.gn-sl){display:none!important}
  .gn-mega.gn-sl-aktiv > .gn-sl{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:min(660px,calc(100vh - var(--gn-kopf-h) - 16px))}
  .gn-sl-links{padding:18px 0;border-right:1px solid var(--gys-border,#eeeeee);display:flex;flex-direction:column;gap:4px;max-height:calc(100vh - var(--gn-kopf-h) - 16px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .gn-sl-alle{display:flex;align-items:center;gap:10px;margin:0 0 6px;padding:10px 20px 10px 17px;background:transparent;border:0;border-left:3px solid transparent;cursor:pointer;text-align:left;font-family:Inter,system-ui,sans-serif;color:var(--gys-text,#222222)}
  .gn-sl-raster{display:grid;grid-template-columns:7px 7px;gap:2px;flex:none}
  .gn-sl-raster span{width:7px;height:7px;background:var(--gys-text,#222222)}
  .gn-sl-alle-t{font-size:14px;font-weight:700;color:var(--gys-text,#222222)}
  .gn-sl-alle-u{font-size:12px;color:var(--gys-text-muted,#666666)}
  .gn-sl-alle.gn-sl-an{background:var(--gys-blue-light,#eaf0f7);border-left-color:var(--gys-blue,#1f3c66)}
  .gn-sl-alle.gn-sl-an .gn-sl-raster span{background:var(--gys-blue,#1f3c66)}
  .gn-sl-alle.gn-sl-an .gn-sl-alle-t{color:var(--gys-blue,#1f3c66)}
  .gn-sl-gruppe{display:flex;flex-direction:column}
  .gn-sl-gk{padding:10px 20px 6px;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--gys-text-muted,#666666)}
  .gn-sl-w{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:baseline;gap:8px;padding:8px 20px 8px 17px;border-left:3px solid transparent;color:var(--gys-text,#222222)}
  .gn-sl-w:hover{color:var(--gys-text,#222222)}
  .gn-sl-wn{font-family:var(--gn-mono);font-size:14px;font-weight:700;color:var(--gys-text,#222222)}
  .gn-sl-wd{font-size:13px;color:#444;line-height:1.35}
  .gn-sl-w.gn-sl-an{background:var(--gys-blue-light,#eaf0f7);border-left-color:var(--gys-blue,#1f3c66)}
  .gn-sl-w.gn-sl-an .gn-sl-wn{color:var(--gys-blue,#1f3c66)}
  .gn-sl-pane{padding:22px 26px;display:flex;flex-direction:column;gap:16px;min-width:0}
  .gn-sl-pk{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
  .gn-sl-pt{display:flex;align-items:baseline;gap:12px}
  .gn-sl-titel{font-size:20px;font-weight:800;color:var(--gys-text,#222222)}
  .gn-sl-mono{font-family:var(--gn-mono)}
  .gn-sl-sub{font-size:13px;color:var(--gys-text-muted,#666666)}
  .gn-sl-link{font-size:14px;font-weight:700;white-space:nowrap;color:var(--gys-orange-dark,#b8431a)}
  .gn-sl-link:hover{color:var(--gys-orange,#e85d2a)}
  .gn-sl-karten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .gn-sl-k{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1.5px solid var(--gys-border-strong,#dddddd);border-radius:6px;color:var(--gys-text,#222222)}
  .gn-sl-k:hover{border-color:var(--gys-blue,#1f3c66)}
  .gn-sl-kt{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--gys-text,#222222)}
  a.gn-sl-kt:hover{color:var(--gys-blue,#1f3c66)}
  .gn-sl-ic{width:20px;height:20px;flex:none;display:block}
  .gn-sl-chips{display:flex;gap:6px;flex-wrap:wrap}
  .gn-sl-chips a{height:24px;padding:0 9px;display:grid;place-items:center;border-radius:12px;font-size:12px;font-weight:700;color:#333}
  .gn-sl-c-s,.gn-sl-c-d{font-family:var(--gn-mono)}
  .gn-sl-c-s{background:var(--gys-bg-page,#f4f4f5)}
  .gn-sl-c-d{background:#fff;border:1.5px solid #bbb}
  .gn-sl-c-o{background:var(--gys-bg-page,#f4f4f5);color:#444!important;font-family:Inter,system-ui,sans-serif}
  .gn-sl-chips a:hover{background:var(--gys-blue-light,#eaf0f7);color:var(--gys-blue,#1f3c66)}
  .gn-sl-legende{display:flex;gap:16px;align-items:center;font-size:12px;color:#555}
  .gn-sl-legende > span{display:flex;gap:6px;align-items:center}
  .gn-sl-lg{width:14px;height:14px;border-radius:7px;display:block}
  .gn-sl-lg-s{background:var(--gys-bg-page,#f4f4f5)}
  .gn-sl-lg-d{background:#fff;border:1.5px solid #bbb}
  .gn-sl-sf{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:var(--gys-dark,#2b2b2b);border-left:4px solid var(--gys-orange,#e85d2a);font-size:14px;color:#fff}
  .gn-sl-sf a{font-size:14px;font-weight:700;color:var(--gys-orange,#e85d2a);white-space:nowrap}
}
@media (min-width:992px) and (max-height:820px){
  .gn-sl-w{padding-top:6px;padding-bottom:6px}
  .gn-sl-pane{padding:18px 24px;gap:12px}
}

/* ---- Kassen-Kopf 09.10.2026 (Shopware-Standard header-minimal.html.twig: /checkout/register, /checkout/confirm, /checkout/finish, Konto „Bestellung bearbeiten“).
   Enrico: Logo + „Zurück zum Shop“ in EINER Zeile, Knopf orange statt blau, Hover lesbar. Nur Farbe/Anordnung, eng auf .header-minimal begrenzt.
   Ursache Handy: Knopf-Spalte hat nur col-md-4 → unter 768 px volle Breite = eigene Zeile. Ursache Hover: Theme „.header-minimal a:hover{color:#1f3c66}“ + Bootstrap-Hover-Fläche #1f3c66 → Text unsichtbar. ---- */
@media (max-width:767.98px){
  .header-minimal .header-minimal-row{flex-wrap:nowrap;align-items:center}
  .header-minimal .header-minimal-logo{margin-bottom:0}
  .header-minimal .header-minimal-back-to-shop{flex:1 1 auto;width:auto;max-width:none;display:flex;justify-content:flex-end;align-items:center}
  .header-minimal .header-minimal-back-to-shop-button{white-space:nowrap;padding:.375rem .75rem;font-size:.875rem}
}
.header-minimal .header-minimal-back-to-shop-button{--bs-btn-color:#fff;--bs-btn-border-color:var(--gys-orange,#e85d2a);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--gys-orange-dark,#b8431a);--bs-btn-hover-border-color:var(--gys-orange-dark,#b8431a);--bs-btn-active-color:#fff;--bs-btn-active-bg:var(--gys-orange-dark,#b8431a);--bs-btn-active-border-color:var(--gys-orange-dark,#b8431a);--bs-btn-focus-shadow-rgb:232,93,42}
.header-minimal a.header-minimal-back-to-shop-button{color:#fff;background-color:transparent;border:1px solid var(--gys-orange,#e85d2a)}
.header-minimal a.header-minimal-back-to-shop-button:hover,.header-minimal a.header-minimal-back-to-shop-button:focus-visible,.header-minimal a.header-minimal-back-to-shop-button:active,.header-minimal a.header-minimal-back-to-shop-button.active{color:#fff;background-color:var(--gys-orange-dark,#b8431a);border-color:var(--gys-orange-dark,#b8431a)}
.header-minimal a.header-minimal-back-to-shop-button:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(232,93,42,.5)}