/* Menu reflections belong to individual links, never the menu surface. */
body.menu-open{padding-top:var(--header-height)}
body.menu-open>.site-header{position:fixed;inset:0 0 auto;z-index:90;transform:none!important;visibility:visible!important;opacity:1!important}
body.menu-open>#site-menu{top:var(--header-height);bottom:0;height:auto;max-height:calc(100dvh - var(--header-height));z-index:80;overflow-y:auto;overscroll-behavior:contain}
#site-menu::after,#site-menu>div::after{content:none!important;animation:none!important}
#site-menu a.action-gloss::after{inset:0 auto 0 0;width:min(180px,55%);background:linear-gradient(110deg,transparent 30%,#fff4ca12 46%,#fff4ca45 50%,#fff4ca12 54%,transparent 70%)}
#site-menu a.action-gloss.light-sweep::after{animation-duration:1.65s}
#story-dialog .profile-facts h2{margin-bottom:clamp(24px,4vw,38px)!important}
/* A common bottom edge with variable preview depth for longer titles. */
#programm-welten .method-door>summary{box-sizing:border-box;display:flex!important;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;height:var(--practice-card-height,auto);min-height:0!important;padding-top:clamp(280px,32vw,360px)}
#programm-welten .practice-measuring .method-door>summary{height:auto}
#programm-welten .method-door .summary-copy{flex:none;width:100%;max-width:100%;padding-right:25px}
#programm-welten .method-door .topic-preview{display:flex;flex-direction:column;flex:1;min-height:108px;max-width:100%;margin-top:22px}
#programm-welten .method-door .preview-excerpt{display:block;-webkit-line-clamp:unset;flex:1;min-height:54px;max-height:none;overflow:hidden;mask-image:linear-gradient(#000 calc(100% - 18px),transparent);-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),transparent)}
#programm-welten .practice-measuring .preview-excerpt{flex:none;height:54px;min-height:54px}
#programm-welten .method-door .read-more{flex:none;margin-top:18px}
#programm-welten .method-door .toggle-mark{bottom:auto;top:calc(100% - 190px)}
#programm-welten .method-door[open] .toggle-mark{font-size:0}
#programm-welten .method-door[open] .toggle-mark::after{font-size:28px}
/* Always show the poster/frame; SVG film filters can black out video in WebKit. */
#gemeinsam-erleben .circle-film-frame{background:#171610 url('assets/circle-video-frame.jpg') center/cover no-repeat}
#gemeinsam-erleben .circle-film-frame video{opacity:1!important;filter:none!important;transform:none!important;object-position:center center}
/* Keep the full scene in a landscape band, independent of offer text height. */
#vergleich .compare-grid>article{padding-top:clamp(245px,27vw,345px);}
#vergleich .compare-grid>article>.compare-visual{inset:0 0 auto;width:100%;height:auto;aspect-ratio:3/2;max-height:430px;object-fit:cover;object-position:center!important;opacity:.54!important;transform:none!important;translate:none!important;rotate:none!important;filter:none!important;mask-image:linear-gradient(#000 65%,transparent);-webkit-mask-image:linear-gradient(#000 65%,transparent)}
#vergleich .compare-grid>article::after{background:linear-gradient(180deg,transparent 0px,rgba(12,12,10,.16) 200px,#0c0c0a 430px);pointer-events:none}
@media(max-width:700px){#programm-welten .method-door>summary{padding-top:280px}#vergleich .compare-grid>article{padding-top:clamp(200px,58vw,300px)}}
