/* Bild-Hero K03 Broschüren – „Durchblättern erwünscht“ (dunkel, Bild vollflächig, Text links; Seiten blättern beim Scrollen) */
.bdb--k03{--bdb-grund:#1f2022;--bdb-fokus:50% 50%;--bdb-schleier:none}
.bdb--k03 .bdb__bild{grid-column:2/3}
.bdb--k03 .bdb__text{grid-column:1/2}
.bdb--k03 .bdb__text::before{inset:0 0 0 -100vw;background:#1f2022}
.bdb--k03 .k03-defs{position:absolute;width:0;height:0;overflow:hidden}
.bdb--k03 .bdb__illu{overflow:hidden;display:none}
.bdb--k03.is-bereit .bdb__illu{display:block}
.bdb--k03 .k03-rahmen{position:absolute;left:0;top:0;width:720px;height:560px;transform-origin:0 0;overflow:hidden;isolation:isolate;background:#2e3033}
.bdb--k03 .k03-tisch{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.bdb--k03 .k03-raum{position:absolute;inset:0;perspective:1500px;perspective-origin:50% 38%}
.bdb--k03 .k03-ebene{position:absolute;left:330px;top:300px;width:0;height:0;transform-style:preserve-3d;transform:rotateX(34deg) scale(.74)}
.bdb--k03 .k03-zweite{position:absolute;left:250px;top:-400px;width:300px;height:424px;transform:rotateZ(17deg) translateZ(-3px)}
.bdb--k03 .k03-zweite svg{display:block;width:100%;height:100%;box-shadow:1px 1px 0 #2a2a2a,2px 2px 0 #cfcfcf,3px 3px 0 #b5b5b5}
.bdb--k03 .k03-zweite__schatten{position:absolute;inset:0;background:rgba(0,0,0,.6);filter:blur(14px);transform:translate(14px,18px)}

.bdb--k03 .k03-heft{position:absolute;left:-300px;top:-212px;width:600px;height:424px;transform-style:preserve-3d;transform:rotateZ(-7deg)}
.bdb--k03 .k03-schatten{position:absolute;top:0;width:300px;height:424px;background:rgba(0,0,0,.62);filter:blur(16px);transform:translate3d(14px,20px,-2px)}
.bdb--k03 .k03-schatten--r{left:300px}
.bdb--k03 .k03-schatten--l{left:0;opacity:0}
.bdb--k03 .k03-basis{position:absolute;left:300px;top:0;width:300px;height:424px;background:#ddd;box-shadow:1px 1px 0 #d6d6d6,2px 2px 0 #c4c4c4,3px 3px 0 #a9a9a9,4px 4px 0 #111}
.bdb--k03 .k03-basis::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.34),rgba(0,0,0,0) 13%)}
.bdb--k03 .k03-basis svg,.bdb--k03 .k03-face svg{display:block;width:100%;height:100%}
.bdb--k03 .k03-basis__wurf{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,0) 70%);opacity:0;z-index:1}
.bdb--k03 .k03-klammern{position:absolute;left:298px;top:0;width:4px;height:424px;transform:translateZ(5px);opacity:0}
.bdb--k03 .k03-klammern i{position:absolute;left:0;width:4px;height:36px;border-radius:2px;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 0) ,linear-gradient(90deg,#6c7278,#f6f8fa 45%,#8a9096);-webkit-mask:linear-gradient(#000 0 44%,transparent 44% 56%,#000 56%);mask:linear-gradient(#000 0 44%,transparent 44% 56%,#000 56%);box-shadow:1px 2px 2px rgba(0,0,0,.55)}
.bdb--k03 .k03-klammern i:first-child{top:88px}
.bdb--k03 .k03-klammern i:last-child{top:300px}
.bdb--k03 .k03-blatt{position:absolute;left:300px;top:0;width:300px;height:424px;transform-origin:0 50%;transform-style:preserve-3d}
.bdb--k03 .k03-seg{position:absolute;top:0;width:150px;height:424px;transform-origin:0 50%;transform-style:preserve-3d}
.bdb--k03 .k03-seg--a{left:0}
.bdb--k03 .k03-seg--b{left:149px;width:151px}
.bdb--k03 .k03-seg--b>.k03-face{width:151px}
.bdb--k03 .k03-face{position:absolute;left:0;top:0;width:150px;height:424px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.bdb--k03 .k03-hinten{transform:rotateY(180deg)}
.bdb--k03 .k03-face::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(255,248,235,.14));opacity:var(--sh,0);pointer-events:none}
.bdb--k03 .k03-seg--a>.k03-vorne::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.26),rgba(0,0,0,0) 26%);pointer-events:none}
.bdb--k03 .k03-seg--a>.k03-hinten::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(270deg,rgba(0,0,0,.3),rgba(0,0,0,0) 26%);pointer-events:none}
.bdb--k03 .k03-jalousie{position:absolute;left:-20%;top:-30%;width:140%;height:160%;background:repeating-linear-gradient(-30deg,rgba(255,238,210,0) 0,rgba(255,238,210,0) 30px,rgba(255,238,210,.2) 44px,rgba(255,238,210,.2) 70px,rgba(255,238,210,0) 84px,rgba(255,238,210,0) 112px);mix-blend-mode:screen;filter:blur(3px);pointer-events:none;}
.bdb--k03 .k03-lupe{position:absolute;left:150px;top:14px;width:124px;display:flex;flex-direction:column-reverse;align-items:center;gap:6px;opacity:0;transform:scale(.7);transform-origin:50% 60%;pointer-events:none;text-align:center}
.bdb--k03 .k03-lupe svg{display:block;width:124px;height:124px;border-radius:50%;border:4px solid #fff;box-shadow:0 20px 40px rgba(0,0,0,.6)}
.bdb--k03 .k03-lupe span{display:inline-block;white-space:nowrap;margin-top:10px;padding:4px 8px;background:#1D1D1B;color:#fff;font:700 12px/1.2 var(--bd-font-sans,Helvetica,Arial,sans-serif);letter-spacing:.04em}
@media (max-width:899px){
  .bdb--k03 .bdb__bild,.bdb--k03 .bdb__text{grid-column:1/-1}
  .bdb--k03 .k03-rahmen{width:400px;height:500px}
  .bdb--k03 .k03-ebene{left:200px;top:258px;transform:rotateX(26deg) scale(.56)}
  .bdb--k03 .k03-heft{transform:rotateZ(-4deg)}
  .bdb--k03 .k03-lupe{width:104px;left:auto;right:14px;top:58px;bottom:auto}
  .bdb--k03 .k03-lupe svg{width:110px;height:110px;border-width:3px}
  .bdb--k03 .k03-lupe span{font-size:10px;white-space:normal}
}
.bdb--k03 .k03-lupe span{margin-top:0}
@media (max-width:899px){.bdb--k03 .k03-lupe{flex-direction:column}.bdb--k03 .k03-lupe svg{width:104px;height:104px}}
.bdb--k03 .bdb__pause{background:rgba(20,20,20,.86);border-color:rgba(255,255,255,.7)}

/* Finalbild BD-B013 (25.10.): Makro, Motiv rechts – mobil auf den Lack-Bogen fokussieren */
@media (max-width:899px){.bdb--k03.bdb--foto{--bdb-fokus:70% 50%}}