/* U-Power Red-Stratos-Kick-Off - Kampagnen-CSS, eingegrenzt auf .rk-wrap
   Erzeugt aus 03 KI/U-Power-Partnerseite/red-stratos-kickoff.html @ cd1382a (ADR 25).
   Kein globaler Reset, keine nackten html/body-Selektoren, keine externen Requests. */

/* --- Neutralisierung global geladener Regeln (1:1 Muster aus dem Mafell-Vorbild,
   fuer diese Seite NICHT erneut per DOM-Vergleich gemessen - vor Freigabe pruefen). */
.rk-wrap h1,.rk-wrap h2,.rk-wrap h3,.rk-wrap h4,.rk-wrap h5,.rk-wrap h6{
  text-transform:none;color:inherit}
.rk-wrap h4,.rk-wrap h5,.rk-wrap h6{font-weight:bold}
.rk-wrap blockquote{border:0;padding:0;margin:0;font-size:inherit}
.rk-wrap .mark,.rk-wrap mark{background:transparent;padding:0;color:inherit}
.rk-wrap .btn,.rk-wrap .badge{text-align:inherit}
.rk-wrap button{color:inherit}
.rk-wrap{font-weight:400}

.rk-wrap{--rot:#d51030;--dark:#22262a;--dark2:#15181b;--hell:#F6F6F6;--line:#e3e3e3;--txt:#26292c;--muted:#6b7075}
.rk-wrap *{box-sizing:border-box;margin:0;padding:0}
.rk-wrap{scroll-behavior:auto}
.rk-wrap .skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--rot);color:#fff;font-weight:700;padding:12px 20px;border-radius:0 0 10px 0;text-decoration:none}
.rk-wrap .skip:focus{left:0}
.rk-wrap a:focus-visible,.rk-wrap button:focus-visible,.rk-wrap summary:focus-visible,.rk-wrap [tabindex]:focus-visible{outline:3px solid var(--rot);outline-offset:2px;border-radius:4px}
.rk-wrap{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--txt);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
.rk-wrap h1,.rk-wrap h2,.rk-wrap h3,.rk-wrap .display{font-weight:800;letter-spacing:-.02em;line-height:1.08}
.rk-wrap .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.rk-wrap .eyebrow{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--rot)}
.rk-wrap .btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:16px;padding:15px 28px;border-radius:999px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;white-space:normal;text-align:center;min-width:0}
.rk-wrap .btn:hover{transform:translateY(-2px)}
.rk-wrap .btn-primary{background:var(--rot);color:#fff;box-shadow:0 8px 22px rgba(213,16,48,.28)}
.rk-wrap .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.rk-wrap .btn-ghost.dark{color:var(--txt);border-color:#c9ccce}
.rk-wrap .btn-lg{font-size:17px;padding:17px 34px}
/* Header */
.rk-wrap header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line)}
.rk-wrap .nav{display:flex;align-items:center;justify-content:space-between;height:72px;position:relative}
.rk-wrap .nav img.logo{height:34px;width:auto;display:block}
.rk-wrap .nav .cta-small{font-size:14px;padding:11px 22px}
/* Hero */
.rk-wrap .hero{position:relative;background:#15181b;color:#fff;overflow:hidden}
.rk-wrap .hero .bg{position:absolute;inset:0;background:url('assets/img/hero.jpg') center right/cover no-repeat;background-image:image-set(url('assets/img/hero.webp') type('image/webp'), url('assets/img/hero.jpg') type('image/jpeg'));opacity:.9}
@media(max-width:768px){.rk-wrap .hero .bg{background-image:image-set(url('assets/img/hero_m.webp') type('image/webp'), url('assets/img/hero.jpg') type('image/jpeg'))}}
.rk-wrap .hero .veil{position:absolute;inset:0;background:linear-gradient(100deg,#101215 0%,rgba(16,18,21,.82) 42%,rgba(16,18,21,.25) 72%,rgba(16,18,21,.55) 100%)}
.rk-wrap .hero .inner{position:relative;padding:40px 0 40px;max-width:660px}
.rk-wrap .hero .badge{display:inline-flex;align-items:center;gap:8px;background:var(--rot);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:7px 14px;border-radius:999px;margin-bottom:26px}
.rk-wrap .hero h1{font-size:clamp(34px,5.4vw,60px);margin-bottom:20px}
.rk-wrap .hero h1 .hl{color:#ff5e6e}
.rk-wrap .hero p.sub{font-size:clamp(17px,2.1vw,21px);color:#d7dadd;max-width:560px;margin-bottom:34px}
.rk-wrap .hero .actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
/* generic section */
.rk-wrap section.blk{padding:88px 0}
.rk-wrap .blk.hell{background:var(--hell)}
.rk-wrap .blk.dark{background:var(--dark);color:#eef0f2}
.rk-wrap .blk.dark h2,.rk-wrap .blk.dark h3{color:#fff}
.rk-wrap .lead{font-size:clamp(19px,2.4vw,26px);font-weight:600;max-width:820px;line-height:1.4}
.rk-wrap h2.sec{font-size:clamp(26px,3.4vw,40px);margin:10px 0 8px}
.rk-wrap .sub-lead{color:var(--muted);max-width:720px;font-size:17px;margin-top:6px}
.rk-wrap .blk.dark .sub-lead{color:#aab0b5}
/* Infinergy */
.rk-wrap .stat{display:flex;flex-wrap:wrap;align-items:center;gap:36px;margin:38px 0 8px}
.rk-wrap .stat .num{font-size:clamp(72px,13vw,150px);font-weight:800;line-height:.9;color:var(--rot);letter-spacing:-.04em}
.rk-wrap .blk.dark .stat .num{color:#ff5e6e}
.rk-wrap .stat .num small{font-size:.42em;vertical-align:super;font-weight:700}
.rk-wrap .stat .cap{max-width:420px;font-size:17px;color:#c3c8cd}
.rk-wrap .stat-hell{margin:30px 0 6px}
.rk-wrap .stat-hell .cap{color:var(--muted)}
/* Tech tiles */
.rk-wrap .tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:34px}
@media(max-width:1100px){.rk-wrap .tiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.rk-wrap .tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.rk-wrap .tiles{grid-template-columns:1fr}}
.rk-wrap .tile{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.03);transition:transform .25s ease,box-shadow .25s ease}
.rk-wrap .tile:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.12)}
.rk-wrap .tile .ti{aspect-ratio:16/10;overflow:hidden;background:#eef0f1}
.rk-wrap .tile .ti img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.rk-wrap .tile:hover .ti img{transform:scale(1.06)}
.rk-wrap .tile .tb{padding:20px 22px}
.rk-wrap .tile h3{font-size:17px;margin-bottom:6px}
.rk-wrap .tile p{font-size:15px;color:var(--muted)}
.rk-wrap .tile .k{font-size:13px;font-weight:700;color:var(--rot);letter-spacing:.06em;text-transform:uppercase}
.rk-wrap .tile .more{padding:0 22px 20px}
.rk-wrap .tile .more .k,.rk-wrap .tile .more h3{display:none}
.rk-wrap .tile .more p{color:var(--muted);font-size:14.5px;line-height:1.5}
.rk-wrap .tile .tb{padding-bottom:6px}
.rk-wrap .tile .tb .short{display:none}
.rk-wrap .compo{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.rk-wrap .chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-weight:700;font-size:14.5px;color:var(--txt);text-decoration:none;transition:border-color .15s ease,transform .15s ease}
.rk-wrap a.chip:hover{border-color:var(--rot);transform:translateY(-2px)}
/* Facts */
.rk-wrap .facts{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.rk-wrap .args-label{font-weight:800;font-size:clamp(18px,2.2vw,22px);color:var(--txt);margin-top:46px}
.rk-wrap .reasons{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:18px}
.rk-wrap .reason{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 24px;box-shadow:0 4px 16px rgba(0,0,0,.04)}
.rk-wrap .reason .rn{font-size:14px;font-weight:800;color:var(--rot);letter-spacing:.12em}
.rk-wrap .reason h3{font-size:18px;margin:12px 0 14px}
.rk-wrap .reason p{font-size:15px;color:var(--muted);line-height:1.6}
@media(max-width:980px){.rk-wrap .reasons{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.rk-wrap .reasons{grid-template-columns:1fr}}
.rk-wrap .decision{position:relative;background:#2B2929}
.rk-wrap .decision-white{position:absolute;inset:0;background:#fff;z-index:0;will-change:opacity}
.rk-wrap .decision>.wrap{position:relative;z-index:1}
.rk-wrap .brandmark{position:relative}
.rk-wrap .brandmark .bm-white{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;max-width:430px}
.rk-wrap .haendler-cta{margin-top:52px;padding-top:36px;border-top:1px solid rgba(140,140,140,.3)}
.rk-wrap .cinema .empowers{display:flex;align-items:center;justify-content:center;gap:16px;font-size:clamp(19px,2.4vw,28px);font-weight:800;letter-spacing:-.01em;color:#22262a;margin:0 0 44px}
.rk-wrap .cinema .empowers img{height:40px;width:auto;filter:brightness(0)}
.rk-wrap .marke-hook{font-size:clamp(20px,2.6vw,27px);font-weight:800;letter-spacing:-.01em;color:var(--txt);line-height:1.32;max-width:820px;margin:16px 0 8px}
.rk-wrap .story{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:start;margin-top:10px}
.rk-wrap .story .story-tx p{font-size:17px;color:#3a3f44;line-height:1.68;margin-bottom:16px}
.rk-wrap .story .story-img{position:sticky;top:90px}
.rk-wrap .story .story-img img{width:100%;border-radius:16px;display:block;box-shadow:0 12px 34px rgba(0,0,0,.14)}
.rk-wrap .story .story-img .cap{display:block;font-size:13px;color:var(--muted);margin-top:10px}
@media(max-width:820px){.rk-wrap .story{grid-template-columns:1fr}
.rk-wrap .story .story-img{position:static}}
.rk-wrap .marke-europa{background:linear-gradient(180deg,var(--hell) 0%,#fff 30%)}
.rk-wrap .map-wrap{background:#fff;border-radius:16px;padding:20px 14px;box-shadow:0 12px 34px rgba(0,0,0,.10)}
.rk-wrap .map-wrap svg{width:100%;height:auto;display:block}
.rk-wrap .story-tx a{color:var(--rot);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(213,16,48,.35)}
.rk-wrap .story-tx a:hover{border-bottom-color:var(--rot)}
.rk-wrap .stratos-fx{background:var(--hellblau);position:relative}
.rk-wrap .stratos-pin{height:100vh;min-height:600px;position:relative;overflow:hidden}
.rk-wrap .sfx-stage{position:absolute;inset:0}
/* Bewusste Ausnahme vom Standard-CI (Rot/Grau/Weiss): spiegeln die echten
   Red-Stratos-Produktfarben, von Sven am 2026-09-10 bestaetigt. Nicht auf
   Rot/Grau/Weiss zuruecksetzen. */
.rk-wrap{--c-orange:#ED8B3A;--c-blau:#A9CBE8;--c-gruen:#86C556;--c-gelb:#EACF39;--hellblau:#dbe6f2}
.rk-wrap .sfx-split{position:absolute;inset:0;z-index:6;opacity:0;pointer-events:none}
.rk-wrap .sfx-split .half{position:absolute;left:0;width:100%;height:50%;overflow:hidden;background:#fff}
.rk-wrap .sfx-split .half img{position:absolute;left:0;width:100vw;height:100vh;object-fit:cover}
.rk-wrap .sfx-split .half-top{top:0}
.rk-wrap .sfx-split .half-top img{top:0}
.rk-wrap .sfx-split .half-bottom{top:50%}
.rk-wrap .sfx-split .half-bottom img{top:-50vh}
.rk-wrap .sfx-blue{position:absolute;inset:0;z-index:4;background:#fff;transform:translateY(101%)}
.rk-wrap .akt2{position:absolute;inset:0;z-index:7;pointer-events:none}
.rk-wrap .akt2 .sfx-info{pointer-events:auto}
.rk-wrap .akt2-copy{position:absolute;left:6%;top:24%;z-index:8;max-width:56%}
.rk-wrap .akt2-type{font-size:clamp(42px,6.2vw,96px);font-weight:800;letter-spacing:-.03em;color:#111;line-height:1.05}
.rk-wrap .akt2-type .ch{display:inline}
.rk-wrap .akt2-type .tw4{color:var(--rot)}
.rk-wrap .akt2-flys img{position:absolute;right:-30%;top:10%;width:26%;opacity:0;filter:drop-shadow(0 22px 30px rgba(20,20,20,.28))}
.rk-wrap .akt2-anchor{position:absolute;right:5%;top:4vh;bottom:6vh;width:min(20vw,360px)}
.rk-wrap .akt2-anchor img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:top center;opacity:0;filter:drop-shadow(0 14px 28px rgba(20,20,20,.3))}
.rk-wrap .akt2-btn{position:absolute;left:50%;bottom:11%;transform:translateX(-50%);background:#fff;color:#16181b;font-weight:800;font-size:clamp(16px,1.6vw,21px);padding:16px 38px;border-radius:14px;text-decoration:none;border:1px solid rgba(0,0,0,.10);box-shadow:0 2px 0 rgba(255,255,255,.9) inset,0 6px 14px rgba(20,20,20,.18),0 22px 44px rgba(20,20,20,.26);opacity:0;pointer-events:none;transition:transform .15s ease;z-index:8}
.rk-wrap .akt2-btn:hover{transform:translateX(-50%) translateY(-2px)}
.rk-wrap .akt2-btn.on{opacity:1;pointer-events:auto}
.rk-wrap .sfx-mobile{display:none}
.rk-wrap .sfx-t{position:absolute;background:#fff;border-radius:8px;box-shadow:0 18px 40px rgba(20,30,45,.20);overflow:hidden;will-change:transform,opacity}
.rk-wrap .sfx-t img{width:100%;height:100%;object-fit:cover;display:block}
.rk-wrap .s1{left:36.7%;top:6.7%;width:32.1%;aspect-ratio:2.136}
.rk-wrap .s2{left:15.8%;top:23.7%;width:19.6%;aspect-ratio:1.008}
.rk-wrap .s3{left:37.1%;top:35.6%;width:26.2%;aspect-ratio:1.778;z-index:5}
.rk-wrap .s4{left:64.6%;top:36.3%;width:27.1%;aspect-ratio:2.079}
.rk-wrap .s5{left:10%;top:61.5%;width:31.7%;aspect-ratio:2.119}
.rk-wrap .s6{left:42.9%;top:61.5%;width:20.4%;aspect-ratio:1.319}
.rk-wrap .s7{left:65%;top:61.5%;width:19.6%;aspect-ratio:1.526}
.rk-wrap .sfx-hero{transform-origin:center center;box-shadow:0 18px 40px rgba(20,30,45,.10)}
.rk-wrap .sfx-info{position:absolute;left:50%;top:50%;max-width:640px;z-index:10;opacity:0;text-align:center}
.rk-wrap .sfx-info .sub-lead{margin-left:auto;margin-right:auto}
.rk-wrap .sfx-info .eyebrow{color:#1b6fb3}
.rk-wrap .sfx-info .sec{margin:10px 0 12px;color:var(--txt)}
.rk-wrap .sfx-info .sub-lead{color:#3a3f44;max-width:540px}
.rk-wrap .sfx-info .btn{margin-top:16px}
@media(max-width:820px){.rk-wrap .stratos-fx{background:var(--hellblau)}
.rk-wrap .stratos-pin{height:auto;min-height:0;padding:24px 0 8px;overflow:visible}
.rk-wrap .sfx-stage,.rk-wrap .sfx-split,.rk-wrap .sfx-blue,.rk-wrap .akt2-flys,.rk-wrap .akt2-anchor{display:none}
.rk-wrap .akt2{position:static;pointer-events:auto}
.rk-wrap .sfx-mobile{display:block;width:min(92%,560px);margin:0 auto;border-radius:10px;box-shadow:0 14px 32px rgba(20,30,45,.35)}
.rk-wrap .akt2-type{position:static;padding:22px 24px 4px;font-size:clamp(30px,8vw,48px)}
.rk-wrap .akt2-copy{position:static;padding:0}
.rk-wrap .akt2-btn{position:static;transform:none;margin:6px 24px 18px;opacity:1;pointer-events:auto}
.rk-wrap .sfx-info{position:relative;left:0;top:0;opacity:1;padding:12px 24px 28px;max-width:none}}
@media(prefers-reduced-motion:reduce){.rk-wrap .stratos-fx{background:var(--hellblau)}
.rk-wrap .stratos-pin{height:auto;min-height:0;padding:24px 0 8px;overflow:visible}
.rk-wrap .sfx-stage,.rk-wrap .sfx-split,.rk-wrap .sfx-blue,.rk-wrap .akt2-flys,.rk-wrap .akt2-anchor{display:none}
.rk-wrap .akt2{position:static;pointer-events:auto}
.rk-wrap .sfx-mobile{display:block;width:min(92%,560px);margin:0 auto;border-radius:10px;box-shadow:0 14px 32px rgba(20,30,45,.35)}
.rk-wrap .akt2-type{position:static;padding:22px 24px 4px}
.rk-wrap .akt2-copy{position:static;padding:0}
.rk-wrap .akt2-btn{position:static;transform:none;margin:6px 24px 18px;opacity:1;pointer-events:auto}
.rk-wrap .sfx-info{position:relative;left:0;top:0;opacity:1;padding:12px 24px 28px;max-width:none}}
.rk-wrap .nachhaltig .eyebrow{color:#5a8a1a}
.rk-wrap .nach-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px;max-width:960px}
.rk-wrap .nach-grid p{font-size:17px;color:#3a3f44;line-height:1.65}
.rk-wrap .nach-modell{margin-top:26px;max-width:960px;font-size:16px;color:#3a3f44;background:#fff;border:1px solid var(--line);border-left:3px solid #5a8a1a;border-radius:12px;padding:16px 20px}
@media(max-width:760px){.rk-wrap .nach-grid{grid-template-columns:1fr}}
.rk-wrap .brandmark{display:flex;align-items:center;justify-content:center}
.rk-wrap .brandmark img{width:100%;max-width:430px;height:auto}
.rk-wrap .factgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rk-wrap .fact{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 20px;box-shadow:0 6px 22px rgba(0,0,0,.04)}
.rk-wrap .fact .fnum{font-size:clamp(28px,3.4vw,36px);font-weight:800;color:var(--rot);letter-spacing:-.02em;line-height:1}
.rk-wrap .fact .flab{font-size:14px;color:var(--muted);margin-top:9px;line-height:1.45}
@media(max-width:560px){.rk-wrap .factgrid{grid-template-columns:1fr}}
/* Finder-Wizard */
.rk-wrap .finder-wiz{display:flex;align-items:center;justify-content:center;gap:48px;margin-top:38px;flex-wrap:wrap;min-height:220px}
.rk-wrap .fw-frage{font-size:clamp(28px,3.6vw,48px);font-weight:800;color:var(--rot);flex:0 1 auto;min-width:260px;line-height:1.25;position:relative;left:-48px}
@media(max-width:760px){.rk-wrap .fw-frage{left:0}
.rk-wrap .br-desktop{display:none}}
/* Schuhfinder liegt beim Parallax-Überschieben über der gepinnten Workwear-Sektion */
.rk-wrap #finder{background:#fff;position:relative;z-index:25}
/* Schuhfinder-Kopf: identisches Schriftbild wie die Fakten-Sektion davor, zentriert mit Umbruch nach dem Logo */
.rk-wrap #finder .sec{font-size:clamp(42px,6.2vw,96px);font-weight:800;letter-spacing:-.03em;color:#111;line-height:1.05;text-align:center}
.rk-wrap #finder .wrap>.eyebrow{display:block;text-align:center}
.rk-wrap #finder .wrap>.sub-lead{text-align:center;margin-left:auto;margin-right:auto;margin-top:32px}
/* U-Power-Logo läuft als Wortersatz in der Überschriftszeile mit */
.rk-wrap .upower-inline{height:1em;width:auto;vertical-align:-.14em}
/* Repeat-Icon (90er-Loop): nur das Icon, kein Hintergrund, kein Rahmen — groß und grau vor der Frage */
.rk-wrap .fw-repeat{background:none;border:0;padding:0;margin:0;color:#9aa0a6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease,transform .2s ease}
.rk-wrap .fw-repeat:hover,.rk-wrap .fw-repeat:focus-visible{color:#5a6066;transform:rotate(180deg)}
.rk-wrap .fw-repeat[hidden]{display:flex;visibility:hidden}
.rk-wrap .fw-antworten{display:flex;flex-direction:column;gap:26px;align-items:flex-start;min-width:380px}
.rk-wrap .fw-antworten button{background:var(--hell);border:1px solid var(--line);border-radius:999px;padding:20px 42px;font-weight:700;font-size:19.5px;color:#3a3f44;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease;opacity:0}
.rk-wrap .fw-antworten button.an{opacity:1;transition:background .18s ease,color .18s ease,border-color .18s ease,opacity .25s ease}
.rk-wrap .fw-antworten button:hover,.rk-wrap .fw-antworten button:focus-visible{background:var(--rot);border-color:var(--rot);color:#fff}
.rk-wrap .fw-antworten button:nth-child(2){margin-left:48px}
.rk-wrap .fw-antworten button:nth-child(4){margin-left:48px}
@media(max-width:760px){.rk-wrap .finder-wiz{min-height:0}
.rk-wrap .fw-antworten{width:100%}
.rk-wrap .fw-antworten button{margin-left:0!important;width:100%;text-align:center}}
.rk-wrap .finder-result{margin-top:26px}
.rk-wrap .frcard{display:flex;flex-wrap:wrap;gap:24px;align-items:center;background:#fff;border:2px solid var(--rot);border-radius:18px;padding:26px;box-shadow:0 14px 36px rgba(213,16,48,.12)}
.rk-wrap .frcard img{width:180px;max-width:38vw;mix-blend-mode:multiply}
.rk-wrap .frcard .frbody{flex:1;min-width:240px}
.rk-wrap .frcard .frtag{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.05em}
.rk-wrap .frcard h3{font-size:24px;margin:4px 0 8px}
.rk-wrap .frcard p{color:var(--muted);font-size:15.5px;margin-bottom:14px}
.rk-wrap .frcard .fralt{font-size:14px;color:var(--muted);margin-top:10px}
.rk-wrap .frcard .fralt a{color:var(--rot);font-weight:700;text-decoration:none}
.rk-wrap .frcard .actions{display:flex;flex-wrap:wrap;gap:10px}
.rk-wrap .frcard .btn{font-size:15px;padding:12px 22px}
/* Sticky CTA (mobil) */
.rk-wrap .sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line)}
.rk-wrap .sticky-cta a{flex:1;text-align:center;font-weight:700;font-size:15px;padding:13px 10px;border-radius:999px;text-decoration:none;border:2px solid #c9ccce;color:var(--txt)}
.rk-wrap .sticky-cta a.primary{background:var(--rot);border-color:var(--rot);color:#fff}
@media(max-width:820px){.rk-wrap .sticky-cta.on{display:flex}}
/* Collection */
.rk-wrap .seg-h{font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:40px 0 16px}
.rk-wrap .zwei-pfad{display:flex;gap:34px;flex-wrap:wrap;margin-top:44px}
.rk-wrap .zwei-pfad>div{display:flex;flex-direction:column;gap:10px}
.rk-wrap .zp-label{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rk-wrap .card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}
.rk-wrap .card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.1)}
.rk-wrap .card .ph{aspect-ratio:1/1;background:#f1f2f3;display:flex;align-items:center;justify-content:center;padding:14px}
.rk-wrap .card .ph img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.rk-wrap .card .body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px;flex:1}
.rk-wrap .card .cls{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.05em}
.rk-wrap .card h3{font-size:19px}
.rk-wrap .card .desc{font-size:14.5px;color:var(--muted);flex:1}
.rk-wrap .card .inf{display:inline-block;font-size:11.5px;font-weight:700;color:#fff;background:var(--rot);padding:3px 10px;border-radius:999px;width:fit-content}
.rk-wrap .card a.mini{font-weight:700;color:var(--rot);text-decoration:none;font-size:14.5px;margin-top:4px}
.rk-wrap .grid7{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.rk-wrap .seg-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#5a6066;background:#eef0f1;padding:4px 10px;border-radius:6px;width:fit-content;margin-bottom:2px}
@media(max-width:980px){.rk-wrap .grid7{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.rk-wrap .grid7{grid-template-columns:1fr}}
.rk-wrap .anschluss{background:#fff;padding-top:34px}
.rk-wrap .anschluss.ueberlappt{margin-top:-100vh;box-shadow:0 -18px 44px rgba(20,20,20,.10)}
.rk-wrap .anschluss.ueberlappt,.rk-wrap .anschluss.ueberlappt~section{position:relative;z-index:20}
.rk-wrap .ww-teaser{background:#FF6600;color:#0a1628}
.rk-wrap .ww-teaser .ww-eyebrow{color:#0a1628;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.rk-wrap .ww-teaser h2{font-size:clamp(30px,4.4vw,52px);color:#0a1628;margin:12px 0 6px}
.rk-wrap .ww-teaser .ww-claim{font-size:clamp(18px,2.2vw,24px);font-weight:800;color:#0a1628;margin-top:6px}
.rk-wrap .ww-teaser .ww-hook{font-size:17px;color:#0a1628;margin-top:12px}
.rk-wrap .ww-teaser .ww-hook b{background:#0a1628;color:#fff;padding:3px 10px;border-radius:8px}
.rk-wrap .btn-navy{background:#0a1628;color:#fff;box-shadow:0 10px 26px rgba(10,22,40,.35)}
.rk-wrap .ww-teaser .fine{font-size:11.5px;color:#0a1628;margin-top:18px}
.rk-wrap .fakten-kopf{text-align:center;margin:0 auto}
/* identisches Schriftbild wie .akt2-type ("Echte Gewinner setzen auf Pöppel.") */
.rk-wrap .fakten-kopf .sec{font-size:clamp(42px,6.2vw,96px);font-weight:800;letter-spacing:-.03em;color:#111;line-height:1.05}
.rk-wrap .fakten-kopf .sub-lead{margin-left:auto;margin-right:auto;font-weight:700;max-width:860px;margin-top:38px}
.rk-wrap .fakten-kopf .hlrot{color:var(--rot)}
/* Regenbogen-Überschriften ("hard facts, soft moving", "passt zu Ihnen?"): Buchstaben als
   Maske vor einem Verlauf, der beim Scrollen schräg nach unten rechts durchläuft (GSAP) */
.rk-wrap .rainbow{
  background:linear-gradient(135deg,#d51030,#ED8B3A,#EACF39,#86C556,#A9CBE8,#7B5BD6,#d51030);
  background-size:300% 300%;background-position:0% 0%;
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent}
/* Vorgabe "Fakten sektion NEU": 2 Paare nebeneinander, Schuhe frei auf Weiß, Text rechtsbündig daneben */
.rk-wrap .fakten-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 60px;margin-top:64px}
.rk-wrap .fakten-grid .card{flex-direction:row;max-width:none;border:0;border-radius:0;background:transparent;overflow:visible;align-items:center;gap:0;position:relative}
.rk-wrap .fakten-grid .card:hover{transform:none;box-shadow:none}
/* Bild liegt HINTER dem Textblock (weiß auf weiß) -> kann größer gezogen werden ohne Konflikt.
   Die faktfix-Bilder behalten rechts ~21% Weißraum — genau der liegt unter dem Text. */
.rk-wrap .fakten-grid .card .ph{aspect-ratio:auto;width:78%;margin-right:-22%;padding:0;background:transparent;position:relative;z-index:0}
.rk-wrap .fakten-grid .card .ph img{mix-blend-mode:normal;width:100%}
.rk-wrap .fakten-grid .card .body{width:44%;text-align:right;align-items:flex-end;padding:0;position:relative;z-index:1}
.rk-wrap .fakten-grid .card .cls{color:var(--txt);font-size:14px;font-weight:700;letter-spacing:.04em}
.rk-wrap .fakten-grid .card h3{font-size:clamp(28px,3.2vw,42px);letter-spacing:-.01em;line-height:1.1}
.rk-wrap .fakten-grid .card .desc{font-size:15.5px;flex:0 1 auto}
/* "im Shop ansehen" im Design des roten Menü-Buttons, etwas kleiner; rechtsbündig mit dem Text darüber */
.rk-wrap .fakten-grid .card a.mini{margin-top:16px;display:inline-flex;align-items:center;font-weight:700;font-size:14px;padding:11px 22px;border-radius:999px;
  background:var(--rot);color:#fff;text-decoration:none;box-shadow:0 8px 22px rgba(213,16,48,.28);transition:transform .15s ease,box-shadow .15s ease}
.rk-wrap .fakten-grid .card a.mini:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(213,16,48,.36)}
@media(max-width:900px){.rk-wrap .fakten-grid{grid-template-columns:1fr}}
@media(max-width:640px){.rk-wrap .fakten-grid .card{flex-direction:column}
.rk-wrap .fakten-grid .card .ph{width:100%;margin-right:0}
.rk-wrap .fakten-grid .card .body{width:100%;padding:0;text-align:center;align-items:center}}
/* ===== Fakten-Technik: Kipp Seite->Sohle mit Technologie-Callouts ===== */
.rk-wrap .vh-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}
.rk-wrap .bran-fx{background:#fff;position:relative;overflow:hidden;padding:0}
.rk-wrap .bran-pin{position:relative;min-height:88vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2vh 24px 0}
.rk-wrap .bran-toggle{display:inline-flex;gap:4px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px;box-shadow:0 6px 20px rgba(0,0,0,.08);margin-bottom:1.5vh;z-index:8}
.rk-wrap .bt-opt{border:0;background:transparent;font-weight:800;font-size:15px;letter-spacing:.02em;color:var(--muted);padding:10px 26px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.rk-wrap .bt-opt:hover{color:var(--txt)}
.rk-wrap .bt-opt.is-active{background:var(--rot);color:#fff;box-shadow:0 4px 12px rgba(213,16,48,.3)}
.rk-wrap .bran-langtext{margin:0 0 4px;color:var(--muted);font-size:14px;line-height:1.62}
.rk-wrap .term{color:var(--rot);font-weight:800;cursor:help;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}
.rk-wrap .bran-feat-btn{display:inline-flex;align-items:center;gap:9px;margin:18px 0 0;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 22px;font-weight:800;font-size:14px;color:var(--txt);cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.rk-wrap .bran-feat-btn .chev{width:8px;height:8px;border-right:2px solid var(--rot);border-bottom:2px solid var(--rot);transform:rotate(45deg);transition:transform .25s;margin-top:-3px}
.rk-wrap .bran-feat-btn[aria-expanded="true"] .chev{transform:rotate(-135deg);margin-top:3px}
.rk-wrap .bran-feat-panel{width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 20px;max-height:0;opacity:0;overflow:hidden;margin-top:12px;transition:max-height .35s ease,opacity .3s,padding .3s}
.rk-wrap .bran-feat-panel.is-open{max-height:360px;opacity:1;padding:18px 20px}
.rk-wrap .bran-feat-panel .pd-features li{font-size:14px}
.rk-wrap .bran-cols{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:center;width:100%;max-width:1600px;margin:0 auto}
.rk-wrap .bran-cols .bran-stage{width:100%;max-width:none;margin:0}
.rk-wrap .bran-col{align-self:center;will-change:transform,opacity}
.rk-wrap .bran-right{max-height:82vh;overflow-y:auto}
.rk-wrap .bran-col-h{font-size:15px;letter-spacing:.02em;text-transform:uppercase;color:var(--rot);margin-bottom:12px;font-weight:800}
.rk-wrap .bran-spec{width:100%;border-collapse:collapse}
.rk-wrap .bran-spec td{padding:8px 0;border-bottom:1px solid var(--line);font-size:13.5px;vertical-align:top}
.rk-wrap .bran-spec tr:last-child td{border-bottom:0}
.rk-wrap .bran-spec td:first-child{color:var(--muted);width:42%;padding-right:10px}
.rk-wrap .bran-spec td:last-child{font-weight:600;color:var(--txt)}
.rk-wrap .bran-certs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;align-items:center}
.rk-wrap .bran-certs img{height:62px;width:auto;border-radius:10px;display:block;cursor:help;transition:transform .15s}
.rk-wrap .bran-certs img:hover{transform:translateY(-2px)}
.rk-wrap #norm-pop{position:fixed;z-index:60;max-width:270px;background:var(--dark);color:#eef0f2;font-size:12.5px;line-height:1.45;padding:11px 13px;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.32);opacity:0;pointer-events:none;transition:opacity .15s;transform:translate(-50%,-108%)}
.rk-wrap #norm-pop.on{opacity:1}
@media(max-width:960px){.rk-wrap .bran-cols{grid-template-columns:1fr}
.rk-wrap .bran-right{display:block}
.rk-wrap .bran-feat-panel{position:static;transform:none;max-height:none;opacity:1;padding:16px 20px;width:100%;margin-bottom:16px}}
.rk-wrap .bran-head{text-align:center;max-width:720px;margin:0 auto}
.rk-wrap .bran-head .sec{font-size:clamp(24px,3vw,38px);font-weight:800;letter-spacing:-.02em;color:#111;line-height:1.08}
.rk-wrap .bran-head .sub-lead{margin:10px auto 0;max-width:600px;font-size:16px}
.rk-wrap .bran-head .hlrot{color:var(--rot)}
/* Querformat-Bühne: horizontaler Schuh -> weniger vertikaler Weißraum, Labels bleiben im Bild. vh-Cap begrenzt die Höhe (~72vh), damit alles sichtbar bleibt. */
.rk-wrap .bran-stage{position:relative;width:min(1080px,96vw,108vh);aspect-ratio:3/2;margin:0 auto;perspective:2200px}
.rk-wrap .bran-clip{position:absolute;inset:0;overflow:hidden}
.rk-wrap .bran-shoe{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:50% 55%;will-change:transform}
.rk-wrap .bran-shoe img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden}
/* Schuh füllt im quadratischen Foto nur ~60% -> hochskalieren (Weißraum wird gecroppt). Modellabhängig, da die Modellfotos unterschiedlich eng beschnitten sind. */
.rk-wrap .bran-shoe .bran-side{transform:scale(2)}
/* Sohle steht im Foto vertikal (Spitze oben) -> 90° drehen (Spitze rechts, horizontal liegend). Scale so gewählt, dass die Sohle dieselbe Breite hat wie die Seitenansicht (side scale 2). */
.rk-wrap .bran-shoe .bran-sole{opacity:0;transform:rotate(90deg) scale(1.5)}
/* Leader-Overlay: SVG-Koordinaten = Bühnen-Prozent (0..100), preserveAspectRatio=none */
.rk-wrap .bran-leaders{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible}
.rk-wrap .bran-leaders .ld{opacity:0}
.rk-wrap .bran-leaders line{stroke:var(--rot);stroke-width:.32;stroke-linecap:round}
.rk-wrap .bran-leaders circle{fill:var(--rot)}
/* Callout: äußere Box positioniert (Icon-Zentrum auf x/y via translate), innerer Wrapper wird animiert */
.rk-wrap .bran-callout{position:absolute;z-index:6}
.rk-wrap .bran-callout .cal-in{display:flex;align-items:center;gap:9px;opacity:0;will-change:transform,opacity}
.rk-wrap .bran-callout.right .cal-in{flex-direction:row-reverse}
.rk-wrap .bran-callout .ic{flex:none;width:50px;height:50px;border-radius:50%;background:#fff;overflow:hidden;
 box-shadow:0 6px 18px rgba(0,0,0,.14),0 0 0 1px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center}
.rk-wrap .bran-callout .ic img{width:76%;height:76%;object-fit:contain;display:block}
.rk-wrap .bran-callout .ic-dot{width:15px;height:15px;border-radius:50%;background:var(--rot)}
.rk-wrap .bran-callout .lbl{background:rgba(255,255,255,.96);border-radius:10px;padding:7px 12px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.rk-wrap .bran-callout .lbl b{display:block;font-size:13.5px;font-weight:800;color:#111;line-height:1.14;letter-spacing:-.01em;white-space:nowrap}
.rk-wrap .bran-callout .lbl span{display:block;font-size:11px;color:var(--muted);margin-top:1px;white-space:nowrap}
/* Statischer Fallback (Mobile / reduced-motion): Seitenbild + Callouts als Chip-Reihe */
.rk-wrap .bran-static{display:none;flex-wrap:wrap;gap:10px;justify-content:center;max-width:640px;margin:22px auto 0}
.rk-wrap .bran-chip{display:inline-flex;align-items:center;gap:9px;background:#F6F6F6;border:1px solid var(--line);border-radius:999px;padding:7px 16px 7px 7px;font-weight:700;font-size:14px;color:#111}
.rk-wrap .bran-chip img{width:30px;height:30px;border-radius:50%;background:#fff;object-fit:contain;box-shadow:0 0 0 1px rgba(0,0,0,.05)}
@media(max-width:820px),(prefers-reduced-motion:reduce){.rk-wrap .bran-pin{min-height:0;padding:56px 24px}
.rk-wrap .bran-stage{width:min(420px,86vw)}
.rk-wrap .bran-shoe{transform:none!important}
.rk-wrap .bran-shoe .bran-sole,.rk-wrap .bran-leaders,.rk-wrap .bran-callout{display:none}
.rk-wrap .bran-static{display:flex}}
/* Produktdaten (SEO/GEO) */
.rk-wrap .pd-lead{font-size:clamp(19px,2.2vw,24px);font-weight:700;color:var(--txt);margin:14px 0 0;max-width:820px}
.rk-wrap .pd-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;margin-top:32px;align-items:start}
.rk-wrap .pd-text p{color:var(--muted);font-size:16.5px;line-height:1.75;margin-bottom:22px}
.rk-wrap .pd-features{list-style:none;display:grid;gap:11px}
.rk-wrap .pd-features li{position:relative;padding-left:26px;font-size:15.5px;color:var(--txt);line-height:1.5}
.rk-wrap .pd-features li::before{content:"";position:absolute;left:0;top:6px;width:12px;height:12px;border-radius:50%;background:var(--rot)}
.rk-wrap .pd-specs{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 26px}
.rk-wrap .pd-specs h3{font-size:18px;margin-bottom:8px}
.rk-wrap .pd-specs table{width:100%;border-collapse:collapse}
.rk-wrap .pd-specs td{padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;vertical-align:top}
.rk-wrap .pd-specs tr:last-child td{border-bottom:0}
.rk-wrap .pd-specs td:first-child{color:var(--muted);width:40%;padding-right:16px}
.rk-wrap .pd-specs td:last-child{font-weight:600;color:var(--txt)}
.rk-wrap .pd-norm{margin-top:40px;background:var(--dark);color:#eef0f2;border-radius:18px;padding:30px 32px}
.rk-wrap .pd-norm h3{color:#fff;font-size:clamp(18px,2vw,22px);margin-bottom:6px}
.rk-wrap .pd-norm p{color:#aab0b5;font-size:14px;margin-top:16px}
.rk-wrap .pd-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.rk-wrap .pd-badge{display:flex;flex-direction:column;gap:4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:12px 16px;min-width:158px;flex:1 1 158px;max-width:230px}
.rk-wrap .pd-badge b{color:#ff6b7a;font-size:17px;letter-spacing:.03em}
.rk-wrap .pd-badge span{color:#c7ccd0;font-size:12.5px;line-height:1.4}
@media(max-width:820px){.rk-wrap .pd-grid{grid-template-columns:1fr;gap:26px}}
/* Workwear */
.rk-wrap .workwear{margin-top:52px;background:#0a1628;border-radius:20px;padding:36px 32px;color:#eef2f7}
.rk-wrap .workwear .ww-eyebrow{color:#FF6600;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.rk-wrap .workwear h2{color:#fff;font-size:clamp(24px,3vw,34px);margin:10px 0 12px}
.rk-wrap .workwear p{color:#c7d0dc;max-width:820px;font-size:16.5px;line-height:1.65}
.rk-wrap .workwear p b{color:#fff}
.rk-wrap .workwear .ww-offer{background:rgba(255,102,0,.12);border:1px solid rgba(255,102,0,.45);border-radius:12px;padding:14px 18px;margin-top:16px;color:#ffd9bd;max-width:820px}
.rk-wrap .workwear .ww-offer b{color:#ffb27a}
.rk-wrap .workwear .ww-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.rk-wrap .btn-ww{background:#FF6600;color:#fff;box-shadow:0 8px 22px rgba(255,102,0,.3)}
.rk-wrap .workwear .fine{font-size:12px;color:#8fa0b3;margin-top:14px}
/* FAQ */
.rk-wrap details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 22px;margin-bottom:12px}
/* Container rotieren durch die Stratos-Farben; geöffnet weiß (Lesbarkeit) */
.rk-wrap details:nth-of-type(4n+1){background:var(--c-orange)}
.rk-wrap details:nth-of-type(4n+2){background:var(--c-blau)}
.rk-wrap details:nth-of-type(4n+3){background:var(--c-gruen)}
.rk-wrap details:nth-of-type(4n+4){background:var(--c-gelb)}
.rk-wrap details[open]{background:#fff}
.rk-wrap details summary{cursor:pointer;font-weight:700;font-size:17px;padding:18px 0;list-style:none;display:flex;justify-content:space-between;align-items:center}
.rk-wrap details summary::-webkit-details-marker{display:none}
/* +/- dick, groß, dunkel auf den farbigen Containern (Non-Text-Kontrast 3:1); geöffnet (weißer Grund) rot */
.rk-wrap details summary::after{content:"+";font-size:44px;line-height:1;color:#22262a;font-weight:800}
.rk-wrap details[open] summary::after{content:"–";color:var(--rot)}
.rk-wrap details .ans{padding:0 0 20px;color:var(--muted);font-size:16px}
/* Final CTA */
.rk-wrap .final{background:var(--rot);color:#fff;text-align:center;padding:80px 0}
.rk-wrap .final h2{font-size:clamp(28px,4vw,44px);margin-bottom:12px;color:#fff}
.rk-wrap .final p{font-size:19px;color:#ffe0e4;margin-bottom:30px}
.rk-wrap .final .actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.rk-wrap .final .btn-primary{background:#fff;color:var(--rot);box-shadow:0 8px 22px rgba(0,0,0,.2)}
.rk-wrap .final .btn-ghost{border-color:rgba(255,255,255,.7)}
/* Footer */
.rk-wrap footer{background:#15181b;color:#9aa0a5;padding:56px 0 40px;font-size:14px}
.rk-wrap footer .top{display:flex;flex-wrap:wrap;gap:30px;align-items:center;justify-content:space-between;border-bottom:1px solid #2a2e32;padding-bottom:28px;margin-bottom:24px}
.rk-wrap footer img.pp{height:30px;filter:brightness(0) invert(1);opacity:.9}
.rk-wrap footer img.up{height:26px;width:auto}
.rk-wrap footer .disc{color:#9299a0;font-size:13px;max-width:820px;line-height:1.7}
.rk-wrap footer .marks{color:#969ca3;font-size:12.5px;margin-top:14px}
@media(max-width:820px){.rk-wrap .facts{grid-template-columns:1fr}
.rk-wrap section.blk{padding:64px 0}
.rk-wrap .hero .inner{padding:72px 0 80px}
.rk-wrap .nav .cta-small{display:none}}
/* ===== STRATOS Walk-through-Intro (Zwilling-Test) ===== */
/* Overlay liegt über der Hero-Sektion; durch das "A" fliegen -> Hero erscheint */
.rk-wrap .si-overlay{position:fixed;inset:0;z-index:70;overflow:hidden;will-change:opacity}
.rk-wrap .si-textbg{position:absolute;inset:0;background:#fff;z-index:0}
.rk-wrap .si-textlayer{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;
  perspective:1000px;perspective-origin:50% 50%}
.rk-wrap .si-word{position:relative;display:flex;transform-style:preserve-3d;will-change:transform,opacity}
.rk-wrap .si-word .si-l{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:clamp(56px,13vw,230px);font-weight:900;line-height:1;color:#A9CBE8;text-transform:uppercase;letter-spacing:.02em;display:inline-block}
.rk-wrap .si-hint{position:absolute;left:50%;bottom:130px;transform:translateX(-50%);z-index:2;color:#9aa0a6;font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  display:flex;flex-direction:column;align-items:center;gap:8px;animation:siBob 1.8s ease-in-out infinite}
.rk-wrap .si-hint::after{content:"";width:1px;height:26px;background:linear-gradient(#c9ccce,transparent)}
@keyframes siBob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,6px)}}
/* Kompakter Hero (~56vh): Header schlank, darunter schneidet das Red-Stratos-Grid schon an */
.rk-wrap .hero{min-height:56vh;display:flex;align-items:center}
/* Statischer Fallback (reduced-motion / Mobile): kein Intro, direkt Hero */
.rk-wrap @media (prefers-reduced-motion:reduce){ .si-overlay{display:none} }
@media (max-width:768px){.rk-wrap .si-overlay{display:none}
.rk-wrap .hero{min-height:0;display:block}}
/* Haendler-Hinweis unter der H1 (Forderung U-Power 14.08.2026) */
.rk-wrap .hero .dealer-line{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;
  font-size:clamp(13px,1.05vw,15px);font-weight:700;letter-spacing:.01em;color:#fff;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);
  border-left:4px solid #FF6600;border-radius:6px;padding:9px 15px 9px 13px;
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
@media (max-width:640px){.rk-wrap .hero .dealer-line{font-size:12.5px;padding:8px 12px;line-height:1.45;display:flex}}
/* Opener zweizeilig: kleines RED ueber grossem STRATOS (17.08.2026) */
.rk-wrap .si-word{flex-direction:column;align-items:center}
.rk-wrap .si-word .si-line{display:flex}
.rk-wrap .si-word .si-l.si-red{font-size:clamp(17px,3.2vw,58px);letter-spacing:.42em;text-indent:.42em;
  margin-bottom:clamp(2px,.7vw,12px)}
/* Schuhfinder springt modellgenau auf die Kachel (17.08.2026) */
.rk-wrap .card{scroll-margin-top:104px}
.rk-wrap .card:target{outline:3px solid #FF6600;outline-offset:4px;border-radius:12px;animation:cardPing 1.8s ease-out 1}
@keyframes cardPing{0%{box-shadow:0 0 0 0 rgba(255,102,0,.5)}70%{box-shadow:0 0 0 20px rgba(255,102,0,0)}100%{box-shadow:0 0 0 0 rgba(255,102,0,0)}}