/* Hersteller-Navigation (09.10.2026, server/hersteller-welt.mjs, server/seo.mjs renderHerstellerWelt).
   Schritt 1 Bereichsleiste, Schritt 2 Unterbereiche links und Kategoriekacheln rechts, danach Liste mit Baum. */
.hw-schritt{margin:0 0 10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--t-muted);font-weight:700}
.hw-bereiche,.hw-baum{display:block}
.hw-bereiche{margin:8px 0 28px}
.hw-bereiche ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px}
.hw-bereiche li{display:flex;min-width:0}
.hw-bereich{height:100%;width:100%;display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center;min-height:80px;padding:12px 16px;background:var(--t-white);border:1px solid var(--t-line);color:var(--t-ink);text-decoration:none}
.hw-bereich img{grid-row:1 / span 2;width:56px;height:56px;object-fit:contain}
.hw-bereich-name{font-weight:700;font-size:17px;line-height:1.25;min-width:0;hyphens:auto;overflow-wrap:break-word}
.hw-bereich-zahl{font-size:13px;color:var(--t-muted)}
.hw-bereich.hw-bereich-ohne-bild{grid-template-columns:minmax(0,1fr)}
.hw-bereich:hover{border-color:var(--t-ink)}
.hw-bereich[aria-current]{background:var(--t-ink);border-color:var(--t-ink);color:var(--t-white)}
.hw-bereich[aria-current] .hw-bereich-zahl{color:#dce0e7}
.hw-bereich[aria-current] img{filter:invert(1) brightness(2)}
.hw-panel{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:28px;margin:0 0 36px;padding:24px;background:var(--t-white);border:1px solid var(--t-line)}
.hw-panel-kacheln{grid-template-columns:minmax(0,1fr)}
.hw-panel-kacheln .hw-panel-rechts{border-left:0;padding-left:0}
.hw-inhalt.hw-inhalt-ohne-baum{grid-template-columns:minmax(0,1fr)}
.hw-panel-ohne-kacheln{grid-template-columns:minmax(0,1fr)}
.hw-unter{list-style:none;margin:0;padding:0}
.hw-unter a{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:44px;font-size:15px;text-decoration:none;border-top:1px solid #142a4c20;color:var(--t-ink)}
.hw-unter li:first-child a{border-top:0}
.hw-unter a span{flex:0 0 auto;white-space:nowrap;color:var(--t-muted);font-size:12px;font-weight:500}
.hw-unter a:hover{text-decoration:underline}
.hw-unter a[aria-current]{font-weight:800}
.hw-panel-rechts{min-width:0;border-left:1px solid var(--t-line);padding-left:28px}
.hw-gruppe+.hw-gruppe{margin-top:26px}
.hw-panel-titel{margin:0 0 12px;font-size:15px;font-weight:700;letter-spacing:0}
.hw-panel-titel a{color:var(--t-ink)}
.hw-kacheln{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:14px}
.hw-kacheln>li{display:flex;min-width:0}
/* Kurze Reihen (1 bis 3 Kacheln) nicht über die ganze Breite ziehen: feste Kachelbreite wie in vollen Reihen (PR 149). */
.hw-kacheln:not(:has(>li:nth-child(4))){grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),240px))}
.hw-kachel{width:100%;display:flex;flex-direction:column;gap:6px;height:100%;padding:10px;border:1px solid transparent;color:var(--t-ink);text-decoration:none}
.hw-kachel:hover{border-color:var(--t-line)}
.hw-kachel[aria-current]{border-color:var(--t-ink)}
.hw-kachel-bild{display:block;aspect-ratio:3 / 2;background:var(--t-paper);overflow:hidden}
.hw-kachel-bild img{display:block;width:100%;height:100%;object-fit:contain}
.hw-kachel-zeichnung{background:#f1f1f1}
.hw-kachel-foto img{object-fit:contain;mix-blend-mode:multiply}
.hw-kachel-name{font-size:14px;font-weight:600;line-height:1.3;hyphens:auto;overflow-wrap:break-word}
.hw-kachel-zahl{margin-top:auto;font-size:12px;color:var(--t-muted)}
.hw-baum-kopf{margin:0 0 6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.hw-baum-kopf a{color:var(--t-ink);text-decoration:none}
.hw-baum-ebene{list-style:none;margin:0;padding:0}
.hw-baum-ebene .hw-baum-ebene{padding-left:14px}
.hw-baum a{display:flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none;border-top:1px solid #142a4c20;color:var(--t-ink);hyphens:auto;overflow-wrap:break-word}
.hw-baum a:hover{text-decoration:underline}
.hw-baum a[aria-current]{font-weight:800}
@media (max-width:850px){
  .hw-panel{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px}
  .hw-panel-rechts{border-left:0;padding-left:0;border-top:1px solid var(--t-line);padding-top:18px}
}
@media (max-width:480px){
  .hw-kacheln{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hw-kachel{padding:6px}
  .hw-bereich{min-height:68px;grid-template-columns:44px minmax(0,1fr)}
  .hw-bereich img{width:44px;height:44px}
}
/* Q-railing-Feinschliff (18.10.2026): der Link "Alle ... Artikel als Liste" führt auch zu den Artikeln, die in keinem
   Bereich stehen; deshalb anders als die übrigen Kopf-Textlinks auch auf dem Handy sichtbar. */
@media (max-width:560px){
  .sa-held-wege .sa-textlink.hw-alle{display:inline-flex}
}