/* Kategorieseiten im Shop (07.10.2026), aus den Landingpages Variante A (Beratung zuerst) übernommen. Kopf und Fuß stellt der
   Shop (theme.css, fuss.css). Die Grundregeln gelten nur in main.lp-body; :where hält die Spezifität wie in der Quelle.
   Regeln für Kopf und Fuß der Variante A entfallen. Danach unverändert: Maßfilter, Ratgeber, Einsatzbereiche, Glasarten, Beratung. */
html{scroll-behavior:smooth}.lp-body{font-size:16px}:where(.lp-body) a{color:inherit}:where(.lp-body) :is(a,button,input,select,summary):focus-visible{outline:3px solid #a2480a;outline-offset:4px}:where(.lp-body) :is(h1,h2,h3,p,figure){margin:0}:where(.lp-body) h2{font-size:30px;line-height:1.25;letter-spacing:-.035em;font-weight:600}:where(.lp-body) h3{font-size:19px;line-height:1.35;letter-spacing:-.02em;font-weight:600}:where(.lp-body) p{max-width:70ch}

.lp-body{display:block;max-width:1404px;margin:auto;padding:0 5% 72px}.lp-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;font-size:12px;min-height:74px;color:var(--t-muted)}.lp-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}.lp-hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding:28px 0 64px}.lp-intro h1{font-size:clamp(44px,5vw,76px);font-weight:500;letter-spacing:-.055em;line-height:1.04;margin:18px 0 26px}.lp-short{font-size:18px;line-height:1.75;margin-bottom:30px}.lp-material img{display:block;width:100%;height:auto;aspect-ratio:1000/789;object-fit:cover}.lp-material figcaption{font-size:12px;color:var(--t-muted);padding-top:12px}.lp-two-col{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:6%;align-items:start;margin:10px 0 72px}.lp-facts h2,.lp-faq h2{margin:12px 0 26px}.lp-facts table{border-collapse:collapse;width:100%;font-size:14px}.lp-facts caption{text-align:left;color:var(--t-muted);font-size:12px;padding-bottom:12px}.lp-facts th,.lp-facts td{text-align:left;vertical-align:top;border-top:1px solid var(--t-line);padding:15px 16px 15px 0;line-height:1.65}.lp-facts th{font-weight:600;width:30%}.lp-note{font-size:12px;line-height:1.7;color:var(--t-muted);margin-top:16px}.lp-entry{background:#e1e5eb;padding:32px}.lp-entry h2{margin:12px 0 26px}.lp-dimensions label{display:block;font-size:13px;font-weight:600}.lp-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lp-dimensions input,.lp-dimensions select{width:100%;min-width:0;border:1px solid #6f7885;background:#fff;border-radius:0;padding:12px;font:500 17px Manrope,Arial,sans-serif;color:var(--t-ink);height:52px;margin:8px 0 20px}.lp-dimensions .t-knopf{width:100%;white-space:normal;justify-content:space-between;padding:14px 18px;line-height:1.5;border-radius:0;cursor:pointer}.lp-entry-status{font-size:13px}.lp-entry-status:empty{display:none}.lp-faq{max-width:860px;margin:0 auto 64px}.lp-faq details{border-top:1px solid var(--t-line)}.lp-faq details:last-child{border-bottom:1px solid var(--t-line)}.lp-faq summary{cursor:pointer;padding:20px 34px 20px 0;min-height:64px;font-weight:600;position:relative;list-style:none}.lp-faq summary::-webkit-details-marker{display:none}.lp-faq summary:after{content:'+';position:absolute;right:4px;top:18px;font-size:24px;font-weight:400}.lp-faq details[open] summary:after{content:'−'}.lp-faq details p{padding:0 20px 24px 0;font-size:15px;line-height:1.8}
.lp-body{overflow-wrap:anywhere}.lp-intro>.t-knopf{white-space:normal}.lp-body section{min-width:0}
.lp-body a{min-width:44px}


/* ===== Fassung 2: Archivkopf, Maßleiste, Filter, Produktraster ===== */
.lp-archiv-kopf{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,620px);gap:24px 72px;align-items:end;padding:28px 0 44px;border-bottom:0}
.lp-archiv-kopf h1{position:relative;font-size:clamp(46px,5vw,96px);font-weight:800;letter-spacing:-.055em;line-height:1.12;margin:0;color:var(--k-tinte);text-wrap:balance}
.lp-intro-text{font-size:17.5px;line-height:1.6;max-width:62ch;color:#33415a}
.lp-entry-status{font-size:13px;padding:10px 12px;background:#fff;border-left:3px solid #a2480a;line-height:1.6}.lp-entry-status:empty{display:none}

.lp-produkte{margin-bottom:80px}
.lp-produkte-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;margin-bottom:22px}
.lp-produkte-kopf h2{font-size:28px}
.lp-treffer{font-size:14px;color:var(--t-muted)}
.lp-archiv{display:grid;grid-template-columns:232px minmax(0,1fr);gap:40px;align-items:start}
.lp-filter{position:static}
.lp-filter-klappe>summary{list-style:none;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--t-muted);padding-bottom:12px;border-bottom:1px solid var(--t-line);margin-bottom:20px;min-height:44px;cursor:default}
.lp-filter-klappe>summary::-webkit-details-marker{display:none}
.lp-filter-gruppe{border:0;margin:0 0 22px;padding:0;min-width:0}
.lp-filter-gruppe legend{font-size:14px;font-weight:700;padding:0;margin-bottom:10px}
.lp-chips{display:flex;flex-wrap:wrap;gap:8px}
.lp-chip{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--t-line);background:#fff;font-size:14px;line-height:1.3;cursor:pointer;box-sizing:border-box}
.lp-chips:not(.lp-chips-eng) .lp-chip{width:100%;justify-content:space-between}
.lp-chips-eng .lp-chip{min-width:72px;justify-content:center}
.lp-chips-eng .lp-chip-zahl{display:none}
.lp-chip input{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);margin:0;opacity:0;cursor:pointer}
.lp-chip-zahl{font-size:12px;color:var(--t-muted)}
.lp-chip:has(input:checked){background:var(--t-ink);border-color:var(--t-ink);color:#fff}
.lp-chip:has(input:checked) .lp-chip-zahl{color:#d3dae4}
.lp-chip:has(input:focus-visible){outline:3px solid #a2480a;outline-offset:2px}
.lp-chip:has(input:disabled){color:#8a909a;background:transparent;border-style:dashed;cursor:default}
.lp-filter-zurueck{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;border:0;background:none;font:700 14px Manrope,Arial,sans-serif;color:var(--t-ink);text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.lp-filter-zurueck:disabled{color:#8a909a;text-decoration:none;cursor:default}

.lp-raster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lp-produkt{display:flex;flex-direction:column;background:#fff;border:1px solid var(--t-line);min-width:0}
.lp-produkt[hidden]{display:none}
.lp-produkt-bild{aspect-ratio:1000/789;background:#fff;border-bottom:1px solid var(--t-line);overflow:hidden}
.lp-produkt-bild img{display:block;width:100%;height:100%;object-fit:contain}
.lp-produkt-text{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.lp-produkt h3{font-size:17px;line-height:1.35;margin:0 0 8px}
.lp-produkt-nutzen{font-size:14px;line-height:1.6;margin:0 0 14px}
.lp-produkt-daten{margin:0 0 16px;font-size:13px;line-height:1.5}
.lp-produkt-daten div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;padding:6px 0;border-top:1px solid #e1e4e9}
.lp-produkt-daten dt{color:var(--t-muted)}
.lp-produkt-daten dd{margin:0}
.lp-produkt-fuss{margin-top:auto}
.lp-produkt-preis{font-size:14px;font-weight:600;margin:0 0 10px}
.lp-produkt-knopf{width:100%;justify-content:space-between;min-height:44px;border-radius:0;font-size:14px;padding:0 16px;box-sizing:border-box}
.lp-leer{background:#fff;border:1px solid var(--t-line);padding:24px}
.lp-leer p{margin-bottom:8px;line-height:1.6}
.lp-raster-rahmen .lp-note{margin-top:18px}

.lp-facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:6%;border-top:1px solid var(--t-line);padding-top:56px;margin-bottom:72px}
.lp-facts-kopf h2{margin:12px 0 14px}
.lp-facts-kopf .lp-note a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--t-ink);text-underline-offset:4px}

/* Ratgeber mit Seitenleiste */
.lp-ratgeber-raster{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:6%;align-items:start;border-top:1px solid var(--t-line);padding-top:56px;margin-bottom:72px}
.lp-ratgeber h2{margin:12px 0 10px}
.lp-ratgeber h3{margin:34px 0 12px}
.lp-ratgeber p{font-size:16px;line-height:1.8;margin-bottom:14px}
.lp-ratgeber p a{font-weight:600}
.lp-seitenleiste{background:#fff;border:1px solid var(--t-line);padding:28px;position:sticky;top:calc(var(--t-kopf-h,0px) + 24px)}
.lp-seitenleiste h2{font-size:22px;margin:10px 0 16px}
.lp-wissen{list-style:none;margin:0;padding:0}
.lp-wissen li{border-top:1px solid var(--t-line)}
.lp-wissen a{display:block;padding:14px 0;text-decoration:none;min-height:44px}
.lp-wissen strong{display:block;font-size:15px;text-decoration:underline;text-underline-offset:4px}
.lp-wissen span{display:block;font-size:13px;line-height:1.6;color:var(--t-muted);margin-top:4px}

/* Einsatzbereiche */
.lp-einsatz{border-top:1px solid var(--t-line);padding-top:56px;margin-bottom:72px}
.lp-einsatz h2{margin:12px 0 12px}
.lp-einsatz-lead{font-size:15px;line-height:1.7;color:var(--t-muted);margin-bottom:28px}
.lp-einsatz-raster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.lp-einsatz-karte{background:#fff;border:1px solid var(--t-line);display:flex;flex-direction:column}
.lp-einsatz-karte img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff;border-bottom:1px solid var(--t-line)}
.lp-einsatz-karte>div{padding:22px 24px 14px}
.lp-einsatz-karte p{font-size:14px;line-height:1.7;margin:10px 0 8px}
.lp-einsatz-links{list-style:none;margin:0;padding:0}
.lp-einsatz-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;border-top:1px solid var(--t-line);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.lp-mehr{margin-top:20px}.lp-mehr a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;text-underline-offset:5px}

/* Weitere Glasarten */
.lp-weitere{border-top:1px solid var(--t-line);padding-top:56px;margin-bottom:72px}
.lp-weitere h2{margin:12px 0 26px}
.lp-weitere-raster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lp-weitere-raster a{display:block;height:100%;box-sizing:border-box;background:#fff;border:1px solid var(--t-line);padding:22px;text-decoration:none;min-height:44px}
.lp-weitere-raster strong{display:block;font-size:19px;letter-spacing:-.02em;text-decoration:underline;text-underline-offset:5px}
.lp-weitere-raster span{display:block;font-size:14px;line-height:1.65;margin-top:10px;color:var(--t-ink)}
.lp-weitere-raster a:hover{border-color:var(--t-ink)}

/* Beratung */
.lp-beratung{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:6%;align-items:center;background:#142a4c;color:#fff;padding:40px}
.lp-beratung .t-eyebrow{color:#d3dae4}
.lp-beratung h2{margin:10px 0 12px}
.lp-beratung p{line-height:1.7}
.lp-beratung-wege{display:flex;flex-direction:column;gap:12px}
.lp-beratung .t-knopf{background:#fff;color:#142a4c;border-color:#fff;white-space:normal;justify-content:center}
.lp-beratung-zweit{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border:2px solid #fff;border-radius:4px;font-weight:700;font-size:15px;text-decoration:none;padding:0 22px}
.lp-beratung a:focus-visible{outline-color:#fff}

@media(max-width:1099px){.lp-hero{gap:30px}.lp-body{padding-inline:4%}.lp-entry{padding:24px}.lp-two-col{gap:28px}.lp-einsatz-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lp-weitere-raster{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-ratgeber-raster{gap:32px}}
@media(max-width:860px){.lp-start{grid-template-columns:1fr}.lp-ratgeber-raster{grid-template-columns:1fr}.lp-seitenleiste{position:static}}
@media(max-width:760px){.lp-body{padding:0 20px 42px}.lp-breadcrumb{min-height:66px;gap:0 8px;font-size:12px}.lp-hero,.lp-two-col{grid-template-columns:1fr;gap:28px;padding:14px 0 36px;margin-bottom:20px}.lp-intro h1{font-size:54px;margin:14px 0 22px}.lp-short{font-size:16px;line-height:1.8}.lp-intro>.t-knopf{font-size:14px}.lp-entry{padding:24px}.lp-entry h2{font-size:27px}.lp-facts h2,.lp-faq h2,.lp-ratgeber h2,.lp-einsatz h2,.lp-weitere h2,.lp-beratung h2{font-size:28px}.lp-facts th,.lp-facts td{font-size:13px;padding:13px 12px 13px 0}.lp-facts th{width:31%}.lp-faq{margin-bottom:40px}.lp-faq summary{font-size:15px;padding-block:18px}.lp-inputs{gap:12px}.lp-ratgeber-raster,.lp-einsatz,.lp-weitere{padding-top:40px;margin-bottom:44px}.lp-einsatz-raster,.lp-weitere-raster{grid-template-columns:1fr}.lp-einsatz-karte{display:grid;grid-template-columns:35% 65%}.lp-einsatz-karte img{height:100%;aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--t-line)}.lp-einsatz-karte>div{padding:18px}.lp-beratung{grid-template-columns:1fr;gap:24px;padding:28px 22px}.lp-seitenleiste{padding:22px}}
@media(max-width:480px){.lp-einsatz-karte{display:flex}.lp-einsatz-karte img{height:auto;aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--t-line)}}
@media(max-width:360px){.lp-body{padding-inline:16px}.lp-intro h1{font-size:47px}.lp-entry{padding:20px 16px}.lp-inputs{grid-template-columns:1fr;gap:0}.lp-facts th{width:34%}.lp-facts td{padding-right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Textlinks im Fließtext: Trefferfläche auf mindestens 44 × 44 px vergrößern, ohne den Zeilenfall zu verändern */
.lp-ratgeber p a{padding:11px 7px;margin:0 -7px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.lp-auswahl{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px}
@media(max-width:1099px) and (min-width:861px),(max-width:480px){.lp-auswahl{grid-template-columns:1fr;gap:0}}
.lp-facts th{overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto}

/* Fassung 2: Umbrüche Archiv */
/* 06.10.: höchstens drei Produkte in einer Reihe. */
@media(max-width:1023px){.lp-archiv{grid-template-columns:1fr;gap:16px}.lp-filter{position:static}.lp-filter-klappe{border:1px solid var(--t-line);background:#fff}.lp-filter-klappe>summary{cursor:pointer;margin:0;padding:0 16px;border:0;color:var(--t-ink);font-size:14px;letter-spacing:.04em;min-height:48px}.lp-filter-klappe>summary:after{content:'+';margin-left:auto;font-size:22px;font-weight:400}.lp-filter-klappe[open]>summary:after{content:'−'}.lp-filter-klappe[open]>summary{border-bottom:1px solid var(--t-line)}.lp-filter-form{padding:16px 16px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.lp-filter-gruppe[data-gruppe=oberflaeche]{grid-row:span 2}.lp-filter-klappe>.lp-filter-zurueck{margin:0 16px 8px}.lp-facts{grid-template-columns:1fr;gap:8px}}
@media(max-width:860px){.lp-archiv-kopf{grid-template-columns:1fr;gap:14px}}
@media(max-width:699px){.lp-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lp-produkt-text{padding:14px 14px 16px}.lp-produkt h3{font-size:15px}.lp-produkt-nutzen{font-size:13px}.lp-produkt-daten{font-size:12px}.lp-produkt-daten div{grid-template-columns:1fr;gap:0}.lp-produkt-knopf{padding:0 12px;font-size:13px}.lp-filter-form{grid-template-columns:1fr}.lp-filter-gruppe[data-gruppe=oberflaeche]{grid-row:auto}.lp-intro-text{font-size:16px}}
@media(max-width:359px){.lp-raster{grid-template-columns:1fr}.lp-produkt-daten div{grid-template-columns:64px minmax(0,1fr);gap:8px}}
.lp-produkt{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.lp-produkt-knopf{overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}
@media(max-width:699px){.lp-produkt-knopf{justify-content:center;padding:0 8px}.lp-produkt-knopf>span[aria-hidden]{display:none}}
/* Produktkarte: Bild und Name führen zur Produktseite, "Produktdetails" zu Beschreibung und Daten. */
.lp-produkt-bild{display:block}
.lp-produkt-titel{display:flex;align-items:center;min-height:44px;color:inherit;text-decoration:none}
.lp-produkt-titel:hover,.lp-produkt-titel:focus-visible{text-decoration:underline;text-underline-offset:3px}
.lp-produkt-details{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:4px;font-size:14px;color:inherit;text-decoration:underline;text-underline-offset:3px}

/* ===== Fassung 4: Maßleiste "Schnell mit Maßen starten" als Produkt-Einstieg ===== */
.lp-mass{position:relative;background:#fff;border:1px solid var(--t-line);box-shadow:0 1px 2px rgba(20,42,76,.05),0 10px 30px rgba(20,42,76,.06);margin:28px 0 52px}
.lp-mass-klappe>summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:44px;cursor:default}
.lp-mass-klappe>summary::-webkit-details-marker{display:none}
.lp-mass-kopf{display:block;min-width:0}
.lp-mass h2{font-size:22px;line-height:1.25;letter-spacing:-.025em;margin:0 0 6px}
.lp-mass-unter{display:block;font-size:13px;line-height:1.55;color:var(--t-muted);max-width:52ch}
.lp-mass-form{display:grid;column-gap:14px;row-gap:14px;align-items:end;padding:0 28px 22px}
.lp-mass-feld{display:block;min-width:0}
.lp-mass-label{display:block;font-size:12px;font-weight:700;letter-spacing:.02em;margin-bottom:6px;color:var(--t-ink)}
.lp-mass-eingabe{position:relative;display:block}
.lp-mass-form input,.lp-mass-form select{display:block;box-sizing:border-box;width:100%;min-width:0;height:48px;margin:0;padding:0 12px;font:500 15px/1.2 Manrope,Arial,sans-serif;color:var(--t-ink);background:#fff;border:1px solid #9fa6b0;border-radius:4px}
.lp-mass-form input{padding-right:44px;font-variant-numeric:tabular-nums}
.lp-mass-form input:hover,.lp-mass-form select:hover{border-color:var(--t-ink)}
.lp-mass-form input:invalid{border-color:#a2480a}
.lp-mass-einheit{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:600;color:var(--t-muted);pointer-events:none}
.lp-mass-knopf{height:48px;min-height:48px;border-radius:4px;padding:0 22px;justify-content:center;white-space:nowrap;overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none;cursor:pointer;box-sizing:border-box}
.lp-mass-grenzen{grid-column:1/-1;font-size:12px;line-height:1.5;color:var(--t-muted);margin:-4px 0 0}
.lp-mass-form .lp-entry-status{grid-column:1/-1;margin:0}
.lp-mass-vorschau{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:0}
.lp-mass-skizze{line-height:0}
.lp-skizze{display:block;width:240px;height:auto;max-width:100%}
.lp-skizze-scheibe{fill:#e6eaef;stroke:#142a4c;stroke-width:1.5}
.lp-skizze-linie{stroke:#7c828c;stroke-width:1}
.lp-skizze-text{fill:#5a6678;font:600 11px Manrope,Arial,sans-serif}
.lp-mass-skizze-leer{font-size:12px;line-height:1.5;color:var(--t-muted);margin:0;min-height:40px;display:flex;align-items:center}
.lp-mass-skizze-leer[hidden],.lp-mass-skizze[hidden]{display:none}
.lp-mass-zusammen{font-size:13px;font-weight:600;line-height:1.4;color:var(--t-ink);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

/* Desktop: Titel oben links, Skizze und Zusammenfassung oben rechts, Felder und Knopf in einer Reihe */
@media(min-width:1024px){
 .lp-mass-klappe>summary{position:absolute;left:28px;top:24px;right:300px;pointer-events:none}
 .lp-mass-form{padding-top:20px}
 .lp-mass-vorschau{grid-column:1/-1;justify-self:end;max-width:min(100%,520px)}
 .lp-mass-felder-4{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr) max-content}
 .lp-mass-felder-5{grid-template-columns:minmax(0,.9fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,1.35fr) minmax(0,1.35fr) max-content}
 .lp-mass-felder-6{grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,.85fr) minmax(0,.85fr) minmax(0,1.3fr) minmax(0,1.3fr) max-content}
}
@media(min-width:1024px) and (max-width:1279px){
 .lp-mass-felder-4{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-mass-felder-4 .lp-mass-knopf{grid-column:span 2}
 .lp-mass-felder-5{grid-template-columns:repeat(3,minmax(0,1fr))}
 .lp-mass-felder-6{grid-template-columns:repeat(4,minmax(0,1fr))}.lp-mass-felder-6 .lp-mass-knopf{grid-column:span 2}
}
/* Tablet und Handy: aufklappbar, Felder in zwei Spalten, Skizze und Zusammenfassung darunter, Knopf volle Breite */
@media(max-width:1023px){
 .lp-mass{margin:20px 0 28px}
 .lp-mass-klappe>summary{cursor:pointer;padding:14px 18px;min-height:56px}
 .lp-mass-klappe>summary:after{content:'+';margin-left:auto;font-size:22px;font-weight:400;flex:none}
 .lp-mass-klappe[open]>summary:after{content:'−'}
 .lp-mass h2{font-size:19px}
 .lp-mass-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 18px 18px}
 .lp-mass-feld{order:0}
 .lp-mass-grenzen{order:1;margin:0}
 .lp-mass-vorschau{order:2;grid-column:1/-1;align-items:center;padding:12px;background:#f4f6f9;border-radius:4px}
 .lp-mass-zusammen{white-space:normal;text-align:center}
 .lp-mass-knopf{order:3;grid-column:1/-1;width:100%}
 .lp-mass-form .lp-entry-status{order:4}
 .lp-mass-felder-6 .lp-mass-feld:first-of-type{grid-column:1/-1}
}
@media(min-width:700px) and (max-width:1023px){.lp-mass-form{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-mass-felder-6 .lp-mass-feld:first-of-type{grid-column:auto}}
@media(max-width:359px){.lp-mass-form{grid-template-columns:1fr}.lp-mass-felder-6 .lp-mass-feld:first-of-type{grid-column:auto}}
@media(max-width:699px) and (min-width:360px){.lp-mass-felder-5 label.lp-mass-feld:last-of-type,.lp-mass-felder-6 label.lp-mass-feld:last-of-type{grid-column:1/-1}}

/* Fassung 5 (06.10.): FAQ im Raster der SEO-Abschnitte wie "Im Überblick": Kopf links schmal, Fragen rechts breit */
.lp-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:6%;max-width:none;margin:0 0 72px;border-top:1px solid var(--t-line);padding-top:56px}
.lp-faq-kopf h2{margin:12px 0 14px}
.lp-faq-liste{min-width:0}
@media(max-width:1023px){.lp-faq{grid-template-columns:1fr;gap:8px}}
@media(max-width:760px){.lp-faq{padding-top:40px;margin-bottom:44px}}

/* Fassung 6: sieben Felder (Glastyp, Ausführung/Qualität, Form, Glasstärke, Breite, Höhe, Kante) und Knopf */
@media(min-width:1024px){.lp-mass-felder-7{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:699px){.lp-mass-felder-7 .lp-mass-breit,.lp-mass-felder-7 label.lp-mass-feld:last-of-type{grid-column:1/-1}}
.lp-skizze-rahmen{fill:none;stroke:#cfd7e1;stroke-width:1;stroke-dasharray:3 3}
@media(min-width:1024px){.lp-mass-felder-7 .lp-mass-vorschau{max-width:100%}}

/* Fassung 7: Serie. Seiten ohne Filter, Karten ohne Produktbild, Navigation über alle Kategorien */
.lp-archiv-ohne-filter{grid-template-columns:1fr}
.lp-produkt-ohne-bild{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:13px;color:var(--t-muted);background:#f4f6f9}
.lp-alle-kategorien{margin-top:28px}
.lp-alle-titel{font-size:14px;font-weight:700;margin:0 0 10px}
.lp-alle-kategorien ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lp-alle-kategorien a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--t-line);background:#fff;font-size:14px;text-decoration:none;color:var(--t-ink);box-sizing:border-box}
.lp-alle-kategorien a:hover{border-color:var(--t-ink)}

/* Im Shop (07.10.2026): Der kompakte Kopf des Shops (architecture/kopf.mjs setzt html.t-kopf-kompakt beim Scrollen) macht
   jeden .t-knopf 42 px hoch. Im Inhalt der Kategorieseiten bleiben die Knöpfe so hoch wie in der Quelle (Tippziel ab 44 px). */
html.t-kopf-kompakt .lp-body .t-knopf{min-height:52px}html.t-kopf-kompakt .lp-body .lp-mass-knopf{min-height:48px}html.t-kopf-kompakt .lp-body .lp-produkt-knopf{min-height:44px}
/* Im Shop klebt der Kopf oben (architecture/kopf.mjs setzt --t-kopf-h). Sprungziele und das Blättern der Zubehörseiten
   (scrollIntoView) landen deshalb unter dem Kopf statt dahinter. */
.lp-body [id]{scroll-margin-top:calc(var(--t-kopf-h,72px) + 16px)}
/* Sprunglink "Zum Inhalt" des Shoprahmens: verborgen, bis er den Fokus bekommt (wie architecture/ideen.css). */
.skip{position:fixed;top:-100px;left:16px;z-index:100;background:#fff;padding:12px}.skip:focus{top:12px}

/* ===== Richtung A (Kundenwahl 17.10.2026, Entwurf a-kategorie.html) =====
   Nur Gestaltung, Aufbau und Skripte der Kategorieseiten bleiben. Farben und Maße aus kopf.css (--k-*), damit Kopf, Seite und Fuß
   dieselbe Breite und dieselben Keile haben. Leitblau bleibt dem Kopfknopf vorbehalten: die Kartenknöpfe heißen teils
   "Zum Produkt" und bleiben Nachtblau. */
.lp-body{color:var(--k-tinte)}
.lp-breadcrumb{gap:0 10px;font-size:14px;font-weight:600;color:var(--k-leise)}
.lp-breadcrumb a{color:var(--k-leise);text-underline-offset:3px}
.lp-breadcrumb>:last-child{color:var(--k-tinte);font-weight:800}
.lp-archiv-kopf .t-eyebrow{margin:0 0 14px;padding:0;background:none;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--k-tinte)}
/* Keil absolut links neben der ersten Zeile und Schrägstrich als Zeichen: beide brechen so nie allein in eine eigene Zeile. */
.lp-archiv-kopf h1::before{content:"";position:absolute;left:calc(-1 * var(--k-keil-max,200px) - var(--k-luft-keil,20px));top:.14em;width:var(--k-keil-max,200px);height:.72em;background:var(--k-orange);clip-path:polygon(0 0,100% 0,calc(100% - .72em * var(--k-schraeg,.325)) 100%,0 100%)}
.lp-archiv-kopf h1::after{content:"/";margin-left:.03em;color:var(--k-orange)}
.lp-body{overflow-x:clip}

/* Schnellstart als graues Band über die ganze Fensterbreite */
.lp-mass{margin:0 0 64px;border:0;background:var(--k-flaeche);box-shadow:0 0 0 100vmax var(--k-flaeche);clip-path:inset(0 -100vmax)}
.lp-mass h2{font-size:21px;font-weight:800;letter-spacing:-.025em}
.lp-mass-unter{font-size:15px;color:var(--k-leise);max-width:none}
.lp-mass-label{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--k-tinte)}
.lp-mass-form input,.lp-mass-form select{height:52px;border:0;border-bottom:2px solid var(--k-tinte);border-radius:0;background-color:#fff;font:700 16px/1.2 Manrope,Arial,sans-serif;color:var(--k-tinte)}
.lp-mass-form input:hover,.lp-mass-form select:hover{border-color:var(--k-tinte);box-shadow:inset 0 0 0 1px var(--k-tinte)}
.lp-mass-form input:focus-visible,.lp-mass-form select:focus-visible{outline:2px solid var(--k-blau);outline-offset:2px}
.lp-mass-form input:invalid{border-bottom-color:#a2480a}
.lp-mass-knopf{height:52px;min-height:52px;border:0;border-radius:0;background:var(--k-blau,#154e8a);color:#fff;font-size:16px;font-weight:800}
.lp-mass-knopf:hover{background:var(--k-blau-tief,#0f3c6b)}
.lp-mass-grenzen{font-size:14px;color:var(--k-leise)}
.lp-mass-zusammen{font-size:14px;font-weight:800}

/* Filter: Haken statt Kästen, Gruppen mit orangem Balken, Glasstärke als Chips */
.lp-filter-gruppe legend{position:relative;margin-bottom:8px;padding-top:16px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--k-tinte)}
.lp-filter-gruppe legend::before{content:"";position:absolute;left:0;top:0;width:34px;height:5px;background:var(--k-orange);clip-path:polygon(2px 0,100% 0,calc(100% - 2px) 100%,0 100%)}
.lp-chips:not(.lp-chips-eng){gap:0}
.lp-chips:not(.lp-chips-eng) .lp-chip{min-height:40px;padding:0;border:0;background:none;font-size:15.5px;font-weight:600;color:var(--k-tinte)}
.lp-chips:not(.lp-chips-eng) .lp-chip>span:first-of-type::before{content:"";display:inline-block;width:18px;height:18px;margin-right:12px;vertical-align:-3px;border:2px solid var(--k-tinte);background:#fff;box-sizing:border-box}
.lp-chips:not(.lp-chips-eng) .lp-chip:has(input:checked){background:none;color:var(--k-tinte)}
.lp-chips:not(.lp-chips-eng) .lp-chip:has(input:checked)>span:first-of-type::before{background:var(--k-tinte);box-shadow:inset 0 0 0 3px #fff}
.lp-chips:not(.lp-chips-eng) .lp-chip:has(input:checked) .lp-chip-zahl{color:var(--k-leise)}
.lp-chips:not(.lp-chips-eng) .lp-chip:has(input:disabled){border:0;color:#8a909a}
.lp-chips:not(.lp-chips-eng) .lp-chip:has(input:disabled)>span:first-of-type::before{border-color:#c3ccd8}
.lp-chip:has(input:focus-visible){outline:2px solid var(--k-blau);outline-offset:2px}
.lp-chips-eng .lp-chip{min-height:40px;border:1.5px solid #c3ccd8;font-size:14.5px;font-weight:700;color:var(--k-tinte)}
.lp-chips-eng .lp-chip:hover{border-color:var(--k-tinte)}
.lp-chips-eng .lp-chip:has(input:checked){background:var(--k-tinte);border-color:var(--k-tinte);color:#fff}
.lp-filter-zurueck{font-size:14.5px;color:var(--k-leise);text-underline-offset:4px}

/* Trefferkopf und Karten */
.lp-produkte-kopf{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--k-linie)}
.lp-produkte-kopf h2{font-size:clamp(30px,2.9vw,56px);font-weight:800;line-height:1;letter-spacing:-.045em;color:var(--k-tinte)}
.lp-produkte-kopf h2::after{content:"/";margin-left:.03em;color:var(--k-orange)}
.lp-treffer{font-size:15px;font-weight:600;color:var(--k-leise)}
.lp-raster{gap:28px}
.lp-produkt{border-color:var(--k-linie);transition:border-color .2s}
.lp-produkt:hover{border-color:var(--k-tinte)}
.lp-produkt-bild{aspect-ratio:5/4;border-bottom:0}
.lp-produkt-text{gap:0;padding:22px}
.lp-produkt h3{font-size:20px;font-weight:800;line-height:1.2;letter-spacing:-.03em}
.lp-produkt-titel:hover,.lp-produkt-titel:focus-visible{text-decoration-color:var(--k-orange);text-decoration-thickness:3px;text-underline-offset:5px}
.lp-produkt-nutzen{font-size:15px;line-height:1.5;color:#33415a}
.lp-produkt-daten{font-size:14px;line-height:1.4}
.lp-produkt-daten div{grid-template-columns:92px minmax(0,1fr);gap:10px;padding:3px 0;border-top:0}
.lp-produkt-daten dt{font-weight:800;color:var(--k-leise)}
.lp-produkt-daten dd{font-weight:600}
.lp-produkt-fuss{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding-top:16px;border-top:1px solid var(--k-linie)}
.lp-produkt-preis{margin:0;font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--k-tinte);font-variant-numeric:tabular-nums}
/* Karte 114: Vorwärts-Knöpfe in Leitblau mit weißer Schrift (Regel CLAUDE.md). */
.lp-produkt-knopf{min-height:48px;border:0;border-radius:0;background:var(--k-blau,#154e8a);color:#fff;font-size:15px;font-weight:800}
.lp-produkt-knopf:hover{background:var(--k-blau-tief,#0f3c6b)}

.lp-body{max-width:var(--k-breite,1760px);padding-inline:var(--k-rand,64px)}
@media (min-width:1024px){
  .lp-mass{padding:34px 0 30px}
  .lp-mass-klappe>summary{left:0;top:34px}
  .lp-mass-form{padding:24px 0 0}
  /* Filter links neben Trefferkopf und Raster, nur wo es eine Filterspalte gibt (Dusche ohne Filter, Zubehör-Übersicht mit
     Kacheln statt Archiv behalten die volle Breite). */
  .lp-produkte:has(> .lp-archiv > .lp-filter){display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:56px;align-items:start}
  .lp-produkte:has(> .lp-archiv > .lp-filter)>.lp-produkte-kopf{grid-column:2;grid-row:1}
  .lp-produkte:has(> .lp-archiv > .lp-filter)>.lp-archiv{display:contents}
  .lp-produkte:has(> .lp-archiv > .lp-filter) .lp-filter{grid-column:1;grid-row:1 / span 2}
  .lp-produkte:has(> .lp-archiv > .lp-filter) .lp-raster-rahmen{grid-column:2;grid-row:2}
  .lp-filter-klappe>summary{margin-bottom:6px;padding-bottom:12px;border-bottom:2px solid var(--k-tinte);font-size:22px;font-weight:800;letter-spacing:-.025em;text-transform:none;color:var(--k-tinte)}
}
@media (max-width:1023px){
  .lp-mass{padding:22px 0 20px}
  .lp-mass-form{padding:16px 0 0}
}
@media (max-width:860px){
  .lp-archiv-kopf{padding:16px 0 28px}
}
@media (max-width:699px){
  .lp-produkt-text{padding:14px 14px 16px}
  .lp-produkt h3{font-size:16px}
  .lp-produkt-nutzen{font-size:13.5px}
  .lp-produkt-daten{font-size:12.5px}
  .lp-produkt-daten div{grid-template-columns:1fr;gap:0}
  .lp-produkt-preis{font-size:15px}
  .lp-produkt-knopf{min-height:44px;font-size:14px}
}
/* Richtung A, untere Abschnitte: weiße Seite, Abschnittstitel fett mit Schrägstrich, Gruppenbalken, eckige Knöpfe */
html:has(main.lp-body),body:has(main.lp-body){background:#fff}
.lp-body .t-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--k-tinte)}
.lp-facts h2,.lp-ratgeber h2,.lp-einsatz h2,.lp-faq h2,.lp-weitere h2,.lp-beratung h2{font-size:clamp(30px,2.9vw,56px);font-weight:800;line-height:1;letter-spacing:-.045em}
.lp-facts h2::after,.lp-ratgeber h2::after,.lp-einsatz h2::after,.lp-faq h2::after,.lp-weitere h2::after{content:"/";margin-left:.03em;color:var(--k-orange)}
.lp-facts,.lp-ratgeber-raster,.lp-einsatz,.lp-weitere{border-top-color:var(--k-linie)}
.lp-facts table{border-top:2px solid var(--k-tinte);font-size:16px}
.lp-facts caption{font-size:13px;font-weight:600;color:var(--k-leise)}
.lp-facts th{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding-top:19px}
.lp-facts td{font-weight:600}
.lp-facts th,.lp-facts td{border-top-color:var(--k-linie)}
.lp-note{font-size:13px;color:var(--k-leise)}
.lp-ratgeber h3{position:relative;padding-top:18px;font-size:22px;font-weight:800;letter-spacing:-.03em}
.lp-ratgeber h3::before{content:"";position:absolute;left:0;top:0;width:34px;height:5px;background:var(--k-orange);clip-path:polygon(2px 0,100% 0,calc(100% - 2px) 100%,0 100%)}
.lp-ratgeber p{color:#33415a}
.lp-seitenleiste{border:0;border-top:2px solid var(--k-tinte);background:var(--k-flaeche)}
.lp-seitenleiste h2{font-size:22px;font-weight:800;letter-spacing:-.025em}
.lp-wissen li{border-top-color:#d3dae4}
.lp-wissen strong{font-weight:800;text-decoration-color:var(--k-orange);text-decoration-thickness:2px}
.lp-einsatz-lead{font-size:16.5px;color:#33415a}
.lp-einsatz-karte{border-color:var(--k-linie)}
.lp-einsatz-karte img{border-bottom:0;background:var(--k-flaeche)}
.lp-einsatz-karte h3{font-size:21px;font-weight:800;letter-spacing:-.03em}
.lp-einsatz-karte p{font-size:15px;color:#33415a}
.lp-einsatz-links a{border-top-color:var(--k-linie);font-size:15px;font-weight:800;text-decoration-color:var(--k-orange);text-decoration-thickness:2px;text-underline-offset:5px}
.lp-mehr a{font-weight:800;text-decoration-color:var(--k-orange);text-decoration-thickness:3px;text-underline-offset:6px}
.lp-faq details{border-top-color:var(--k-linie)}
.lp-faq details:last-child{border-bottom-color:var(--k-linie)}
.lp-faq summary{font-size:17px;font-weight:800}
.lp-weitere-raster a{border:0;border-top:2px solid var(--k-tinte);background:var(--k-flaeche)}
.lp-weitere-raster a:hover{background:#e3e8ef}
.lp-weitere-raster strong{font-weight:800;text-decoration:none}
.lp-alle-kategorien a{border-radius:0}
.lp-beratung{position:relative;background:var(--k-tief)}
.lp-beratung::before{content:"";position:absolute;left:0;top:0;width:120px;height:8px;background:var(--k-orange);clip-path:polygon(0 0,100% 0,calc(100% - 8px * .325) 100%,0 100%)}
.lp-beratung .t-eyebrow{color:var(--k-auf-nacht)}
.lp-beratung .t-knopf,.lp-beratung-zweit{border-radius:0;font-weight:800}
@media (min-width:1024px){
  .lp-mass-vorschau{flex-direction:row-reverse;align-items:flex-end;justify-content:space-between;justify-self:stretch;max-width:none;gap:24px}
  .lp-skizze{width:240px}
}
@media (max-width:699px){
  /* Überblickstabelle am Handy untereinander: die Großbuchstaben-Etiketten brachen in der schmalen Spalte mit Trennstrich um. */
  .lp-facts table,.lp-facts tbody,.lp-facts tr,.lp-facts th,.lp-facts td{display:block;width:auto}
  /* Auch die Beschriftung folgt dem Blocklayout, sonst entsteht eine schmale anonyme Tabellenbox. */
  .lp-facts caption{display:block}
  .lp-facts th{padding:14px 0 0;-webkit-hyphens:none;hyphens:none}
  .lp-facts td{padding:4px 0 14px;border-top:0}
}
/* Karte 116 (21.10.2026): Überschrift ohne einzelnes letztes Wort ("Isolierglas nach / Maß", text-wrap:balance in der Grundregel
   oben); am Handy steht der orange Strich ganz im Bild vor der Überschrift statt am Rand angeschnitten. */
@media(max-width:760px){.lp-archiv-kopf h1{padding-left:22px}.lp-archiv-kopf h1::before{left:0;width:12px}}