/* Verbindlich freigegebener SCHRAEGER-Einstieg, 14.09.2026.
   Quelle: FREIGABEN/HEADER/README.md und schraeger-art-directions/dist/wirkung-motion.css. */
.kinetic-opening{background:radial-gradient(ellipse at 88% 70%,#dedfd760,transparent 70%),#f4f1e9;color:#1b211d;padding:clamp(92px,13svh,145px) 5.5vw clamp(18px,3svh,40px);min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(18px,3svh,45px);overflow:clip}
.kinetic-opening *{box-sizing:border-box}
.kinetic-opening .opening-meta{display:flex;justify-content:space-between;font:500 9px/1.5 Manrope,Arial,sans-serif;letter-spacing:.16em;color:#746e5f;gap:25px}
.kinetic-opening .opening-type{perspective:1700px;padding:20px 0 25px}
.kinetic-opening .opening-words{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:1.7vw}
.kinetic-opening .wrap-heading-3d{position:relative;perspective:1200px;transform-style:preserve-3d;flex:0 0 auto;font:400 min(calc(11.5vw * var(--word-fit,1)),15svh)/.95 Arial,sans-serif;letter-spacing:-.065em}
.kinetic-opening .wrap-heading-3d_front,.kinetic-opening .wrap-heading-3d_back{backface-visibility:hidden;transform-style:preserve-3d}
.kinetic-opening .wrap-heading-3d_front{transform-origin:50% 100%}
.kinetic-opening .wrap-heading-3d_back{position:absolute;inset:0;transform-origin:50% 0;transform:translateY(100%) rotateX(-90deg);color:#907448}
.kinetic-opening .repair-hero-lettering{display:block;white-space:nowrap;font-family:Arial,sans-serif!important;font-weight:400!important;line-height:inherit;text-transform:uppercase}
.kinetic-opening .opening-folds{display:flex;flex-direction:column;gap:min(1.3vw,1.5svh);perspective:1500px}
.kinetic-opening .hero_home_wrap-single-resonate{display:block;overflow:clip;transform-origin:center top;height:min(18.5vw,26svh)}
.kinetic-opening .hero_home_wrap-single-resonate .repair-hero-lettering{font:400 min(24vw,29svh)/.79 Arial,sans-serif!important;letter-spacing:-.048em;width:max-content;transform:scaleX(var(--fold-fit,.96));transform-origin:left top}
.kinetic-opening .fold-0{height:min(1.4vw,2svh)}.kinetic-opening .fold-1{height:min(3vw,4svh)}.kinetic-opening .fold-2{height:min(4.8vw,7svh)}
.kinetic-opening .opening-bottom{display:flex;justify-content:space-between;align-items:end;gap:28px;border-top:1px solid #c3bdad;padding-top:23px}
.kinetic-opening .opening-bottom>p{margin:0;font-size:12px;line-height:1.7;color:#1b211d}
.kinetic-opening .opening-discover{font-size:12px;display:flex;align-items:center;gap:25px;color:#1b211d;text-decoration:none}
.kinetic-opening .opening-discover span{font-size:24px}
.kinetic-opening .motion-controls{display:flex;gap:18px}
.kinetic-opening .motion-controls button{border:0;background:transparent;padding:10px 0;font:400 10px/1.4 Manrope,Arial,sans-serif;color:#685b46;min-height:40px;cursor:pointer}
.kinetic-opening .motion-controls button:hover{text-decoration:underline;text-underline-offset:5px}
.kinetic-opening .motion-controls button:disabled{opacity:.5;cursor:default}
html.schraeger-hero-pending .kinetic-opening .opening-words,html.schraeger-hero-pending .kinetic-opening .opening-folds{visibility:hidden;opacity:0}
@media(min-width:1800px){.kinetic-opening{padding-top:min(160px,15svh)}.kinetic-opening .opening-type{max-width:1600px;width:100%;margin-inline:auto}.kinetic-opening .wrap-heading-3d{font-size:min(calc(200px * var(--word-fit,1)),15svh)}.kinetic-opening .hero_home_wrap-single-resonate .repair-hero-lettering{font-size:min(410px,29svh)!important}.kinetic-opening .hero_home_wrap-single-resonate{height:min(320px,26svh)}.kinetic-opening .fold-0{height:min(28px,2svh)}.kinetic-opening .fold-1{height:min(57px,4svh)}.kinetic-opening .fold-2{height:min(85px,7svh)}}
@media(min-width:901px){.kinetic-opening{height:100svh}}
@media(max-width:900px){.kinetic-opening{padding-top:clamp(92px,13svh,128px);min-height:100svh}.kinetic-opening .opening-bottom{flex-wrap:wrap}.kinetic-opening .motion-controls{order:3;width:100%;border-top:1px solid #c3bdad;padding-top:8px}}
@media(min-width:621px) and (max-width:900px) and (max-height:760px){.kinetic-opening{padding-top:80px;padding-bottom:16px;gap:14px}.kinetic-opening .opening-type{padding:10px 0 15px}.kinetic-opening .hero_home_wrap-single-resonate{height:min(18.5vw,23svh)}.kinetic-opening .hero_home_wrap-single-resonate .repair-hero-lettering{font-size:min(24vw,26svh)!important}.kinetic-opening .fold-0{height:min(1.4vw,1.5svh)}.kinetic-opening .fold-1{height:min(3vw,3svh)}.kinetic-opening .fold-2{height:min(4.8vw,5.5svh)}}
@media(max-width:620px){.kinetic-opening{padding:clamp(96px,17svh,125px) 6vw clamp(18px,3.5svh,25px);min-height:100svh;gap:clamp(24px,6svh,55px)}.kinetic-opening .opening-meta{font-size:8px;letter-spacing:.08em}.kinetic-opening .opening-meta>span:last-child{display:none}.kinetic-opening .opening-type{padding:0}.kinetic-opening .opening-words{gap:16px;margin-bottom:3vw}.kinetic-opening .wrap-heading-3d{font-size:calc(11.5vw * var(--word-fit,1));letter-spacing:-.06em}.kinetic-opening .opening-folds{gap:2vw}.kinetic-opening .hero_home_wrap-single-resonate{height:19vw}.kinetic-opening .fold-0{height:1.8vw}.kinetic-opening .fold-1{height:3.8vw}.kinetic-opening .fold-2{height:6vw}.kinetic-opening .hero_home_wrap-single-resonate .repair-hero-lettering{font-size:24vw!important}.kinetic-opening .opening-bottom{gap:16px;align-items:center}.kinetic-opening .opening-bottom>p{font-size:10px;max-width:165px}.kinetic-opening .opening-discover{font-size:10px;gap:10px}.kinetic-opening .opening-discover span{display:none}.kinetic-opening .motion-controls{justify-content:space-between;gap:10px}.kinetic-opening .motion-controls button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.kinetic-opening .wrap-heading-3d_back{display:none}}