/* LightingDeluxe Einkaufswelten (Kategorieseiten nach dem Baukasten shop/seiten/_baukasten).
   Dieses Stylesheet ist die EINZIGE Quelle fuer das CSS der Welten. Es wird vom Plugin LdMenuWorlds (LD Einkaufswelten)
   ueber eine eigene Datei im Seitenkopf eingebunden (nicht ueber den Theme-Compiler, siehe LdMenuWorlds::cssUrl);
   die Code-Elemente enthalten nur HTML.
   Aenderung: hier aendern, Plugin-Version erhoehen, Plugin aktualisieren, Mockups neu bauen.
   Klassen: ldwz3-* Grundgeruest und Welt oben/unten, ldwz4-* Kacheln und Lichtwissen, ldwz5-* Orientierung,
   das Element Lichtwissen (LD) nutzt ldwz4-wissen/ldwz4-folie/ldwz4-pick. Stand 19.10.2026. */

/* ========== Welt oben ========== */
.ldwz3{--black:#000;--ink:#1c1915;--cream:#f6f2ee;--white:#fff;--sand:#dfd8d3;--greige:#bbada3;--gold:#9d897a;--gold-dark:#7d6858;--brown:#66574b;--magenta:#8c165e;--stage:#16150f;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--sans:"Jost","MullerRegular",Arial,sans-serif;
  --ease-out:cubic-bezier(.23,1,.32,1);
  font-family:var(--sans);font-weight:400;color:var(--black);font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased}
.ldwz3 *{box-sizing:border-box}
:where(.ldwz3) p{margin:0;font-size:inherit;line-height:inherit;color:inherit}
:where(.ldwz3) a{text-decoration:none;box-shadow:none;line-height:inherit}
:where(.ldwz3) :is(h1,h2,h3){margin:0;font-weight:500}
.ldwz3 img{display:block;max-width:none}
.ldwz3-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ldwz3 [id]{scroll-margin-top:110px}
.ldwz3 a:focus-visible,.ldwz3 label:focus-visible{outline:2px solid var(--gold-dark);outline-offset:3px}

/* Kicker und Sektionskopf wie Startseite */
.ldwz3-kicker{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dark);margin:0 0 14px;text-wrap:balance;text-align:center}
.ldwz3-kicker:before,.ldwz3-kicker:after{content:"";width:26px;height:1px;background:var(--greige)}
.ldwz3-h2{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3.4vw,44px);line-height:1.15;color:var(--brown);text-align:center;text-wrap:balance}
.ldwz3-h2 em{font-style:italic;color:var(--gold-dark)}
.ldwz3-lede{max-width:64ch;margin:14px auto 0;text-align:center;font-size:18px}

/* Knöpfe */
.ldwz3-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 28px;border-radius:3px;font-family:var(--sans);font-size:17px;font-weight:500;line-height:1.2;transition:transform 160ms var(--ease-out),background-color 200ms ease,color 200ms ease,border-color 200ms ease}
.ldwz3-btn:active{transform:scale(.97)}
.ldwz3-btn--fill{background:var(--gold-dark);color:#fff!important;border:1px solid var(--gold-dark)}
.ldwz3-btn--light{background:#f7f4ee;color:var(--ink)!important;border:1px solid #f7f4ee}
.ldwz3-link{font-size:17px;font-weight:500;color:var(--gold-dark)!important;border-bottom:1px solid var(--greige);padding-bottom:2px;transition:border-color 200ms ease}
@media (hover:hover) and (pointer:fine){
  .ldwz3-btn--fill:hover{background:var(--brown);border-color:var(--brown)}
  .ldwz3-btn--light:hover{background:#fff}
  .ldwz3-link:hover{border-color:var(--gold-dark)}
}

/* ---------- Hero (wie v3) ---------- */
.ldwz3-hero{position:relative;display:flex;align-items:stretch;min-height:clamp(380px,30vw,460px);overflow:hidden;background:var(--stage)}
.ldwz3-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 60%}
/* Bildausschnitt des Hero: Auf breiten Bildschirmen ist der Hero flacher als das Bild, ein Teil wird
   abgeschnitten. Die Klasse am Hero legt fest, welcher Teil bleibt (inhalt.py: hero.ausschnitt). */
/* Eigenes Handy-Bild (hero.img_handy, <picture> bis 860 px): eigener Bildpunkt ueber die Variable --pos-handy am img */
@media (max-width:860px){.ldwz3-hero__img[style*="--pos-handy"]{object-position:var(--pos-handy)!important}}
.ldwz3-hero--oben .ldwz3-hero__img{object-position:50% 15%}
.ldwz3-hero--mitte .ldwz3-hero__img{object-position:50% 50%}
.ldwz3-hero--unten .ldwz3-hero__img{object-position:50% 85%}
.ldwz3-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(16,15,10,.9) 0%,rgba(16,15,10,.78) 30%,rgba(16,15,10,.35) 58%,rgba(16,15,10,0) 80%)}
/* Verlauf kurz (ab 1.5.2): endet schon bei 52 Prozent der Breite statt bei 80, fuer Heldenbilder, auf denen die Leuchte rechts der Mitte sitzt.
   Steht HINTER der Grundregel und hat hoehere Spezifitaet (zwei Klassen), sonst gewinnt die Grundregel (Fehler 22.10.2026: Modifikator stand davor).
   Text steht links ueber dem dunklen Teil; am Handy gilt wie beim Standard der senkrechte Verlauf (Regel unten, 860 px). */
.ldwz3-hero.ldwz3-hero--verlauf-kurz:before{background:linear-gradient(90deg,rgba(16,15,10,.9) 0%,rgba(16,15,10,.78) 25%,rgba(16,15,10,.35) 48%,rgba(16,15,10,0) 66%)}
/* Die Variante begrenzt auch die Textbreite (ab 861 px): Text hoechstens 48 Prozent der Hero-Breite (gemessen endet er bei 43 Prozent), der Verlauf hat die weiche Form des
   Standards, gestaucht auf 66 Prozent Ende (kein abrupter Uebergang); die Zeile ueber der Ueberschrift darf umbrechen, damit sie nicht in die Leuchte ragt. */
