/* Dexsport CTA components (hero action, offer card, inline CTA, mobile sticky bar) — 2026-10-28 */
body{--dxc-btn:var(--button);--dxc-on:var(--on,#fff);--dxc-card:var(--hero);--dxc-card-text:#fff;--dxc-card-muted:#ffffffc7;--dxc-chip:#ffffff14;--dxc-chip-border:#ffffff24;--dxc-radius:var(--radius,14px)}
.v6-site-de-kompass{--dxc-btn:#b9fa70;--dxc-on:#15371f;--dxc-card:#153f30}
.v6-site-de-zugang{--dxc-btn:#3d6fe0;--dxc-on:#fff;--dxc-card:#1c2f57}
.v6-site-de-mobil{--dxc-btn:#d2b3fd;--dxc-on:#2e194a;--dxc-card:#2c2142}
.v6-site-de-sport{--dxc-btn:#164cbc;--dxc-on:#fff;--dxc-card:#153963}
.v6-site-de-wissen{--dxc-btn:#b185f9;--dxc-on:#271436;--dxc-card:#3a1d48}
.v6-site-de-zugang .dxc-hero-btn,.v6-site-de-zugang .dxc-offer-btn,.v6-site-de-zugang .dxc-inline-btn,.v6-site-de-zugang .dxc-sticky-btn{--dxc-btn:#2f5fcf}
.v6-site-de-sport .dxc-offer-btn{--dxc-btn:#fff;--dxc-on:#153963}

/* shared button */
.dxc-hero-btn,.dxc-offer-btn,.dxc-inline-btn,.dxc-sticky-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--dxc-btn);color:var(--dxc-on);font-weight:800;text-decoration:none;border-radius:calc(var(--dxc-radius) * .6 + 4px);box-shadow:0 3px 0 #0003,0 12px 28px -12px #0009;transition:transform .16s ease,filter .16s ease;line-height:1.2}
.dxc-hero-btn:hover,.dxc-offer-btn:hover,.dxc-inline-btn:hover,.dxc-sticky-btn:hover{color:var(--dxc-on);filter:brightness(1.08);transform:translateY(-2px)}
.dxc-hero-btn:focus-visible,.dxc-offer-btn:focus-visible,.dxc-inline-btn:focus-visible,.dxc-sticky-btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.dxc-hero-btn span[aria-hidden],.dxc-offer-btn span[aria-hidden],.dxc-inline-btn span[aria-hidden],.dxc-sticky-btn span[aria-hidden]{font-size:1.1em}

/* 1. hero action */
.dxc-hero{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:22px}
.dxc-hero-btn{min-height:54px;padding:15px 26px;font-size:16px}
.dxc-hook{margin:0!important;font-size:13px!important;line-height:1.45!important;color:var(--muted)!important;max-width:44ch}
.dxc-hook b{color:var(--text);font-weight:800}
.dxc-hero-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.dxc-hero .b-text-link{font-weight:800}
.v6-article-head .dxc-hero{margin-top:18px}
.dex-intro .dxc-hero{margin:18px 0 6px}

/* 2. offer card (home) */
.dxc-offer{position:relative;width:min(1376px,calc(100% - 64px));margin:28px auto 40px;background:radial-gradient(120% 140% at 100% 0%,#ffffff1f 0,transparent 55%),linear-gradient(135deg,var(--dxc-card),color-mix(in srgb,var(--dxc-card) 70%,#000));color:var(--dxc-card-text);border-radius:calc(var(--dxc-radius) + 6px);overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:stretch;box-shadow:0 24px 60px -30px #000c;isolation:isolate}
.dxc-offer-body{padding:38px 40px 34px;display:flex;flex-direction:column;gap:18px;z-index:1}
.dxc-offer .dxc-eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--dxc-card-muted);margin:0}
.dxc-offer h2{margin:0;font-family:var(--display,'Archivo'),sans-serif;font-size:clamp(28px,3.2vw,44px);line-height:1.02;letter-spacing:-.03em;color:#fff}
.dxc-offer-lead{margin:0;color:var(--dxc-card-muted);font-size:15px;line-height:1.55;max-width:56ch}
.dxc-perks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dxc-perks li{background:var(--dxc-chip);border:1px solid var(--dxc-chip-border);border-radius:calc(var(--dxc-radius) * .7 + 2px);padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.dxc-perks strong{font-family:var(--display,'Archivo'),sans-serif;font-size:clamp(20px,2vw,26px);line-height:1.05;letter-spacing:-.02em;color:#fff}
.dxc-perks span{font-size:13px;line-height:1.4;color:var(--dxc-card-muted)}
.dxc-offer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.dxc-offer-btn{min-height:58px;padding:16px 30px;font-size:17px}
.dxc-terms{margin:0;font-size:12px;line-height:1.45;color:var(--dxc-card-muted)}
.dxc-offer-art{position:relative;min-height:100%;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.dxc-offer-art img{display:block;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 30px #0008)}
.dxc-offer-art .dxc-art-main{max-height:360px;width:auto;margin:auto}
.dxc-offer-art .dxc-art-cover{position:absolute;width:30%;border-radius:12px;box-shadow:0 12px 30px #0009}

/* 3. inline CTA (inner pages) */
.dxc-inline{margin:28px 0;padding:22px 24px;border-radius:calc(var(--dxc-radius) + 2px);background:linear-gradient(135deg,var(--dxc-card),color-mix(in srgb,var(--dxc-card) 72%,#000));color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;box-shadow:0 18px 44px -28px #000b}
.dxc-inline>div{flex:1 1 320px;min-width:0}
.dxc-inline .dxc-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--dxc-card-muted);margin:0 0 6px}
.dxc-inline p.dxc-inline-title{margin:0 0 4px;font-family:var(--display,'Archivo'),sans-serif;font-weight:800;font-size:21px;line-height:1.2;letter-spacing:-.01em;color:#fff}
.dxc-inline p.dxc-inline-text{margin:0;font-size:14px;line-height:1.5;color:var(--dxc-card-muted)}
.dxc-inline-btn{min-height:52px;padding:14px 24px;font-size:15px;flex:0 0 auto}

/* 4. mobile sticky bar */
.dxc-sticky{display:none}
@media (max-width:760px){
 .dxc-sticky{display:flex;position:fixed;z-index:60;left:0;right:0;bottom:0;align-items:center;gap:10px;padding:5px 12px calc(5px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--dxc-card) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid #ffffff22;box-shadow:0 -8px 24px #0004;transition:transform .2s ease}
 .dxc-sticky.is-hidden{transform:translateY(110%);visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s}
 .dxc-sticky-text{flex:1 1 auto;min-width:0;font-size:12px;line-height:1.3;color:#fff;margin:0}
 .dxc-sticky-text small{display:block;color:var(--dxc-card-muted);font-size:10.5px}
 .dxc-sticky-btn{flex:0 0 auto;min-height:44px;padding:10px 16px;font-size:14px;box-shadow:none}
 body.dxc-has-sticky{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
 .dxc-offer{width:calc(100% - 36px);grid-template-columns:1fr;margin:18px auto 30px}
 .dxc-offer-body{padding:26px 20px 24px;gap:14px}
 .dxc-perks{grid-template-columns:1fr;gap:8px}
 .dxc-perks li{gap:2px;padding:11px 14px}
 .dxc-perks strong{font-size:20px;flex:0 0 auto}
 .dxc-offer-art{display:none}
 .dxc-offer-btn{width:100%}
 .dxc-hero-btn{min-height:52px;padding:14px 22px;font-size:15px}
 .dxc-inline{padding:20px 18px}
 .dxc-inline-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.dxc-hero-btn,.dxc-offer-btn,.dxc-inline-btn,.dxc-sticky-btn,.dxc-sticky{transition:none}}