/* U-Power-Herstellerseite - Kampagnen-CSS, eingegrenzt auf .up-wrap
   Erzeugt aus 03 KI/U-Power-Partnerseite/index.html @ cd1382a (ADR 25: Quelle-first).
   Kein globaler Reset, keine nackten html/body-Selektoren, keine externen Requests. */

/* --- Neutralisierung global geladener Regeln -------------------------------
   Das System laedt auf jeder Seite bootstrap.min.css, main.min.css, navbar,
   elementor-frontend, animate und font-awesome. Deren Element- und Klassenregeln
   greifen ueberall dort in den Kampagnenbereich hinein, wo die Seite die jeweilige
   Eigenschaft nicht selbst setzt - das Eingrenzen allein schuetzt davor nicht.
   Uebernommen aus dem Mafell-Vorbild (dort gemessen), hier NICHT erneut gemessen -
   vor Freigabe per DOM-Vergleich (ADR 25) pruefen. */

.up-wrap h1,.up-wrap h2,.up-wrap h3,.up-wrap h4,.up-wrap h5,.up-wrap h6{
  text-transform:none;color:inherit}
.up-wrap h4,.up-wrap h5,.up-wrap h6{font-weight:bold}
.up-wrap blockquote{border:0;padding:0;margin:0;font-size:inherit}
.up-wrap .mark,.up-wrap mark{background:transparent;padding:0;color:inherit}
.up-wrap .btn,.up-wrap .badge{text-align:inherit}
.up-wrap button{color:inherit}

/* Schriftstaerke zurueckholen: main.min.css des Systems setzt global
   body{font-weight:300}. Die Quelle setzt selbst nie font-weight auf den Fliesstext -
   ohne diese Zeile rendert die Seite duenner als gestaltet. */
.up-wrap{font-weight:400}

