/* Bild-Hero K04 Falzprodukte & Karten – „Ein Falz, drei Überraschungen“ (Bild rechts auf HKS-14-Rot, Text links auf Weiß) */
.bdb--k04{--bdb-grund:#fff;--bdb-schleier:none;--bdb-fokus:50% 50%}
.bdb--k04 .bdb__bild{grid-column:2/3}
.bdb--k04 .bdb__text{grid-column:1/2}
.bdb--k04 .bdb__text::before{inset:0 0 0 -100vw;background:#fff}
.bdb--k04 .k04-defs{position:absolute;width:0;height:0;overflow:hidden}
.bdb--k04 .bdb__illu{overflow:hidden;display:none}
.bdb--k04.is-bereit .bdb__illu{display:block}
.bdb--k04 .k04-rahmen{position:absolute;left:0;top:0;width:760px;height:530px;transform-origin:0 0;overflow:hidden;isolation:isolate;background:#E30613}
.bdb--k04 .k04-grund{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.bdb--k04 .k04-raum{position:absolute;inset:0;perspective:1600px;perspective-origin:50% 28%}
.bdb--k04 .k04-ebene{position:absolute;left:53%;top:43%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(40deg) rotateZ(-12deg) scale(.86)}

.bdb--k04 .k04-schatten{position:absolute;top:-190px;width:170px;height:360px;background:rgba(55,0,4,.6);filter:blur(13px)}
.bdb--k04 .k04-schatten--a{left:-238px}
.bdb--k04 .k04-schatten--b{left:-68px;opacity:0}
.bdb--k04 .k04-schatten--c{left:102px;width:165px;opacity:0}
.bdb--k04 .k04-folder{position:absolute;left:-255px;top:-215px;width:170px;height:360px;transform-style:preserve-3d}
.bdb--k04 .k04-panel{position:absolute;top:0;height:360px;transform-style:preserve-3d;transform-origin:0 50%}
.bdb--k04 .k04-panel--a{left:0;width:170px;transform:translateZ(1px)}
.bdb--k04 .k04-panel--b{left:170px;width:170px}
.bdb--k04 .k04-panel--c{left:170px;width:165px}
.bdb--k04 .k04-face{position:absolute;left:0;top:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.bdb--k04 .k04-panel>.k04-face{width:auto;right:0}
.bdb--k04 .k04-aussen{transform:rotateY(180deg)}
.bdb--k04 .k04-face svg{display:block;width:100%;height:100%}
.bdb--k04 .k04-panel>.k04-face::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.4),rgba(255,240,230,.12));opacity:var(--sh,0);pointer-events:none}
.bdb--k04 .k04-panel--b>.k04-innen::before,.bdb--k04 .k04-panel--c>.k04-innen::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.16),rgba(0,0,0,0) 8%);pointer-events:none}
.bdb--k04 .k04-karte{position:absolute;left:-350px;top:112px;width:250px;height:178px;transform-style:preserve-3d;transform:rotateZ(13deg) translateZ(4px)}
.bdb--k04 .k04-schatten--karte{left:-350px;top:112px;width:250px;height:178px;filter:blur(8px);transform:rotateZ(13deg);transform-origin:50% 50%}
.bdb--k04 .k04-karte__unten{position:absolute;left:0;top:89px;width:250px;height:89px}
.bdb--k04 .k04-karte__oben{position:absolute;left:0;top:0;width:250px;height:89px;transform-origin:50% 100%;transform-style:preserve-3d}
.bdb--k04 .k04-karte svg{display:block;width:100%;height:100%}
.bdb--k04 .k04-karte__oben .k04-innen::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,236,200,.18),rgba(255,236,200,0));opacity:var(--sh,0);pointer-events:none}
.bdb--k04 .k04-rill{stroke:#fff;stroke-opacity:.8;stroke-width:1.6;stroke-dasharray:1 1;stroke-dashoffset:1}
@media (max-width:899px){
  .bdb--k04 .bdb__bild,.bdb--k04 .bdb__text{grid-column:1/-1}
  .bdb--k04 .k04-rahmen{width:400px;height:500px}
  .bdb--k04 .k04-raum{perspective:1200px;perspective-origin:50% 30%}
  .bdb--k04 .k04-ebene{left:50%;top:44%;transform:rotateX(30deg) rotateZ(-8deg) scale(.72)}
  .bdb--k04 .k04-karte,.bdb--k04 .k04-schatten--karte{left:-262px;top:96px}
}
.bdb--k04 .bdb__pause{background:#fff;color:#1D1D1B;border-color:#fff}
/* Finalbild BD-B014 (V4_04, 25.10.): breites Motiv (≈2,25:1), Folder + Klappkarte rechts der Mitte – Desktop-Fokus nach rechts, damit die Ausstanzung im Feld bleibt; mobil eigenes 4:5-Bild (B014m) */
.bdb--k04.bdb--foto{--bdb-fokus:100% 50%}
@media (max-width:899px){.bdb--k04.bdb--foto{--bdb-fokus:62% 55%}}