@media (min-width:861px){.ldwz3-hero.ldwz3-hero--verlauf-kurz .ldwz3-hero__content{max-width:48%}.ldwz3-hero.ldwz3-hero--verlauf-kurz .ldwz3-hero__eyebrow{white-space:normal;text-wrap:balance;max-width:calc(100% - 2 * clamp(24px,4vw,56px))}}
/* Wie Startseite: Zeile ueber der Ueberschrift oben im Bild, Ueberschrift und Text unten */
.ldwz3-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;max-width:640px;padding:72px clamp(24px,4vw,56px) 40px}
.ldwz3-hero h1{display:block}
.ldwz3-hero__eyebrow{position:absolute;top:34px;left:clamp(24px,4vw,56px);display:block;font-family:var(--sans);font-size:11.5px;font-weight:400;letter-spacing:.32em;text-transform:uppercase;color:#e6d3ae;white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.55)}
.ldwz3-hero__main{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(28px,3vw,42px);line-height:1.1;color:#f7f4ee;text-wrap:balance;text-shadow:0 2px 20px rgba(0,0,0,.45)}
.ldwz3-hero__main em{font-style:italic;color:#e9e1d6}
.ldwz3-hero__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.ldwz3-link--hell{color:#f7f4ee!important;border-color:rgba(247,244,238,.6)}
@media (hover:hover) and (pointer:fine){.ldwz3-link--hell:hover{border-color:#f7f4ee}}
.ldwz3-hero__sub{color:rgba(247,244,238,.95);font-size:16px;line-height:1.6;margin:16px 0 24px!important;max-width:52ch;text-shadow:0 1px 12px rgba(0,0,0,.5)}

/* ---------- v4: Kategorie-Karten, je eine Kategorie ---------- */
/* Kacheln buendig mit dem Hero: kein seitlicher Innenabstand (am Handy 16px, siehe unten) */
.ldwz4-arten{background:#fff;padding:72px 0 64px}
.ldwz4-karten{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:40px}
/* Markenseiten haben drei bis fuenf Kacheln (Anzahl im Baukasten ANZAHL_KACHELN_TYP): Spalten folgen der Anzahl, ab 1381 px drei breite oder vier Spalten */
@media (min-width:1381px){.ldwz4-karten--n3{grid-template-columns:repeat(3,minmax(0,1fr))}.ldwz4-karten--n4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:861px){.ldwz4-karten--n3 .ldwz4-karte{aspect-ratio:4/5}}
@media (max-width:1380px) and (min-width:861px){.ldwz4-karten--n4{grid-template-columns:repeat(2,minmax(0,1fr))}.ldwz4-karten--n4 .ldwz4-karte:last-child{grid-column:auto}}
.ldwz4-karte{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:2/3;overflow:hidden;border-radius:3px;background:var(--stage);color:#f7f4ee!important;transition:transform 160ms var(--ease-out)}
.ldwz4-karte img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 600ms var(--ease-out)}
/* Verlauf erst ab der Mitte: obere Haelfte bleibt Bild */
.ldwz4-karte:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,15,10,0) 45%,rgba(16,15,10,.6) 68%,rgba(16,15,10,.9) 100%)}
.ldwz4-karte__txt{position:relative;z-index:1;max-height:50%;padding:14px 14px 16px;text-shadow:0 1px 10px rgba(0,0,0,.55)}
.ldwz4-karte__n{display:block;font-family:var(--serif);font-size:clamp(18px,1.4vw,21px);line-height:1.12;color:#fff;text-wrap:balance;hyphens:auto;overflow-wrap:break-word}
.ldwz4-karte__s{display:block;margin-top:4px;font-size:14px;line-height:1.35;color:#e9e1d6}
.ldwz4-karte__go{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:clamp(13px,calc((100cqi - 2 * var(--pad)) / 13.2),17px);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:1px}
.ldwz4-karte:active{transform:scale(.985)}
@media (hover:hover) and (pointer:fine){.ldwz4-karte:hover img{transform:scale(1.05)}.ldwz4-karte:hover .ldwz4-karte__go{border-color:#fff}}
.ldwz4-mehr{margin:26px auto 0!important;text-align:center;font-size:17px;line-height:1.9;color:var(--brown)}
/* Eine Zeile, sobald der Platz reicht: Schrift waechst mit der Breite des Bereichs (Zeile = ca. 61 em plus 80 px Trennpunkte) */
.ldwz4-arten{container-type:inline-size}
@container (min-width:890px){.ldwz4-mehr{white-space:nowrap;font-size:clamp(13px,calc((100cqi - 100px) / 61),17px)}}
.ldwz4-mehr a{color:var(--ink)!important;border-bottom:1px solid var(--greige);padding-bottom:1px;white-space:nowrap;transition:border-color 200ms ease}
.ldwz4-mehr i{font-style:normal;color:var(--gold-dark);margin:0 8px}
@media (hover:hover) and (pointer:fine){.ldwz4-mehr a:hover{border-color:var(--ink)}}

.ldwz4-hilfe{margin-top:22px!important;text-align:center;font-size:17px;color:var(--brown)}
/* Einheitliches Bild: Die Schrift waechst mit der Kartenbreite (cqi = Prozent der Kartenbreite).
   Name passt so immer in 1 Zeile, die Unterzeilen (alle etwa gleich lang) fuellen je 2 Zeilen.
   Laengster Name "Lampen für Fensterbank" = 9,6 em. Unterzeile und "Zur Auswahl" gleich gross (Breite / 13,2), Unterzeilen 21,7 bis 22,2 em = 2 Zeilen. */
.ldwz4-karte{container-type:inline-size;--pad:14px}
.ldwz4-karte__txt{padding-left:var(--pad)!important;padding-right:var(--pad)!important}
.ldwz4-karte__n{white-space:nowrap;font-size:clamp(15px,calc((100cqi - 2 * var(--pad) - 4px) / 9.7),28px)!important}
.ldwz4-karte__s{min-height:2.7em;font-size:clamp(13px,calc((100cqi - 2 * var(--pad)) / 13.2),17px)}
/* Schmalere Bildschirme: drei Karten pro Reihe */
@media (max-width:1380px){.ldwz4-karten{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Laptop-Breiten: 5 schmale Karten, daher etwas hoeher und knapper, damit der Text in der unteren Haelfte bleibt */
@media (min-width:1381px) and (max-width:1400px){
  .ldwz4-karte{aspect-ratio:3/5}
  .ldwz4-karte{--pad:12px}
  .ldwz4-karte__txt{padding-top:10px;padding-bottom:12px}
  .ldwz4-karte__go{margin-top:6px}
}
@media (max-width:900px){
  /* Tablet: zwei Karten pro Reihe wie am Handy, sonst wird die Unterzeile dreizeilig */
  .ldwz4-karten{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ldwz4-karte{aspect-ratio:3/4}
  .ldwz4-karte:last-child{grid-column:1/-1;aspect-ratio:8/5}
}
@media (max-width:860px){
  .ldwz3-hero:before,.ldwz3-hero.ldwz3-hero--verlauf-kurz:before{background:linear-gradient(180deg,rgba(16,15,10,.25) 0%,rgba(16,15,10,.85) 62%)}
}
@media (max-width:560px){
  .ldwz3{font-size:17px}
  .ldwz3-hero__content{padding-top:40px}
  .ldwz3-hero__eyebrow{position:static;white-space:normal;margin-bottom:14px}
  .ldwz4-arten{padding:56px 16px 60px}
  /* Handy (ab 1.5.2): zwei Karten pro Reihe, niedrig; die letzte Karte steht quer. So ist die Produktliste nach
     wenigen Wischern erreicht, nicht erst nach fuenf hohen Einzelkarten. Aufgabe der Karte bleibt sichtbar (drei Zeilen). */
  .ldwz4-karten{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}
  .ldwz4-karte{aspect-ratio:4/5;--pad:10px}
  .ldwz4-karte:last-child{grid-column:1/-1;aspect-ratio:2/1}
  .ldwz4-karte__txt{padding-top:10px;padding-bottom:12px}
  .ldwz4-karte__n{font-size:clamp(15px,calc((100cqi - 2 * var(--pad)) / 8.6),22px)!important}
  .ldwz4-karte__s{min-height:0;font-size:clamp(12.5px,calc((100cqi - 2 * var(--pad)) / 13),15px)!important;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .ldwz4-karte img{object-position:center 35%}
  .ldwz4-karte__go{display:none}
}
@media (prefers-reduced-motion:reduce){.ldwz3 *{animation:none!important;transition:none!important}}

/* Baukasten 9.10.2026: Ueberblick Beleuchtung unter den Kacheln */
.ldwz5-orient{background:var(--cream);padding:64px clamp(20px,3.6vw,48px) 56px}
.ldwz5-orient__liste{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ldwz5-orient__liste li{display:flex;flex-direction:column;gap:4px;margin:0;padding:22px 20px 18px;background:#fff;border:1px solid var(--sand);border-radius:3px}
.ldwz5-orient__nr{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--greige);border-radius:50%;font-family:var(--serif);font-size:19px;color:var(--gold-dark)}
.ldwz5-orient__liste b{margin-top:8px;font-family:var(--serif);font-weight:500;font-size:25px;line-height:1.15;color:var(--ink)}
.ldwz5-orient__liste small{font-size:15px;color:var(--brown)}
.ldwz5-orient__liste p{flex:1;margin-top:6px!important;font-size:17px;line-height:1.6}
.ldwz5-orient__liste .ldwz3-link{align-self:flex-start;display:inline-block;margin-top:6px;padding:10px 0 2px}
.ldwz5-orient__mehr{margin-top:26px!important;text-align:center}
.ldwz5-orient__mehr .ldwz3-link{display:inline-block;padding:10px 0 2px}
/* Raumbild mit Punkten (ab 1.5.2, Typ raum), kompakt: Hoehe des Abschnitts wie der Bauarten-Abschnitt (hoechstens 10 Prozent mehr).
   Links das Foto quer (4:3, 40 Prozent Breite, Ausschnitt ueber object-position), darauf Punkte neben den Lichtern, rechts die vier Lichtarten
   als schlankes 2x2-Raster ohne Kasten. Die Punkte sind Schmuck (aria-hidden); heller Punkt, dunkle Ziffer, feiner dunkler Rand. */
.ldwz5-orient--bild{padding:56px clamp(20px,3.6vw,48px) 40px}
.ldwz5-orient--bild .ldwz3-lede{max-width:1000px}
.ldwz5-orient--bild .ldwz5-orient__raum{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px 40px;align-items:stretch;margin-top:28px}
.ldwz5-orient__bild{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:3px;background:var(--sand)}
.ldwz5-orient__bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ldwz5-orient__punkt{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--ink);border:2px solid var(--ink);box-shadow:0 0 0 3px rgba(255,255,255,.55);font-family:"Jost",Arial,sans-serif;font-weight:600;font-size:16px;line-height:1;pointer-events:none}
.ldwz5-orient--bild .ldwz5-orient__liste{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:20px 32px;margin:0}
.ldwz5-orient--bild .ldwz5-orient__liste li{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:12px;align-items:start;padding:0;background:none;border:0;border-radius:0}
.ldwz5-orient--bild .ldwz5-orient__nr{grid-row:1/5;width:30px;height:30px;font-size:17px}
.ldwz5-orient--bild .ldwz5-orient__liste b{margin-top:0;font-size:22px}
.ldwz5-orient--bild .ldwz5-orient__liste small{font-size:14px}
.ldwz5-orient--bild .ldwz5-orient__liste p{margin-top:4px!important;font-size:15px;line-height:1.45}
.ldwz5-orient--bild .ldwz5-orient__liste .ldwz3-link{align-self:end;margin-top:4px;padding:6px 0 2px;font-size:15px}
.ldwz5-orient--bild .ldwz5-orient__mehr{margin-top:20px!important}
@media (max-width:1100px){.ldwz5-orient--bild .ldwz5-orient__raum{grid-template-columns:minmax(0,1fr)}.ldwz5-orient--bild .ldwz5-orient__liste{grid-template-rows:none}}
@media (max-width:860px){.ldwz5-orient--bild .ldwz5-orient__liste{grid-template-columns:minmax(0,1fr);gap:0}
  .ldwz5-orient--bild .ldwz5-orient__liste li{padding:14px 0;border-top:1px solid var(--sand)}
  .ldwz5-orient--bild .ldwz5-orient__liste li:first-child{border-top:0}}
@media (max-width:560px){.ldwz5-orient--bild{padding:44px 16px 36px}.ldwz5-orient__punkt{width:30px;height:30px;font-size:15px}}
/* Groessere Klickflaechen fuer die Textlinks unter den Kacheln */
.ldwz4-mehr a{display:inline-block;padding:8px 0 2px}
@media (max-width:1100px){.ldwz5-orient__liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ldwz5-orient{padding:48px 16px}.ldwz5-orient__liste{grid-template-columns:minmax(0,1fr);gap:12px}}

/* ========== Welt unten ========== */
/* ---------- Direkt nach der Produktliste: zur ganzen Auswahl ---------- */
.ldwz3-mehr{margin:4px 0 0;padding:20px 24px 56px;text-align:center}
.ldwz3-mehr__t{font-size:19px!important;margin-bottom:20px!important}
.ldwz3-mehr__ctas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 28px}

/* ---------- v4: Slider der vier Lichtebenen (ohne Skript) ---------- */
.ldwz4-wissen{background:var(--cream);padding:72px clamp(20px,3.6vw,48px) 80px}
/* position:fixed: Beim Klick auf Pfeil/Reiter bekommt das Radio den Fokus. Liegt es fest im Sichtfeld, scrollt der Browser nicht zur Ueberschrift hoch. */
.ldwz4-r{position:fixed;top:50%;left:0;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.ldwz4-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:36px 0 24px}
.ldwz4-nav label{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:64px;padding:10px 14px;background:#fff;border:1px solid var(--sand);border-radius:3px;cursor:pointer;font-size:17px;font-weight:500;line-height:1.25;color:var(--ink);transition:border-color 200ms ease,background-color 200ms ease}
.ldwz4-nav label small{display:block;font-size:16px;font-weight:400;opacity:.7;margin-top:2px}
@media (hover:hover) and (pointer:fine){.ldwz4-nav label:hover{border-color:var(--greige)}}
.ldwz4-wissen:has(#ldwz4-s1:checked) label[for=ldwz4-s1],
.ldwz4-wissen:has(#ldwz4-s2:checked) label[for=ldwz4-s2],
.ldwz4-wissen:has(#ldwz4-s3:checked) label[for=ldwz4-s3],
.ldwz4-wissen:has(#ldwz4-s4:checked) label[for=ldwz4-s4]{background:var(--ink);border-color:var(--ink);color:#f7f4ee}
.ldwz4-wissen:has(#ldwz4-s1:focus-visible) label[for=ldwz4-s1],
.ldwz4-wissen:has(#ldwz4-s2:focus-visible) label[for=ldwz4-s2],
.ldwz4-wissen:has(#ldwz4-s3:focus-visible) label[for=ldwz4-s3],
.ldwz4-wissen:has(#ldwz4-s4:focus-visible) label[for=ldwz4-s4]{outline:2px solid var(--gold-dark);outline-offset:3px}
.ldwz4-fenster{overflow:hidden;border:1px solid var(--sand);border-radius:3px;background:#fff}
.ldwz4-band{display:flex;transition:transform 480ms var(--ease-out)}
.ldwz4-folie{flex:0 0 100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);min-height:480px;transition:visibility 0s linear 480ms;visibility:hidden}
.ldwz4-wissen:has(#ldwz4-s2:checked) .ldwz4-band{transform:translateX(-100%)}
.ldwz4-wissen:has(#ldwz4-s3:checked) .ldwz4-band{transform:translateX(-200%)}
.ldwz4-wissen:has(#ldwz4-s4:checked) .ldwz4-band{transform:translateX(-300%)}
.ldwz4-wissen:has(#ldwz4-s1:checked) .ldwz4-folie--1,
.ldwz4-wissen:has(#ldwz4-s2:checked) .ldwz4-folie--2,
.ldwz4-wissen:has(#ldwz4-s3:checked) .ldwz4-folie--3,
.ldwz4-wissen:has(#ldwz4-s4:checked) .ldwz4-folie--4{visibility:visible;transition-delay:0s}
/* Rueckfall ohne :has(): waagerecht wischen, alle Folien sichtbar */
@supports not selector(:has(a)){
  .ldwz4-nav,.ldwz4-pfeile{display:none}
  .ldwz4-fenster{overflow-x:auto;scroll-snap-type:x mandatory}
  .ldwz4-folie{visibility:visible;scroll-snap-align:start}
}
.ldwz4-folie__img{position:relative;min-height:100%;background:var(--sand)}
.ldwz4-folie__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ldwz4-folie__body{position:relative;display:flex;flex-direction:column;justify-content:center;padding:40px clamp(28px,3.4vw,56px) 34px}
.ldwz4-folie__ebene{font-size:17px;font-weight:600;letter-spacing:.02em;color:var(--gold-dark);margin-bottom:10px}
.ldwz4-folie h3{font-family:var(--serif);font-size:clamp(28px,2.6vw,36px);line-height:1.15;color:var(--ink);margin-bottom:16px;text-wrap:balance}
.ldwz4-folie__text{max-width:72ch;font-size:18px!important;line-height:1.7!important;margin-bottom:22px!important}
/* Vier Leuchten ueber die ganze Breite verteilt, Bilder bleiben gleich gross */
.ldwz4-picks{display:grid;grid-template-columns:repeat(4,minmax(0,150px));justify-content:space-between;gap:16px;margin:0 0 26px}
.ldwz4-picks__t{font-family:var(--serif);font-style:italic;font-size:19px!important;color:var(--brown);margin-bottom:12px!important}
.ldwz4-pick{display:flex;flex-direction:column;color:var(--black)!important}
.ldwz4-pick__img{aspect-ratio:1/1;overflow:hidden;background:var(--cream)}
.ldwz4-pick__img img{width:100%;height:100%;object-fit:cover!important;transition:transform 500ms var(--ease-out)}
.ldwz4-pick__n{margin-top:10px;font-size:17px;font-weight:500;line-height:1.3;color:var(--ink)}
.ldwz4-pick__p{margin-top:2px;font-size:17px;color:var(--magenta)}
@media (hover:hover) and (pointer:fine){.ldwz4-pick:hover .ldwz4-pick__img img{transform:scale(1.04)}.ldwz4-pick:hover .ldwz4-pick__n{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--greige)}}
.ldwz4-folie__fuss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px}
.ldwz4-folie__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.ldwz4-pfeile{display:flex;gap:10px}
.ldwz4-pfeile label{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--sand);border-radius:50%;cursor:pointer;font-size:20px;color:var(--ink);background:#fff;transition:background-color 200ms ease,border-color 200ms ease,transform 160ms var(--ease-out)}
.ldwz4-pfeile label:active{transform:scale(.94)}
/* Breite Bildschirme: Pfeile oben rechts neben der Ueberschrift, spart eine Zeile */
@media (min-width:861px){
  .ldwz4-pfeile{position:absolute;top:32px;right:clamp(28px,3.4vw,56px)}
  .ldwz4-pfeile label{width:44px;height:44px}
  .ldwz4-folie__ebene,.ldwz4-folie h3{padding-right:110px}
}
@media (hover:hover) and (pointer:fine){.ldwz4-pfeile label:hover{background:var(--cream);border-color:var(--greige)}}

@media (max-width:1100px){.ldwz4-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.ldwz4-folie{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:start;min-height:0}.ldwz4-folie__body{justify-content:flex-start}.ldwz4-folie__img{aspect-ratio:4/3;min-height:0;height:auto}.ldwz3-btn{white-space:normal;text-align:center}}
@media (max-width:560px){
  .ldwz4-wissen{padding:56px 16px 60px}
  .ldwz4-nav{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:28px -16px 18px;padding:0 16px 4px;scrollbar-width:none}
  .ldwz4-nav::-webkit-scrollbar{display:none}
  .ldwz4-nav label{flex:0 0 62%;scroll-snap-align:start}
  .ldwz4-folie__body{padding:26px 18px 28px}
  .ldwz4-picks{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- Lager ---------- */
.ldwz3-lager{background:var(--cream);padding:72px clamp(20px,3.6vw,48px) 64px;margin-top:56px}
.ldwz3-lager__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:40px 0 36px}
.ldwz3-lk{display:block;background:#fff;color:var(--black)!important;border:1px solid var(--sand);border-radius:3px;overflow:hidden;transition:transform 200ms var(--ease-out),box-shadow 200ms ease}
.ldwz3-lk__img{position:relative;aspect-ratio:1/1;overflow:hidden;background:#fff}
.ldwz3-lk__img img{width:100%;height:100%;object-fit:cover;transition:transform 500ms var(--ease-out)}
.ldwz3-lk__body{padding:12px 14px 16px}
.ldwz3-lk__m{display:block;font-size:17px;font-weight:600;line-height:1.35;color:var(--gold-dark)}
.ldwz3-lk__n{display:block;font-family:var(--serif);font-size:20px;line-height:1.2;color:var(--ink);margin:2px 0 6px}
/* Preiszeile: Preis und Rabatt oben, Streichpreis darunter */
.ldwz3-lk__p{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;font-size:16px}
.ldwz3-lk__p s{order:3;flex-basis:100%;opacity:.7;font-size:17px}
.ldwz3-lk__p strong{color:var(--magenta);font-weight:600;font-size:18px}
.ldwz3-lk__p em{font-style:normal;font-size:17px;color:var(--brown)}
.ldwz3-lk__d{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:var(--ink);margin-top:8px}
@media (max-width:1100px){.ldwz3-lager__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Gleiche Zeilen in allen Karten: Marke, Name, Preis und "Sofort versandfertig" stehen auf einer Hoehe */
@supports (grid-template-rows:subgrid){
  .ldwz3-lk{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0}
  .ldwz3-lk__body{display:contents}
  .ldwz3-lk__m,.ldwz3-lk__n,.ldwz3-lk__p,.ldwz3-lk__d{margin-left:14px;margin-right:14px}
  .ldwz3-lk__m{padding-top:12px}
  .ldwz3-lk__d{padding-bottom:16px;align-self:start}
}
.ldwz3-lk__d:before{content:"";flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--gold-dark)}
@media (hover:hover) and (pointer:fine){.ldwz3-lk:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(22,21,15,.10)}.ldwz3-lk:hover .ldwz3-lk__img img{transform:scale(1.04)}}
.ldwz3-center{text-align:center}


/* ---------- Ratgeber ---------- */
.ldwz3-rat{background:#fff;padding:88px clamp(20px,3.6vw,48px) 80px}
.ldwz3-rat__intro{max-width:70ch;margin:20px auto 0;text-align:center;font-size:19px}


/* ---------- Fragen ---------- */
.ldwz3-faq{background:#fff;padding:80px clamp(20px,3.6vw,48px)}
.ldwz3-faq__list{max-width:820px;margin:36px auto 0;border-top:1px solid var(--sand)}
.ldwz3-faq details{border-bottom:1px solid var(--sand)}
.ldwz3-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:16px 0;font-family:var(--serif);font-size:23px;line-height:1.3;color:var(--ink)}
.ldwz3-faq summary::-webkit-details-marker{display:none}
.ldwz3-faq summary:after{content:"";flex:0 0 12px;width:12px;height:12px;border-right:1.5px solid var(--gold-dark);border-bottom:1.5px solid var(--gold-dark);transform:rotate(45deg) translateY(-3px);transition:transform 200ms var(--ease-out)}
.ldwz3-faq details[open] summary:after{transform:rotate(-135deg) translateY(-3px)}
.ldwz3-faq details p{padding:0 0 22px;max-width:70ch}
.ldwz3-faq__ende{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px;margin-top:40px!important;font-family:var(--serif);font-size:24px!important;color:var(--ink)}
.ldwz3-faq summary:focus-visible{outline:2px solid var(--gold-dark);outline-offset:3px}

/* ---------- Marken ---------- */
.ldwz3-marken{background:var(--cream);padding:64px clamp(20px,3.6vw,48px) 72px;text-align:center}
.ldwz3-marken h2{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.4vw,30px);color:var(--ink);margin-bottom:10px}
.ldwz3-marken p{max-width:64ch;margin:0 auto 26px!important;font-size:17px!important}
.ldwz3-marken__row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 40px}
.ldwz3-marken__row a{display:inline-flex;align-items:center;min-height:44px;font-family:var(--serif);font-size:22px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)!important;transition:color 200ms ease}
@media (hover:hover) and (pointer:fine){.ldwz3-marken__row a:hover{color:var(--gold-dark)!important}}

@media (max-width:860px){
  .ldwz3-lager__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .ldwz3-lager__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ldwz3-lk:last-child{grid-column:1/-1}
  .ldwz3-lk:last-child .ldwz3-lk__img{aspect-ratio:2/1}
  .ldwz3-faq summary{font-size:20px}
}

/* ---------- Lichtplanung: Kopf, dann Foto | Ablauf in drei Schritten ---------- */
.ldwz3-plan{background:#66574b;color:#f7f4ee;padding:80px clamp(20px,3.6vw,56px) 84px;margin-top:56px}
.ldwz3-plan__head{max-width:760px;margin:0 auto 56px;text-align:center}
.ldwz3-plan .ldwz3-kicker{color:#e9e1d6}
.ldwz3-plan .ldwz3-kicker:before,.ldwz3-plan .ldwz3-kicker:after{background:#bbada3}
.ldwz3-plan .ldwz3-h2{color:#fff}
.ldwz3-plan .ldwz3-h2 em{color:#e9e1d6}
.ldwz3-plan__lede{font-size:19px!important;line-height:1.7!important;margin-top:16px!important;color:#f7f4ee!important}
.ldwz3-plan__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,4.5vw,72px);align-items:center;max-width:1060px;margin:0 auto}
.ldwz3-plan__foto img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 30%}
.ldwz3-plan__cap{font-size:17px!important;margin-top:12px!important;color:#e9e1d6!important}
.ldwz3-plan__steps{list-style:none;margin:0 0 40px;padding:0;counter-reset:pl}
.ldwz3-plan__steps li{counter-increment:pl;position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:22px;padding-bottom:30px;font-size:17px;line-height:1.65}
.ldwz3-plan__steps li:last-child{padding-bottom:0}
.ldwz3-plan__steps li:before{content:counter(pl);grid-row:1/3;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid #bbada3;border-radius:50%;font-family:var(--serif);font-size:26px;color:#fff;background:#66574b;position:relative;z-index:1}
.ldwz3-plan__steps li:not(:last-child):after{content:"";position:absolute;left:26px;top:52px;bottom:0;width:1px;background:rgba(233,225,214,.35)}
.ldwz3-plan__steps b{display:block;font-family:var(--serif);font-weight:500;font-size:26px;line-height:1.2;color:#fff;margin:10px 0 6px}
.ldwz3-plan__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;padding-left:74px}
.ldwz3-plan__kosten{margin-top:26px!important;padding-left:74px;max-width:60ch;font-size:17px!important;line-height:1.65!important;color:#e9e1d6!important}
@media (max-width:860px){.ldwz3-plan__kosten{padding-left:0}}
.ldwz3-link--hell{color:#f7f4ee!important;border-color:rgba(247,244,238,.5)}
@media (hover:hover) and (pointer:fine){.ldwz3-link--hell:hover{border-color:#f7f4ee}}
@media (max-width:860px){
  .ldwz3-plan__grid{grid-template-columns:1fr}
  .ldwz3-plan__foto{max-width:420px}
  .ldwz3-plan__ctas{padding-left:0}
}
.ldwz3-faq{background:var(--cream)!important}
.ldwz3-faq details{border-color:var(--greige)}
.ldwz3-marken{background:#fff!important;border-top:1px solid var(--sand)}
/* ---------- Planungshilfe: drei Schritte mit Faustregel und Selbsttest, dazu drei Lichtszenen ---------- */
.ldwz3-schritte{margin:56px 0 0;padding:64px clamp(20px,4vw,64px) 56px;background:var(--cream);border-radius:3px}
.ldwz3-schritte h3{font-family:var(--serif);font-size:clamp(26px,2.4vw,32px);line-height:1.2;color:var(--ink);text-align:center}
.ldwz3-schritte__intro{max-width:60ch;margin:12px auto 40px!important;text-align:center;font-size:17px!important}
/* Ruhige Reihen statt drei voller Spalten: Nummer und Titel links, Text rechts, Faustregel und Selbsttest ohne Kaesten darunter */
.ldwz3-schritte ol{list-style:none;margin:0;padding:0;counter-reset:s;border-bottom:1px solid var(--sand)}
.ldwz3-schritte li{counter-increment:s;display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,2fr);grid-template-areas:"n t x" "n g x" "n g r" "n g s";align-items:start;column-gap:clamp(20px,3vw,40px);row-gap:18px;padding:40px 0;border-top:1px solid var(--sand);font-size:17px;line-height:1.65}
.ldwz3-schritte li:before{grid-area:n;content:counter(s);display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--greige);border-radius:50%;font-family:var(--serif);font-size:24px;color:var(--gold-dark)}
.ldwz3-schritte li>b{grid-area:t;display:block;font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.2vw,30px);line-height:1.2;color:var(--ink);padding-top:8px}
.ldwz3-schritte li>p:not([class]){grid-area:x;padding-top:10px}
/* Infografik leise unter dem Titel: ohne Kasten, klein, gedaempft */
.ldwz3-grafik{grid-area:g;max-width:260px;opacity:.9;margin-top:4px}
.ldwz3-grafik svg{display:block;width:100%;height:auto}
.ldwz3-grafik text{font-family:var(--sans);font-size:12px;fill:var(--brown)}
.ldwz3-grafik .ldwz3-grafik__k{font-size:20px}
.ldwz3-regel{grid-area:r;font-size:17px;line-height:1.6;color:var(--brown);padding-left:16px;border-left:2px solid var(--sand)}
.ldwz3-test{grid-area:s;font-size:17px;line-height:1.6;color:var(--brown);padding-left:16px;border-left:2px solid var(--sand)}
.ldwz3-szene span{display:block;font-size:17px;font-weight:600;letter-spacing:.02em;color:var(--gold-dark);margin-bottom:4px}
.ldwz3-regel span,.ldwz3-test span{font-weight:600;color:var(--gold-dark)}
.ldwz3-regel span:after,.ldwz3-test span:after{content:": "}
@media (max-width:860px){
  .ldwz3-schritte li{grid-template-columns:48px minmax(0,1fr);grid-template-areas:"n t" "g g" "x x" "r r" "s s";row-gap:14px;padding:32px 0}
  .ldwz3-schritte li>b{padding-top:6px}
  .ldwz3-schritte li>p:not([class]){padding-top:0}
}
.ldwz3-szenen{margin-top:56px;padding-top:44px;border-top:1px solid var(--sand)}
.ldwz3-szenen h4{margin:0 0 18px;font-family:var(--serif);font-weight:500;font-size:24px;color:var(--ink);text-align:center}
.ldwz3-szenen__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ldwz3-szene{display:flex;flex-direction:column;background:#fff;border:1px solid var(--sand);border-radius:3px;overflow:hidden;font-size:17px;line-height:1.55}
.ldwz3-szene__img{aspect-ratio:3/2;overflow:hidden;background:var(--stage)}
.ldwz3-szene__img img{width:100%;height:100%;object-fit:cover}
.ldwz3-szene__t{padding:18px 20px 22px}
.ldwz3-szene b{display:block;font-family:var(--serif);font-weight:500;font-size:22px;color:var(--ink);margin-bottom:6px}
.ldwz3-szene p+p{margin-top:8px!important}
.ldwz3-schritte__plan{text-align:center;margin-top:32px!important;font-size:18px}
@media (max-width:860px){
  .ldwz3-szenen__grid{grid-template-columns:1fr}
}

/* Baukasten 9.10.2026: Merkmale unter den Leuchten, Reiter am Handy 2 x 2, Beratung, Pruefvermerk */
.ldwz4-pick__f{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.ldwz4-pick__f span{padding:3px 7px;border-radius:2px;background:var(--cream);font-size:13.5px;line-height:1.3;color:var(--brown)}
@media (max-width:560px){
  .ldwz4-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin:28px 0 18px;padding:0}
  .ldwz4-nav label{flex:none}
}
.ldwz3-plan__alt{margin-top:16px!important;font-size:15px;line-height:1.6;color:rgba(247,244,238,.9)}
.ldwz3-plan__alt a{color:#f7f4ee!important;border-bottom:1px solid rgba(247,244,238,.6)}

/* ========== Einkaufswelt-Rahmen und Lager-Slider ========== */
/* Einkaufswelt-Rahmen: volle Breite der Inhaltsspalte, keine Abstaende zwischen den Elementen */
.emotion--wrapper:has(.ldwz3){max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
.emotion--container:has(.ldwz3){margin-left:0!important;margin-right:0!important}
.emotion--element:has(> .ldwz3){width:100%!important;max-width:100%!important;padding:0!important;margin-left:0!important;margin-right:0!important;height:auto!important}
/* Einkaufswelt: Lager in drei Elementen (Kopf, Shopware-Artikel-Slider, Knopf) auf durchgehendem Creme */
.ldwz3-lager.ldwz3-lager--kopf{margin-top:56px;padding-bottom:8px}
.ldwz3-lager.ldwz3-lager--fuss{margin-top:0;padding-top:12px}
/* Artikel-Slider der unteren Welt wird automatisch creme; Feld "CSS-Klasse" ldwz3-bg-cream ist optional */
.emotion--element.ldwz3-bg-cream,.ldseo-emotions--bottom .emotion--element:has(.product-slider){background:#f6f2ee!important}
.emotion--element.ldwz3-bg-cream .panel,.emotion--element.ldwz3-bg-cream .emotion--product-slider,
.ldseo-emotions--bottom .emotion--element:has(.product-slider) .panel,.ldseo-emotions--bottom .emotion--element:has(.product-slider) .emotion--product-slider{background:transparent!important;border:0!important}
.emotion--element.ldwz3-bg-cream .product-slider--container,.ldseo-emotions--bottom .emotion--element:has(.product-slider) .product-slider--container{max-width:1140px;margin:0 auto}
.ldseo-emotions--bottom .emotion--element:has(.product-slider){width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:8px clamp(20px,3.6vw,48px) 0!important}
/* Leuchten aus {ld_produkte}: Hersteller-Zeile ausblenden wie im Entwurf */
.ldwz4-pick__m{display:none}
.ldwz4-pick__img img{display:block;width:100%;height:100%;object-fit:cover}
.ldwz4-pick__p s{opacity:.6;margin-right:6px}

/* ========== Markenseiten (Seitentyp marke, ab 1.5.1) ==========
   ldwz6-zeile: Markenzeile direkt unter dem Hero. ldwz6-serien: Fokus-Serien als Raster, jede Karte fuehrt auf
   ihre Serienseite. ldwz6-geschichte: Markengeschichte als Lesestrecke mit Steckbrief. */
.ldwz6-zeile{background:var(--cream);padding:28px clamp(20px,3.6vw,48px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 40px;align-items:end}
.ldwz6-zeile__fakten{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 0;font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dark);line-height:1.5}
.ldwz6-zeile__fakten i{font-style:normal;margin:0 10px;color:var(--gold)}
.ldwz6-zeile__text{font-size:19px;line-height:1.6;max-width:760px}
.ldwz6-zeile .ldwz3-link{white-space:nowrap;justify-self:end}
.ldwz6-serien{background:var(--cream);padding:96px clamp(20px,3.6vw,48px) 72px}
.ldwz6-serien__kopf{max-width:760px;margin:0 auto 56px}
.ldwz6-serien__kopf .ldwz3-lede{text-align:center;margin-top:16px}
.ldwz6-raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;max-width:1140px;margin:0 auto}
.ldwz6-karte{display:flex;flex-direction:column;background:var(--white);border-radius:3px;overflow:hidden;color:var(--black)!important;transition:transform 260ms var(--ease-out),box-shadow 260ms var(--ease-out)}
.ldwz6-karte--gross{grid-column:span 7;grid-row:span 2}
.ldwz6-karte--neben{grid-column:span 5}
.ldwz6-karte--reihe{grid-column:span 6}
.ldwz6-karte__bild{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--sand)}
.ldwz6-karte--gross .ldwz6-karte__bild{aspect-ratio:auto;flex:1;min-height:420px}
.ldwz6-karte__bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 700ms var(--ease-out)}
.ldwz6-karte__txt{padding:22px 26px 24px;display:flex;flex-direction:column;gap:6px}
.ldwz6-karte__art{font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dark);line-height:1.5}
.ldwz6-karte h3{font-family:var(--serif);font-weight:500;font-size:clamp(34px,3.2vw,44px);line-height:1.05;color:var(--black)}
.ldwz6-karte--gross h3{font-size:clamp(40px,4.4vw,60px)}
.ldwz6-karte__meta{font-size:16px;line-height:1.5}
.ldwz6-karte__meta span{color:var(--magenta)}
.ldwz6-karte__txt>p:not([class]){font-size:17px;line-height:1.6}
.ldwz6-karte__go{margin-top:8px;align-self:flex-start;font-size:17px;font-weight:500;color:var(--gold-dark);border-bottom:1px solid var(--greige);padding:6px 0 2px}
.ldwz6-karte--anfrage{background:transparent;border:1px solid var(--sand);justify-content:center}
.ldwz6-karte--anfrage .ldwz6-karte__txt{padding:28px 30px}
.ldwz6-karte--anfrage .ldwz3-link{align-self:flex-start;margin-top:6px}
.ldwz6-karte:focus-visible{outline:2px solid var(--gold-dark);outline-offset:3px}
.ldwz6-karte:active{transform:scale(.99)}
.ldwz6-serien .ldwz4-mehr{white-space:normal;margin-top:36px!important}
.ldwz6-geschichte{background:var(--white);padding:104px clamp(20px,3.6vw,48px) 96px}
.ldwz6-geschichte__in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);max-width:1140px;margin:0 auto;align-items:start}
.ldwz6-geschichte .ldwz3-kicker{justify-content:flex-start;text-align:left}
.ldwz6-geschichte .ldwz3-kicker::after{display:none}
.ldwz6-geschichte .ldwz3-h2{text-align:left}
.ldwz6-steck{margin:36px 0 0;border-top:1px solid var(--sand)}
.ldwz6-steck div{padding:14px 0;border-bottom:1px solid var(--sand)}
.ldwz6-steck dt{font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--black);line-height:1.5}
.ldwz6-steck dd{margin:2px 0 0;font-size:18px;line-height:1.5}
.ldwz6-lese{max-width:640px}
.ldwz6-lese p+p{margin-top:22px!important}
.ldwz6-lese>p:first-child::first-letter{float:left;font-family:var(--serif);font-size:76px;line-height:.82;margin:8px 12px 0 0;color:var(--gold-dark)}
.ldwz6-lese__zeile{font-family:var(--serif);font-style:italic;font-size:clamp(26px,2.6vw,32px);line-height:1.3;color:var(--brown);padding:6px 0 6px 22px;border-left:2px solid var(--gold);margin:32px 0!important}
.ldwz6-lese__quellen{font-size:16px!important;margin-top:28px!important}
@media (hover:hover) and (pointer:fine){.ldwz6-karte:not(.ldwz6-karte--anfrage):hover{transform:translateY(-3px);box-shadow:0 14px 34px -18px rgba(102,87,75,.45)}.ldwz6-karte:hover .ldwz6-karte__bild img{transform:scale(1.03)}.ldwz6-karte:hover .ldwz6-karte__go{border-color:var(--gold-dark)}}
@media (max-width:900px){.ldwz6-raster{grid-template-columns:minmax(0,1fr)}.ldwz6-karte--gross,.ldwz6-karte--neben,.ldwz6-karte--reihe{grid-column:auto;grid-row:auto}.ldwz6-karte--gross .ldwz6-karte__bild{flex:none;min-height:0;aspect-ratio:4/3}.ldwz6-geschichte__in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.ldwz6-zeile{grid-template-columns:minmax(0,1fr)}.ldwz6-zeile .ldwz3-link{justify-self:start}}
@media (max-width:560px){.ldwz6-serien,.ldwz6-geschichte{padding:56px 16px}.ldwz6-zeile{padding:22px 16px}.ldwz6-kurz{grid-template-columns:84px minmax(0,1fr);gap:16px}.ldwz6-serie{padding:40px 0}}

/* ========== Baukasten 22.10.2026 (ab 1.5.2): Formen (Bauarten der Leuchtenart) und "Gut zu wissen" ========== */
/* Formen: schlanke Reihe, bis zu fuenf Bauarten nebeneinander. Kein Kasten: kleines Bild, Name, ein Satz, Link.
   Am Tablet und Handy wischt die Reihe seitlich. */
.ldwz4-formen{background:var(--cream);padding:56px clamp(20px,3.6vw,48px) 48px}
.ldwz4-karten--formen{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 22px;margin-top:28px}
.ldwz4-karten--formen .ldwz4-karte--form{aspect-ratio:auto;justify-content:flex-start;background:transparent;border:0;border-radius:0;color:var(--ink)!important;overflow:visible}
.ldwz4-karten--formen .ldwz4-karte--form:after{display:none}
.ldwz4-karten--formen .ldwz4-karte--form img{position:static;inset:auto;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;border-radius:3px}
.ldwz4-karten--formen .ldwz4-karte__txt{display:flex;flex-direction:column;flex:1 1 auto;max-height:none;padding:12px 0 0!important;text-shadow:none}
.ldwz4-karten--formen .ldwz4-karte__n{white-space:normal!important;font-size:clamp(19px,1.5vw,22px)!important;color:var(--ink)}
.ldwz4-karten--formen .ldwz4-karte__s{min-height:0;margin:4px 0 12px;font-size:15px;line-height:1.5;color:var(--brown)}
.ldwz4-karten--formen .ldwz4-karte__go{align-self:flex-start;margin-top:auto;font-size:13px;color:var(--gold-dark);border-color:var(--greige)}
@media (hover:hover) and (pointer:fine){.ldwz4-karten--formen .ldwz4-karte--form:hover .ldwz4-karte__n{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--greige)}}
@media (max-width:1100px){
  .ldwz4-karten--formen{display:flex;gap:16px;margin:28px calc(-1 * clamp(20px,3.6vw,48px)) 0;padding:0 clamp(20px,3.6vw,48px) 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 clamp(20px,3.6vw,48px);scrollbar-width:none}
  .ldwz4-karten--formen::-webkit-scrollbar{display:none}
  .ldwz4-karten--formen .ldwz4-karte--form,.ldwz4-karten--formen .ldwz4-karte--form:last-child{flex:0 0 clamp(210px,34vw,260px);aspect-ratio:auto;grid-column:auto;scroll-snap-align:start}
}
@media (max-width:560px){
  .ldwz4-formen{padding:44px 16px 40px}
  .ldwz4-karten--formen{margin:24px -16px 0;padding:0 16px 8px;scroll-padding:0 16px}
  .ldwz4-karten--formen .ldwz4-karte--form,.ldwz4-karten--formen .ldwz4-karte--form:last-child{flex:0 0 62%}
  .ldwz4-karten--formen .ldwz4-karte__s{display:block;overflow:visible;-webkit-line-clamp:unset;font-size:15px!important;line-height:1.45}
  .ldwz4-karten--formen .ldwz4-karte__n{font-size:20px!important}
  .ldwz4-karten--formen .ldwz4-karte__go{display:none}
}

/* Orientierung als vier Bilder (Darstellung bilder, ab 1.5.2): wie die Bauarten-Reihe, vier Spalten, dazu eine Unterzeile je Lichtart */
.ldwz4-karten--vier{grid-template-columns:repeat(4,minmax(0,1fr))}
.ldwz5-orient--bilder .ldwz3-lede{max-width:1000px}
.ldwz4-karten--formen .ldwz4-karte__k{display:block;margin-top:2px;font-size:14px;line-height:1.35;color:var(--brown)}
/* "Gut zu wissen": schlanke Zeile ueber dem Knopf zur Produktliste, drei Angaben nebeneinander */
.ldwz3-hinweise{margin:40px auto 0;padding:0 clamp(20px,3.6vw,48px);max-width:1180px}
.ldwz3-hinweise__t{margin:0 0 12px!important;font-size:15px!important;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dark);text-align:center}
.ldwz3-hinweise__liste{list-style:none;margin:0;padding:18px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 32px;border-top:1px solid var(--sand);border-bottom:1px solid var(--sand)}
.ldwz3-hinweise__liste li{margin:0;padding:0;text-align:center}
.ldwz3-hinweise__liste b{display:block;font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.2;color:var(--ink)}
.ldwz3-hinweise__liste span{display:block;margin-top:4px;font-size:16px;line-height:1.5}
.ldwz3-hinweise__liste a{color:var(--gold-dark)!important;border-bottom:1px solid var(--greige)}
@media (max-width:860px){.ldwz3-hinweise__liste{grid-template-columns:minmax(0,1fr);gap:14px;text-align:left}.ldwz3-hinweise__liste li{text-align:left}}
@media (max-width:560px){.ldwz3-hinweise{padding:0 16px;margin-top:28px}}
@media (max-width:560px){.ldwz6-serien,.ldwz6-geschichte{padding:56px 16px}.ldwz6-zeile{padding:22px 16px}.ldwz6-karte__txt{padding:18px 18px 20px}}

/* ========== Serienseiten (Seitentyp serie, ab 1.5.1) ==========
   /marken/<marke>/serien/<serie>: oben der Hero wie auf allen Kategorieseiten (ldwz3-hero), ldwz7-formen (die
   Ausfuehrungen der Familie im Vergleich vor der Produktliste, ldwz7-form--anfrage fuer Ausfuehrungen ohne Artikel), ldwz7-text (was die Serie ausmacht), ldwz7-passt (weitere Serien der Marke). */
.ldwz7-formen{background:var(--white);padding:88px clamp(20px,3.6vw,48px) 72px}
.ldwz7-formen__kopf{max-width:760px;margin:0 auto 48px}
.ldwz7-formen__kopf .ldwz3-lede{text-align:center;margin-top:16px}
.ldwz7-formen__raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;max-width:1140px;margin:0 auto}
.ldwz7-form{display:flex;flex-direction:column;border:1px solid var(--sand);border-radius:3px;padding:20px 22px 24px;background:var(--white)}
.ldwz7-form__bild{display:block;aspect-ratio:4/3;background:#fff;margin:-4px -6px 14px}
.ldwz7-form__bild{overflow:hidden}
.ldwz7-form__bild img{width:100%;height:100%;object-fit:cover}
.ldwz7-form__bild--frei img{object-fit:contain;padding:4%}
.ldwz7-form__art{font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dark)}
.ldwz7-form h3{font-family:var(--serif);font-weight:500;font-size:32px;line-height:1.1;margin:4px 0 12px}
.ldwz7-form h3 a{color:var(--black)!important}
.ldwz7-form dl{margin:0;border-top:1px solid var(--sand);flex:1}
.ldwz7-form dl div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:10px;padding:9px 0;border-bottom:1px solid var(--sand);font-size:16px;line-height:1.45}
.ldwz7-form dt{font-weight:600}
.ldwz7-form dd{margin:0}
.ldwz7-form__preis{margin-top:16px!important;font-size:18px;color:var(--magenta)}
.ldwz7-form__preis--ohne{font-size:16px;color:var(--black)}
.ldwz7-form .ldwz3-link{align-self:flex-start;margin-top:6px}
.ldwz7-text{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,5vw,80px);align-items:center;background:var(--cream);padding:96px clamp(20px,3.6vw,48px)}
.ldwz7-text__bild{aspect-ratio:1/1;overflow:hidden;background:var(--sand)}
.ldwz7-text__bild img{width:100%;height:100%;object-fit:cover}
.ldwz7-text__txt{max-width:600px}
.ldwz7-text .ldwz3-kicker{justify-content:flex-start;text-align:left}
.ldwz7-text .ldwz3-kicker::after{display:none}
.ldwz7-text .ldwz3-h2{text-align:left;margin-bottom:20px}
.ldwz7-text__txt>p+p{margin-top:18px!important}
.ldwz7-wissen{margin-top:30px;padding:22px 24px;background:var(--white);border-left:2px solid var(--gold)}
.ldwz7-wissen__t{font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px!important}
.ldwz7-wissen ul{margin:0;padding:0 0 0 18px}
.ldwz7-wissen li{font-size:17px;line-height:1.6;margin:6px 0}
.ldwz7-wissen li::marker{color:var(--gold-dark)}
.ldwz7-passt{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);background:var(--white);padding:88px clamp(20px,3.6vw,48px);max-width:1236px;margin:0 auto}
.ldwz7-passt .ldwz3-kicker{justify-content:flex-start;text-align:left}
.ldwz7-passt .ldwz3-kicker::after{display:none}
.ldwz7-passt .ldwz3-h2{text-align:left;margin-bottom:12px}
.ldwz7-passt__liste{border-top:1px solid var(--sand)}
.ldwz7-passt__eintrag{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--sand);color:var(--black)!important}
.ldwz7-passt__bild{display:block;aspect-ratio:1/1;background:var(--cream);overflow:hidden}
.ldwz7-passt__bild img{width:100%;height:100%;object-fit:cover}
.ldwz7-passt__txt b{display:block;font-family:var(--serif);font-weight:500;font-size:28px;line-height:1.1}
.ldwz7-passt__txt span{font-size:16px;line-height:1.5}
.ldwz7-passt__go{font-size:24px;color:var(--gold-dark);transition:transform 200ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.ldwz7-passt__eintrag:hover .ldwz7-passt__go{transform:translateX(4px)}.ldwz7-form:hover{border-color:var(--greige)}}
@media (max-width:900px){.ldwz7-text,.ldwz7-passt{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.ldwz7-formen,.ldwz7-text,.ldwz7-passt{padding:56px 16px}.ldwz7-passt__eintrag{grid-template-columns:72px minmax(0,1fr) auto;gap:14px}}