/* Kommode Schlafzimmer (04.11.2026, Kopie von kommode-weiss.css): nur seitenspezifische Ergänzungen zu lookbook.css */
/* Startbild Easy 4: Text auf der ruhigen Wandfläche (nur Desktop) */
@media (min-width:1025px){ .km-hero .lb-hero__sub { max-width:none; } }
/* Runde 3 (02.11.2026, Marco): Startbild oben leicht abdunkeln (Verlauf von oben, nur Overlay – Bild unverändert),
   damit Kopfzeile, Dachzeile, Titel und Untertitel sicher lesbar sind; Text dafür hell mit weichem Schatten. */
.km-hero .lb-hero__link::after { content:""; position:absolute; left:0; right:0; top:0; height:78%; z-index:1; pointer-events:none;
  background:linear-gradient(180deg, rgba(0,0,0,.66) 0%, rgba(0,0,0,.56) 34%, rgba(0,0,0,.42) 56%, rgba(0,0,0,.14) 82%, rgba(0,0,0,0) 100%); }
.km-hero .lb-hero__title { color:#fff; text-shadow:0 1px 22px rgba(0,0,0,.35); }
.km-hero .lb-hero__sub { color:#fff; text-shadow:0 1px 14px rgba(0,0,0,.45); }
.km-hero .lb-hero__content .nt-eyebrow { color:rgba(255,255,255,.9); text-shadow:0 1px 10px rgba(0,0,0,.45); }

/* Textzeile unter einem Bild (eine Kachel über die ganze Breite, Text schmal gehalten) */
.lb-row--text { grid-template-columns:1fr; }
.lb-row--text > .lb-tile { max-width:none; }
.lb-row--text > .lb-tile p { max-width:72ch; }
/* Detailfoto (Shopfoto, nie beschnitten: volle Breite, Höhe automatisch) */
.lb-detail { margin:0; }
.lb-detail img { display:block; width:100%; height:auto; }
.lb-detail figcaption { margin-top:.6em; }
/* Modell-Gruppen nach Aufgabe */
.lb-gruppe { margin:clamp(2.2em,5vh,3.4em) 0 0; font-size:1.25rem; font-weight:400; letter-spacing:.01em; }
.lb-gruppe + .nt-models__grid { margin-top:1.2em; }
/* Sideboard Holz (09.11.2026): drei Holzart-Kacheln innerhalb der Galerie */
.lb-tiles--holz { margin:0 0 clamp(1.6em,4vh,2.6em); }
/* Runde 2 (10.11.2026, Marco): Kopf wie im Onlineshop – kommt jetzt aus css/shopkopf.css (gemeinsamer Shop-Kopf aller Landings).
   Hier nur noch: Text im Startbild sitzt unter dem Kopf, der über dem Bild liegt. */
@media (min-width:1025px){ .lb .km-hero .lb-hero__content { top:calc(130px + min(7vw, 11svh)); } }
@media (max-width:1024px){ .lb .km-hero .lb-hero__content { top:calc(70px + 9vw); } }