.up-wrap{--rot:#d51030;--dark:#22262a;--dark2:#15181b;--hell:#F6F6F6;--line:#e3e3e3;--txt:#26292c;--muted:#6b7075}
.up-wrap *{box-sizing:border-box;margin:0;padding:0}
.up-wrap{scroll-behavior:auto}
.up-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}
.up-wrap .skip:focus{left:0}
.up-wrap a:focus-visible,.up-wrap button:focus-visible,.up-wrap summary:focus-visible,.up-wrap [tabindex]:focus-visible{outline:3px solid var(--rot);outline-offset:2px;border-radius:4px}
.up-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}
.up-wrap h1,.up-wrap h2,.up-wrap h3,.up-wrap .display{font-weight:800;letter-spacing:-.02em;line-height:1.08}
.up-wrap .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.up-wrap .eyebrow{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--rot)}
.up-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}
.up-wrap .btn:hover{transform:translateY(-2px)}
.up-wrap .btn-primary{background:var(--rot);color:#fff;box-shadow:0 8px 22px rgba(213,16,48,.28)}
.up-wrap .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.up-wrap .btn-ghost.dark{color:var(--txt);border-color:#c9ccce}
.up-wrap .btn-lg{font-size:17px;padding:17px 34px}
/* Header */
.up-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)}
.up-wrap .nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.up-wrap .nav img.logo{height:34px;width:auto;display:block}
.up-wrap .nav .cta-small{font-size:14px;padding:11px 22px}
/* Hero */
.up-wrap .hero{position:relative;background:#15181b;color:#fff;overflow:hidden}
.up-wrap .hero .bg{position:absolute;inset:0;background:url('assets/img/hero_marke.jpg') center right/cover no-repeat;background-image:image-set(url('assets/img/hero_marke.webp') type('image/webp'), url('assets/img/hero_marke.jpg') type('image/jpeg'));opacity:.9}
@media(max-width:768px){.up-wrap .hero .bg{background-image:image-set(url('assets/img/hero_marke_m.webp') type('image/webp'), url('assets/img/hero_marke.jpg') type('image/jpeg'))}}
.up-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%)}
.up-wrap .hero .inner{position:relative;padding:96px 0 104px;max-width:660px}
.up-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}
.up-wrap .hero h1{font-size:clamp(34px,5.4vw,60px);margin-bottom:20px}
.up-wrap .hero h1 .hl{color:#ff5e6e}
.up-wrap .hero p.sub{font-size:clamp(17px,2.1vw,21px);color:#d7dadd;max-width:560px;margin-bottom:34px}
.up-wrap .hero .actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.up-wrap .hero .hero-partner{margin-top:26px;font-size:13.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9aa4ac}
/* generic section */
.up-wrap section.blk{padding:88px 0}
.up-wrap .blk.hell{background:var(--hell)}
.up-wrap .blk.dark{background:var(--dark);color:#eef0f2}
.up-wrap .blk.dark h2,.up-wrap .blk.dark h3{color:#fff}
.up-wrap .lead{font-size:clamp(19px,2.4vw,26px);font-weight:600;max-width:820px;line-height:1.4}
.up-wrap h2.sec{font-size:clamp(26px,3.4vw,40px);margin:10px 0 8px}
.up-wrap .sub-lead{color:var(--muted);max-width:720px;font-size:17px;margin-top:6px}
.up-wrap .blk.dark .sub-lead{color:#aab0b5}
/* Cinema */
.up-wrap .cinema{background:linear-gradient(rgba(22,25,28,.90),rgba(15,17,20,.93)),url('assets/img/cinema_bg.jpg') center/cover no-repeat;color:#fff;padding:84px 0 92px;text-align:center}
.up-wrap .cinema .head{max-width:760px;margin:0 auto 40px}
.up-wrap .cinema h2{font-size:clamp(26px,3.6vw,42px);margin:12px 0 14px}
.up-wrap .cinema p{color:#c2c7cc;font-size:18px}
.up-wrap .player{position:relative;max-width:1140px;margin:0 auto;aspect-ratio:16/9;border-radius:22px;overflow:hidden;cursor:pointer;
 box-shadow:0 12px 34px rgba(0,0,0,.5),0 34px 70px rgba(0,0,0,.42),0 0 0 1px rgba(213,16,48,.35),0 0 60px rgba(213,16,48,.18);
 transition:transform .3s ease,box-shadow .3s ease}
.up-wrap .player:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(0,0,0,.55),0 40px 80px rgba(0,0,0,.45),0 0 0 1px rgba(213,16,48,.5),0 0 80px rgba(213,16,48,.28)}
.up-wrap .player .poster{width:100%;height:100%;object-fit:cover;display:block}
.up-wrap .player .grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.45))}
.up-wrap .player .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;background:rgba(213,16,48,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .25s ease,background .25s ease}
.up-wrap .player:hover .play{transform:translate(-50%,-50%) scale(1.08);background:var(--rot)}
.up-wrap .player .play::after{content:"";margin-left:6px;border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent #fff}
.up-wrap .player .plabel{position:absolute;left:24px;bottom:22px;text-align:left}
.up-wrap .player .plabel-t{font-weight:800;font-size:19px;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.up-wrap .player .plabel-s{font-size:14px;color:#dfe2e5;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.up-wrap .player iframe{width:100%;height:100%;border:0;display:block}
.up-wrap .approve{display:inline-flex;align-items:center;gap:8px;margin-top:26px;font-size:13.5px;color:#c98e2e;background:rgba(201,142,46,.12);border:1px solid rgba(201,142,46,.4);padding:8px 16px;border-radius:999px}
/* Infinergy */
.up-wrap .stat{display:flex;flex-wrap:wrap;align-items:center;gap:36px;margin:38px 0 8px}
.up-wrap .stat .num{font-size:clamp(72px,13vw,150px);font-weight:800;line-height:.9;color:var(--rot);letter-spacing:-.04em}
.up-wrap .blk.dark .stat .num{color:#ff5e6e}
.up-wrap .stat .num small{font-size:.42em;vertical-align:super;font-weight:700}
.up-wrap .stat .cap{max-width:420px;font-size:17px;color:#c3c8cd}
.up-wrap .stat-hell{margin:30px 0 6px}
.up-wrap .stat-hell .cap{color:var(--muted)}
/* Tech tiles */
.up-wrap .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
@media(max-width:1100px){.up-wrap .tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.up-wrap .tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.up-wrap .tiles{grid-template-columns:1fr}}
.up-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}
.up-wrap .tile:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.12)}
.up-wrap .tile .ti{aspect-ratio:16/10;overflow:hidden;background:#eef0f1}
.up-wrap .tile .ti img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.up-wrap .tile:hover .ti img{transform:scale(1.06)}
.up-wrap .tile .tb{padding:20px 22px}
.up-wrap .tile h3{font-size:17px;margin-bottom:6px;color:var(--txt)}
.up-wrap .tile p{font-size:15px;color:var(--muted)}
.up-wrap .tile .k{font-size:13px;font-weight:700;color:var(--rot);letter-spacing:.06em;text-transform:uppercase}
.up-wrap .tile .more{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,21,24,.92),rgba(18,21,24,.975));color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:center;opacity:0;transition:opacity .3s ease}
.up-wrap .tile:hover .more,.up-wrap .tile:focus-within .more{opacity:1}
.up-wrap .tile .more .k{color:#ff5e6e}
.up-wrap .tile .more h3{color:#fff;font-size:18px;margin:4px 0 10px}
.up-wrap .tile .more p{color:#d7dbde;font-size:14.5px;line-height:1.5}
.up-wrap .tile .more a{color:#ff8d99;font-weight:700}
@media(hover:none){.up-wrap .tile .more{position:static;opacity:1;background:none;padding:0 22px 20px}
.up-wrap .tile .more .k,.up-wrap .tile .more h3{display:none}
.up-wrap .tile .more p{color:var(--muted)}
.up-wrap .tile .more a{color:var(--rot)}
.up-wrap .tile .tb .short{display:none}}
.up-wrap .tech-dark{background:#C7CBD1;color:var(--txt)}
.up-wrap .tech-dark h2.sec{color:var(--txt)}
.up-wrap .tech-dark .stat-hell .cap{color:#3a3f44}
.up-wrap .tech-dark .stat .num{color:var(--rot)}
.up-wrap .ea-rot{background:var(--rot);color:#fff;overflow:hidden}
.up-wrap .ea-rot h2.sec{color:#fff}
.up-wrap .ea-eyebrow{color:#ffd9de}
.up-wrap .ea-sub{color:#ffd9de}
.up-wrap .ea-flex{display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.up-wrap .ea-btn{background:#fff;color:var(--rot);box-shadow:0 10px 28px rgba(0,0,0,.25);flex-shrink:0}
.up-wrap .compo{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.up-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}
.up-wrap a.chip:hover{border-color:var(--rot);transform:translateY(-2px)}
/* Facts */
.up-wrap .facts{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.up-wrap .args-label{font-weight:800;font-size:clamp(18px,2.2vw,22px);color:var(--txt);margin-top:46px}
.up-wrap .reasons{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:18px}
.up-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)}
.up-wrap .reason .rn{font-size:14px;font-weight:800;color:var(--rot);letter-spacing:.12em}
.up-wrap .reason h3{font-size:18px;margin:12px 0 14px}
.up-wrap .reason p{font-size:15px;color:var(--muted);line-height:1.6}
@media(max-width:980px){.up-wrap .reasons{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.up-wrap .reasons{grid-template-columns:1fr}}
.up-wrap .decision{position:relative;background:#C7CBD1}
.up-wrap .decision-white{position:absolute;inset:0;background:#fff;z-index:0;will-change:opacity}
.up-wrap .decision>.wrap{position:relative;z-index:1}
.up-wrap .brandmark{position:relative}
.up-wrap .brandmark .bm-white{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;max-width:430px}
/* Tragetest: farblich zur Workwear-Sektion invertiert — Navy-Grund, Orange-Akzente, zentriert */
.up-wrap .why-kompakt{background:#0a1628;color:#fff;position:relative;z-index:25}
.up-wrap .why-kompakt .wrap{text-align:center}
.up-wrap .why-kompakt .eyebrow{color:#FF6600}
.up-wrap .why-kompakt h2.sec{color:#FF6600}
.up-wrap .why-kompakt .marke-hook{color:#fff;margin-left:auto;margin-right:auto}
.up-wrap .why-kompakt .sub-lead{color:#fff;margin-left:auto;margin-right:auto;margin-top:32px}
.up-wrap .why-kompakt .btn-primary{background:#FF6600;color:#0a1628;box-shadow:0 8px 22px rgba(255,102,0,.30)}
.up-wrap .why-kompakt .lead{color:#eef0f2}
.up-wrap .ww-teaser{background:#FF6600;color:#0a1628}
.up-wrap .ww-logo{height:64px;width:auto;background:#0a1628;border-radius:12px;padding:12px 18px;margin-bottom:6px}
.up-wrap .ww-teaser .ww-eyebrow{color:#0a1628;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.up-wrap .ww-teaser h2{font-size:clamp(30px,4.4vw,52px);color:#0a1628;margin:12px 0 6px}
.up-wrap .ww-teaser .ww-claim{font-size:clamp(18px,2.2vw,24px);font-weight:800;color:#fff;margin-top:6px}
.up-wrap .ww-teaser .ww-hook{font-size:17px;color:#0a1628;margin-top:12px}
.up-wrap .ww-teaser .ww-hook b{background:#0a1628;color:#fff;padding:3px 10px;border-radius:8px}
.up-wrap .btn-navy{background:#0a1628;color:#fff;box-shadow:0 10px 26px rgba(10,22,40,.35)}
.up-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:#fff;margin:0 0 44px}
.up-wrap .cinema .empowers img{height:40px;width:auto}
/* Markensektion: Stationen-Achse statt Karte, leise Fakten-Zeile statt Kacheln */
.up-wrap .achse{border-left:2px solid var(--line);padding:6px 0 6px 26px;display:flex;flex-direction:column;gap:20px;max-width:380px;margin-left:8px}
.up-wrap .achse .stop{position:relative}
.up-wrap .achse .stop::before{content:"";position:absolute;left:-33px;top:5px;width:12px;height:12px;border-radius:50%;background:#c9ccce;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}
.up-wrap .achse .stop-p::before{background:var(--rot);box-shadow:0 0 0 1px var(--rot)}
.up-wrap .achse .stop b{display:block;font-size:15.5px;color:var(--txt)}
.up-wrap .achse .stop-p b{color:var(--rot)}
.up-wrap .achse .stop span{display:block;font-size:13.5px;color:var(--muted);margin-top:2px;line-height:1.45}
.up-wrap .achse-land{font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#aab0b5}
.up-wrap .marke-slogan{margin-top:34px;font-size:clamp(19px,2.3vw,25px);font-weight:800;letter-spacing:-.01em;color:var(--txt)}
.up-wrap .marke-belege{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:14.5px;color:var(--muted);line-height:1.7}
.up-wrap .marke-belege .q{color:#aab0b5;font-size:13px}
.up-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}
.up-wrap .story{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:start;margin-top:44px}
.up-wrap .story .story-tx p{font-size:17px;color:#3a3f44;line-height:1.68;margin-bottom:16px}
.up-wrap .story .story-img{position:sticky;top:90px}
.up-wrap .story .story-img img{width:100%;border-radius:16px;display:block;box-shadow:0 12px 34px rgba(0,0,0,.14)}
.up-wrap .story .story-img .cap{display:block;font-size:13px;color:var(--muted);margin-top:10px}
@media(max-width:820px){.up-wrap .story{grid-template-columns:1fr}
.up-wrap .story .story-img{position:static}}
.up-wrap .marke-europa{background:linear-gradient(180deg,var(--hell) 0%,#fff 30%)}
.up-wrap .map-wrap{background:#fff;border-radius:16px;padding:20px 14px;box-shadow:0 12px 34px rgba(0,0,0,.10)}
.up-wrap .map-wrap svg{width:100%;height:auto;display:block}
.up-wrap .story-tx a{color:var(--rot);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(213,16,48,.35)}
.up-wrap .story-tx a:hover{border-bottom-color:var(--rot)}
.up-wrap .stratos-fx{background:#1D1D1B;position:relative}
.up-wrap .stratos-pin{height:100vh;min-height:600px;position:relative;overflow:hidden}
.up-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. */
.up-wrap{--c-orange:#E87722;--c-blau:#1b6fb3;--c-gruen:#5a8a1a;--c-gelb:#D9A400;--hellblau:#dbe6f2}
.up-wrap .sfx-split{position:absolute;inset:0;z-index:6;opacity:0;pointer-events:none}
.up-wrap .sfx-split .half{position:absolute;left:0;width:100%;height:50%;overflow:hidden;background:#fff}
.up-wrap .sfx-split .half img{position:absolute;left:0;width:100vw;height:100vh;object-fit:cover}
.up-wrap .sfx-split .half-top{top:0}
.up-wrap .sfx-split .half-top img{top:0}
.up-wrap .sfx-split .half-bottom{top:50%}
.up-wrap .sfx-split .half-bottom img{top:-50vh}
.up-wrap .sfx-blue{position:absolute;inset:0;z-index:4;background:var(--hellblau);transform:translateY(101%)}
.up-wrap .sfx-white{position:absolute;inset:0;z-index:9;background:#fff;transform:translateY(101%)}
.up-wrap .akt2{position:absolute;inset:0;z-index:7;pointer-events:none}
.up-wrap .akt2 .sfx-info{pointer-events:auto}
.up-wrap .akt2-claim{position:absolute;left:6%;top:44%;display:flex;flex-direction:column;gap:2px;line-height:1.02}
.up-wrap .akt2-claim .cw{font-size:clamp(40px,6.4vw,96px);font-weight:800;letter-spacing:-.03em;opacity:0}
.up-wrap .cw1{color:var(--c-orange)}
.up-wrap .cw2{color:var(--c-blau)}
.up-wrap .cw3{color:var(--c-gruen)}
.up-wrap .cw4{color:var(--c-gelb)}
.up-wrap .akt2-flys img{position:absolute;right:-34%;top:16%;width:24%;border-radius:10px;box-shadow:0 18px 44px rgba(20,30,45,.22);opacity:0}
.up-wrap .akt2-anchor{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:25%;aspect-ratio:1.778}
.up-wrap .akt2-anchor img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 22px 48px rgba(20,30,45,.24);opacity:0}
.up-wrap .akt2-anchor img:first-child{opacity:1}
.up-wrap .sfx-mobile{display:none}
.up-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}
.up-wrap .sfx-t img{width:100%;height:100%;object-fit:cover;display:block}
.up-wrap .s1{left:36.7%;top:6.7%;width:32.1%;aspect-ratio:2.136}
.up-wrap .s2{left:15.8%;top:23.7%;width:19.6%;aspect-ratio:1.008}
.up-wrap .s3{left:37.1%;top:35.6%;width:26.2%;aspect-ratio:1.778;z-index:5}
.up-wrap .s4{left:64.6%;top:36.3%;width:27.1%;aspect-ratio:2.079}
.up-wrap .s5{left:10%;top:61.5%;width:31.7%;aspect-ratio:2.119}
.up-wrap .s6{left:42.9%;top:61.5%;width:20.4%;aspect-ratio:1.319}
.up-wrap .s7{left:65%;top:61.5%;width:19.6%;aspect-ratio:1.526}
.up-wrap .sfx-hero{transform-origin:center center;box-shadow:0 18px 40px rgba(20,30,45,.10)}
.up-wrap .sfx-info{position:absolute;left:6%;top:10%;max-width:540px;z-index:10;opacity:0}
.up-wrap .sfx-info .eyebrow{color:#1b6fb3}
.up-wrap .sfx-info .sec{margin:10px 0 12px;color:var(--txt)}
.up-wrap .sfx-info .sub-lead{color:#3a3f44;max-width:540px}
.up-wrap .sfx-info .btn{margin-top:16px}
@media(max-width:820px){.up-wrap .stratos-fx{background:var(--hellblau)}
.up-wrap .stratos-pin{height:auto;min-height:0;padding:24px 0 8px;overflow:visible}
.up-wrap .sfx-stage,.up-wrap .sfx-split,.up-wrap .sfx-blue,.up-wrap .sfx-white,.up-wrap .akt2-flys,.up-wrap .akt2-anchor{display:none}
.up-wrap .akt2{position:static;pointer-events:auto}
.up-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)}
.up-wrap .akt2-claim{position:static;padding:22px 24px 4px}
.up-wrap .akt2-claim .cw{opacity:1;font-size:clamp(34px,9vw,54px)}
.up-wrap .sfx-info{position:relative;left:0;top:0;opacity:1;padding:12px 24px 28px;max-width:none}}
@media(prefers-reduced-motion:reduce){.up-wrap .stratos-fx{background:var(--hellblau)}
.up-wrap .stratos-pin{height:auto;min-height:0;padding:24px 0 8px;overflow:visible}
.up-wrap .sfx-stage,.up-wrap .sfx-split,.up-wrap .sfx-blue,.up-wrap .sfx-white,.up-wrap .akt2-flys,.up-wrap .akt2-anchor{display:none}
.up-wrap .akt2{position:static;pointer-events:auto}
.up-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)}
.up-wrap .akt2-claim{position:static;padding:22px 24px 4px}
.up-wrap .akt2-claim .cw{opacity:1}
.up-wrap .sfx-info{position:relative;left:0;top:0;opacity:1;padding:12px 24px 28px;max-width:none}}
.up-wrap .nachhaltig .eyebrow{color:#5a8a1a}
.up-wrap .nach-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px;max-width:960px}
.up-wrap .nach-grid-bild{grid-template-columns:340px 1fr;max-width:none;align-items:start}
.up-wrap .nach-texte{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.up-wrap .nach-bild img{width:100%;height:auto;border-radius:14px;display:block;box-shadow:0 10px 30px rgba(0,0,0,.10)}
.up-wrap .nach-cap{display:block;font-size:13px;color:var(--muted);margin-top:10px;line-height:1.5}
.up-wrap .nach-cap a{color:#5a8a1a;font-weight:700;text-decoration:none}
@media(max-width:900px){.up-wrap .nach-grid-bild{grid-template-columns:1fr}
.up-wrap .nach-texte{grid-template-columns:1fr}}
.up-wrap .nach-grid p{font-size:17px;color:#3a3f44;line-height:1.65}
.up-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}
/* Übergangs-Hinweis: fett, mittig, Pfeil führt in die Workwear-Sektion */
.up-wrap .nach-ww-hinweis{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:64px;text-decoration:none;text-align:center}
.up-wrap .nach-ww-hinweis span{font-size:clamp(24px,3vw,40px);font-weight:800;letter-spacing:-.02em;color:var(--txt);line-height:1.2}
.up-wrap .nach-ww-hinweis svg{animation:nwBob 1.8s ease-in-out infinite}
.up-wrap .nach-ww-hinweis:hover span{color:#FF6600}
@keyframes nwBob{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@media(prefers-reduced-motion:reduce){.up-wrap .nach-ww-hinweis svg{animation:none}}
@media(max-width:760px){.up-wrap .nach-grid{grid-template-columns:1fr}}
.up-wrap .brandmark{display:flex;align-items:center;justify-content:center}
.up-wrap .brandmark img{width:100%;max-width:430px;height:auto}
.up-wrap .factgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.up-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)}
.up-wrap .fact .fnum{font-size:clamp(28px,3.4vw,36px);font-weight:800;color:var(--rot);letter-spacing:-.02em;line-height:1}
.up-wrap .fact .flab{font-size:14px;color:var(--muted);margin-top:9px;line-height:1.45}
@media(max-width:560px){.up-wrap .factgrid{grid-template-columns:1fr}}
/* Finder-Wizard */
/* Schuhfinder-Kopf: Schriftbild und Layout wie auf der WM-Angebotsseite */
.up-wrap #finder{background:#fff;position:relative;z-index:26}
.up-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}
.up-wrap #finder .wrap>.eyebrow{display:block;text-align:center}
.up-wrap #finder .wrap>.sub-lead{text-align:center;margin-left:auto;margin-right:auto;margin-top:32px}
.up-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}
.up-wrap .fw-repeat:hover,.up-wrap .fw-repeat:focus-visible{color:#5a6066;transform:rotate(180deg)}
.up-wrap .fw-repeat[hidden]{display:flex;visibility:hidden}
.up-wrap .finder-wiz{display:flex;align-items:center;justify-content:center;gap:48px;margin-top:38px;flex-wrap:wrap;min-height:220px}
.up-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}
.up-wrap .upower-inline{height:1em;width:auto;vertical-align:-.14em}
.up-wrap .fw-antworten{display:flex;flex-direction:column;gap:26px;align-items:flex-start;min-width:380px}
.up-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}
.up-wrap .fw-antworten button.an{opacity:1;transition:background .18s ease,color .18s ease,border-color .18s ease,opacity .25s ease}
.up-wrap .fw-antworten button:hover,.up-wrap .fw-antworten button:focus-visible{background:var(--rot);border-color:var(--rot);color:#fff}
.up-wrap .fw-antworten button:nth-child(2){margin-left:48px}
.up-wrap .fw-antworten button:nth-child(4){margin-left:48px}
@media(max-width:760px){.up-wrap .finder-wiz{min-height:0}
.up-wrap .fw-antworten{width:100%}
.up-wrap .fw-antworten button{margin-left:0!important;width:100%;text-align:center}
.up-wrap .fw-frage{left:0}
.up-wrap .br-desktop{display:none}}
.up-wrap .finder-result{margin-top:26px}
.up-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)}
.up-wrap .frcard img{width:180px;max-width:38vw;mix-blend-mode:multiply}
.up-wrap .frcard .frbody{flex:1;min-width:240px}
.up-wrap .frcard .frtag{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.05em}
.up-wrap .frcard h3{font-size:24px;margin:4px 0 8px}
.up-wrap .frcard p{color:var(--muted);font-size:15.5px;margin-bottom:14px}
.up-wrap .frcard .fralt{font-size:14px;color:var(--muted);margin-top:10px}
.up-wrap .frcard .fralt a{color:var(--rot);font-weight:700;text-decoration:none}
.up-wrap .frcard .actions{display:flex;flex-wrap:wrap;gap:10px}
.up-wrap .frcard .btn{font-size:15px;padding:12px 22px}
/* Sticky CTA (mobil) */
.up-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)}
.up-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)}
.up-wrap .sticky-cta a.primary{background:var(--rot);border-color:var(--rot);color:#fff}
@media(max-width:820px){.up-wrap .sticky-cta.on{display:flex}}
/* Collection */
.up-wrap .seg-h{font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:40px 0 16px}
.up-wrap .zwei-pfad{display:flex;gap:34px;flex-wrap:wrap;margin-top:44px}
.up-wrap .zwei-pfad>div{display:flex;flex-direction:column;gap:10px}
.up-wrap .zp-label{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.up-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}
.up-wrap .card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.1)}
.up-wrap .card .ph{aspect-ratio:1/1;background:#f1f2f3;display:flex;align-items:center;justify-content:center;padding:14px}
.up-wrap .card .ph img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.up-wrap .card .body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px;flex:1}
.up-wrap .card .cls{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.05em}
.up-wrap .card h3{font-size:19px}
.up-wrap .card .desc{font-size:14.5px;color:var(--muted);flex:1}
.up-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}
.up-wrap .card a.mini{font-weight:700;color:var(--rot);text-decoration:none;font-size:14.5px;margin-top:4px}
.up-wrap .grid7{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.up-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){.up-wrap .grid7{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.up-wrap .grid7{grid-template-columns:1fr}}
/* FAQ */
.up-wrap details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 22px;margin-bottom:12px}
/* FAQ-Cluster: Themenbereiche expandieren, innere Fragen kompakt */
.up-wrap .faq-cluster{background:var(--hell);border:1px solid var(--line)}
.up-wrap .faq-cluster>summary{font-size:19px}
.up-wrap .fc-n{font-size:12.5px;font-weight:700;color:var(--muted);margin-left:auto;padding-right:14px}
.up-wrap .fc-inner{padding:2px 0 16px}
.up-wrap .fc-inner details{background:#fff;margin-bottom:10px}
.up-wrap .fc-inner details summary{font-size:15.5px;padding:14px 0}
.up-wrap .fc-inner details summary::after{font-size:20px}
.up-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}
.up-wrap details summary::-webkit-details-marker{display:none}
.up-wrap details>summary::after{content:"+";font-size:24px;color:var(--rot);font-weight:400}
.up-wrap details[open]>summary::after{content:"–"}
.up-wrap details .ans{padding:0 0 20px;color:var(--muted);font-size:16px}
/* Final CTA */
.up-wrap .final{background:var(--rot);color:#fff;text-align:center;padding:80px 0}
.up-wrap .final h2{font-size:clamp(28px,4vw,44px);margin-bottom:12px;color:#fff}
.up-wrap .final p{font-size:19px;color:#ffe0e4;margin-bottom:30px}
.up-wrap .final .actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.up-wrap .final .btn-primary{background:#fff;color:var(--rot);box-shadow:0 8px 22px rgba(0,0,0,.2)}
.up-wrap .final .btn-ghost{border-color:rgba(255,255,255,.7)}
/* Footer */
.up-wrap footer{background:#15181b;color:#9aa0a5;padding:56px 0 40px;font-size:14px}
.up-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}
.up-wrap footer img.pp{height:30px;filter:brightness(0) invert(1);opacity:.9}
.up-wrap footer img.up{height:26px;width:auto}
.up-wrap footer .disc{color:#9299a0;font-size:13px;max-width:820px;line-height:1.7}
.up-wrap footer .marks{color:#969ca3;font-size:12.5px;margin-top:14px}
@media(max-width:820px){.up-wrap .facts{grid-template-columns:1fr}
.up-wrap section.blk{padding:64px 0}
.up-wrap .hero .inner{padding:72px 0 80px}
.up-wrap .nav .cta-small{display:none}}
/* Haendler-Hinweis unter der H1 (Forderung U-Power 14.08.2026) */
.up-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){.up-wrap .hero .dealer-line{font-size:12.5px;padding:8px 12px;line-height:1.45;display:flex}}
/* Schuhfinder springt modellgenau auf die Kachel (17.08.2026) */
.up-wrap .card{scroll-margin-top:104px}
.up-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)}}