/* The existing offer copy supplies all scroll length. This stage stays inside its own grid column. */
#buch-sichern.offer-section{align-items:stretch}
#buch-sichern .offer-product{padding:0;align-self:stretch;min-width:0;isolation:isolate}
#buch-sichern .offer-thread-stage{position:sticky;top:24px;height:min(660px,calc(100svh - 112px));min-height:390px;width:100%;isolation:isolate}
#buch-sichern .offer-thread-stage .offer-halo{inset:21% 0 9%;z-index:0;border-radius:47% 42% 45% 47%;transform:rotate(-5deg);background:var(--yellow)}
#buch-sichern .ot-cord{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none}
#buch-sichern .ot-cord path{fill:none;stroke-linecap:round;stroke-linejoin:round}
#buch-sichern .ot-cord-shadow{stroke:#a5780025;stroke-width:11;transform:translate(1px,2px)}
#buch-sichern .ot-cord-main{stroke:#f6c617;stroke-width:6}
#buch-sichern .ot-thread-anchor{fill:var(--paper);stroke:#ebbd13;stroke-width:4}
#buch-sichern .ot-book{position:absolute;z-index:2;left:50%;top:29%;height:60%;width:auto;aspect-ratio:2/3;max-width:78%;transform:translate(-50%,var(--ot-book-y,0px)) rotate(var(--ot-book-angle,-5deg));transform-origin:50% 0;will-change:auto}
#buch-sichern .ot-book img{display:block;width:100%;height:100%;object-fit:contain;box-shadow:8px 7px 0 #e6ddbd,15px 18px 24px #221d2029}
#buch-sichern .offer-thread-stage>.handwritten{position:absolute;z-index:3;bottom:0;left:50%;width:max-content;max-width:100%;font-size:clamp(23px,2.15vw,31px);white-space:nowrap;transform:translateX(-50%) rotate(-4deg);line-height:1.3}
#buch-sichern.ot-motion .ot-book{will-change:transform}
@media(max-width:900px){
 #buch-sichern.offer-section{display:flex;flex-direction:column;gap:38px}
 #buch-sichern .offer-product{width:100%;max-width:410px;align-self:center}
 #buch-sichern .offer-thread-stage{position:relative;top:auto;height:auto;min-height:0;padding:40px 15px 65px}
 #buch-sichern .offer-thread-stage .offer-halo{inset:8% 0 15%}
 #buch-sichern .ot-cord{display:none}
 #buch-sichern .ot-book{position:relative;top:auto;left:auto;width:min(240px,74%);height:auto;max-width:none;aspect-ratio:2/3;margin:auto;transform:rotate(-5deg)}
 #buch-sichern .offer-thread-stage>.handwritten{font-size:26px;bottom:2px}
}
@media(min-width:901px) and (max-height:559px){
 #buch-sichern .offer-thread-stage{position:relative;top:auto;height:510px;min-height:0}
}
@media(prefers-reduced-motion:reduce){
 #buch-sichern .ot-book{will-change:auto!important}
}