/* Bild-Hero K02 Geschäftsausstattung (hero-kompakt, hell): Bild rechts randabfallend, Text links auf Weiß.
   Poster = Standbild; Illustration deckungsgleich darüber (Rahmen cover + --bdb-fokus). */
.bdb--k02{--bdb-grund:#fff;--bdb-schleier:none;--bdb-fokus:50% 50%}
.bdb--k02 .bdb__bild{grid-column:2/3}
.bdb--k02 .bdb__text{grid-column:1/2}
.bdb--k02 .bdb__text::before{inset:0 0 0 -100vw;background:#fff}
.bdb--k02 .bdb__illu{overflow:hidden;display:none}
.bdb--k02.is-bereit .bdb__illu{display:block}
.bdb--k02 .k02-rahmen{position:absolute;left:0;top:0;width:720px;height:500px;transform-origin:0 0;overflow:hidden;isolation:isolate;background:#e6e2db}
.bdb--k02 .k02-defs{position:absolute;width:0;height:0;overflow:hidden}
.bdb--k02 .k02-szene{position:absolute;left:0;top:0;width:1000px;height:880px;transform-origin:0 0}
.bdb--k02 .k02-e{position:absolute;left:0;top:0;width:1000px;height:880px;display:block;overflow:visible}
.bdb--k02 .k02-e--sonne{left:-200px;top:-200px;width:1400px;height:1280px;pointer-events:none}
.bdb--k02 .k02-e--schatten{mix-blend-mode:multiply;opacity:.08}
.bdb--k02 .k02-e--warm{mix-blend-mode:screen;opacity:.22}
.bdb--k02 .k02-e--sonne svg{display:block}
@media (max-width:899px){
  .bdb--k02 .bdb__bild,.bdb--k02 .bdb__text{grid-column:1/-1}
  .bdb--k02 .k02-rahmen{width:400px;height:500px}
}
.bdb--k02.is-mobil .k02-stapel{transform:translate(470px,872px) rotate(-6deg)}