/* ====================================================================
   URBANET – B2C Cases (Übersicht + 11 Case-Unterseiten)
   Superset aus den Stakeholder-Vorlagen (Runde 2), gescoped unter .b2c
   und auf die Palette/Schriften der Startseite gemappt.
   Seitenspezifisches unter .b2c--<slug>.
   ==================================================================== */
.b2c{font-family:var(--font);background:var(--paper);color:var(--ink);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:clip;--font-display:'Arial Black','Helvetica Neue',Helvetica,sans-serif}
.b2c{
  --paper:#E8F5FC;--card:#ffffff;--wash:#f2f8fe;--line:#cfe4f5;--line-card:#e3ecf3;
  --ink:#1C2733;--ink-soft:#6b7684;--dark:#1C2733;--dark-2:#25313D;--dark-soft:#9aa7b8;
  --accent:#009EE5;--accent-deep:#0086C6;--accent-ink:#ffffff;--highlight:#EFFF00;--highlight-ink:#1C2733;
  --font:'Helvetica Neue',Helvetica,Arial,sans-serif;
  --radius-card:24px;--max:1240px;--head:74px;
}
.b2c *{box-sizing:border-box;margin:0;padding:0}
.b2c img, .b2c video{max-width:100%;display:block}
.b2c img{height:auto}
.b2c a{color:inherit}
.b2c [hidden]{display:none!important}
.b2c .wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
.b2c :focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.b2c h1, .b2c h2, .b2c h3{font-weight:800;letter-spacing:-.02em;line-height:1.02;text-transform:uppercase}
.b2c h1 em, .b2c h2 em, .b2c h3 em{font-style:normal;color:var(--accent)}
.b2c .dot{color:inherit}
.b2c .mark{background:linear-gradient(transparent 62%,var(--highlight) 62%)}
.b2c .eyebrow{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;margin-bottom:24px}
.b2c .eyebrow::before{content:"";width:38px;height:2px;background:var(--accent);flex:none}
.b2c .pill{display:inline-block;background:var(--highlight);color:var(--highlight-ink);font-size:13px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;padding:10px 26px;border-radius:999px}
.b2c .lead{font-size:clamp(18px,2vw,21px);max-width:640px;color:var(--ink-soft);line-height:1.65}
.b2c .lead strong{color:var(--ink)}
.b2c .dark{background:var(--dark);color:#fff}
.b2c .dark .lead{color:var(--dark-soft)}
.b2c .dark .lead strong{color:#fff}
.b2c .cta{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:var(--accent-ink);text-decoration:none;
  font-weight:700;font-size:16px;padding:16px 34px;border-radius:999px;transition:background .15s,transform .15s}
.b2c .cta:hover, .b2c .cta:focus-visible{background:var(--accent-deep);transform:translateY(-1px)}
.b2c .cta.yellow{background:var(--highlight);color:var(--highlight-ink)}
.b2c .cta.yellow:hover{filter:brightness(.94)}
.b2c .media-ph{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:#7d93a8;font-size:14px;
  font-weight:600;text-align:center;padding:24px;line-height:1.5;
  background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(0,158,229,.07) 14px 28px),#dcebf8}
.b2c .dark .media-ph{color:#8093aa;background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(0,158,229,.09) 14px 28px),var(--dark-2)}
.b2c .kpi-ph{display:inline-block;background:var(--highlight);color:var(--highlight-ink);border-radius:6px;padding:0 10px;font-weight:800;font-size:.92em}
.b2c{--c:34px}
.b2c .em-i{font-style:italic}
.b2c .rv{opacity:0;transform:translateY(42px);transition:opacity .9s cubic-bezier(.2,.7,.3,1),transform .9s cubic-bezier(.2,.7,.3,1);transition-delay:var(--d,0s)}
.b2c .rv.in{opacity:1;transform:none}
.b2c .rv-img{position:relative;overflow:hidden}
.b2c .rv-img::after{content:"";position:absolute;inset:0;background:var(--wipe,var(--paper));transform-origin:right;transition:transform 1.1s cubic-bezier(.7,0,.2,1);transition-delay:var(--d,0s);z-index:3}
.b2c .rv-img.in::after{transform:scaleX(0)}
.b2c .rv-img img{transform:translateY(var(--py,0px)) scale(1.2);transition:transform 1.6s cubic-bezier(.2,.7,.3,1)}
.b2c .rv-img.in img{transform:translateY(var(--py,0px)) scale(1.1)}
.b2c .oct{clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%)}
.b2c .cut{clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c))}
.b2c .oct-btn{flex:none;width:54px;height:54px;display:grid;place-items:center;background:var(--highlight);color:var(--ink);clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%);font-size:20px;font-weight:900;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.b2c a:hover .oct-btn, .b2c a:focus-visible .oct-btn{transform:rotate(45deg)}
.b2c a:hover .oct-btn span, .b2c a:focus-visible .oct-btn span{display:inline-block;transform:rotate(-45deg)}
.b2c .oct-line{position:absolute;pointer-events:none;fill:none;stroke:var(--accent);opacity:.35}
.b2c .oct-line polygon{vector-effect:non-scaling-stroke;stroke-width:1.5}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.b2c .hero2{position:relative;padding:70px 0 90px;overflow:hidden}
.b2c .hero2 .oct-line.big{width:1000px;height:1000px;right:-360px;top:-260px;animation:spin 120s linear infinite;opacity:.4}
.b2c .hero2 .oct-line.small{width:360px;height:360px;left:-120px;bottom:-160px;animation:spin 80s linear infinite reverse;opacity:.25}
.b2c .hero2-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;min-height:min(78vh,720px)}
.b2c .hero2 h1{font-size:clamp(48px,6.6vw,100px);margin-top:28px;line-height:.95}
.b2c .hero2 h1 .ln{display:block;overflow:hidden;padding-bottom:.04em}
.b2c .hero2 h1 .ln > span{display:inline-block;transform:translateY(105%);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.b2c .hero2 h1 .ln:nth-child(2) > span{transition-delay:.12s}
.loaded .b2c .hero2 h1 .ln > span{transform:none}
.b2c .hero2 .lead{margin-top:30px;max-width:520px}
.b2c .hero2 .lead strong{display:block;margin-bottom:4px}
.b2c .scroll-hint{display:inline-flex;align-items:center;gap:12px;margin-top:44px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);text-decoration:none}
.b2c .scroll-hint i{width:2px;height:42px;background:linear-gradient(var(--accent) 50%,transparent 50%);background-size:2px 16px;animation:drip 1.4s linear infinite}
@keyframes drip{to{background-position:0 32px}}
.b2c .hero2-visual{position:relative;height:min(82vh,760px)}
.b2c .hv{position:absolute;overflow:hidden;border-radius:var(--radius-card);box-shadow:0 30px 60px rgba(28,39,51,.18);opacity:0;transform:scale(.85) rotate(-6deg);transition:opacity 1s,transform 1.2s cubic-bezier(.2,.7,.3,1)}
.loaded .b2c .hv{opacity:1;transform:none}
.b2c .hv img{width:100%;height:100%;object-fit:cover}
.b2c .hv.h1{width:64%;aspect-ratio:4/5;right:0;top:0;transition-delay:.2s}
.b2c .hv.h2{width:48%;aspect-ratio:4/5;left:-4%;top:20%;transition-delay:.4s}
.b2c .hv.h3{width:42%;aspect-ratio:4/5;right:12%;bottom:0;transition-delay:.6s}
.b2c .hv-in{width:100%;height:100%}
.b2c .hv img{animation:floatimg 7s ease-in-out infinite}
@keyframes floatimg{0%,100%{transform:translateY(0) scale(1.08)}50%{transform:translateY(-12px) scale(1.08)}}
.b2c .hv.h2 img{animation-delay:-2s}
.b2c .hv.h3 img{animation-delay:-4s}
.b2c .hv-tag{position:absolute;z-index:3;width:176px;height:176px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 10px;background:var(--highlight);color:var(--ink);clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%);
  font-size:18px;font-weight:900;letter-spacing:-.015em;line-height:1.1;text-transform:uppercase;hyphens:manual;filter:drop-shadow(0 12px 24px rgba(28,39,51,.2));
  opacity:0;transform:scale(.6) rotate(-20deg);transition:opacity .6s 1.1s,transform .8s cubic-bezier(.3,1.4,.5,1) 1.1s}
.loaded .b2c .hv-tag{opacity:1;transform:none}
.b2c .hv-tag.t2{transition-delay:1.25s}
.b2c .hv-tag.t3{transition-delay:1.4s}
.loaded .b2c .hv-tag{opacity:1}
.b2c .hv-tag.t1{right:-5%;top:-4%}
.b2c .hv-tag.t2{left:-3%;top:60%}
.b2c .hv-tag.t3{right:-2%;bottom:10%}
.b2c .kw{position:absolute;z-index:4;display:flex;align-items:center;white-space:nowrap;pointer-events:none;filter:drop-shadow(0 10px 24px rgba(28,39,51,.25))}
.b2c .kw b{position:relative;z-index:2;flex:none;width:64px;height:64px;display:grid;place-items:center;background:var(--highlight);color:var(--ink);clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%);font-size:34px;font-weight:900;line-height:1;
  transform:scale(0) rotate(-45deg);transition:transform .7s cubic-bezier(.3,1.4,.5,1)}
