/* Leistungsseite Laminat (leistungen/laminat/) – ergänzt site.css Abschnitt 23 und leistungen.css. Redesign hell, 25.10.2026.
   Nur, was die Bausteine nicht abdecken:
     .lam-hero-pic  Schnittzeichnung statt Foto in der Bildkachel des Seiten-Heros
     .lam-check     Raum-Check: Auswahl-Kachel (.opt wie der Aufmaß-Rechner) + Ergebnis-Kachel (Papier)
     .lam-all       „Alle Räume im Überblick“ (details) als gefüllter Balken, darunter die Tabelle (.lam-table)
     .lam-klasse    breite Kachel: Überschrift links, Text rechts
     .lam-flow      Ablauf als eingerückte Treppe neben dem Teamfoto                                              */

/* Seiten-Hero: Zeichnung mittig in der Kachel */
.lam-hero-pic{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.lam-iso{width:100%;max-width:480px;height:auto;}

/* Kennwerte in breiten Kacheln: Begriffsspalte schmaler */
.tile--wide .specs > div{grid-template-columns:minmax(10em,26%) minmax(0,1fr);}

/* Antwortfelder (wie Vinyl „Vier Fragen“) */
.opts{clear:both;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
.opts > :last-child:nth-child(odd){grid-column:1 / -1;}
.opt{position:relative;display:block;}
.opt input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;appearance:none;-webkit-appearance:none;cursor:pointer;}
.opt span{display:flex;align-items:center;justify-content:center;height:100%;min-height:56px;padding:10px 12px;background:var(--tile-3);
  font-weight:600;line-height:1.25;text-align:center;transition:background-color var(--t-hover) ease,color var(--t-hover) ease;}
.opt input:checked + span{background:var(--ink);color:#FFFFFF;}
.opt input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px;}
@media (hover:hover) and (pointer:fine){.opt input:not(:checked):hover + span{background:var(--graphite);}}

/* Raum-Check */
.lam-check{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--j);margin-bottom:var(--j);}
.lam-check__pick{grid-column:1 / 6;}
.lam-check__legend{float:left;width:100%;margin-bottom:12px;font-weight:600;line-height:1.3;}  /* float: Legende bleibt in der Kachel */
.lam-check__out{grid-column:6 / 13;display:flex;flex-direction:column;gap:20px;min-height:340px;}
.lam-check__empty{max-width:44ch;font:600 var(--fs-lead)/1.3 var(--serif);letter-spacing:-.01em;color:var(--on-paper-soft);}
.lam-check__res{display:flex;flex-direction:column;gap:16px;}
.lam-check__res p{max-width:62ch;}
.lam-check__verdict{font:600 var(--fs-say)/1.12 var(--serif);letter-spacing:-.02em;}
.lam-check__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:4px;}
.lam-check__help,.lam-check__note{font-size:var(--fs-small);line-height:1.45;color:var(--on-paper-soft);}
.lam-check__help{margin-top:-6px;}
.lam-check__note{margin-top:auto;}

/* Alle Räume im Überblick */
.lam-all > summary{
  display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;padding:14px var(--pad);
  background:var(--tile);cursor:pointer;list-style:none;font:600 var(--fs-lead)/1.2 var(--serif);letter-spacing:-.01em;
  transition:background-color var(--t-hover) ease;
}
.lam-all > summary::-webkit-details-marker{display:none;}
.lam-all[open] > summary{background:var(--tile-2);}
.lam-all[open] .faq__plus::after{transform:rotate(0deg);}
@media (hover:hover) and (pointer:fine){.lam-all:not([open]) > summary:hover{background:var(--tile-2);}}
.lam-all__body{margin-top:var(--j);}
@media (min-width:600px){
  .lam-table tbody th{width:20%;}
  .lam-table td:nth-child(2),.lam-table td:nth-child(3){width:20%;}
}

/* Nutzungsklasse: eine breite Kachel */
.lam-klasse-row{margin-top:var(--j);}
.lam-all[open] + .lam-klasse-row{margin-top:clamp(24px,2.4vw,36px);}
.lam-klasse{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px var(--j);align-items:start;min-height:0;}
.lam-klasse h3{grid-column:1 / 6;}
.lam-klasse p{grid-column:6 / 13;max-width:60ch;}

/* Ablauf mit Teamfoto: Treppe eingerückt (wie Tablet-Fassung von .steps-row), Foto rechts */
.lam-flow{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--j);}
.lam-flow .steps-row{--indent:5%;grid-column:1 / 9;grid-auto-flow:row;grid-auto-columns:auto;align-items:stretch;}
.lam-flow .steps-row > li{min-height:0;margin-left:calc(var(--k) * var(--indent));}
.lam-flow__pic{grid-column:9 / 13;position:relative;min-height:420px;margin:0;}
.lam-flow__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

@media (max-width:1099px){
  .lam-intro{grid-column:1 / -1;grid-row:auto;min-height:0;}
  .lam-hero-pic{aspect-ratio:auto;padding:28px 24px 24px;}
  .lam-hero-pic .page-board__cap{position:static;align-self:flex-start;max-width:none;margin-top:16px;padding:0;background:none;color:var(--soft);}
  .lam-check__pick,.lam-check__out{grid-column:1 / -1;}
  .lam-check__out{min-height:0;}
  .lam-klasse h3,.lam-klasse p{grid-column:1 / -1;}
}
@media (max-width:599px){
  .lam-hero-pic{padding:20px 16px 18px;}
  .lam-check__pick{padding:16px;}
  .opt span{padding:8px 10px;}
  .lam-check__cta .btn{width:100%;}
  .lam-all > summary{min-height:64px;padding:12px 16px;font-size:20px;}
  .lam-table td{grid-template-columns:1fr;gap:2px;}   /* lange Spaltennamen („Nutzungsklasse“) über dem Wert */
  .lam-flow{display:block;}
  .lam-flow__pic{display:none;}   /* Handy: Ablauf ohne Begleitfoto (Teamfoto steht auf Über uns/Karriere), Seite bleibt kurz */
}