/* Bild-Hero K01 Drucksachen – Produktfamilie auf dem Besprechungstisch (Hub-Hero, dunkel, Bild vollflächig, Text links).
   Poster (poster-desktop/-mobil.webp) = Standbild; die Illustration liegt deckungsgleich darüber (gleiche Rahmen-Geometrie, cover + --bdb-fokus). */
.bdb--k01{--bdb-grund:#141110;--bdb-fokus:62% 50%;--bdb-schleier:linear-gradient(90deg,rgba(12,10,9,.94) 0%,rgba(12,10,9,.84) 60%,rgba(12,10,9,0) 100%)}
.bdb--k01 .bdb__illu{overflow:hidden;display:none}
.bdb--k01.is-bereit .bdb__illu{display:block}
.bdb--k01 .k01-rahmen{position:absolute;left:0;top:0;width:1440px;height:645px;transform-origin:0 0;overflow:hidden;background:#120d0a}
.bdb--k01 .k01-defs{position:absolute;width:0;height:0;overflow:hidden}
.bdb--k01 .k01-tisch{position:absolute;inset:0;width:100%;height:100%;display:block}
.bdb--k01 .k01-szene{position:absolute;left:0;top:0;width:1600px;height:900px;transform-origin:0 0}
.bdb--k01 .k01-e{position:absolute;left:0;top:0;width:1600px;height:900px;display:block;overflow:visible}
.bdb--k01 .k01-e--mappe{perspective:3400px;perspective-origin:1060px 470px}
.bdb--k01 .k01-mappe{position:absolute;left:830px;top:150px;width:460px;height:640px;transform:rotate(-7deg);transform-style:preserve-3d;box-shadow:12px 16px 30px rgba(0,0,0,.55),1px 1px 2px rgba(0,0,0,.8)}
.bdb--k01 .k01-mappe__innen{position:absolute;left:0;top:0;display:block}
.bdb--k01 .k01-mappe__wurf{position:absolute;left:0;top:0;width:260px;height:640px;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.4) 38%,rgba(0,0,0,0));transform-origin:0 0;transform:translateX(460px) scaleX(0)}
.bdb--k01 .k01-deckel{position:absolute;left:0;top:0;width:460px;height:640px;transform-origin:0 50%;box-shadow:inset -2px 0 0 rgba(255,255,255,.14)}
.bdb--k01 .k01-deckel svg{display:block}
.bdb--k01 .k01-deckel__licht{position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,232,190,0) 10%,rgba(255,232,190,.12));opacity:0;mix-blend-mode:screen}
.bdb--k01 .k01-licht{position:absolute;left:0;top:0;width:900px;height:900px;margin:-450px 0 0 -450px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,224,170,.3),rgba(255,210,150,.1) 55%,rgba(255,210,150,0));mix-blend-mode:screen;opacity:.4;transform:translate(1066px,430px);pointer-events:none}
@media (min-width:900px){.bdb--k01 .bdb__text{align-self:stretch;display:flex;flex-direction:column;justify-content:center}}
@media (max-width:899px){
  .bdb--k01{--bdb-fokus:50% 45%}
  .bdb--k01 .k01-rahmen{width:400px;height:500px}
}
/* Hub-Kopf: Theme-Raster der H1/Text-Spalten (1/7 · 7/13) innerhalb der Lesefläche aufheben */
.bdb--k01 .bdb__lesen{grid-template-columns:minmax(0,1fr)}
.bdb--k01 .bdb__lesen>*{grid-column:1/-1;min-width:0}
.bdb--k01 .bdb__lesen .bd-hubkopf__h1{font-size:clamp(44px,5.6vw,92px);line-height:.94}
/* Mobil: eigene Komposition – Briefbogen unter die Mappe gerückt, Logo ganz im Bild */
.bdb--k01.is-mobil .k01-brief{transform:translate(1150px,250px) rotate(-4deg) scale(.82)}

/* Finalbild BD-B002-v4 (24.10.): helles Bild, Fächer rechts – Bild links verankert und breiter, kräftigerer weißer Schleier hinter dem Text */
.bdb--k01.bdb--foto{--bdb-grund:#f2f2f2;--bdb-text:#1D1D1B;--bdb-fokus:0% 50%;--bdb-schleier:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 46%,rgba(255,255,255,.6) 64%,rgba(255,255,255,0) 82%)}
@media (min-width:900px){.bdb--k01.bdb--foto .bdb__bildquelle::after{background-size:110% auto;background-position:0 50%}}

/* 25.10. (Bestand Batch B): H1 „Drucksachen, die“ lief bei 1440 px in den Fächer. Weißer Schleier mit festen Pixelstufen bis zur Spaltenkante, H1 etwas kleiner. */
@media (min-width:900px){
  .bdb--k01.bdb--foto .bdb__text::before{inset:0 -14% 0 -100vw;background:linear-gradient(90deg,#fff calc(100% - 640px),rgba(255,255,255,.93) calc(100% - 300px),rgba(255,255,255,.55) calc(100% - 120px),rgba(255,255,255,0) 100%)}
  .bdb--k01.bdb--foto .bdb__lesen .bd-hubkopf__h1{font-size:clamp(44px,4.9vw,80px)}
}