.b2c .kw > span{margin-left:-22px;padding:0 20px 0 32px;height:44px;display:flex;align-items:center;background:var(--ink);color:#fff;font-size:15px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  clip-path:inset(0 100% 0 0);transition:clip-path .8s cubic-bezier(.7,0,.2,1)}
.loaded .b2c .kw b{transform:none}
.loaded .b2c .kw > span{clip-path:inset(0 0 0 0)}
.b2c .kw.k1{right:4%;top:4%}
.b2c .kw.k1 b{transition-delay:1s}
.b2c .kw.k1 > span{transition-delay:1.3s}
.b2c .kw.k2{left:-3%;top:64%}
.b2c .kw.k2 b{transition-delay:1.2s}
.b2c .kw.k2 > span{transition-delay:1.5s}
.b2c .kw.k3{left:44%;bottom:6%}
.b2c .kw.k3 b{transition-delay:1.4s}
.b2c .kw.k3 > span{transition-delay:1.7s}
.b2c .marquee{background:var(--ink);color:#fff;overflow:hidden;white-space:nowrap;padding:20px 0}
.b2c .marquee-track{display:inline-flex;animation:marq 38s linear infinite}
.b2c .marquee span{font-size:clamp(20px,2.6vw,34px);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;padding:0 22px;display:inline-flex;align-items:center;gap:22px}
.b2c .marquee span::after{content:"";width:18px;height:18px;background:var(--highlight);clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%)}
.b2c .marquee span:nth-child(3n+2){color:var(--highlight)}
@keyframes marq{to{transform:translateX(-50%)}}
.b2c .filterbar{position:sticky;top:var(--head);z-index:50;background:rgba(232,244,253,.92);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}
.b2c .chips{display:flex;gap:10px;padding-top:14px;padding-bottom:14px;overflow-x:auto;scrollbar-width:none}
.b2c .chips::-webkit-scrollbar{display:none}
.b2c .chip{flex:none;border:none;border-radius:999px;padding:10px 22px;font:inherit;font-size:13.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#fff;color:var(--ink-soft);cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:background .15s,color .15s}
.b2c .chip:hover{color:var(--ink)}
.b2c .chip .n{font-size:11.5px;background:var(--paper);color:var(--ink-soft);border-radius:999px;padding:2px 8px;letter-spacing:0}
.b2c .chip.on{background:var(--accent);color:#fff}
.b2c .chip.on .n{background:rgba(255,255,255,.22);color:#fff}
.b2c .chip.reset{background:transparent;color:var(--ink-soft);box-shadow:inset 0 0 0 1.5px var(--line)}
.b2c .sec{position:relative;padding:130px 0;overflow:hidden}
.b2c #top-cases{padding-bottom:0}
.b2c .sec.white{background:#fff;--wipe:#fff}
.b2c .sec-head{display:grid;grid-template-columns:1fr 1fr;gap:24px 64px;align-items:end;margin-bottom:72px}
.b2c .sec-no{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px}
.b2c .sec-no b{display:grid;place-items:center;width:40px;height:40px;background:var(--highlight);clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%);font-size:13px;letter-spacing:0}
.b2c .sec-head h2{font-size:clamp(40px,6vw,88px);line-height:.98}
.b2c .sec-head .lead{margin:0}
.b2c .sec .oct-line.deco{width:640px;height:640px;right:-260px;top:40px;animation:spin 140s linear infinite;opacity:.18}
.b2c .feat{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center;margin-bottom:130px}
.b2c .feat.rev{grid-template-columns:1fr 1.25fr}
.b2c .feat.rev .feat-media{order:2}
.b2c .feat-media{display:block;position:relative;aspect-ratio:5/4;border-radius:var(--radius-card);background:#dcebf8}
.b2c .feat-media img{width:100%;height:100%;object-fit:cover}
.b2c .feat-media .badge{position:absolute;top:26px;left:26px;z-index:4;background:var(--highlight);color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:9px 16px;border-radius:999px}
.b2c .feat-no{font-size:clamp(80px,10vw,150px);font-weight:900;line-height:.8;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px var(--accent);margin-bottom:10px}
.b2c .case-tag{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.b2c .feat h3{font-size:clamp(32px,3.8vw,56px);line-height:1;margin:12px 0 18px}
.b2c .feat .hook{font-size:18px;color:var(--ink-soft);line-height:1.6;max-width:44ch}
.b2c .hl{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.b2c .hl b{font-size:clamp(46px,5.6vw,84px);font-weight:900;letter-spacing:-.04em;line-height:.9;background:linear-gradient(transparent 60%,var(--highlight) 60%);padding:0 6px}
.b2c .hl span{font-size:14.5px;font-weight:700;color:var(--ink-soft);max-width:26ch;line-height:1.45}
.b2c .more{display:inline-flex;align-items:center;gap:16px;margin-top:34px;text-decoration:none;font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.b2c .spot2{position:relative;display:block;color:#fff;text-decoration:none;min-height:660px;margin:0 0 0;overflow:hidden;background:var(--ink)}
.b2c .spot2 .bgimg{position:absolute;inset:-12% 0;}
.b2c .spot2 .bgimg img{width:100%;height:100%;object-fit:cover;object-position:40% 50%;transform:translateY(var(--py,0px))}
.b2c .spot2::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(28,39,51,.96) 0%,rgba(28,39,51,.82) 38%,rgba(28,39,51,.1) 75%)}
.b2c .spot2 .wrap{position:relative;z-index:2;min-height:660px;display:flex;flex-direction:column;justify-content:center;padding-top:80px;padding-bottom:80px}
.b2c .spot2 .inner{max-width:620px}
.b2c .spot2 .badge{display:inline-block;background:var(--highlight);color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:9px 16px;border-radius:999px;margin-bottom:26px}
.b2c .spot2 .case-tag{color:var(--highlight)}
.b2c .spot2 h3{font-size:clamp(38px,4.6vw,68px);line-height:.98;margin:14px 0 20px}
.b2c .spot2 .hook{color:rgba(255,255,255,.8);font-size:18px;line-height:1.6}
.b2c .spot2 .hl{border-top-color:rgba(255,255,255,.2)}
.b2c .spot2 .hl b{background:none;color:var(--highlight)}
.b2c .spot2 .hl span{color:#fff}
.b2c .spot2 .oct-line{right:-120px;bottom:-200px;width:620px;height:620px;stroke:var(--highlight);opacity:.5;z-index:1;animation:spin 90s linear infinite}
.b2c .ogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.b2c .ogrid.four{grid-template-columns:repeat(4,1fr)}
.b2c .ogrid.two{grid-template-columns:repeat(2,1fr);gap:26px}
.b2c .ocard{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--radius-card);overflow:hidden;color:#fff;text-decoration:none;background:var(--ink)}
.b2c .ogrid.two .ocard{aspect-ratio:1/1}
.b2c .ocard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.3,1)}
.b2c .ocard:hover img{transform:scale(1.07)}
.b2c .ocard::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(28,39,51,.95) 0%,rgba(28,39,51,.55) 38%,rgba(28,39,51,0) 65%)}
.b2c .ocard-body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.b2c .ocard .case-tag{color:var(--highlight)}
.b2c .ocard h3{font-size:clamp(22px,2vw,30px);line-height:1.04;margin:10px 0 8px}
.b2c .ogrid.two .ocard h3{font-size:clamp(28px,3vw,46px)}
.b2c .ocard p{font-size:15px;color:rgba(255,255,255,.82);line-height:1.5;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s,opacity .5s}
.b2c .ocard:hover p, .b2c .ocard:focus-visible p{max-height:120px;opacity:1}
.b2c .band{min-height:620px}
.b2c .band .wrap{min-height:620px}
.b2c .band.right::before{background:linear-gradient(270deg,rgba(28,39,51,.96) 0%,rgba(28,39,51,.82) 36%,rgba(28,39,51,.08) 72%)}
.b2c .band.right .wrap{align-items:flex-end}
.b2c .band.right .inner{text-align:left}
.b2c .band-no{font-size:clamp(70px,8vw,120px);font-weight:900;line-height:.8;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px var(--highlight);margin-bottom:22px;opacity:.9}
.b2c .band .bgimg{inset:-10% 0}
.b2c .band img{transition:transform 1.4s cubic-bezier(.2,.7,.3,1)}
.b2c .band:hover .bgimg img{transform:translateY(var(--py,0px)) scale(1.04)}
.b2c #top-cases .sec-head{margin-bottom:64px}
.b2c .ogrid.bleed{gap:0;margin:0}
.b2c .ogrid.bleed .ocard{border-radius:0;aspect-ratio:3/4}
.b2c .ogrid.two.bleed .ocard{aspect-ratio:4/3}
.b2c .ogrid.one{grid-template-columns:1fr}
.b2c .ogrid.one.bleed .ocard{aspect-ratio:21/9}
.b2c .ogrid.one .ocard h3{font-size:clamp(32px,4vw,60px)}
.b2c .ogrid.bleed .ocard-body{padding:30px 30px 30px 30px}
.b2c .ocard-body > div{flex:1;min-width:0}
.b2c .ocard-body .oct-btn{margin-right:4px;width:48px;height:48px}
.b2c .ogrid.four .ocard-body{padding:26px 26px 26px 24px}
.b2c .ogrid.four .ocard h3{font-size:clamp(20px,1.7vw,26px)}
.b2c #meetgreet, .b2c #erlebnisse{padding-bottom:130px}
.b2c .band-wrap{margin-bottom:24px}
.b2c .band-wrap .spot2 .wrap{padding-left:clamp(28px,5vw,72px);padding-right:clamp(28px,5vw,72px)}
.b2c #top-cases{padding-bottom:106px}
.b2c .hv{border-radius:0!important}
.b2c .split-band{display:grid;grid-template-columns:1.35fr 1fr;min-height:620px;background:var(--ink);color:#fff;text-decoration:none;border-top:1px solid rgba(255,255,255,.06)}
.b2c .split-band.flip{grid-template-columns:1fr 1.35fr}
.b2c .split-band.flip .sb-media{order:2}
.b2c .sb-media{position:relative;overflow:hidden;min-height:620px}
.b2c .sb-media img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover}
.b2c .sb-media .badge{position:absolute;top:30px;left:30px;z-index:4;background:var(--highlight);color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:9px 16px;border-radius:999px}
.b2c .sb-body{display:flex;flex-direction:column;justify-content:center;padding:64px clamp(28px,4vw,64px)}
.b2c .sb-body .case-tag{color:var(--highlight)}
.b2c .sb-body h3{font-size:clamp(34px,3.8vw,58px);line-height:1;margin:12px 0 18px}
.b2c .sb-body .hook{color:rgba(255,255,255,.78);font-size:17px;line-height:1.6}
.b2c .sb-body .hl, .b2c .band .hl{border-top:none;padding-top:0;margin-top:14px}
.b2c .sb-body .hl b{background:none;color:var(--highlight);font-size:clamp(36px,3.8vw,58px)}
.b2c .sb-body .hl span{color:#fff}
.b2c .sb-media img{transform:translateY(var(--py,0px)) scale(1.04);transition:transform 1.4s cubic-bezier(.2,.7,.3,1),opacity 1.2s;opacity:0}
.b2c .sb-anim.in img{opacity:1}
.b2c .oct-pic{position:absolute;z-index:3;right:8%;bottom:9%;width:44%;aspect-ratio:1;background:var(--highlight);clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%);padding:6px;
  transform:scale(.85) rotate(-8deg);opacity:0;transition:transform 1s cubic-bezier(.3,1.3,.5,1) .3s,opacity .6s .3s}
.b2c .oct-pic img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;object-fit:cover;object-position:50% 35%;clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%);opacity:1!important;transform:none!important}
.b2c .sb-anim.in .oct-pic{transform:none;opacity:1}
.b2c .sb-media.fade{background:var(--ink)}
.b2c .sb-media.fade img{left:auto;right:0;top:0;width:66%;height:100%;inset:auto 0 0 auto;filter:brightness(.9) saturate(.95);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 55%),linear-gradient(0deg,transparent 0%,#000 35%,#000 80%,transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0%,#000 55%),linear-gradient(0deg,transparent 0%,#000 35%,#000 80%,transparent 100%);mask-composite:intersect}
.b2c .split-band:hover .sb-media img{transform:translateY(var(--py,0px)) scale(1.07)}
.b2c .closer .sec-no{color:#fff}
.b2c .radar .core polygon{fill:var(--highlight)}
.b2c .closer{padding:120px 0 110px}
.b2c .closer h2{font-size:clamp(36px,5.4vw,76px)}
.b2c .closer .lead{margin-top:24px}
.b2c .radar-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.b2c .radar-wrap{max-width:380px;width:100%;justify-self:end}
.b2c .radar{width:100%;height:auto;display:block}
.b2c .radar .ring{fill:none;stroke:#3a4a62;stroke-width:1.5;transform-origin:200px 200px;transform:scale(.6);opacity:0;transition:transform 1s cubic-bezier(.2,.7,.3,1),opacity .8s}
.b2c .radar .ring.r1{transition-delay:.12s}
.b2c .radar .ring.r2{transition-delay:.24s;stroke-dasharray:3 6}
.b2c .radar.seen .ring{transform:none;opacity:1}
.b2c .radar .rl{fill:#7d8ca3;font:700 10.5px var(--font);letter-spacing:.16em;text-transform:uppercase;opacity:0;transition:opacity .6s .7s}
.b2c .radar.seen .rl{opacity:1}
.b2c .radar .c1{fill:var(--ink);font:900 20px var(--font);letter-spacing:.04em}
.b2c .radar .pulse{fill:none;stroke:var(--highlight);stroke-width:1.5;opacity:0;transform-origin:200px 200px}
.b2c .radar.seen .pulse{animation:pulse 4.5s ease-out infinite 1s}
@keyframes pulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(2.5);opacity:0}}
.b2c .funnel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#2f3d52;border-radius:var(--radius-card);overflow:hidden;margin-top:64px}
.b2c .funnel-cell{background:var(--dark);padding:34px 28px;display:flex;flex-direction:column;gap:12px}
.b2c .funnel-cell .no{font-weight:800;font-size:13px;letter-spacing:.14em;color:var(--highlight)}
.b2c .funnel-cell h3{font-size:18px;line-height:1.2}
.b2c .funnel-cell p{font-size:15px;color:var(--dark-soft);line-height:1.6}
.b2c .channels{margin-top:110px}
.b2c .channels-head{display:grid;grid-template-columns:1fr 1fr;gap:28px 56px;align-items:end;margin-bottom:36px}
.b2c .channels-head h3{font-size:clamp(30px,4vw,54px);line-height:1}
.b2c .channels-head p{color:var(--dark-soft);font-size:17px;line-height:1.65;max-width:52ch}
.b2c .channels-head .eyebrow{margin-bottom:14px}
.b2c .channels-head p strong{color:#fff}
.b2c .shift{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2f3d52;border-radius:18px;overflow:hidden;margin-bottom:40px}
.b2c .shift > div{background:var(--dark);padding:22px 24px}
.b2c .shift b{display:block;font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:-.005em;margin-bottom:6px}
.b2c .shift b::before{content:"→ ";color:var(--highlight)}
.b2c .shift span{font-size:14.5px;color:var(--dark-soft);line-height:1.55}
.b2c .kicker{margin-top:56px;font-size:clamp(22px,2.6vw,34px);font-weight:800;line-height:1.2;letter-spacing:-.015em;max-width:36ch}
.b2c .kicker em{font-style:normal;color:var(--highlight)}
.b2c .lanes{--lbl:200px}
.b2c .lane-head, .b2c .lane{display:grid;grid-template-columns:var(--lbl) repeat(4,1fr);gap:0 8px;align-items:stretch}
.b2c .lane-head button{font:inherit;cursor:pointer;border:none;text-align:left;padding:18px 30px 18px 22px;background:#25313D;color:#fff;font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:-.005em;
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%);transition:background .35s,color .35s}
.b2c .lane-head button:first-of-type{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)}
.b2c .lane-head button em{display:block;font-style:normal;font-size:11px;letter-spacing:.14em;color:var(--accent);margin-bottom:2px;transition:color .35s}
.b2c .lane-body{position:relative;margin-top:10px;display:flex;flex-direction:column;gap:8px}
.b2c .col-hl{position:absolute;top:0;bottom:0;left:calc(var(--lbl) + 8px + (100% - var(--lbl) - 32px) / 4 * var(--a,0) + 8px * var(--a,0));width:calc((100% - var(--lbl) - 32px) / 4);
  background:rgba(239,255,0,.07);border-radius:14px;transition:left .5s cubic-bezier(.2,.7,.3,1);pointer-events:none}
.b2c .lane{position:relative;min-height:62px}
.b2c .lane-lbl{display:flex;flex-direction:column;justify-content:center;font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:-.005em;padding-right:10px}
.b2c .lane-lbl small{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--accent);margin-bottom:3px}
.b2c .bar{display:flex;align-items:center;padding:0 18px;border-radius:12px;font-size:13.5px;font-weight:700;line-height:1.3;opacity:.35;transition:opacity .4s,transform .4s;transform-origin:left;position:relative;z-index:1}
.b2c .b-dig{background:var(--highlight);color:var(--ink)}
.b2c .b-med{background:var(--accent);color:#fff}
.b2c .b-cm{background:#3a4a62;color:#fff}
.b2c .b-os{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px #fff}
.b2c .bar.on{opacity:1}
.b2c .lanes:not(.seen) .bar{transform:scaleX(.2);opacity:0}
.b2c .lane-caption{position:relative;margin-top:22px;margin-left:calc(var(--lbl) + 8px);min-height:56px}
.b2c .lane-caption p{position:absolute;inset:0 0 auto 0;font-size:16.5px;line-height:1.55;color:var(--dark-soft);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s;max-width:720px}
.b2c .lane-caption p b{color:#fff}
.b2c .lane-caption p.on{opacity:1;transform:none}
.b2c .lane-head button.on{background:var(--highlight);color:var(--ink)}
.b2c .lane-head button.on em{color:var(--ink)}
.b2c .proof{display:grid;grid-template-columns:repeat(4,1fr);margin-top:88px;border-top:1px solid #2f3d52}
.b2c .proof > div{padding:30px 24px 0 0}
.b2c .proof > div + div{padding-left:24px;border-left:1px solid #2f3d52}
.b2c .proof b{display:block;font-size:clamp(30px,3.4vw,48px);font-weight:900;letter-spacing:-.03em;line-height:1;color:var(--highlight)}
.b2c .proof span{display:block;margin-top:12px;font-size:14.5px;color:var(--dark-soft);line-height:1.5}
.b2c .closer-end{margin-top:88px;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;border-top:1px solid #2f3d52;padding-top:48px}
.b2c .funnel-claim{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font-size:clamp(20px,2.5vw,34px);font-weight:800;letter-spacing:-.02em;text-transform:uppercase}
.b2c .funnel-claim .arrow{color:var(--accent)}
.b2c .funnel-claim .last{color:var(--highlight)}
.b2c .dark .eyebrow{color:#fff}
.b2c .c-hero{position:relative;min-height:min(90vh,940px);display:flex;align-items:flex-end;background:var(--dark);color:#fff;overflow:hidden}
.b2c .c-hero-media{position:absolute;inset:0}
.b2c .c-hero-media img, .b2c .c-hero-media video{width:100%;height:100%;object-fit:cover}
.b2c .c-hero-media .media-ph{height:100%;aspect-ratio:auto}
.b2c .c-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(28,39,51,.92) 0%,rgba(28,39,51,.55) 32%,rgba(28,39,51,0) 62%)}
.b2c .c-hero .wrap{position:relative;z-index:2;width:100%;padding-bottom:64px;padding-top:120px}
.b2c .crumb{font-size:14px;font-weight:600;color:rgba(255,255,255,.75);margin-bottom:22px}
.b2c .crumb a{text-decoration:none}
.b2c .crumb a:hover{color:#fff}
.b2c .c-hero h1{font-size:clamp(48px,9vw,132px);margin-top:22px;max-width:14ch}
.b2c .c-hero .sub{margin-top:22px;font-size:clamp(18px,2vw,22px);max-width:620px;color:rgba(255,255,255,.86);line-height:1.55}
.b2c .facts{background:#fff;border-bottom:1px solid var(--line)}
.b2c .facts .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.b2c .fact{padding:26px 24px 26px 0}
.b2c .fact + .fact{padding-left:24px;border-left:1px solid var(--line-card)}
.b2c .fact dt{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.b2c .fact dd{font-size:17px;font-weight:700;margin-top:6px;line-height:1.35;hyphens:auto;overflow-wrap:break-word}
.b2c .fact{min-width:0}
.b2c .chapnav{position:sticky;top:var(--head);z-index:50;background:rgba(232,244,253,.92);
  backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}
.b2c .chapnav .wrap{display:flex;gap:8px;padding-top:12px;padding-bottom:12px;overflow-x:auto}
.b2c .chapnav a{flex:none;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;
  padding:9px 20px;border-radius:999px;color:var(--ink-soft);display:inline-flex;gap:10px;transition:background .15s,color .15s}
.b2c .chapnav a b{color:var(--accent)}
.b2c .chapnav a:hover{color:var(--ink)}
.b2c .chapnav a.on{background:var(--ink);color:#fff}
.b2c .chapnav a.on b{color:var(--highlight)}
.b2c .chapter{padding:120px 0}
.b2c .chapter.white{background:#fff}
.b2c .ch-head{display:grid;grid-template-columns:auto 1fr;gap:12px 40px;align-items:end;margin-bottom:64px}
.b2c .ch-no{font-size:clamp(90px,15vw,210px);font-weight:900;line-height:.8;letter-spacing:-.05em;color:var(--accent)}
.b2c .dark .ch-no{color:var(--highlight)}
.b2c .ch-head .eyebrow{margin-bottom:10px}
.b2c .ch-head h2{font-size:clamp(34px,5.4vw,72px)}
.b2c .triad{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:72px}
.b2c .triad h3{font-size:14px;letter-spacing:.12em;color:var(--accent);margin-bottom:14px}
.b2c .triad p{font-size:clamp(19px,1.8vw,23px);line-height:1.45;font-weight:600}
.b2c .txt-ph{color:#8aa0b5;font-weight:600;font-style:italic}
.b2c .bleed{border-radius:var(--radius-card);overflow:hidden}
.b2c .bleed .media-ph{aspect-ratio:21/9}
.b2c .caption{margin-top:14px;font-size:14px;color:var(--ink-soft)}
.b2c .dark .caption{color:var(--dark-soft)}
.b2c .stories{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}
.b2c .stories .media-ph{aspect-ratio:9/16;border-radius:var(--radius-card)}
.b2c .pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.b2c .pair .media-ph{aspect-ratio:4/5;border-radius:var(--radius-card)}
.b2c .perf{padding:120px 0}
.b2c .kpi-big > div{padding:44px 32px 44px 0}
.b2c .kpi-big > div + div{padding-left:32px;border-left:1px solid #2f3d52}
.b2c .kpi-big b .kpi-ph{font-size:.5em;vertical-align:middle}
.b2c .kpi-big > div > span{display:block;margin-top:18px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.b2c .kpi-big small{display:block;margin-top:8px;font-size:15px;color:var(--dark-soft);max-width:28ch;line-height:1.5}
.b2c .kpi-small{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:8px;border-top:1px solid #2f3d52;padding-top:32px}
.b2c .kpi-small b{font-size:30px;font-weight:800;letter-spacing:-.02em}
.b2c .kpi-small > div > span{display:block;margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dark-soft)}
.b2c .quote{margin-top:96px;max-width:900px}
.b2c .quote p{font-size:clamp(24px,3vw,38px);font-weight:700;line-height:1.25;letter-spacing:-.01em}
.b2c .quote footer{margin-top:20px;font-size:15px;color:var(--dark-soft)}
.b2c .next{display:block;text-decoration:none;background:var(--dark-2);color:#fff;padding:90px 0}
.b2c .next .eyebrow{color:#fff}
.b2c .next strong{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;overflow-wrap:anywhere;hyphens:auto;font-size:clamp(34px,7vw,100px);font-weight:900;text-transform:uppercase;
  letter-spacing:-.03em;line-height:1}
.b2c .next strong span{color:var(--highlight);transition:transform .25s}
.b2c .next:hover strong span, .b2c .next:focus-visible strong span{transform:translateX(12px)}
.b2c .back{padding:36px 0;background:var(--paper)}
.b2c .back a{font-weight:700;color:var(--accent);text-decoration:none}
.b2c .c-hero.split::after{display:none}
.b2c .split .c-hero-media{position:relative;order:2;min-height:100%}
.b2c .split .wrap{order:1;max-width:none;align-self:end;padding:120px 56px 72px max(28px,calc((100vw - var(--max))/2 + 28px))}
.b2c .split .crumb{margin-bottom:22px}
.b2c .split h1 .x{color:var(--highlight)}
.b2c .split .sub{color:var(--dark-soft);max-width:32ch}
.b2c .split .sub strong{color:#fff}
.b2c .pills{display:flex;flex-wrap:wrap;gap:10px}
.b2c .pills .pill{padding:9px 18px;font-size:12px}
.b2c .pills .pill.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.b2c .stoerer{position:absolute;z-index:3;left:-70px;top:14%;width:176px;height:176px;border-radius:50%;background:var(--highlight);color:var(--highlight-ink);
  display:grid;place-items:center;text-align:center;transform:rotate(-12deg);box-shadow:0 18px 40px rgba(28,39,51,.35);padding:18px}
.b2c .stoerer small{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.b2c .stoerer b{display:block;font-size:24px;font-weight:900;line-height:.95;text-transform:uppercase;letter-spacing:-.02em;margin:6px 0}
.b2c .stoerer::before{content:"";position:absolute;inset:8px;border-radius:50%;border:2px dashed rgba(28,39,51,.35)}
.b2c .manifest{font-size:clamp(28px,3.8vw,52px);font-weight:800;line-height:1.08;letter-spacing:-.02em;text-transform:uppercase;max-width:22ch;margin-bottom:72px}
.b2c .manifest span{color:var(--accent)}
.b2c .infl{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;margin:96px 0 0;align-items:start}
.b2c .infl h3{font-size:clamp(28px,3.4vw,46px);line-height:1.02}
.b2c .infl .lead{margin-top:20px;font-size:18px}
.b2c .tone{display:flex;flex-direction:column;gap:12px;margin-top:32px}
.b2c .tone div{background:var(--ink);color:#fff;border-radius:18px;padding:16px 22px;display:flex;flex-direction:column;gap:4px}
.b2c .tone div span{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dark-soft)}
.b2c .tone div b{font-size:20px;font-weight:800;text-transform:uppercase}
.b2c .tone div b i{font-style:normal;color:var(--highlight)}
.b2c .tps{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.b2c .tp{background:#fff;border-radius:20px;padding:24px 24px 22px}
.b2c .tp b{display:block;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1.15}
.b2c .tp p{font-size:15px;color:var(--ink-soft);margin-top:8px;line-height:1.5}
.b2c .tp.key{background:var(--highlight)}
.b2c .tp.key p{color:var(--ink)}
.b2c .phases{display:grid;grid-template-columns:repeat(4,1fr);margin-top:88px;border-top:2px solid var(--ink)}
.b2c .phases > div{padding:26px 24px 0 0}
.b2c .phases > div + div{padding-left:24px;border-left:1px solid var(--line)}
.b2c .phases .no{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
.b2c .phases b{display:block;font-size:24px;font-weight:900;text-transform:uppercase;margin:8px 0 8px;letter-spacing:-.01em}
.b2c .phases p{font-size:15px;color:var(--ink-soft);line-height:1.5}
.b2c .phases q{display:block;font-weight:800;color:var(--ink);margin-bottom:6px;quotes:"„" "“"}
.b2c .spot-head{display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap;margin:110px 0 28px}
.b2c .spot-head h3{font-size:clamp(28px,3.6vw,50px);line-height:1.02}
.b2c .spot-head p{color:var(--ink-soft);max-width:34ch}
.b2c .spot{position:relative;border-radius:var(--radius-card);overflow:hidden;background:#dcebf8;aspect-ratio:16/10}
.b2c .spot-layer{position:absolute;inset:0;transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.b2c .spot-layer img{width:100%;height:100%;object-fit:cover}
.b2c .spot.zoom .spot-layer{transform:scale(1.35)}
.b2c .spot::after{content:"";position:absolute;inset:0;background:rgba(28,39,51,.18);opacity:0;transition:opacity .4s;pointer-events:none}
.b2c .spot.zoom::after{opacity:1}
.b2c .hs{position:absolute;z-index:2;transform:translate(-50%,-50%);width:34px;height:34px;border:none;border-radius:50%;cursor:pointer;
  background:var(--highlight);color:var(--highlight-ink);font:900 15px var(--font);display:grid;place-items:center;
  animation:ping 2.4s infinite;transition:opacity .3s}
.b2c .hs:nth-of-type(2){animation-delay:.6s}
.b2c .hs:nth-of-type(3){animation-delay:1.2s}
.b2c .hs:nth-of-type(4){animation-delay:1.8s}
.b2c .spot.zoom .hs{transform:translate(-50%,-50%) scale(.74);animation:none}
.b2c .spot.zoom .hs.on{background:var(--ink);color:var(--highlight)}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(239,255,0,.8)}70%{box-shadow:0 0 0 16px rgba(239,255,0,0)}100%{box-shadow:0 0 0 0 rgba(239,255,0,0)}}
.b2c .tip{position:absolute;z-index:4;width:min(320px,70%);background:#fff;border-radius:20px;padding:20px 22px;pointer-events:none;
  box-shadow:0 24px 50px rgba(28,39,51,.3);opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}
.b2c .tip.on{opacity:1;transform:none}
.b2c .tip small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.b2c .tip b{display:block;font-size:22px;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;margin:4px 0 6px;line-height:1.05}
.b2c .tip p{font-size:15px;color:var(--ink-soft);line-height:1.5}
.b2c .tip i{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--highlight);box-shadow:0 0 0 5px rgba(239,255,0,.4);font-style:normal}
.b2c .legend{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;list-style:none}
.b2c .legend li{border-radius:16px;background:#fff;padding:14px 16px;cursor:pointer;font-size:14px;font-weight:800;text-transform:uppercase;display:flex;gap:10px;align-items:center;transition:background .2s,color .2s}
.b2c .legend li i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--highlight);display:grid;place-items:center;font-size:12px;flex:none;color:var(--ink)}
.b2c .legend li.on{background:var(--ink);color:#fff}
.b2c .flow{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:88px;border-radius:var(--radius-card);overflow:hidden;background:var(--paper)}
.b2c .flow > div{padding:36px 32px}
.b2c .flow > div + div{border-left:2px dashed var(--line)}
.b2c .flow .no{font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--accent)}
.b2c .flow h3{font-size:22px;margin:12px 0 10px;line-height:1.1}
.b2c .flow p{font-size:15.5px;color:var(--ink-soft);line-height:1.6}
.b2c .flow .ai{display:inline-block;margin-top:14px;background:var(--highlight);font-size:12px;font-weight:800;letter-spacing:.1em;padding:5px 12px;border-radius:999px;text-transform:uppercase}
.b2c .kino{position:relative;border-radius:var(--radius-card);overflow:hidden;margin-bottom:110px;background:#0d1117}
.b2c .kino img{width:100%}
.b2c .kino::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,14,20,.78) 0%,rgba(10,14,20,0) 34%);pointer-events:none}
.b2c .kino figcaption{position:absolute;z-index:2;left:40px;top:36px;right:40px;color:#fff;display:grid;grid-template-columns:auto 1fr;gap:6px 40px;align-items:end}
.b2c .kino small{grid-column:1/-1;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--highlight)}
.b2c .kino b{font-size:clamp(28px,4vw,56px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.98}
.b2c .kino b span{color:var(--highlight)}
.b2c .kino p{max-width:36ch;color:rgba(255,255,255,.8);font-size:16px;line-height:1.5;justify-self:end}
.b2c .teaser-line{margin:0 auto 64px;max-width:760px;text-align:center;font-size:clamp(26px,3.2vw,44px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.05}
.b2c .teaser-line small{display:block;font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--accent);margin-bottom:12px}
.b2c .reels{display:grid;grid-template-columns:1fr 1fr;gap:56px;max-width:880px;margin:0 auto}
.b2c .reel figcaption{margin-top:20px}
.b2c .reel figcaption b{display:block;font-size:20px;text-transform:uppercase;letter-spacing:-.01em;line-height:1.15}
.b2c .reel figcaption span{display:block;font-size:15px;color:var(--ink-soft);margin-top:6px;line-height:1.5}
.b2c .phone{position:relative;border-radius:34px;overflow:hidden;border:9px solid var(--ink);background:var(--ink);aspect-ratio:9/16;box-shadow:0 30px 60px rgba(28,39,51,.22)}
.b2c .reel:nth-child(1) .phone{transform:rotate(-2deg)}
.b2c .reel:nth-child(2) .phone{transform:rotate(2deg);margin-top:60px}
.b2c .phone video{width:100%;height:100%;object-fit:cover}
.b2c .snd{position:absolute;right:14px;bottom:14px;border:none;border-radius:999px;background:var(--highlight);color:var(--highlight-ink);
  font:800 13px var(--font);letter-spacing:.06em;text-transform:uppercase;padding:10px 16px;cursor:pointer;display:flex;gap:8px;align-items:center}
.b2c .snd svg{width:16px;height:16px}
.b2c .wins{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2f3d52}
.b2c .wins > div{padding:44px 32px 20px 0}
.b2c .wins > div + div{padding-left:32px;border-left:1px solid #2f3d52}
.b2c .wins b{display:block;font-size:clamp(32px,3.8vw,54px);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:.98;color:#fff}
.b2c .wins b span{color:var(--highlight)}
.b2c .wins p{margin-top:20px;font-size:16.5px;color:var(--dark-soft);line-height:1.6;max-width:32ch}
.b2c .wins-claim{margin-top:80px;font-size:clamp(28px,4vw,56px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.02}
.b2c .wins-claim span{color:var(--highlight)}
.b2c .wins-claim small{display:block;font-size:clamp(18px,1.8vw,22px);font-weight:700;letter-spacing:0;text-transform:none;color:var(--dark-soft);margin-top:18px}
.b2c .split h1.g3h{font-size:clamp(40px,5.2vw,84px)}
.b2c .stoerer.g3 b em{display:block;font-style:normal;font-size:15px;letter-spacing:.02em;margin-top:6px;text-transform:none}
.b2c .mix{display:grid;grid-template-columns:1fr 1.3fr;border-radius:var(--radius-card);overflow:hidden}
.b2c .mix > div{padding:40px 36px}
.b2c .mix .off{background:#fff}
.b2c .mix .on{background:var(--ink);color:#fff}
.b2c .mix h4{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px;color:var(--ink-soft)}
.b2c .mix .on h4{color:var(--highlight)}
.b2c .mix ul{list-style:none;display:flex;flex-direction:column;gap:14px}
.b2c .mix li{font-size:clamp(22px,2.4vw,32px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.05}
.b2c .mix li small{display:block;font-size:14.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--dark-soft);margin-top:4px}
.b2c .mix .off li{color:#b5c3d1;position:relative;width:max-content;max-width:100%}
.b2c .mix .off li::after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:5px;background:#e5484d;border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.b2c .mix.seen .off li::after{transform:scaleX(1)}
.b2c .mix.seen .off li:nth-child(2)::after{transition-delay:.2s}
.b2c .mix.seen .off li:nth-child(3)::after{transition-delay:.4s}
.b2c .mix .on li{padding-left:34px;position:relative}
.b2c .mix .on li::before{content:"✓";position:absolute;left:0;color:var(--highlight);font-size:.8em;top:.1em}
.b2c .mix .on li b{color:var(--highlight);font-weight:900}
.b2c .reelrow{display:grid;grid-template-columns:minmax(0,360px) 1fr;gap:72px;align-items:center;max-width:1000px;margin:0 auto}
.b2c .reelrow .phone{transform:rotate(-2deg)}
.b2c .formats{display:flex;flex-direction:column;gap:14px}
.b2c .formats > div{background:var(--paper);border-radius:20px;padding:22px 24px}
.b2c .formats b{display:block;font-size:22px;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:6px}
.b2c .formats p{font-size:15px;color:var(--ink-soft);line-height:1.5}
.b2c .formats .top{background:var(--highlight)}
.b2c .formats .top p{color:var(--ink)}
.b2c .formats .top b{font-size:clamp(30px,3.4vw,44px);letter-spacing:-.03em}
.b2c .record{margin:0 0 48px;display:inline-block;background:var(--highlight);color:var(--ink);font-size:clamp(22px,2.8vw,36px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;padding:10px 22px;border-radius:14px;transform:rotate(-1.5deg)}
.b2c .full{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;margin-top:64px}
.b2c .full figure{position:relative;border-radius:var(--radius-card);overflow:hidden;min-height:360px}
.b2c .full img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.b2c .full figcaption{position:absolute;left:20px;bottom:20px;background:var(--highlight);color:var(--ink);font-size:clamp(18px,2.2vw,28px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;padding:6px 16px;border-radius:10px}
.b2c .chain4{display:grid;grid-template-columns:repeat(4,1fr);margin-top:64px;border-top:1px solid #2f3d52}
.b2c .chain4 > div{padding:28px 24px 0 0}
.b2c .chain4 > div + div{padding-left:24px;border-left:1px solid #2f3d52}
.b2c .chain4 span{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.b2c .chain4 b{display:block;font-size:clamp(30px,3.4vw,48px);font-weight:900;letter-spacing:-.03em;line-height:1;margin:10px 0 8px;color:#fff}
.b2c .chain4 p{font-size:14.5px;color:var(--dark-soft);line-height:1.5}
.b2c .split h1.long{font-size:clamp(38px,4.6vw,76px);hyphens:auto;overflow-wrap:break-word}
.b2c .stoerer.cp{top:auto;bottom:12%}
.b2c .stoerer.cp b{font-size:26px;line-height:.92;margin:6px 0}
.b2c .chapter.short, .b2c .perf.short{padding:96px 0}
.b2c .ch-head.short{margin-bottom:44px}
.b2c .media3{display:grid;grid-template-columns:minmax(0,300px) 1fr 1fr;gap:18px;align-items:start}
.b2c .media3 > *{min-width:0}
.b2c .media3 figure:not(.reel){border-radius:var(--radius-card);overflow:hidden;aspect-ratio:4/5;background:#dcebf8}
.b2c .media3 figure:not(.reel) img{width:100%;height:100%;object-fit:cover}
.b2c .media3 .reel figcaption{margin-top:14px}
.b2c .perf-photo{position:relative;border-radius:var(--radius-card);overflow:hidden;margin-bottom:56px}
.b2c .perf-photo img{width:100%;aspect-ratio:21/9;object-fit:cover}
.b2c .perf-photo figcaption{position:absolute;left:22px;bottom:20px;background:var(--highlight);color:var(--ink);font-size:clamp(18px,2.4vw,30px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;padding:6px 16px;border-radius:10px}
.b2c .perf.short .wins b{font-size:clamp(26px,2.8vw,40px)}
.b2c .trh{display:block;font-style:italic;font-weight:700;color:#fff;margin-bottom:10px}
.b2c .trh2{display:block;font-size:.3em;font-style:italic;font-weight:600;text-transform:none;letter-spacing:0;color:var(--ink-soft);margin-top:12px}
.b2c .trio{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:48px;align-items:end;max-width:1080px;margin:0 auto}
.b2c .trio-item{position:relative}
.b2c .trio-item .phone{border-width:7px}
.b2c .trio-item.main .phone{border-color:var(--highlight);border-width:9px;box-shadow:0 30px 70px rgba(28,39,51,.3)}
.b2c .trio-item figcaption{margin-top:16px}
.b2c .trio-item figcaption b{display:block;font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.b2c .trio-item figcaption span{display:block;font-size:14.5px;color:var(--ink-soft);margin-top:4px;line-height:1.45}
.b2c .trio-kpi{position:absolute;z-index:3;top:-30px;right:-36px;width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--highlight);
  clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%);transform:scale(.4) rotate(-25deg);opacity:0;transition:transform .8s cubic-bezier(.3,1.4,.5,1),opacity .5s}
.b2c .trio-kpi.in{transform:rotate(-6deg);opacity:1}
.b2c .trio-kpi b{font-size:30px;font-weight:900;letter-spacing:-.03em;line-height:1}
.b2c .trio-kpi span{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-top:4px}
.b2c .featreel{display:grid;grid-template-columns:minmax(0,380px) 1fr;gap:72px;align-items:center;max-width:1040px;margin:0 auto}
.b2c .featreel .phone{transform:rotate(-2deg)}
.b2c .fr-lead{font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.4}
.b2c .fr-kpi{margin-top:30px;display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.b2c .fr-kpi b{font-size:clamp(52px,6vw,92px);font-weight:900;letter-spacing:-.04em;line-height:.9;background:linear-gradient(transparent 60%,var(--highlight) 60%);padding:0 6px}
.b2c .fr-kpi span{font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);max-width:18ch}
.b2c .media2{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:72px}
.b2c .media2 figure{overflow:hidden;aspect-ratio:4/5}
.b2c .media2 figure:first-child{aspect-ratio:auto}
.b2c .media2 img{width:100%;height:100%;object-fit:cover}
.b2c .bigk{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;margin-bottom:48px}
.b2c .bigk b{font-size:clamp(64px,9vw,140px);font-weight:900;letter-spacing:-.05em;line-height:.85;color:var(--highlight)}
.b2c .bigk span{font-size:15px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;max-width:26ch;line-height:1.4}
.b2c .flow3{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink);margin-top:56px}
.b2c .flow3 > div{padding:22px 22px 0 0}
.b2c .flow3 > div + div{padding-left:22px;border-left:1px solid var(--line)}
.b2c .flow3 span{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
.b2c .flow3 b{display:block;font-size:20px;font-weight:900;text-transform:uppercase;margin:6px 0}
.b2c .flow3 p{font-size:15px;color:var(--ink-soft);line-height:1.55}
.b2c .stoerer.hm b{font-size:26px;line-height:.95;margin:6px 0}
.b2c .manifest.it{margin-bottom:64px}
.b2c .manifest-de{font-size:18px;color:var(--ink-soft);margin-bottom:72px;max-width:52ch}
.b2c .screen{position:relative;border-radius:var(--radius-card);overflow:hidden;margin-top:88px}
.b2c .screen img{width:100%}
.b2c .screen figcaption{position:absolute;left:24px;bottom:22px;background:var(--highlight);color:var(--ink);font-size:clamp(16px,2vw,24px);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;padding:6px 16px;border-radius:10px}
.b2c .trs{display:block;font-size:13px;font-weight:600;font-style:italic;color:var(--ink-soft);margin-top:4px}
.b2c .formats.hrow{flex-direction:row;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:56px}
.b2c .fan{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:64px;align-items:center;margin-bottom:88px}
.b2c .fan .phone{transform:rotate(-2deg)}
.b2c .fan h3{font-size:clamp(32px,4vw,56px);line-height:1;margin-top:10px}
.b2c .fan h3 .trl{font-size:17px;margin-top:10px}
.b2c .fan .lead{margin-top:10px}
.b2c .next-chapter{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin-top:72px;background:var(--highlight);color:var(--ink);border-radius:var(--radius-card);padding:34px 36px;text-decoration:none;transition:transform .2s}
.b2c .next-chapter:hover{transform:translateY(-3px)}
.b2c .next-chapter small{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.b2c .next-chapter b{display:block;font-size:clamp(26px,3.2vw,44px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1;margin:8px 0}
.b2c .next-chapter p{font-size:16px}
.b2c .next-chapter span{font-size:48px;font-weight:900}
.b2c .hduo{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-top:88px}
.b2c .hduo figure{position:relative;border-radius:var(--radius-card);overflow:hidden;background:#dcebf8}
.b2c .hduo img{width:100%;height:100%;object-fit:cover}
.b2c .hduo figcaption{position:absolute;left:18px;bottom:18px;background:var(--highlight);color:var(--ink);font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;padding:6px 14px;border-radius:10px}
.b2c .stoerer.pk b{font-size:21px;line-height:.95;margin:6px 0}
.b2c .tr{display:block;font-size:.82em;font-weight:600;color:var(--ink-soft);font-style:italic;margin-top:6px;text-transform:none;letter-spacing:0}
.b2c .dark .tr, .b2c .split .tr{color:var(--dark-soft)}
.b2c .rv{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.7,.3,1),transform .9s cubic-bezier(.2,.7,.3,1);transition-delay:var(--d,0s)}
.b2c .duo-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:80px}
.b2c .duo-intro h3{font-size:14px;letter-spacing:.12em;color:var(--accent);margin-bottom:12px}
.b2c .duo-intro p{font-size:clamp(19px,1.8vw,23px);line-height:1.45;font-weight:600}
.b2c .noise{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;background:var(--ink);color:#fff;padding:64px 56px}
.b2c .nc-wrap{position:relative}
.b2c .nc{width:100%;height:auto;display:block;overflow:visible}
.b2c .nc .o-out polygon{fill:var(--highlight);transform-origin:250px 250px;transform:scale(.92);opacity:0;transition:transform 1s ease-out,opacity .8s,filter .3s}
.b2c .nc .o-in polygon{fill:#FF56E0;transform-origin:250px 250px;transform:scale(.7);opacity:0;transition:transform 1.2s ease-out .6s,opacity .8s .6s,filter .3s}
.b2c .noise.in .nc .o-out polygon{transform:none;opacity:1}
.b2c .noise.in .nc .o-in polygon{transform:none;opacity:1}
.b2c .nc text{pointer-events:none;opacity:0;transition:opacity .6s}
.b2c .nc .mk text{opacity:1}
.b2c .noise.in .nc .o-out text{opacity:1;transition-delay:.4s}
.b2c .noise.in .nc .o-in text{opacity:1;transition-delay:1s}
.b2c .nc .t-big{font:900 34px var(--font);letter-spacing:-.01em;fill:var(--ink)}
.b2c .nc .o-in .t-big{font-size:27px}
.b2c .nc .t-sm{font:700 13px var(--font);letter-spacing:.14em;text-transform:uppercase;fill:var(--ink);opacity:.75}
.b2c .nc .wave{fill:none;stroke:var(--highlight);stroke-width:2;opacity:0;transform-origin:250px 250px}
.b2c .nc g{cursor:pointer;outline:none}
.b2c .noise[data-a="noise"] .o-out polygon{filter:brightness(1.08) drop-shadow(0 0 30px rgba(239,255,0,.45))}
.b2c .noise[data-a="noise"] .o-in polygon{filter:brightness(.8)}
.b2c .noise[data-a="comm"] .o-in polygon{filter:brightness(1.1) drop-shadow(0 0 24px rgba(63,193,201,.6))}
.b2c .noise[data-a="comm"] .o-out polygon{filter:brightness(.75)}
.b2c .nc-text .eyebrow{color:#fff;margin-bottom:14px}
.b2c .nc-text h3{font-size:clamp(30px,3.4vw,48px);line-height:1;margin-bottom:26px}
.b2c .st{padding:16px 0 16px 18px;border-left:3px solid #2f3d52;transition:border-color .3s,opacity .3s}
.b2c .st b{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.b2c .st b i{flex:none;width:30px;height:30px;display:grid;place-items:center;font-style:normal;font-size:14px;letter-spacing:0;color:var(--ink);clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%)}
.b2c .st-noise b i{background:var(--highlight)}
.b2c .st-comm b i{background:#FF56E0}
.b2c .nc .mk polygon{fill:var(--ink)}
.b2c .nc .mk text{font:900 17px var(--font);fill:var(--highlight);opacity:1}
.b2c .nc .mk2 text{fill:#FF56E0}
.b2c .nc .mk{opacity:0;transition:opacity .6s .5s}
.b2c .nc .mk2{transition-delay:1.1s}
.b2c .noise.in .nc .mk{opacity:1}
.b2c .st p{font-size:16px;line-height:1.6;color:var(--dark-soft)}
.b2c .st-noise b{color:var(--highlight)}
.b2c .st-comm b{color:#FF56E0}
.b2c .noise[data-a="noise"] .st-noise{border-color:var(--highlight)}
.b2c .noise[data-a="comm"] .st-comm{border-color:#FF56E0}
.b2c .noise[data-a="noise"] .st-comm, .b2c .noise[data-a="comm"] .st-noise{opacity:.4}
.b2c .ambassador{display:grid;grid-template-columns:104px 1fr;gap:18px;align-items:center;margin-top:26px;padding:18px;background:var(--dark-2)}
.b2c .ambassador img{width:104px;height:104px;object-fit:cover;object-position:50% 20%;clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%)}
.b2c .ambassador b{display:block;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.b2c .ambassador p{font-size:14.5px;color:var(--dark-soft);line-height:1.5;margin-top:4px}
.b2c .ambassador .tr{font-size:13px}
.b2c .idea{display:grid;grid-template-columns:1.2fr minmax(0,340px);gap:72px;align-items:center}
.b2c .idea .eyebrow{margin-bottom:14px}
.b2c .idea h3{font-size:clamp(34px,4vw,58px);line-height:1}
.b2c .idea .lead{margin-top:18px;font-size:18.5px}
.b2c .imm{margin-top:28px;display:grid;gap:0;border-top:1px solid var(--line)}
.b2c .imm div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.b2c .imm b{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);padding-top:3px}
.b2c .imm span{font-size:15.5px;line-height:1.55}
.b2c .idea .phone{transform:rotate(2deg)}
.b2c .idea figcaption{margin-top:16px}
.b2c .idea figcaption b{display:block;font-size:18px;text-transform:uppercase}
.b2c .idea figcaption span{display:block;font-size:14.5px;color:var(--ink-soft);margin-top:4px}
.b2c .slides-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:110px 0 28px}
.b2c .slides-head h3{font-size:clamp(28px,3.2vw,44px);line-height:1}
.b2c .sl-nav{display:flex;gap:10px}
.b2c .sl-nav button{width:54px;height:54px;border:none;cursor:pointer;background:var(--highlight);color:var(--ink);clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%);font:900 20px var(--font);transition:transform .3s}
.b2c .sl-nav button:hover{transform:rotate(45deg)}
.b2c .sl-nav button:disabled{opacity:.35;cursor:default;transform:none}
.b2c .slider{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:18px;scrollbar-width:none;cursor:grab}
.b2c .slider::-webkit-scrollbar{display:none}
.b2c .slider.drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.b2c .slide{flex:none;scroll-snap-align:start;height:520px;display:flex;flex-direction:column}
.b2c .slide .frame{height:460px;position:relative;overflow:hidden;background:var(--ink)}
.b2c .slide.v .frame{width:259px}
.b2c .slide.p .frame{width:368px}
.b2c .slide.s .frame{width:460px}
.b2c .slide .frame video, .b2c .slide .frame img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.b2c .slide .snd{right:10px;bottom:10px;padding:8px 12px;font-size:11.5px}
.b2c .slide figcaption{margin-top:12px;font-size:14px;font-weight:700;line-height:1.35;max-width:36ch}
.b2c .slide figcaption .tr{font-size:12.5px;margin-top:2px}
.b2c .sl-bar{height:3px;background:var(--line);margin-top:6px;position:relative}
.b2c .sl-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--accent);transition:width .3s}
.b2c .perf-top{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:64px;align-items:center}
.b2c .perf-top .phone{transform:rotate(-2deg)}
.b2c .perf-top figcaption{margin-top:16px}
.b2c .perf-top figcaption b{display:block;font-size:17px;text-transform:uppercase}
.b2c .perf-top figcaption span{display:block;font-size:14px;color:var(--dark-soft);margin-top:4px}
.b2c .kstack{display:flex;flex-direction:column;border-top:1px solid #2f3d52}
.b2c .kstack > div{display:grid;grid-template-columns:auto 1fr;gap:4px 28px;align-items:baseline;padding:26px 0;border-bottom:1px solid #2f3d52}
.b2c .kstack b{grid-row:span 2;font-size:clamp(46px,5.6vw,84px);font-weight:900;letter-spacing:-.04em;line-height:.9;color:var(--highlight);min-width:3.6ch}
.b2c .kstack span{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.b2c .kstack small{font-size:15px;color:var(--dark-soft)}
.b2c .collage{display:grid;grid-template-columns:1.4fr 1fr .9fr;gap:22px;margin-top:96px;align-items:start}
.b2c .collage .col{display:flex;flex-direction:column;gap:22px;will-change:transform;transform:translateY(var(--py,0px))}
.b2c .collage .col:nth-child(2){margin-top:150px}
.b2c .collage .col:nth-child(3){margin-top:60px}
.b2c .collage figure{position:relative;overflow:hidden}
.b2c .collage .col:nth-child(1) figure:nth-child(1){aspect-ratio:4/5}
.b2c .collage .col:nth-child(1) figure:nth-child(2){aspect-ratio:16/10}
.b2c .collage .col:nth-child(2) figure:nth-child(1){aspect-ratio:1/1}
.b2c .collage .col:nth-child(2) figure:nth-child(2){aspect-ratio:4/5}
.b2c .collage .col:nth-child(3) figure:nth-child(1){aspect-ratio:3/4}
.b2c .collage .col:nth-child(3) figure:nth-child(2){aspect-ratio:1/1}
.b2c .collage img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.06);transition:transform 1.4s cubic-bezier(.2,.7,.3,1)}
.b2c .collage figure:hover img{transform:scale(1.1)}
.b2c .collage figcaption{position:absolute;left:14px;bottom:14px;background:var(--highlight);color:var(--ink);font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:-.005em;padding:5px 12px;line-height:1.25;max-width:calc(100% - 28px)}
.b2c .collage figcaption .tr{color:var(--ink);opacity:.75;font-size:11.5px;margin-top:0;font-weight:700}
.b2c .stoerer.oz b{font-size:26px;line-height:.95;margin:6px 0}
.b2c .idea2{display:grid;grid-template-columns:minmax(0,340px) 1fr;gap:72px;align-items:center;margin-top:8px;max-width:1040px}
.b2c .idea-reel .phone{transform:rotate(-2deg)}
.b2c .idea-reel figcaption{margin-top:16px}
.b2c .idea-reel figcaption b{display:block;font-size:16px;text-transform:uppercase}
.b2c .idea-reel figcaption span{display:block;font-size:14px;color:var(--ink-soft);margin-top:4px}
.b2c .idea2 img{width:100%;display:block}
.b2c .idea2 h3{font-size:clamp(28px,3.2vw,44px);line-height:1.02;margin:10px 0 16px}
.b2c .idea2 .lead{font-size:18px}
.b2c .diff{margin-top:26px;display:grid;gap:12px}
.b2c .diff div{background:#fff;padding:16px 18px;display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start}
.b2c .diff i{width:36px;height:36px;display:grid;place-items:center;background:var(--highlight);font-style:normal;font-weight:900;clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%)}
.b2c .diff b{display:block;font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.02em}
.b2c .diff span{font-size:14.5px;color:var(--ink-soft);line-height:1.5}
.b2c .stores{margin-top:88px}
.b2c .stores h3{font-size:14px;letter-spacing:.12em;color:var(--accent);margin-bottom:16px}
.b2c .chips2{display:flex;flex-wrap:wrap;gap:10px}
.b2c .chips2 span{background:#fff;padding:12px 20px;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.02em}
.b2c .chips2 span.hl2{background:var(--ink);color:#fff}
.b2c .chips2 span.hl2 em{font-style:normal;color:var(--highlight);font-size:11.5px;letter-spacing:.14em;margin-left:10px}
.b2c .phases3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:72px;background:var(--ink);color:#fff}
.b2c .phases3 > div{padding:34px 30px}
.b2c .phases3 > div + div{border-left:1px solid #2f3d52}
.b2c .phases3 small{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--highlight)}
.b2c .phases3 b{display:block;font-size:24px;font-weight:900;text-transform:uppercase;margin:8px 0 10px}
.b2c .phases3 p{font-size:15px;color:var(--dark-soft);line-height:1.55}
.b2c .auftakt{display:grid;grid-template-columns:1.35fr 1fr;gap:64px;align-items:center}
.b2c .kv{position:relative;margin:0}
.b2c .kv > img{width:100%;display:block}
.b2c .lg{position:absolute;width:clamp(78px,9vw,120px);aspect-ratio:1;display:block;padding:5px;background:var(--highlight);
  clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%);box-shadow:0 10px 30px rgba(0,0,0,.25);
  transform:scale(.3) rotate(-30deg);opacity:0;transition:transform .8s cubic-bezier(.3,1.4,.5,1),opacity .5s}
.b2c .lg img{width:100%;height:100%;object-fit:cover;clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%)}
.b2c .kv.in .lg{opacity:1}
.b2c .kv.in .l1{transform:rotate(-8deg);transition-delay:.3s}
.b2c .kv.in .l2{transform:rotate(6deg);transition-delay:.45s}
.b2c .kv.in .l3{transform:rotate(-4deg);transition-delay:.6s}
.b2c .kv.in .l4{transform:rotate(9deg);transition-delay:.75s}
.b2c .l1{bottom:-12%;left:6%}
.b2c .l2{bottom:-5%;left:22%}
.b2c .l3{bottom:-12%;left:38%}
.b2c .l4{bottom:-5%;left:54%}
.b2c .auftakt{margin-bottom:40px}
.b2c .kv-copy h3{font-size:clamp(34px,4vw,56px);line-height:1;margin:10px 0 18px}
.b2c .kv-copy h3 .tr{font-size:16px;margin-top:10px}
.b2c .kv-copy .lead{font-size:19px;font-weight:700;color:var(--ink)}
.b2c .kv-copy > p:last-child{margin-top:18px;font-size:16px;color:var(--ink-soft);line-height:1.6}
.b2c .hl-kv{position:relative;margin-bottom:24px}
.b2c .hl-kv img{width:100%;display:block}
.b2c .hl-kv figcaption{position:absolute;left:24px;bottom:24px;max-width:420px;background:var(--ink);color:#fff;padding:22px 24px}
.b2c .hl-kv figcaption b{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--highlight);margin-bottom:6px}
.b2c .hl-kv figcaption span{font-size:16px;line-height:1.5}
.b2c .trio2{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1000px;margin:0 auto}
.b2c .trio2 .phone{border-width:7px}
.b2c .trio2 figcaption{margin-top:14px}
.b2c .trio2 figcaption b{display:block;font-size:15px;font-weight:900;text-transform:uppercase}
.b2c .trio2 figcaption span{display:block;font-size:14px;color:var(--ink-soft);margin-top:4px;line-height:1.45}
.b2c .sub-h{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:110px 0 30px}
.b2c .sub-h h3{font-size:clamp(28px,3.2vw,44px);line-height:1}
.b2c .sub-h p{max-width:44ch;color:var(--ink-soft)}
.b2c .wm{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:18px}
.b2c .wm figure{position:relative;overflow:hidden;background:#f2f2f2}
.b2c .wm img{width:100%;height:100%;object-fit:cover;display:block}
.b2c .wm .big{grid-column:span 2;grid-row:span 2}
.b2c .wm figcaption{position:absolute;left:10px;bottom:10px;background:var(--highlight);font-size:12px;font-weight:900;text-transform:uppercase;padding:4px 10px}
.b2c .hm-next{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:64px;align-items:center;margin-bottom:88px}
.b2c .hm-box{transform:rotate(-3deg);box-shadow:0 30px 60px rgba(0,0,0,.35)}
.b2c .hm-box img{width:100%;display:block}
.b2c .hm-next h3{font-size:clamp(32px,4vw,56px);line-height:1;margin-top:10px}
.b2c .hm-next .lead{margin-top:14px}
.b2c .note{margin-top:40px;font-size:14.5px;color:var(--dark-soft);font-style:italic}

/* --- Display-Typo wie Startseite (Arial Black) --- */
.b2c .band-no, .b2c .bigk b, .b2c .c-hero h1, .b2c .ch-head h2, .b2c .ch-no, .b2c .chain4 b, .b2c .channels-head h3, .b2c .closer h2, .b2c .fan h3, .b2c .feat h3, .b2c .feat-no, .b2c .formats .top b, .b2c .fr-kpi b, .b2c .hero2 h1, .b2c .hl b, .b2c .hm-next h3, .b2c .idea h3, .b2c .idea2 h3, .b2c .infl h3, .b2c .kino b, .b2c .kstack b, .b2c .kv-copy h3, .b2c .manifest, .b2c .nc-text h3, .b2c .next strong, .b2c .next-chapter b, .b2c .ogrid.one .ocard h3, .b2c .ogrid.two .ocard h3, .b2c .perf.short .wins b, .b2c .proof b, .b2c .sb-body .hl b, .b2c .sb-body h3, .b2c .sec-head h2, .b2c .slides-head h3, .b2c .split h1.g3h, .b2c .split h1.long, .b2c .spot-head h3, .b2c .spot2 h3, .b2c .sub-h h3, .b2c .teaser-line, .b2c .wins b, .b2c .wins-claim{font-family:var(--font-display)}

/* --- Theme-Integration: fixe Nav der Website ausgleichen --- */
.b2c{--head:64px;padding-top:var(--head)}

/* --- Seitenspezifische Feinjustierungen (kumulativ aus den Vorlagen) --- */
.b2c--ailton .c-hero.split{display:grid;grid-template-columns:1fr 1fr;min-height:min(92vh,980px);align-items:stretch}
.b2c--ailton .split .c-hero-media img{object-position:48% 42%}
.b2c--ailton .split h1{font-size:clamp(50px,7vw,116px);max-width:none;margin-top:26px}
.b2c--ailton .kpi-big{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2f3d52}
.b2c--ailton .kpi-big b{display:block;font-size:clamp(56px,8.4vw,128px);font-weight:900;letter-spacing:-.04em;line-height:.9;color:var(--highlight)}
.b2c--cannavaro .c-hero.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(92vh,980px);align-items:stretch}
.b2c--cannavaro .split .c-hero-media img{object-position:50% 30%}
.b2c--cannavaro .split h1{font-size:clamp(50px,7vw,116px);max-width:none;margin-top:26px}
.b2c--cannavaro .stoerer.g3 b{font-size:22px;line-height:.95;margin:8px 0 0}
.b2c--cannavaro .kpi-big{display:grid;grid-template-columns:1.25fr 1fr 1fr;border-top:1px solid #2f3d52}
.b2c--cannavaro .kpi-big b{display:block;font-size:clamp(46px,6vw,92px);font-weight:900;letter-spacing:-.04em;line-height:.9;color:var(--highlight);white-space:nowrap}
.b2c--dennis-schroeder .c-hero.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(92vh,980px);align-items:stretch}
.b2c--dennis-schroeder .split .c-hero-media img{object-position:50% 30%}
.b2c--dennis-schroeder .split h1{font-size:clamp(50px,7vw,116px);max-width:none;margin-top:26px}
.b2c--dennis-schroeder .stoerer.g3 b{font-size:22px;line-height:.95;margin:8px 0 0}
.b2c--dennis-schroeder .kpi-big{display:grid;grid-template-columns:1.25fr 1fr 1fr;border-top:1px solid #2f3d52}
.b2c--dennis-schroeder .kpi-big b{display:block;font-size:clamp(46px,6vw,92px);font-weight:900;letter-spacing:-.04em;line-height:.9;color:var(--highlight);white-space:nowrap}
.b2c--family-fun-g3 .c-hero.split{display:grid;grid-template-columns:1fr 1fr;min-height:min(92vh,980px);align-items:stretch}
.b2c--family-fun-g3 .split .c-hero-media img{object-position:50% 60%}
.b2c--family-fun-g3 .split h1{font-size:clamp(50px,7vw,116px);max-width:none;margin-top:26px}
.b2c--family-fun-g3 .stoerer.g3 b{font-size:18px;line-height:1;margin:8px 0 0}
.b2c--family-fun-g3 .kpi-big{display:grid;grid-template-columns:1.25fr 1fr 1fr;border-top:1px solid #2f3d52}
.b2c--family-fun-g3 .kpi-big b{display:block;font-size:clamp(46px,6vw,92px);font-weight:900;letter-spacing:-.04em;line-height:.9;color:var(--highlight);white-space:nowrap}
.b2c--franzbroetchen-run .c-hero.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(92vh,980px);align-items:stretch}
.b2c--franzbroetchen-run .split .c-hero-media img{object-position:50% 30%}
.b2c--franzbroetchen-run .split h1{font-size:clamp(50px,7vw,116px);max-width:none;margin-top:26px}
.b2c--franzbroetchen-run .stoerer.g3 b{font-size:22px;line-height:.95;margin:8px 0 0}
.b2c--franzbroetchen-run .kpi-big{display:grid;grid-template-columns:1.25fr 1fr 1fr;border-top:1px solid #2f3d52}
.b2c--franzbroetchen-run .kpi-big b{display:block;font-size:clamp(46px,6vw,92px);font-weight:900;letter-spacing:-.04em;line-height:.9;color:var(--highlight);white-space:nowrap}
.b2c--gabriel-clemens .c-hero.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(92vh,980px);align-items:stretch}
.b2c--gabriel-clemens .split .c-hero-media img{object-position:50% 30%}
.b2c--gabriel-clemens .split h1{font-size:clamp(50px,7vw,116px);max-width:none;margin-top:26px}
.b2c--gabriel-clemens .stoerer.g3 b{font-size:22px;line-height:.95;margin:8px 0 0}
.b2c--gabriel-clemens .kpi-big{display:grid;grid-template-columns:1.25fr 1fr 1fr;border-top:1px solid #2f3d52}
.b2c--gabriel-clemens .kpi-big b{display:block;font-size:clamp(46px,6vw,92px);font-weight:900;letter-spacing:-.04em;line-height:.9;color:var(--highlight);white-space:nowrap}
.b2c--goetze .c-hero.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(92vh,980px);align-items:stretch}
.b2c--goetze .split .c-hero-media img{object-position:50% 30%}
.b2c--goetze .split h1{font-size:clamp(50px,7vw,116px);max-width:none;margin-top:26px}
.b2c--goetze .stoerer.g3 b{font-size:22px;line-height:.95;margin:8px 0 0}
.b2c--goetze .kpi-big{display:grid;grid-template-columns:1.25fr 1fr 1fr;border-top:1px solid #2f3d52}
.b2c--goetze .kpi-big b{display:block;font-size:clamp(46px,6vw,92px);font-weight:900;letter-spacing:-.04em;line-height:.9;color:var(--highlight);white-space:nowrap}
.b2c--goldkehlchen .c-hero.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(92vh,980px);align-items:stretch}
.b2c--goldkehlchen .split .c-hero-media img{object-position:50% 30%}
.b2c--goldkehlchen .split h1{font-size:clamp(50px,7vw,116px);max-width:none;margin-top:26px}
.b2c--goldkehlchen .stoerer.g3 b{font-size:22px;line-height:.95;margin:8px 0 0}
.b2c--goldkehlchen .kpi-big{display:grid;grid-template-columns:1.25fr 1fr 1fr;border-top:1px solid #2f3d52}
.b2c--goldkehlchen .kpi-big b{display:block;font-size:clamp(46px,6vw,92px);font-weight:900;letter-spacing:-.04em;line-height:.9;color:var(--highlight);white-space:nowrap}
.b2c--hamsik .c-hero.split{display:grid;grid-template-columns:1fr 1fr;min-height:min(92vh,980px);align-items:stretch}
.b2c--hamsik .split .c-hero-media img{object-position:50% 25%}
.b2c--hamsik .split h1{font-size:clamp(44px,5.6vw,92px);max-width:none;margin-top:26px}
.b2c--hamsik .stoerer.g3 b{font-size:22px;line-height:.95;margin:8px 0 0}
.b2c--hamsik .trl{display:block;font-size:.8em;font-style:italic;font-weight:600;color:var(--dark-soft);margin:8px 0 12px;text-transform:none;letter-spacing:0}
.b2c--hamsik .kpi-big{display:grid;grid-template-columns:1.25fr 1fr 1fr;border-top:1px solid #2f3d52}
.b2c--hamsik .kpi-big b{display:block;font-size:clamp(46px,6vw,92px);font-weight:900;letter-spacing:-.04em;line-height:.9;color:var(--highlight);white-space:nowrap}
.b2c--oez .c-hero.split{display:grid;grid-template-columns:1fr 1fr;min-height:min(92vh,980px);align-items:stretch}
.b2c--oez .split .c-hero-media img{object-position:50% 20%}
.b2c--oez .split h1{font-size:clamp(50px,7vw,116px);max-width:none;margin-top:26px}
.b2c--oez .stoerer.g3 b{font-size:22px;line-height:.95;margin:8px 0 0}
.b2c--oez .trl{display:block;font-size:.3em;font-style:italic;font-weight:600;text-transform:none;letter-spacing:0;color:var(--dark-soft);margin-top:12px}
.b2c--oez .kpi-big{display:grid;grid-template-columns:1.25fr 1fr 1fr;border-top:1px solid #2f3d52}
.b2c--oez .kpi-big b{display:block;font-size:clamp(46px,6vw,92px);font-weight:900;letter-spacing:-.04em;line-height:.9;color:var(--highlight);white-space:nowrap}
.b2c--primark-la-cartiera .c-hero.split{display:grid;grid-template-columns:1fr 1fr;min-height:min(92vh,980px);align-items:stretch}
.b2c--primark-la-cartiera .split .c-hero-media img{object-position:30% 50%}
.b2c--primark-la-cartiera .split h1{font-size:clamp(50px,7vw,116px);max-width:none;margin-top:26px}
.b2c--primark-la-cartiera .stoerer.g3 b{font-size:18px;line-height:1;margin:8px 0 0}
.b2c--primark-la-cartiera .kpi-big{display:grid;grid-template-columns:1.25fr 1fr 1fr;border-top:1px solid #2f3d52}
.b2c--primark-la-cartiera .kpi-big b{display:block;font-size:clamp(46px,6vw,92px);font-weight:900;letter-spacing:-.04em;line-height:.9;color:var(--highlight);white-space:nowrap}

/* --- Responsive (Vorlagen) --- */
@media (prefers-reduced-motion:reduce){
.b2c *{animation:none!important;transition:none!important}
}
@media (max-width:560px){
.b2c .wrap{padding:0 20px}
}
@media (max-width:1000px){
.b2c .hv-tag{width:120px;height:120px;font-size:13.5px;padding:14px}
}
@media (max-width:1000px){
.b2c .kw b{width:50px;height:50px;font-size:26px}
.b2c .kw > span{height:36px;font-size:12px;padding:0 14px 0 26px}
.b2c .kw.k2{left:0}
.b2c .kw.k3{left:30%}
}
@media (prefers-reduced-motion:reduce){
.b2c .kw b{transform:none!important;transition:none!important}
.b2c .kw > span{clip-path:none!important;transition:none!important}
}
@media (hover:none){
.b2c .ocard p{max-height:none;opacity:1}
}
@media (max-width:640px){
.b2c .band, .b2c .band .wrap{min-height:600px}
.b2c .band.right::before, .b2c .band::before{background:linear-gradient(0deg,rgba(28,39,51,.97) 0%,rgba(28,39,51,.82) 55%,rgba(28,39,51,.15) 100%)}
.b2c .band .wrap, .b2c .band.right .wrap{justify-content:flex-end;align-items:stretch}
.b2c .ogrid.bleed .ocard, .b2c .ogrid.two.bleed .ocard{aspect-ratio:4/5}
.b2c .band-no{display:none}
}
@media (max-width:900px){
.b2c .split-band, .b2c .split-band.flip{grid-template-columns:1fr}
.b2c .split-band.flip .sb-media{order:0}
.b2c .sb-media{min-height:0;aspect-ratio:4/5}
.b2c .sb-body{padding:44px 24px 56px}
}
@media (max-width:900px){
.b2c .lanes{--lbl:0px}
.b2c .lane-head, .b2c .lane{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 5px}
.b2c .bar{min-width:0;overflow:hidden}
.b2c .lane-head > span{display:none}
.b2c .lane-head button{padding:12px 14px;min-width:0}
.b2c .lane-head button span{display:none}
.b2c .lane-head button em{font-size:15px;margin:0;color:inherit}
.b2c .lane-head button{text-align:center}
.b2c .lane{grid-template-rows:auto 44px;row-gap:6px}
.b2c .lane-lbl{grid-column:1/-1;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:10px;font-size:14px}
.b2c .lane-lbl small{margin:0}
.b2c .bar{grid-row:2;font-size:11.5px;padding:0 10px}
.b2c .col-hl{display:none}
.b2c .bar[data-from="0"]{grid-column-start:1!important}
.b2c .bar[data-from="1"]{grid-column-start:2!important}
.b2c .bar[data-from="2"]{grid-column-start:3!important}
.b2c .bar[data-to="1"]{grid-column-end:3!important}
.b2c .bar[data-to="2"]{grid-column-end:4!important}
.b2c .bar[data-to="3"]{grid-column-end:5!important}
.b2c .lane-caption{margin-left:0;min-height:96px}
}
@media (max-width:900px){
.b2c .radar-grid, .b2c .channels-head, .b2c .chan-row, .b2c .shift{grid-template-columns:1fr}
.b2c .radar-wrap{justify-self:center;max-width:300px}
.b2c .funnel-grid{grid-template-columns:1fr 1fr}
.b2c .proof{grid-template-columns:1fr 1fr;row-gap:28px}
.b2c .proof > div:nth-child(3){padding-left:0;border-left:none}
}
@media (max-width:560px){
.b2c .funnel-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
.b2c .radar .ring, .b2c .radar .rl, .b2c .bar, .b2c .lane-caption p{transition:none!important;opacity:1!important;transform:none!important}
.b2c .radar .pulse{display:none}
}
@media (max-width:1000px){
.b2c .case-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
.b2c .top-grid, .b2c .cluster-head, .b2c .map-grid{grid-template-columns:1fr}
.b2c .funnel-grid{grid-template-columns:repeat(2,1fr)}
.b2c .chain-row{grid-template-columns:1fr}
.b2c .cluster, .b2c .chain, .b2c .map{padding:76px 0}
.b2c .closer{padding:84px 0}
.b2c .hero{padding:44px 0 30px}
}
@media (max-width:620px){
.b2c .case-grid, .b2c .funnel-grid{grid-template-columns:1fr}
}
@media (max-width:1000px){
.b2c .hero2-grid{grid-template-columns:1fr;min-height:0}
.b2c .hero2-visual{height:440px;max-width:520px;width:100%;justify-self:center}
.b2c .feat, .b2c .feat.rev{grid-template-columns:1fr;gap:34px;margin-bottom:96px}
.b2c .feat.rev .feat-media{order:0}
.b2c .sec-head{grid-template-columns:1fr}
.b2c .ogrid, .b2c .ogrid.four{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
.b2c{--c:22px}
.b2c .sec{padding:84px 0}
.b2c .hero2{padding:40px 0 60px}
.b2c .hero2-visual{height:340px}
.b2c .ogrid, .b2c .ogrid.two, .b2c .ogrid.four{grid-template-columns:1fr}
.b2c .ogrid.one.bleed .ocard{aspect-ratio:4/5}
.b2c .spot2, .b2c .spot2 .wrap{min-height:560px}
.b2c .spot2::before{background:linear-gradient(0deg,rgba(28,39,51,.97) 0%,rgba(28,39,51,.8) 55%,rgba(28,39,51,.2) 100%)}
.b2c .spot2 .wrap{justify-content:flex-end}
.b2c .feat-no{display:none}
}
@media (prefers-reduced-motion:reduce){
.b2c .rv, .b2c .hv, .b2c .hero2 h1 .ln > span{opacity:1!important;transform:none!important;transition:none!important}
.b2c .rv-img::after{display:none}
.b2c .rv-img img{transform:scale(1.02)!important}
.b2c .hv img, .b2c .oct-line, .b2c .scroll-hint i{animation:none!important}
.b2c .hv-tag{opacity:1}
}
@media (max-width:900px){
.b2c .facts .wrap{grid-template-columns:1fr 1fr}
.b2c .fact:nth-child(3){padding-left:0;border-left:none}
.b2c .fact{border-top:1px solid var(--line-card)}
.b2c .fact dd{font-size:15px}
.b2c .triad{grid-template-columns:1fr;gap:32px}
.b2c .kpi-big{grid-template-columns:1fr}
.b2c .kpi-big > div + div{padding-left:0;border-left:none;border-top:1px solid #2f3d52}
.b2c .kpi-small{grid-template-columns:1fr 1fr}
.b2c .stories{grid-template-columns:repeat(3,70%);overflow-x:auto;scroll-snap-type:x mandatory}
.b2c .stories > *{scroll-snap-align:start}
.b2c .chapter, .b2c .perf{padding:80px 0}
.b2c .ch-head{grid-template-columns:1fr;margin-bottom:44px}
.b2c .bleed .media-ph{aspect-ratio:16/9}
}
@media (max-width:900px){
.b2c .c-hero.split{grid-template-columns:1fr;min-height:0}
.b2c .split .c-hero-media{order:0;aspect-ratio:4/5;min-height:0}
.b2c .split .wrap{padding:40px 20px 56px}
.b2c .stoerer{left:auto;right:16px;top:auto;bottom:-40px;width:132px;height:132px;padding:12px}
.b2c .stoerer b{font-size:18px}
.b2c .stoerer small{font-size:9.5px}
}
@media (max-width:900px){
.b2c .kino img{aspect-ratio:4/5;object-fit:cover;object-position:50% 70%}
.b2c .kino::after{background:linear-gradient(to bottom,rgba(10,14,20,.85) 0%,rgba(10,14,20,0) 45%)}
.b2c .kino figcaption{left:20px;right:20px;top:22px;grid-template-columns:1fr}
.b2c .kino p{justify-self:start;font-size:14.5px}
}
@media (max-width:900px){
.b2c .infl{grid-template-columns:1fr;gap:36px}
.b2c .phases{grid-template-columns:1fr 1fr;row-gap:28px}
.b2c .phases > div:nth-child(3){padding-left:0;border-left:none}
.b2c .legend{grid-template-columns:1fr 1fr}
.b2c .legend li{font-size:11.5px;min-width:0;hyphens:auto;overflow-wrap:break-word;padding:12px}
.b2c .flow, .b2c .wins{grid-template-columns:1fr}
.b2c .flow > div + div{border-left:none;border-top:2px dashed var(--line)}
.b2c .wins > div + div{padding-left:0;border-left:none;border-top:1px solid #2f3d52}
.b2c .reels{gap:18px}
.b2c .reel:nth-child(2) .phone{margin-top:40px}
.b2c .phone{border-width:6px;border-radius:24px}
.b2c .spot{aspect-ratio:4/3}
.b2c .tip{left:12px!important;right:12px!important;top:auto!important;bottom:12px!important;width:auto}
.b2c .tip i{display:none}
}
@media (max-width:520px){
.b2c .tps{grid-template-columns:1fr}
.b2c .reels{grid-template-columns:1fr;max-width:340px}
.b2c .reel:nth-child(2) .phone{margin-top:0}
.b2c .hs{width:28px;height:28px;font-size:12px}
}
@media (max-width:900px){
.b2c .mix, .b2c .full{grid-template-columns:1fr}
.b2c .mix > div{padding:30px 22px}
.b2c .full figure{min-height:0;aspect-ratio:3/2}
.b2c .full figure.wide{aspect-ratio:16/10}
.b2c .reelrow{grid-template-columns:1fr;gap:40px}
.b2c .reelrow .reel{max-width:320px;margin:0 auto}
.b2c .kpi-big{grid-template-columns:1fr}
.b2c .kpi-big b{white-space:normal}
.b2c .chain4{grid-template-columns:1fr 1fr;row-gap:28px}
.b2c .chain4 > div:nth-child(3){padding-left:0;border-left:none}
}
@media (max-width:900px){
.b2c .trio{grid-template-columns:1fr;max-width:320px;gap:56px}
.b2c .trio-kpi{right:-10px;width:120px;height:120px}
.b2c .trio-kpi b{font-size:24px}
}
@media (max-width:900px){
.b2c .featreel{grid-template-columns:1fr;gap:36px}
.b2c .featreel .reel{max-width:300px;margin:0 auto}
.b2c .media2{grid-template-columns:1fr}
}
@media (max-width:900px){
.b2c .media3{grid-template-columns:1fr 1fr}
.b2c .media3 .reel{grid-column:1/-1;max-width:300px;margin:0 auto;width:100%}
.b2c .perf-photo{position:relative;border-radius:var(--radius-card);overflow:hidden;margin-bottom:56px}
.b2c .perf-photo img{width:100%;aspect-ratio:21/9;object-fit:cover}
.b2c .perf-photo figcaption{position:absolute;left:22px;bottom:20px;background:var(--highlight);color:var(--ink);font-size:clamp(18px,2.4vw,30px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;padding:6px 16px;border-radius:10px}
.b2c .perf.short .wins b{font-size:clamp(26px,2.8vw,40px)}
.b2c .flow3{grid-template-columns:1fr}
.b2c .flow3 > div + div{padding-left:0;border-left:none;border-top:1px solid var(--line)}
}
@media (max-width:900px){
.b2c .formats.hrow, .b2c .fan{grid-template-columns:1fr}
.b2c .fan .reel{max-width:280px;margin:0 auto}
}
@media (max-width:900px){
.b2c .hduo{grid-template-columns:1fr}
}
@media (max-width:900px){
.b2c .next-chapter{grid-template-columns:1fr}
.b2c .next-chapter span{display:none}
}
@media (prefers-reduced-motion:reduce){
.b2c .rv{opacity:1;transform:none;transition:none}
}
@media (prefers-reduced-motion:reduce){
.b2c .nc *{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}
}
@media (max-width:900px){
.b2c .duo-intro, .b2c .idea, .b2c .perf-top{grid-template-columns:1fr}
.b2c .idea .reel, .b2c .perf-top .reel{max-width:300px;margin:0 auto;width:100%}
.b2c .noise{grid-template-columns:1fr;padding:44px 22px;gap:36px}
.b2c .nc-wrap{max-width:420px;margin:0 auto;width:100%}
.b2c .collage{grid-template-columns:1fr 1fr}
.b2c .collage .col:nth-child(3){display:none}
.b2c .slide{height:440px}
.b2c .slide .frame{height:380px}
.b2c .slide.v .frame{width:214px}
.b2c .slide.p .frame{width:304px}
.b2c .slide.s .frame{width:380px}
.b2c .imm div{grid-template-columns:1fr;gap:4px}
}
@media (max-width:900px){
.b2c .auftakt{grid-template-columns:1fr;gap:64px}
}
@media (max-width:900px){
.b2c .idea2, .b2c .hm-next{grid-template-columns:1fr}
.b2c .phases3, .b2c .trio2{grid-template-columns:1fr}
.b2c .phases3 > div + div{border-left:none;border-top:1px solid #2f3d52}
.b2c .trio2{max-width:300px}
.b2c .wm{grid-template-columns:1fr 1fr}
.b2c .hl-kv figcaption{position:static;max-width:none}
.b2c .hm-next .reel{max-width:280px;margin:0 auto}
.b2c .sub-h{flex-direction:column;align-items:flex-start}
}
@media (max-width:900px){
.b2c .duo-intro, .b2c .idea, .b2c .perf-top{grid-template-columns:1fr}
.b2c .idea .reel, .b2c .perf-top .reel{max-width:300px;margin:0 auto;width:100%}
.b2c .noise{grid-template-columns:minmax(0,1fr);padding:44px 22px;gap:36px}
.b2c .noise > *{min-width:0}
.b2c .nc-wrap{max-width:420px;margin:0 auto;width:100%}
.b2c .collage{grid-template-columns:1fr 1fr}
.b2c .collage .col:nth-child(3){display:none}
.b2c .slide{height:440px}
.b2c .slide .frame{height:380px}
.b2c .slide.v .frame{width:214px}
.b2c .slide.p .frame{width:304px}
.b2c .slide.s .frame{width:380px}
.b2c .imm div{grid-template-columns:1fr;gap:4px}
}

/* --- Sprach-Spans: gegen generische span-Styles der Widgets härten --- */
.b2c span.lng.lng.lng{display:none;font:inherit;color:inherit;letter-spacing:inherit;
  text-transform:inherit;background:none;border:0;padding:0;margin:0;position:static;
  width:auto;height:auto;opacity:1;transform:none}
html[lang^="de"] .b2c span.lng-de.lng-de.lng-de,
html:not([lang]) .b2c span.lng-de.lng-de.lng-de{display:inline}
html[lang^="en"] .b2c span.lng-en.lng-en.lng-en{display:inline}
html[lang^="it"] .b2c span.lng-it.lng-it.lng-it{display:inline}
/* SVG-Texte (Radar u. a.) */
.b2c svg text.lng{display:none}
html[lang^="de"] .b2c svg text.lng-de,html:not([lang]) .b2c svg text.lng-de{display:block}
html[lang^="en"] .b2c svg text.lng-en{display:block}
html[lang^="it"] .b2c svg text.lng-it{display:block}

/* --- Arial Black ist breiter als Archivo: Headlines nie mitten im Wort brechen --- */
.b2c h1,.b2c h2,.b2c h3,.b2c .wins b,.b2c .kino b{overflow-wrap:normal}
/* Vorlagen-Basis clamp(50px,7vw,116px) fuer die schmalere Archivo -> fuer
   Arial Black proportional reduziert (Hamsik: laengste Headline, staerker) */
.b2c .split h1{font-size:clamp(46px,6.4vw,106px)}
.b2c--hamsik .split h1{font-size:clamp(40px,4.6vw,84px)}

/* --- Mobil: Display-Größen für die breitere Arial Black --- */
@media (max-width:640px){
  .b2c .split h1{font-size:clamp(28px,9vw,44px)}
  .b2c .ogrid.one .ocard h3,.b2c .ogrid.two .ocard h3,.b2c .ogrid.four .ocard h3{font-size:clamp(18px,5.4vw,28px)}
}

/* --- Split-Hero global: Bild darf die Hero-Höhe nie aufblähen.
       Das Hochkant-Bild wird absolut positioniert und per object-fit
       beschnitten; die Höhe bestimmen Textspalte bzw. min-height.
       So bleibt die Headline auf jedem Viewport sichtbar. --- */
@media (min-width:901px){
  .b2c .split .c-hero-media{position:relative;min-height:0}
  .b2c .split .c-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .b2c .c-hero.split{min-height:min(92vh - var(--head),900px)}
}

/* --- Leaks aus dem globalen Startseiten-CSS neutralisieren
       (dort existieren .kicker/.sec/.band ohne Scope) --- */
.b2c .kicker{color:inherit;text-transform:none;display:block;margin-bottom:0}
.b2c .kicker::before{content:none}
.b2c .sec{border-top:0}
.b2c .band{background:none;padding:0}

/* --- Nummern-Chips: Ziffer immer dunkel auf Gelb --- */
.b2c .sec-no b{color:#1C2733}


/* --- Okto-Button: Pfeil als CSS gezeichnet (Font-Glyphe war zu dünn/versetzt) --- */
.b2c .oct-btn span{display:inline-block;font-size:0;line-height:0;width:20px;height:3px;
  background:currentColor;border-radius:1px;position:relative}
.b2c .oct-btn span::after{content:"";position:absolute;right:0;top:50%;width:9px;height:9px;
  border-top:3px solid currentColor;border-right:3px solid currentColor;
  transform:translateY(-50%) rotate(45deg)}

/* --- Sprach-Spans in Flex-Containern: der aktive Span übernimmt das
       Layout des Containers, damit Chips/Pfeile in der Zeile bleiben --- */
.b2c :where(.more,.sec-no,.chip,.funnel-claim,.cta,.chapnav a,.next strong,.legend li,.st b,.scroll-hint,.hv-tag) > span.lng{
  align-items:inherit;justify-content:inherit;gap:inherit;
  flex-direction:inherit;flex-wrap:inherit;min-width:0}
html[lang^="de"] .b2c :where(.more,.sec-no,.chip,.funnel-claim,.cta,.chapnav a,.next strong,.legend li,.st b,.scroll-hint,.hv-tag) > span.lng-de.lng-de.lng-de,
html:not([lang]) .b2c :where(.more,.sec-no,.chip,.funnel-claim,.cta,.chapnav a,.next strong,.legend li,.st b,.scroll-hint,.hv-tag) > span.lng-de.lng-de.lng-de,
html[lang^="en"] .b2c :where(.more,.sec-no,.chip,.funnel-claim,.cta,.chapnav a,.next strong,.legend li,.st b,.scroll-hint,.hv-tag) > span.lng-en.lng-en.lng-en,
html[lang^="it"] .b2c :where(.more,.sec-no,.chip,.funnel-claim,.cta,.chapnav a,.next strong,.legend li,.st b,.scroll-hint,.hv-tag) > span.lng-it.lng-it.lng-it{display:inherit}


/* ============================================================
   v2.0.1: Case-Kacheln im Spot-Stil (wie der fruehere Primark-Case):
   Bild fuellt die Kachel, dunkler Fade von links, Nummer oben links,
   Badge darunter, Headline sichtbar - die Details fliegen beim Hover
   von links nach rechts ein.
   ============================================================ */
.b2c .split-band.split-band{display:block;position:relative;min-height:620px;
  overflow:hidden;background:var(--ink)}
.b2c .split-band .sb-media, .b2c .split-band.flip .sb-media{position:absolute;inset:0;min-height:0}
/* Fade-Out des Bildes zum Textbereich hin */
.b2c .split-band::before{content:"";position:absolute;inset:0;z-index:2;
  background:linear-gradient(90deg,rgba(28,39,51,.96) 0%,rgba(28,39,51,.7) 42%,rgba(28,39,51,.06) 80%)}
/* Badge: unter die Nummer, oben links */
.b2c .split-band .sb-media .badge{top:calc(36px + clamp(54px,5vw,82px));left:clamp(24px,3.4vw,44px);z-index:4}
/* Inhalt als Overlay oben links */
.b2c .split-band .sb-body{position:absolute;inset:0;z-index:3;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;
  padding:30px clamp(24px,3.4vw,44px) 38px;pointer-events:none}
.b2c .split-band .band-no{display:block;flex:none;margin:0 0 clamp(84px,11vh,120px);
  font-size:clamp(54px,5vw,82px);line-height:.85;opacity:1}
.b2c .split-band .sb-body .case-tag{color:var(--highlight)}
.b2c .split-band .sb-body h3{margin:10px 0 0;font-size:clamp(30px,3vw,48px);line-height:1;
  text-transform:uppercase;color:#fff}
.b2c .split-band .sb-body .hook{color:rgba(255,255,255,.85);font-size:16.5px;line-height:1.55;max-width:460px}
.b2c .split-band .sb-body .hl{border:none;padding:0}
.b2c .split-band .sb-body .hl b{background:none;color:var(--highlight);font-size:clamp(28px,2.6vw,40px)}
.b2c .split-band .sb-body .hl span{color:#fff}
/* Details: Platz ist fest reserviert (kein Layout-Shift beim Hover!) -
   die Elemente sind nur unsichtbar und links geparkt ... */
.b2c .split-band .sb-body :is(.case-tag,.hook,.more),
.b2c .split-band .sb-body div.rv:not(.band-no){
  opacity:0 !important;transform:translateX(-48px) !important;
  transition:opacity .55s ease,transform .7s cubic-bezier(.25,.6,.2,1) !important}
.b2c .split-band .sb-body .hook{margin-top:16px}
.b2c .split-band .sb-body div.rv:not(.band-no){margin-top:14px}
.b2c .split-band .sb-body .more{margin-top:20px}
/* ... und fliegen beim Hover gestaffelt von links nach rechts ein */
.b2c .split-band:is(:hover,:focus-within) .sb-body :is(.case-tag,.hook,.more),
.b2c .split-band:is(:hover,:focus-within) .sb-body div.rv:not(.band-no){opacity:1 !important;transform:none !important}
.b2c .split-band:is(:hover,:focus-within) .sb-body .case-tag{transition-delay:0s !important}
.b2c .split-band:is(:hover,:focus-within) .sb-body .hook{transition-delay:.08s !important}
.b2c .split-band:is(:hover,:focus-within) .sb-body div.rv:not(.band-no){transition-delay:.16s !important}
.b2c .split-band:is(:hover,:focus-within) .sb-body .more{transition-delay:.24s !important}
/* Hover: Fade etwas verstaerken, Bild ruhig zoomen */
.b2c .split-band:is(:hover,:focus-within)::before{
  background:linear-gradient(90deg,rgba(28,39,51,.97) 0%,rgba(28,39,51,.8) 48%,rgba(28,39,51,.14) 84%)}
.b2c .split-band::before{transition:background .5s ease}
/* Touch-Geraete: alles offen */
@media (hover:none){
  .b2c .split-band .sb-body :is(.case-tag,.hook,.more),
  .b2c .split-band .sb-body div.rv:not(.band-no){opacity:1 !important;transform:none !important}
}
@media (max-width:900px){
  .b2c .split-band.split-band{min-height:0;aspect-ratio:4/5}
  .b2c .split-band .band-no{display:block;font-size:46px;margin-bottom:52px}
  .b2c .split-band .sb-media .badge{top:calc(30px + 46px)}
  .b2c .split-band .sb-body{padding:24px 22px 28px}
  .b2c .split-band .sb-body h3{font-size:clamp(24px,6vw,32px)}
}

/* ============================================================
   v2.0.0: Kennzahlen-Leiste mit fünf Spalten (Feed/Reichweite/
   Interaktion/Klick/Frequenz) auf den Case-Seiten
   ============================================================ */
.b2c .chain4{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
@media (max-width:1100px){
  .b2c .chain4{grid-template-columns:repeat(3,1fr);row-gap:28px}
  .b2c .chain4 > div:nth-child(3n+1){padding-left:0;border-left:none}
}
@media (max-width:900px){
  .b2c .chain4{grid-template-columns:1fr 1fr}
  .b2c .chain4 > div:nth-child(3n+1){padding-left:24px;border-left:1px solid #2f3d52}
  .b2c .chain4 > div:nth-child(odd){padding-left:0;border-left:none}
}


/* v2.0.1: Intro-Texte (Mission/Herleitung/Idee usw.) regular statt bold */
.b2c .triad p, .b2c .duo-intro p{font-weight:400}


/* v2.1.0: Störer an den Kampagnen-Videos (Hamšík/Primark) */
.b2c figure.reel{position:relative}
.b2c .stoerer.hs1{left:-64px;top:-28px}
.b2c .stoerer.hs2{left:auto;right:-56px;top:auto;bottom:8%;width:150px;height:150px}
.b2c .stoerer.hs2 b{font-size:21px}
.b2c .stoerer.pk-xl{left:-78px;top:-34px;width:210px;height:210px}
.b2c .stoerer.pk-xl b{font-size:34px}
@media (max-width:900px){
  .b2c .stoerer.hs1{left:-14px;top:-24px;width:132px;height:132px}
  .b2c .stoerer.hs1 b{font-size:18px}
  .b2c .stoerer.hs2{right:-12px;width:118px;height:118px}
  .b2c .stoerer.hs2 b{font-size:16px}
  .b2c .stoerer.pk-xl{left:-14px;top:-26px;width:152px;height:152px}
  .b2c .stoerer.pk-xl b{font-size:24px}
}


/* --- v2.2.0: Case-Feedback-Runde --- */
/* Teaser-Karten mit Okto-Zweitbild (Family Fun): Text bricht vorher um */
.b2c .split-band:has(.oct-pic) .sb-body :is(h3,.case-tag,.hook){max-width:52%}
/* Hamšík: Insta-Störer oben rechts statt unten (lief über den Text) */
.b2c .stoerer.hs2{left:auto;right:-56px;top:-20px;bottom:auto}
/* Prominente Frequenz-Spalte (Primark) */
.b2c .chain4 .big span{color:var(--highlight)}
.b2c .chain4 .big b{font-size:clamp(44px,4.8vw,68px);color:var(--highlight)}

/* v2.2.0 Mobile-Feinschliff */
@media (max-width:900px){
  .b2c .stoerer.hs2{left:auto;right:-6px;top:-18px;bottom:auto;width:118px;height:118px}
  .b2c .stoerer.hs2 b{font-size:16px}
}
@media (max-width:640px){
  .b2c .chapnav .wrap{gap:2px}
  .b2c .chapnav a{font-size:11px;letter-spacing:.04em;padding:8px 10px}
}

/* v2.2.2: Kachel-Layout robust – unterer Block immer komplett sichtbar */
.b2c .split-band .sb-body{justify-content:flex-end;padding-bottom:clamp(26px,3.6vh,42px)}
.b2c .split-band .band-no{position:absolute;top:clamp(22px,3.2vh,34px);left:clamp(24px,3.4vw,44px);margin:0}
@media (max-width:640px){
  .b2c.tc-embed .split-band.split-band{aspect-ratio:3/4}
  .b2c .split-band .sb-body h3{font-size:24px}
  .b2c .split-band .sb-body .hl b{font-size:22px}
  .b2c .split-band .sb-body .hook{font-size:14px;line-height:1.5}
  .b2c .sb-media .badge{font-size:10px;padding:7px 12px;max-width:calc(100% - 44px);line-height:1.5}
  .b2c .split-band .sb-body div.rv:not(.band-no){margin-top:10px}
  .b2c .split-band .sb-body .hook{margin-top:12px}
  .b2c .split-band .sb-body .more{margin-top:14px}
}
@media (max-width:640px){
  .b2c .split-band{min-height:600px}
  .b2c.tc-embed .split-band.split-band{min-height:0}
  .b2c.tc-embed .sb-body div.rv:not(.band-no){display:none}
}
@media (max-width:640px){
  .b2c .split-band.split-band{min-height:600px;aspect-ratio:auto}
  .b2c.tc-embed .split-band.split-band{min-height:0;aspect-ratio:3/4}
  .b2c.tc-embed .sb-body .hook{display:none}
}

/* v2.2.3: Kachel-Bild füllt immer die ganze Kachel (mobile aspect-Regel neutralisieren) */
.b2c .split-band .sb-media, .b2c .split-band.flip .sb-media{aspect-ratio:auto;height:auto}

/* ================================================================
   v2.3.0 – Slider-Hover reduziert, Übersicht zurück zum Karten-Stil
   ================================================================ */

/* Startseiten-Slider: im Hover nur Beschreibung + CTA (Eyebrow & Zusatzzeile raus) */
.b2c.tc-embed .sb-body .case-tag,
.b2c.tc-embed .sb-body div.rv:not(.band-no){display:none !important}
.b2c.tc-embed .split-band .sb-body h3{margin-top:0}

/* Platzhalter-Kachel (neuer Case ohne Bild) */
.b2c .sb-media.sb-ph{background:linear-gradient(150deg,#0e2e4e 0%,var(--deep) 55%,#05304f 100%)}
.b2c .sb-media.sb-ph::after{content:"";position:absolute;right:-14%;top:50%;transform:translateY(-50%) rotate(-8deg);
  width:62%;aspect-ratio:1;background:var(--highlight);opacity:.9;
  clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%)}

/* B2C-Übersicht: alter Karten-Stil – Bild in eigener Spalte, Hover bewegt nur das Bild */
.b2c:not(.tc-embed) .split-band.split-band{display:grid;grid-template-columns:1.35fr 1fr;min-height:620px;aspect-ratio:auto}
.b2c:not(.tc-embed) .split-band.flip.flip .sb-media{order:2}
.b2c:not(.tc-embed) .split-band::before{display:none}
.b2c:not(.tc-embed) .split-band .sb-media{position:relative;inset:auto;min-height:620px;height:auto;aspect-ratio:auto}
.b2c:not(.tc-embed) .split-band .sb-media .badge{top:30px;left:30px}
.b2c:not(.tc-embed) .split-band .sb-body{position:static;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  padding:64px clamp(28px,4vw,64px);pointer-events:auto}
.b2c:not(.tc-embed) .split-band .band-no{position:static;display:block;margin:0 0 22px}
.b2c:not(.tc-embed) .split-band .sb-body h3{margin:0 0 18px;font-size:clamp(34px,3.8vw,58px);max-width:none}
.b2c:not(.tc-embed) .split-band:has(.oct-pic) .sb-body :is(h3,.case-tag,.hook){max-width:none}
/* Inhalte: nur Nummer, Headline, Beschreibung, CTA – immer sichtbar, kein Einfliegen */
.b2c:not(.tc-embed) .split-band .sb-body :is(.case-tag,.hook,.more),
.b2c:not(.tc-embed) .split-band .sb-body div.rv:not(.band-no){opacity:1 !important;transform:none !important;transition:none}
.b2c:not(.tc-embed) .split-band .sb-body .case-tag,
.b2c:not(.tc-embed) .split-band .sb-body div.rv:not(.band-no){display:none !important}
.b2c:not(.tc-embed) .split-band .sb-body .hook{margin-top:0;max-width:52ch}
.b2c:not(.tc-embed) .split-band .sb-body .more{margin-top:28px}
@media (max-width:900px){
  .b2c:not(.tc-embed) .split-band.split-band{grid-template-columns:1fr;min-height:0}
  .b2c:not(.tc-embed) .split-band .sb-media{min-height:0;aspect-ratio:4/5}
  .b2c:not(.tc-embed) .split-band .sb-body{padding:40px 24px 54px}
  .b2c:not(.tc-embed) .split-band .band-no{margin-bottom:14px}
}

/* ================================================================
   v2.3.1 – Be-True-Kacheln (Bildwand), Vorlagen-Einbau
   ================================================================ */
/* Gemeinsame Bildwand-Mechanik */
.bt1,.bt65t{--bt-hi:#eef55a;--bt-navy:#1d2433;--bt-navy-rgb:29,36,51}
:is(.bt1,.bt65t) :is(.bt1-track,.bt65t-track) i{display:block;aspect-ratio:3/4;background-size:cover;background-position:center;border-radius:8px}
@keyframes bt-scroll{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 6px))}}
@media (prefers-reduced-motion:reduce){.bt1-track,.bt65t-track{animation:none !important}}

/* --- bt1: Übersichts-Kachel --- */
.b2c .bt1{display:grid;grid-template-columns:1.35fr 1fr;min-height:620px;background:var(--bt-navy);color:#fff;text-decoration:none;overflow:hidden;line-height:1.6;border-top:1px solid rgba(255,255,255,.06)}
.b2c .bt1:focus-visible{outline:3px solid var(--bt-hi);outline-offset:4px}
.bt1-media{position:relative;overflow:hidden;min-height:620px;background:var(--bt-navy)}
.bt1-wall{position:absolute;inset:-30% -18% -30% -12%;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;transform:rotate(-7deg)}
.bt1-col{overflow:hidden}
.bt1-track{display:flex;flex-direction:column;gap:12px;animation:bt-scroll 70s linear infinite}
.bt1-c1 .bt1-track,.bt1-c3 .bt1-track{animation-direction:reverse;animation-duration:85s}
.bt1-c1{margin-top:-80px}.bt1-c2{margin-top:-30px}.bt1-c3{margin-top:-120px}
.bt1-badge{position:absolute;top:30px;left:30px;z-index:5;background:var(--bt-hi);color:var(--bt-navy);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:9px 16px;border-radius:999px;line-height:1.3;max-width:calc(100% - 60px)}
.bt1-st{position:absolute;z-index:4;width:210px;height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:0 18px;background:var(--bt-hi);color:var(--bt-navy);clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%);filter:drop-shadow(0 14px 28px rgba(26,35,50,.35));opacity:0;transform:scale(.6) rotate(-18deg);transition:opacity .6s,transform .8s cubic-bezier(.3,1.4,.5,1)}
.bt1-st b{font-size:44px;font-weight:900;letter-spacing:-.04em;line-height:.9;white-space:nowrap}
.bt1-st span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.3}
.bt1-s1{right:7%;top:12%;transition-delay:.35s}
.bt1-s2{left:8%;bottom:9%;transition-delay:.55s}
.bt1.in .bt1-st{opacity:1;transform:rotate(-6deg)}
.bt1.in .bt1-s2{transform:rotate(5deg)}
.bt1-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:64px clamp(28px,4vw,64px)}
.bt1-no{font-family:var(--font-display);font-size:clamp(70px,8vw,120px);font-weight:900;line-height:.8;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px var(--bt-hi);margin-bottom:22px;opacity:.9}
.b2c .bt1 h3.bt1-title{font-family:var(--font-display);font-size:clamp(30px,3.2vw,48px);font-weight:900;line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:#fff;margin:0 0 18px;max-width:none}
.bt1-hook{color:rgba(255,255,255,.78);font-size:17px;line-height:1.6;max-width:52ch}
.bt1-more{display:inline-flex;align-items:center;gap:16px;margin-top:30px;font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.bt1-oct{flex:none;width:54px;height:54px;display:grid;place-items:center;background:var(--bt-hi);color:var(--bt-navy);clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%);font-size:20px;font-weight:900;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.bt1:hover .bt1-oct{transform:rotate(45deg)}
.bt1:hover .bt1-oct span{display:inline-block;transform:rotate(-45deg)}
.bt1-rv{opacity:0;transform:translateY(42px);transition:opacity .9s cubic-bezier(.2,.7,.3,1),transform .9s cubic-bezier(.2,.7,.3,1);transition-delay:var(--d,0s)}
.bt1.in .bt1-rv{opacity:1;transform:none}
@media (max-width:900px){
  .b2c .bt1{grid-template-columns:1fr}
  .bt1-media{min-height:0;aspect-ratio:4/5}
  .bt1-body{padding:44px 24px 56px}
  .bt1-st{width:150px;height:150px;padding:0 12px}.bt1-st b{font-size:32px}.bt1-st span{font-size:10px}
  .bt1-s1{top:20%;right:5%}.bt1-s2{bottom:7%;left:6%}
}
@media (max-width:640px){.bt1-no{display:none}}
@media (prefers-reduced-motion:reduce){.bt1-st,.bt1-rv{opacity:1!important;transform:none!important;transition:none!important}}

/* --- bt65t: Startseiten-Slider-Kachel --- */
.tc-slide .bt65t{position:relative;display:flex;width:100%;overflow:hidden;isolation:isolate;border-radius:22px;background:var(--bt-navy);color:#fff;text-decoration:none;line-height:1.4;aspect-ratio:1/1}
.bt65t .bt65t-wall{position:absolute;inset:0;z-index:-2;overflow:hidden}
.bt65t .bt65t-wall-inner{position:absolute;inset:-35% -18% -35% 8%;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;transform:rotate(-7deg)}
.bt65t .bt65t-col{overflow:hidden}
.bt65t .bt65t-track{display:flex;flex-direction:column;gap:12px;animation:bt-scroll 70s linear infinite}
.bt65t .bt65t-c1 .bt65t-track,.bt65t .bt65t-c3 .bt65t-track{animation-direction:reverse;animation-duration:85s}
.bt65t .bt65t-c1{margin-top:-80px}.bt65t .bt65t-c2{margin-top:-30px}.bt65t .bt65t-c3{margin-top:-120px}
.bt65t::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(var(--bt-navy-rgb),.97) 0%,rgba(var(--bt-navy-rgb),.9) 42%,rgba(var(--bt-navy-rgb),.45) 66%,rgba(var(--bt-navy-rgb),.18) 100%),linear-gradient(0deg,rgba(var(--bt-navy-rgb),.6) 0%,rgba(var(--bt-navy-rgb),0) 45%)}
.bt65t .bt65t-inner{display:flex;flex-direction:column;width:100%;padding:clamp(26px,3.4vw,44px)}
.bt65t .bt65t-num{font-family:var(--font-display);font-weight:900;font-size:clamp(56px,5.4vw,84px);line-height:.9;color:transparent;-webkit-text-stroke:3px var(--bt-hi);letter-spacing:-.03em}
.bt65t .bt65t-pill{align-self:flex-start;margin-top:18px;background:var(--bt-hi);color:var(--bt-navy);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:9px 16px;border-radius:999px;line-height:1.3}
.bt65t .bt65t-title{margin:auto 0 0;padding-top:clamp(60px,9vw,140px);font-family:var(--font-display);font-weight:900;font-size:clamp(26px,2.6vw,40px);line-height:1.02;text-transform:uppercase;color:#fff}
.bt65t .bt65t-lead{margin-top:14px;max-width:46ch;font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.82)}
.bt65t .bt65t-cta{margin-top:20px;display:inline-flex;align-items:center;gap:16px;align-self:flex-start;color:#fff;font-size:15px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.bt65t .bt65t-octa{flex:none;width:54px;height:54px;display:grid;place-items:center;background:var(--bt-hi);color:var(--bt-navy);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.bt65t .bt65t-octa svg{width:24px;height:24px}
.bt65t:hover .bt65t-octa{transform:rotate(45deg)}
.bt65t:hover .bt65t-octa svg{transform:rotate(-45deg)}
.bt65t .bt65t-st{position:absolute;z-index:2;width:clamp(120px,11vw,170px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;padding:0 14px;background:var(--bt-hi);color:var(--bt-navy);clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%);filter:drop-shadow(0 14px 28px rgba(0,0,0,.35));opacity:0;transform:scale(.6) rotate(-18deg);transition:opacity .6s,transform .8s cubic-bezier(.3,1.4,.5,1)}
.bt65t .bt65t-st b{font-weight:900;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.03em;line-height:.9;white-space:nowrap}
.bt65t .bt65t-st span{font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;line-height:1.3}
.bt65t .bt65t-s1{right:6%;top:8%;transition-delay:.35s}
.bt65t .bt65t-s2{right:22%;top:30%;transition-delay:.55s}
.bt65t.in .bt65t-st{opacity:1;transform:rotate(-6deg)}
.bt65t.in .bt65t-s2{transform:rotate(5deg)}
@media (max-width:640px){
  .tc-slide .bt65t{aspect-ratio:3/4}
  .bt65t .bt65t-lead{display:none}
  .bt65t .bt65t-s2{right:8%;top:34%}
}
@media (prefers-reduced-motion:reduce){.bt65t .bt65t-st{opacity:1;transform:none;transition:none}}

/* ================================================================
   v2.3.7 – Case-Unterseite „Be True" (btc, Kundenfassung Runde 10)
   ================================================================ */
.btc{
  --paper:#e8f4fd;--card:#ffffff;--wash:#f2f8fe;--line:#cfe4f5;--line-card:#e3ecf3;
  --ink:#1a2332;--ink-soft:#6b7684;--dark:#1a2332;--dark-2:#243043;--dark-soft:#9aa7b8;
  --accent:#2f9fe5;--accent-deep:#1b7fc4;--accent-ink:#ffffff;--highlight:#e8f542;--highlight-ink:#1a2332;
  --font:'Archivo',system-ui,-apple-system,'Helvetica Neue',sans-serif;
  --radius-card:24px;--max:1240px;--head:74px;
}
.btc *{box-sizing:border-box;margin:0;padding:0}
@media (prefers-reduced-motion:reduce){
.btc *{animation:none!important;transition:none!important}
}
.btc{font-family:var(--font);background:var(--paper);color:var(--ink);line-height:1.6;font-size:17px;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.btc img,.btc video{max-width:100%;display:block}
.btc img{height:auto}
.btc a{color:inherit}
.btc [hidden]{display:none!important}
.btc .wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
.btc .skip{position:absolute;left:-9999px}
.btc .skip:focus{left:16px;top:12px;z-index:100;background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;font-weight:700}
.btc :focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.btc h1,.btc h2,.btc h3{font-weight:800;letter-spacing:-.02em;line-height:1.02;text-transform:uppercase}
.btc h1 em,.btc h2 em,.btc h3 em{font-style:normal;color:var(--accent)}
.btc .lead{font-size:clamp(18px,2vw,21px);max-width:640px;color:var(--ink-soft);line-height:1.65}
.btc .lead strong{color:var(--ink)}
.btc header.site{position:sticky;top:0;z-index:60;background:rgba(232,244,253,.92);
  backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}
.btc .nav{display:flex;align-items:center;justify-content:space-between;height:var(--head);gap:20px}
.btc .logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:21px;letter-spacing:.02em;text-decoration:none;text-transform:uppercase}
.btc .logo svg{width:26px;height:26px;flex:none}
.btc .nav-links{display:flex;align-items:center;gap:30px;font-size:15px;font-weight:600}
.btc .nav-links a{text-decoration:none;color:var(--ink-soft);padding-bottom:4px}
.btc .nav-links a:hover{color:var(--ink)}
.btc .nav-links .active{color:var(--ink);border-bottom:2px solid var(--accent)}
.btc .media-ph{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:#7d93a8;font-size:14px;
  font-weight:600;text-align:center;padding:24px;line-height:1.5;
  background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(47,159,229,.07) 14px 28px),#dcebf8}
.btc footer.site{border-top:1px solid var(--line);padding:48px 0;color:var(--ink-soft);font-size:14.5px}
.btc footer.site .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}
@media (max-width:900px){
.btc .nav-links{gap:16px;font-size:14px}
}
@media (max-width:560px){
.btc .logo span{display:none}
.btc .nav-links{gap:14px;font-size:13.5px}
.btc .wrap{padding:0 20px}
}
.btc{--c:34px}
.btc{overflow-x:hidden}
.btc .rv{opacity:0;transform:translateY(42px);transition:opacity .9s cubic-bezier(.2,.7,.3,1),transform .9s cubic-bezier(.2,.7,.3,1);transition-delay:var(--d,0s)}
.btc .rv.in{opacity:1;transform:none}
.btc .oct-btn{flex:none;width:54px;height:54px;display:grid;place-items:center;background:var(--highlight);color:var(--ink);clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%);font-size:20px;font-weight:900;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.btc a:hover .oct-btn,.btc a:focus-visible .oct-btn{transform:rotate(45deg)}
.btc a:hover .oct-btn span,.btc a:focus-visible .oct-btn span{display:inline-block;transform:rotate(-45deg)}
@media (max-width:640px){
.btc{--c:22px}
}
@media (prefers-reduced-motion:reduce){
.btc .rv{opacity:1!important;transform:none!important;transition:none!important}
}
.btc .phone-stage{position:relative;height:min(78vh,700px);display:grid;place-items:center}
.btc .phone{position:relative;width:min(330px,72%);aspect-ratio:9/18.5;background:var(--ink);border-radius:46px;padding:14px;box-shadow:0 40px 80px rgba(26,35,50,.28);
  opacity:0;transform:translateY(40px) rotate(4deg);transition:opacity 1s .15s,transform 1.2s cubic-bezier(.2,.7,.3,1) .15s}
html.loaded .btc .phone{opacity:1;transform:rotate(4deg)}
.btc .screen{height:100%;border-radius:34px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.btc .results{border-top:2px solid var(--ink)}
.btc .res-head,.btc .res{display:grid;grid-template-columns:1.1fr 2.6fr 120px;gap:28px;align-items:center}
.btc .res-head{padding:18px 0;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--line)}
.btc .res{padding:30px 0;border-bottom:1px solid var(--line)}
.btc .res-lbl{font-size:19px;font-weight:900;text-transform:uppercase;letter-spacing:-.005em;line-height:1.15}
.btc .res-lbl small{display:block;font-size:13px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--ink-soft);margin-top:4px}
.btc .res-bars{display:flex;flex-direction:column;gap:10px}
.btc .rb{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:14px}
.btc .rb em{font-style:normal;font-size:13px;font-weight:800;color:var(--ink-soft)}
.btc .rb .track{height:44px;position:relative}
.btc .rb .fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:8px;display:flex;align-items:center;padding:0 16px;white-space:nowrap;font-weight:900;font-size:17px;letter-spacing:-.01em;
  transition:width 1.4s cubic-bezier(.2,.7,.3,1)}
.btc .rb.y22 .fill{background:#c9dcec;color:var(--ink)}
.btc .rb.y25 .fill{background:var(--accent);color:#fff;transition-delay:.25s}
.btc .results.seen .fill{width:var(--w)}
.btc .delta{justify-self:end;width:104px;height:104px;display:grid;place-items:center;text-align:center;background:var(--highlight);color:var(--ink);font-weight:900;font-size:24px;letter-spacing:-.03em;line-height:1;
  clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%);transform:scale(0) rotate(-45deg);transition:transform .7s cubic-bezier(.3,1.4,.5,1) 1.2s}
.btc .results.seen .delta{transform:none}
.btc .res-src{margin-top:20px;font-size:13.5px;color:var(--ink-soft)}
@media (max-width:1000px){
.btc .phone-stage{height:560px}
}
@media (max-width:760px){
.btc .res-head{display:none}
.btc .res{grid-template-columns:1fr 84px;gap:16px 18px}
.btc .res-bars{grid-column:1/-1;grid-row:2}
.btc .delta{width:80px;height:80px;font-size:19px}
}
@media (max-width:560px){
.btc .phone-stage{height:500px}
.btc .rb .fill{font-size:14px;padding:0 10px}
}
@media (prefers-reduced-motion:reduce){
.btc .phone{opacity:1!important;transform:rotate(4deg)!important;transition:none!important}
.btc .fill{transition:none!important}
.btc .delta{transform:none!important;transition:none!important}
}
.btc .nav-right{display:flex;align-items:center;gap:22px}
.btc .ig{display:grid;place-items:center;width:34px;height:34px;color:var(--ink-soft)}
.btc .ig:hover{color:var(--ink)}
.btc .ig svg{width:20px;height:20px}
.btc .langs{display:flex;gap:2px;background:#fff;border-radius:999px;padding:3px}
.btc .langs button{font:inherit;border:none;cursor:pointer;background:none;color:var(--ink-soft);font-size:12.5px;font-weight:800;letter-spacing:.06em;padding:6px 10px;border-radius:999px}
.btc .langs button[aria-pressed=true]{background:var(--ink);color:#fff}
.btc .ch{position:relative;padding:56px 0 0;overflow:hidden}
.btc .ch-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.btc .crumbs{font-size:13px;font-weight:700;color:var(--ink-soft);margin-bottom:22px}
.btc .crumbs a{text-decoration:none;color:var(--ink-soft)}
.btc .crumbs a:hover{color:var(--ink)}
.btc .crumbs i{font-style:normal;margin:0 8px;color:var(--line)}
.btc .crumbs b{color:var(--ink)}
.btc .tags{display:flex;flex-wrap:wrap;gap:8px}
.btc .tags > span{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border-radius:999px;background:#fff;color:var(--ink)}
.btc .tags > span:first-child{background:var(--highlight)}
.btc .ch h1{font-size:clamp(64px,9vw,140px);line-height:.9;margin:26px 0 24px}
.btc .ch h1 .ln{display:block;overflow:hidden;padding-bottom:.05em}
.btc .ch h1 .ln > span{display:inline-block;transform:translateY(105%);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
html.loaded .btc .ch h1 .ln > span{transform:none}
.btc .ch .lead{max-width:560px}
.btc .cfacts{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:36px;border-top:1px solid var(--line)}
.btc .cfacts div{padding:16px 0;border-bottom:1px solid var(--line)}
.btc .cfacts dt{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
.btc .cfacts dd{font-size:16px;font-weight:700;line-height:1.4}
.btc .ch .phone-stage{height:min(80vh,700px)}
.btc .ch-badge{position:absolute;z-index:5;left:2%;bottom:6%;width:190px;height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;background:var(--highlight);color:var(--ink);
  clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%);filter:drop-shadow(0 12px 24px rgba(26,35,50,.2));
  opacity:0;transform:scale(.6) rotate(-20deg);transition:opacity .6s 1.1s,transform .8s cubic-bezier(.3,1.4,.5,1) 1.1s}
html.loaded .btc .ch-badge{opacity:1;transform:none}
.btc .ch-badge small{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.btc .ch-badge b{font-size:30px;font-weight:900;line-height:.95;text-transform:uppercase;letter-spacing:-.02em}
.btc .ch-badge em{font-style:normal;font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;background:var(--ink);color:#fff;margin-top:4px}
.btc .secnav{position:sticky;top:var(--head);z-index:40;margin-top:64px;background:rgba(232,244,253,.92);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.btc .secnav .wrap{display:flex;gap:36px;overflow-x:auto;scrollbar-width:none}
.btc .secnav a{flex:none;display:flex;align-items:center;gap:10px;padding:18px 0;text-decoration:none;font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);border-bottom:2px solid transparent}
.btc .secnav a b{color:var(--accent)}
.btc .secnav a.on,.btc .secnav a:hover{color:var(--ink);border-bottom-color:var(--accent)}
.btc .cs{position:relative;padding:130px 0;overflow:hidden;scroll-margin-top:120px}
.btc .cs.white{background:#fff}
.btc .cs-no{display:flex;align-items:baseline;gap:18px;margin-bottom:22px}
.btc .cs-no b{font-size:clamp(70px,8vw,120px);font-weight:900;line-height:.8;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px var(--accent)}
.btc .cs-no span{font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.btc .cs h2{font-size:clamp(42px,6vw,88px);line-height:.98;max-width:14ch}
.btc .cs .intro{margin-top:26px;font-size:clamp(20px,2.2vw,26px);font-weight:700;line-height:1.35;max-width:36ch;color:var(--ink-soft)}
.btc .trio{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:72px;border-top:2px solid var(--ink)}
.btc .trio > div{padding:30px 32px 0 0}
.btc .trio > div + div{padding-left:32px;border-left:1px solid var(--line)}
.btc .trio h3{font-size:22px;margin-bottom:12px}
.btc .trio p{font-size:16.5px;color:var(--ink-soft);line-height:1.65}
.btc .shiftrow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:72px}
.btc .shiftrow > div{background:#fff;border-radius:18px;padding:26px 24px;display:flex;flex-direction:column;gap:10px}
.btc .shiftrow small{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--ink-soft);text-decoration:line-through;text-decoration-color:var(--accent);text-decoration-thickness:2px}
.btc .shiftrow b{font-size:20px;font-weight:900;text-transform:uppercase;line-height:1.1;letter-spacing:-.005em}
.btc .shiftrow b::before{content:"→ ";color:var(--accent)}
.btc .shiftrow p{font-size:15px;color:var(--ink-soft);line-height:1.55}
.btc .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:72px}
.btc .step{position:relative;background:var(--wash);border-radius:var(--radius-card);padding:34px 30px}
.btc .step .no{font-weight:900;font-size:44px;letter-spacing:-.04em;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--accent)}
.btc .step h3{font-size:22px;margin:18px 0 12px}
.btc .step p{font-size:16px;color:var(--ink-soft);line-height:1.6}
.btc .step .flag{position:absolute;top:-14px;right:24px;background:var(--highlight);color:var(--ink);font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:7px 13px;border-radius:999px}
.btc .feature{position:relative;margin-top:88px;border-radius:var(--radius-card);overflow:hidden;background:var(--ink);min-height:560px;display:flex;align-items:flex-end}
.btc .feature .media-ph{position:absolute;inset:0;aspect-ratio:auto;align-items:flex-start;padding-top:60px;background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(47,159,229,.09) 14px 28px),var(--dark-2);color:#8093aa}
.btc .feature::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(26,35,50,.96) 0%,rgba(26,35,50,.5) 40%,rgba(26,35,50,0) 70%)}
.btc .feature figcaption{position:relative;z-index:2;padding:clamp(28px,4vw,56px);color:#fff;max-width:640px}
.btc .feature figcaption small{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--highlight)}
.btc .feature figcaption b{display:block;font-size:clamp(34px,4.4vw,64px);font-weight:900;text-transform:uppercase;line-height:.98;letter-spacing:-.02em;margin:12px 0 16px}
.btc .feature figcaption p{color:rgba(255,255,255,.8);font-size:17px;line-height:1.6}
.btc .vids{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}
.btc .vid .media-ph{aspect-ratio:4/5;border-radius:var(--radius-card)}
.btc .vid figcaption{margin-top:16px;font-size:15.5px;color:var(--ink-soft);line-height:1.55;max-width:46ch}
.btc .vid figcaption b{display:block;color:var(--ink);font-size:17px;margin-bottom:2px}
.btc .vid-label{display:inline-block;margin-bottom:10px;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:#fff;padding:6px 12px;border-radius:999px}
.btc .statements{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-radius:var(--radius-card);overflow:hidden;margin-top:88px}
.btc .statements > div{background:#fff;padding:36px 30px}
.btc .statements b{display:block;font-size:clamp(24px,2.4vw,32px);font-weight:900;text-transform:uppercase;line-height:1.02;letter-spacing:-.015em;margin-bottom:16px}
.btc .statements p{font-size:16px;color:var(--ink-soft);line-height:1.6}
.btc .claim-end{display:grid;grid-template-columns:auto 1fr;gap:12px 48px;align-items:end;margin-top:110px;padding-top:56px;border-top:2px solid var(--ink)}
.btc .claim-end b{font-size:clamp(64px,10vw,150px);font-weight:900;line-height:.82;letter-spacing:-.05em;text-transform:uppercase;background:linear-gradient(transparent 62%,var(--highlight) 62%);padding:0 6px}
.btc .claim-end p{font-size:clamp(20px,2.2vw,28px);font-weight:800;line-height:1.25;max-width:24ch;padding-bottom:4px}
.btc .nextcase{display:block;background:var(--dark);color:#fff;text-decoration:none;padding:72px 0}
.btc .nextcase .wrap{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.btc .nextcase small{display:block;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--highlight);margin-bottom:10px}
.btc .nextcase strong{font-size:clamp(30px,4.4vw,62px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1}
.btc .backline{padding:40px 0;background:var(--dark);border-top:1px solid #2f3d52}
.btc .backline a{color:var(--dark-soft);text-decoration:none;font-weight:800;font-size:14px;letter-spacing:.1em;text-transform:uppercase}
.btc .backline a:hover{color:#fff}
.btc footer.site .flinks{display:flex;gap:20px;align-items:center}
.btc footer.site a{text-decoration:none}
.btc footer.site a:hover{color:var(--ink)}
@media (max-width:1000px){
.btc .ch-grid{grid-template-columns:1fr}
.btc .shiftrow,.btc .statements{grid-template-columns:1fr 1fr}
.btc .steps{grid-template-columns:1fr}
}
@media (max-width:760px){
.btc .nav-links a:not(.active){display:none}
.btc .nav-right{gap:12px}
.btc .trio{grid-template-columns:1fr}
.btc .trio > div,.btc .trio > div + div{padding:26px 0 22px;border-left:none;border-bottom:1px solid var(--line)}
.btc .vids,.btc .shiftrow,.btc .statements,.btc .cfacts{grid-template-columns:1fr}
.btc .claim-end{grid-template-columns:1fr}
.btc .ch-badge{width:140px;height:140px}
.btc .ch-badge b{font-size:22px}
.btc .cs{padding:84px 0}
}
@media (prefers-reduced-motion:reduce){
.btc .ch h1 .ln > span,.btc .ch-badge{transform:none!important;opacity:1!important;transition:none!important}
}
.btc .res-head span:last-child{justify-self:end}
.btc .delta{font-size:21px}
.btc .rb{grid-template-columns:62px 1fr}
@media (max-width:560px){
.btc .phone{width:min(260px,70%)}
.btc .vid .media-ph{aspect-ratio:4/3}
.btc .ch .phone-stage{height:520px}
}
.btc /* Phone-Screen: Instagram-Screenshot */
.screen{background:#fff}
.btc .screen img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.btc /* Eckdaten-Zeile wie bei den anderen Top-Cases */
.facts{background:#fff;border-top:1px solid var(--line);margin-top:64px}
.btc .facts .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.btc .fact{padding:26px 24px 26px 0}
.btc .fact + .fact{padding-left:24px;border-left:1px solid var(--line-card)}
.btc .fact dt{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.btc .fact dd{font-size:17px;font-weight:700;margin-top:6px;line-height:1.35}
.btc .secnav{margin-top:0}
@media (max-width:760px){
.btc .facts .wrap{grid-template-columns:1fr}
.btc .fact,.btc .fact + .fact{padding:18px 0;border-left:none}
.btc .fact + .fact{border-top:1px solid var(--line-card)}
}
.btc /* Störer: Attribute oben als Label,.btc Center-Anzahl unten rechts am Rand */
.kw{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;height:44px;padding:0 20px 0 16px;white-space:nowrap;pointer-events:none;
  background:var(--ink);color:#fff;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  box-shadow:0 12px 26px rgba(26,35,50,.22);clip-path:inset(0 100% 0 0);transition:clip-path .8s cubic-bezier(.7,0,.2,1)}
.btc .kw::before{content:"";flex:none;width:12px;height:12px;background:var(--highlight);clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%)}
html.loaded .btc .kw{clip-path:inset(0 0 0 0)}
.btc .kw.k1{left:2%;top:9%;transition-delay:1s}
.btc .kw.k2{right:0;top:18%;transition-delay:1.15s}
.btc .kw.k3{left:0;top:27%;transition-delay:1.3s}
.btc .kw.k4{right:3%;top:36%;transition-delay:1.45s}
.btc .ch .ch-badge{left:auto;right:0;bottom:4%;width:170px;height:170px}
.btc .ch-badge b{font-size:26px}
@media (max-width:760px){
.btc .ch .ch-badge{width:112px;height:112px;right:-4%;bottom:2%}
.btc .ch-badge b{font-size:16px}
.btc .ch-badge small{font-size:9.5px}
.btc .ch-badge em{font-size:10.5px;padding:2px 8px}
}
@media (max-width:560px){
.btc .kw{height:34px;padding:0 13px 0 11px;gap:8px;font-size:11px;letter-spacing:.1em}
.btc .kw::before{width:9px;height:9px}
.btc .kw.k1{left:0;top:7%}
.btc .kw.k2{right:-2%;top:16%}
.btc .kw.k3{left:0;top:25%}
.btc .kw.k4{right:0;top:34%}
}
@media (prefers-reduced-motion:reduce){
.btc .kw{clip-path:none!important;transition:none!important}
}
.btc /* Reels */
.reel{position:relative;overflow:hidden;background:var(--ink)}
.btc .reel video{display:block;width:100%;height:100%;object-fit:cover}
.btc .snd{position:absolute;right:14px;bottom:14px;z-index:3;width:44px;height:44px;display:grid;place-items:center;border:none;cursor:pointer;
  background:var(--highlight);color:var(--ink);clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%)}
.btc .snd svg{width:20px;height:20px}
.btc .snd .w{display:none}
.btc .snd[aria-pressed=true] .w{display:inline}
.btc .snd[aria-pressed=true] .x{display:none}
.btc .feature{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0;min-height:0}
.btc .feature::after{display:none}
.btc .feature figcaption{max-width:none;padding:clamp(32px,5vw,72px)}
.btc .feature .reel{width:min(360px,34vw);aspect-ratio:9/16;align-self:stretch}
.btc .vid .reel{aspect-ratio:4/5;border-radius:var(--radius-card)}
@media (max-width:760px){
.btc .feature{grid-template-columns:1fr}
.btc .feature .reel{width:100%;aspect-ratio:4/5;order:-1}
}
.btc /* Regional verbunden zweizeilig,.btc Phone kleiner */
.kw.k3{height:auto;padding-top:9px;padding-bottom:9px;line-height:1.2}
.btc .ch .phone{width:min(290px,64%,max(214px,33vh))}
.btc .ch .phone-stage{height:max(480px,min(74vh,640px))}
@media (max-width:560px){
.btc .kw.k3{padding-top:6px;padding-bottom:6px}
.btc .ch .phone{width:min(240px,64%)}
.btc .ch .phone-stage{height:480px}
}
.btc /* Neuordnung: Center-Störer links,.btc Attribute rechts */
.ch .phone{width:min(320px,70%,max(230px,37vh))}
.btc .ch .phone-stage{height:max(520px,min(80vh,700px))}
.btc .badge-wrap{position:absolute;z-index:5;left:-7%;top:54%;width:176px;height:176px;margin-top:-88px;animation:bob 7s ease-in-out infinite 2s}
.btc .ch .badge-wrap .ch-badge{position:absolute;inset:0;width:100%;height:100%;margin:0;left:0;top:0;right:auto;bottom:auto}
.btc .ch-badge b{font-size:27px}
.btc /* Attribute als gestaffelte Liste rechts */
.kw{animation:bob 6s ease-in-out infinite}
.btc .kw.k1,.btc .kw.k2,.btc .kw.k3,.btc .kw.k4{left:auto;right:auto}
.btc .kw.k1{top:24%;right:4%;animation-delay:2s}
.btc .kw.k2{top:36%;right:0;animation-delay:2.6s}
.btc .kw.k3{top:48%;right:6%;animation-delay:3.2s}
.btc .kw.k4{top:62%;right:1%;animation-delay:3.8s}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media (max-width:760px){
.btc .badge-wrap{width:118px;height:118px;margin-top:-59px;left:-2%}
.btc .ch-badge b{font-size:17px}
}
@media (max-width:560px){
.btc .ch .phone{width:min(250px,66%)}
.btc .ch .phone-stage{height:530px}
.btc .kw.k1{top:22%;right:0}
.btc .kw.k2{top:33%;right:-2%}
.btc .kw.k3{top:44%;right:1%}
.btc .kw.k4{top:57%;right:-2%}
}
@media (prefers-reduced-motion:reduce){
.btc .kw,.btc .badge-wrap{animation:none!important}
}
.btc /* ===== Hero wie Ailton: blau,.btc Text links,.btc runder Störer mittig,.btc Handy rechts ===== */
.ch-dark{background:var(--dark);color:#fff;padding-top:0}
.btc .ch-dark .ch-grid{--g:clamp(40px,8vw,140px);position:relative;min-height:max(600px,min(86vh,760px));padding-top:64px;padding-bottom:64px;gap:var(--g)}
.btc .ch-dark .crumbs,.btc .ch-dark .crumbs a{color:var(--dark-soft)}
.btc .ch-dark .crumbs a:hover,.btc .ch-dark .crumbs b{color:#fff}
.btc .ch-dark .crumbs i{color:rgba(255,255,255,.25)}
.btc .ch-dark .tags > span{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.btc .ch-dark .tags > span:first-child{background:var(--highlight);color:var(--ink);box-shadow:none}
.btc .ch-dark h1{color:#fff}
.btc .ch-dark h1 em{color:var(--highlight)}
.btc .ch-dark .lead{color:rgba(255,255,255,.75)}
.btc .ch-dark .lead strong{color:#fff}
.btc .ch-dark .phone-stage{height:auto;min-height:560px}
.btc .ch-dark .phone{width:min(320px,78%);background:#0f1520;box-shadow:0 40px 90px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08)}
.btc .ch-dark .phone::before{content:"";position:absolute;top:24px;left:50%;width:88px;height:24px;margin-left:-44px;border-radius:999px;background:#0f1520;z-index:3}
.btc /* Bildwand im Handy (aus der Teaser-Kachel) */
.pw-screen{position:relative;display:grid!important;grid-template-columns:1fr 1fr;gap:6px;padding:0;background:var(--dark)}
.btc .pw-col{overflow:hidden}
.btc .pw-track{display:flex;flex-direction:column;gap:6px;animation:pwscroll 60s linear infinite}
.btc .pw-c1 .pw-track{animation-direction:reverse;animation-duration:72s}
.btc .pw-c1{margin-top:-60px}
.btc .pw-track i{display:block;aspect-ratio:3/4;background-size:cover;background-position:center;border-radius:6px}
@keyframes pwscroll{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 3px))}}
.btc /* Runder Störer mittig */
.hero-badge{position:absolute;z-index:6;left:calc(var(--g) / -2 - 100px);top:50%;width:200px;height:200px;margin-top:-100px;pointer-events:none}
.btc .hero-badge .ch-badge.round{position:absolute;inset:0;width:100%;height:100%;left:0;top:0;right:auto;bottom:auto;border-radius:50%;clip-path:none;
  box-shadow:0 18px 40px rgba(0,0,0,.35);animation:bob 7s ease-in-out infinite 2s}
.btc .hero-badge .ch-badge b{font-size:30px}
.btc .ch-dark{position:relative}
.btc .ch-dark .facts{margin-top:0;color:var(--ink)}
@media (max-width:900px){
.btc .ch-dark .ch-grid{min-height:0;padding-top:44px;padding-bottom:56px;gap:48px}
.btc .ch-dark .phone-stage{min-height:0}
.btc .ch-dark .phone{width:min(280px,72%)}
.btc .hero-badge{width:130px;height:130px;margin:0;left:0;top:10%}
.btc .hero-badge .ch-badge b{font-size:20px}
.btc .hero-badge .ch-badge small{font-size:9.5px}
.btc .hero-badge .ch-badge em{font-size:10.5px}
}
@media (prefers-reduced-motion:reduce){
.btc .pw-track{animation:none!important}
}
.btc .pw-p0{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-01.jpg)}
.btc .pw-p1{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-02.jpg)}
.btc .pw-p2{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-03.jpg)}
.btc .pw-p3{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-04.jpg)}
.btc .pw-p4{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-05.jpg)}
.btc .pw-p5{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-06.jpg)}
.btc .pw-p6{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-07.jpg)}
.btc .pw-p7{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-08.jpg)}
.btc .pw-p8{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-09.jpg)}
.btc .pw-p9{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-10.jpg)}
.btc .pw-p10{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-11.jpg)}
.btc .pw-p11{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-12.jpg)}
.btc .pw-p12{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-13.jpg)}
.btc .pw-p13{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-14.jpg)}
.btc .pw-p14{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-15.jpg)}
.btc .pw-p15{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-16.jpg)}
.btc .pw-p16{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-17.jpg)}
.btc .pw-p17{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-18.jpg)}
.btc .pw-p18{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-19.jpg)}
.btc .pw-p19{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-20.jpg)}
.btc .pw-p20{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-21.jpg)}
.btc .pw-p21{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-22.jpg)}
.btc .pw-p22{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-23.jpg)}
.btc .pw-p23{background-image:url(../../../../uploads/urbanet-b2c/social-media-65-center/be-true-24.jpg)}
.btc /* ===== Kapitel-Aufbau wie Ailton ===== */
.cs-head{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:clamp(22px,3.5vw,44px)}
.btc .cs-num{font-size:clamp(96px,13vw,190px);font-weight:900;line-height:.78;letter-spacing:-.06em;color:var(--accent)}
.btc .cs-kick{display:flex;align-items:center;gap:14px;font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin-bottom:12px}
.btc .cs-kick::before{content:"";width:36px;height:2px;background:var(--accent)}
.btc .cs-head h2{font-size:clamp(40px,5.4vw,78px);line-height:.95;max-width:none;font-weight:900}
.btc .cs .intro{margin-top:clamp(40px,5vw,64px);font-size:clamp(30px,3.9vw,54px);font-weight:900;line-height:1.05;letter-spacing:-.01em;text-transform:uppercase;color:var(--ink);max-width:20ch}
.btc .cs .intro em{font-style:normal;color:var(--accent)}
.btc .trio{border-top:none;margin-top:clamp(48px,6vw,72px);gap:clamp(24px,4vw,56px)}
.btc .trio > div,.btc .trio > div + div{padding:0;border:none}
.btc .trio h3{font-size:12.5px;font-weight:800;letter-spacing:.14em;color:var(--accent);margin-bottom:12px}
.btc .trio p{font-size:clamp(17px,1.5vw,19.5px);color:var(--ink);line-height:1.6}
.btc .shiftrow{gap:0;margin-top:clamp(56px,7vw,84px);border-top:1.5px solid var(--ink)}
.btc .shiftrow > div{background:none;border-radius:0;padding:28px 24px 8px;gap:8px}
.btc .shiftrow > div:first-child{padding-left:0}
.btc .shiftrow > div + div{border-left:1px solid var(--line)}
.btc .shiftrow small{order:1;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);text-decoration:none}
.btc html[lang=de] .shiftrow small::before{content:"Statt "}
.btc html[lang=en] .shiftrow small::before{content:"Instead of "}
.btc html[lang=it] .shiftrow small::before{content:"Invece di: "}
.btc .shiftrow b{order:2;font-size:clamp(18px,1.7vw,22px);margin-top:12px}
.btc .shiftrow b::before{content:none}
.btc .shiftrow p{order:3;font-size:14.5px}
@media (max-width:900px){
.btc .trio{grid-template-columns:1fr}
.btc .shiftrow{grid-template-columns:1fr 1fr}
.btc .shiftrow > div:nth-child(3){padding-left:0;border-left:none}
.btc .shiftrow > div:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:560px){
.btc .cs-head{grid-template-columns:1fr;row-gap:10px}
.btc .cs-num{font-size:96px}
.btc .shiftrow{grid-template-columns:1fr}
.btc .shiftrow > div,.btc .shiftrow > div + div{padding-left:0;border-left:none}
.btc .shiftrow > div + div{border-top:1px solid var(--line)}
}
.btc /* Eckdaten: vier Spalten */
.facts .wrap{grid-template-columns:auto auto auto 1fr}
.btc .facts .fact{padding-right:32px}
@media (max-width:1100px){
.btc .facts .wrap{grid-template-columns:1fr 1fr}
.btc .facts .fact:nth-child(3){padding-left:0;border-left:none}
.btc .facts .fact:nth-child(n+3){border-top:1px solid var(--line-card)}
}
@media (max-width:560px){
.btc .facts .wrap{grid-template-columns:1fr}
.btc .facts .fact{padding-left:0;border-left:none}
}
.btc /* Alte Begriffe gelb durchgestrichen */
.shiftrow small{text-decoration:line-through;text-decoration-color:var(--highlight);text-decoration-thickness:3px;text-decoration-skip-ink:none}
.btc .shiftrow small::before{text-decoration:inherit}

/* ================================================================
   v2.3.2 – Feinschliff-Runde
   ================================================================ */

/* Startseite: "Orte" (em) im Cases-Modul nicht kursiv */
.top-cases h2 em{font-style:normal}

/* Cases-Seite: Abstand zwischen Be-True-Karte und den übrigen Karten */
.b2c .bt1{margin-bottom:clamp(40px,5vh,72px)}

/* Be-True-Kacheln: KPI-Chip statt Störer – Chip darf zweizeilig sein */
.bt1-badge,.bt65t .bt65t-pill{line-height:1.5;max-width:min(86%,560px)}

/* Primark: Banderole sitzt neben dem Video in der freien Spalte */
.b2c .perf-top .record{margin:0;justify-self:start;align-self:center;
  font-size:clamp(26px,3.2vw,44px);padding:14px 26px;transform:rotate(-2deg)}

/* ================================================================
   v2.3.3 – Korrekturen & Feed-Modul
   ================================================================ */

/* Startseiten-Slider: Be-True-Kachel – Beschreibung & CTA erst beim Hover */
@media (hover:hover){
  .tc-embed .bt65t .bt65t-lead,
  .tc-embed .bt65t .bt65t-cta{opacity:0;transform:translateX(-48px);
    transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.3,1)}
  .tc-embed .bt65t:hover .bt65t-lead,
  .tc-embed .bt65t:focus-visible .bt65t-lead{opacity:1;transform:none;transition-delay:.05s}
  .tc-embed .bt65t:hover .bt65t-cta,
  .tc-embed .bt65t:focus-visible .bt65t-cta{opacity:1;transform:none;transition-delay:.16s}
}

/* Cases-Seite: "Vom Feed zur Frequenz" als Zweispalter mit Reel rechts */
.b2c .closer .feed-split{display:grid;grid-template-columns:minmax(0,1fr) clamp(250px,23vw,330px);
  gap:clamp(40px,6vw,96px);align-items:center;margin-top:clamp(56px,8vh,96px)}
.b2c .closer .feed-h{font-family:var(--font-display);font-size:clamp(36px,4.6vw,64px);line-height:1.02;
  text-transform:uppercase;color:#fff;margin:0 0 26px}
.b2c .closer .feed-h em{font-style:normal;color:var(--accent)}
.b2c .closer .feed-kicker{font-size:clamp(17px,1.6vw,22px);line-height:1.6;color:#fff;max-width:34ch;font-weight:700}
.b2c .closer .feed-kicker em{font-style:normal;color:var(--highlight)}
.b2c .closer .feed-cta{margin-top:38px;padding-top:34px;border-top:1px solid rgba(255,255,255,.14)}
.b2c .feed-reel{position:relative;margin:0;aspect-ratio:9/16;border-radius:18px;overflow:hidden;
  background:var(--deep);border:1px solid rgba(255,255,255,.08)}
.b2c .feed-reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.b2c .feed-reel .snd{position:absolute;right:14px;bottom:14px;z-index:3;width:44px;height:44px;border:0;border-radius:50%;
  background:rgba(255,255,255,.92);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.b2c .feed-reel .snd svg{width:20px;height:20px}
.b2c .feed-reel .snd .w{display:none}
.b2c .feed-reel .snd[aria-pressed="true"] .w{display:block}
.b2c .feed-reel .snd[aria-pressed="true"] .x{display:none}
@media (max-width:900px){
  .b2c .closer .feed-split{grid-template-columns:1fr}
  .b2c .feed-reel{max-width:320px}
}

/* v2.3.6 – Feed-Modul mobil: Reihenfolge Headline, Text, Video, CTA */
@media (max-width:760px){
  .b2c .closer .feed-copy{display:contents}
  .b2c .closer .feed-h{order:1}
  .b2c .closer .feed-kicker{order:2}
  .b2c .closer .feed-reel{order:3;margin-top:6px}
  .b2c .closer .feed-cta{order:4;margin-top:18px}
}