:root{--bg:#e7e3f2;--card:#fff;--ink:#1b1230;--muted:#5f5872;--line:#d9d0e6;--brand:#951a81;--brand-2:#ac1e8b;--accent:#2575fc;--accent-ink:#ffffff;--soft:#f1e4f0;--lav:#e7e3f2;--grad:linear-gradient(135deg,#6a11cb,#2575fc);--radius:18px;--shadow:0 10px 30px rgba(149,26,129,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.55 Inter,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
img,svg{max-width:100%}
.wrap{width:min(1140px,92vw);margin:0 auto}
.topbar{background:var(--brand);color:#fff;font-size:13px;position:sticky;top:0;z-index:21;height:32px;overflow:hidden}
.topbar .wrap{display:flex;justify-content:space-between;gap:16px;padding:7px 0;white-space:nowrap;overflow:hidden}
.topbar .tb-right{opacity:.9}
header.top{position:sticky;top:32px;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
section[id]{scroll-margin-top:112px}
@media(max-width:380px){.topbar{font-size:11.5px}.topbar .wrap{padding:8px 0}}
.nav{display:flex;align-items:center;gap:18px;height:72px;flex-wrap:nowrap}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;color:var(--ink);letter-spacing:-.02em}
.logo:hover{text-decoration:none}
.logo img{height:44px;width:auto;display:block}
.logo .suffix{font-weight:600;font-size:20px;color:var(--brand);letter-spacing:-.01em;padding-left:2px}
footer .logo img{height:40px}
html.esp .logo img{display:none}html.esp .logo{gap:10px}
html.esp .logo:before{content:"";flex:0 0 34px;height:34px;border-radius:10px;background:linear-gradient(#fff,#fff) center/15px 11px no-repeat,var(--grad)}
html.esp .logo .suffix{font-size:0!important;padding:0;display:flex;align-items:center;gap:7px}
html.esp .logo .suffix:before{content:"eSIM Space";font-size:23px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--ink);white-space:nowrap}
html.esp .logo .suffix:after{content:".de";font-size:14px;font-weight:700;line-height:1;color:#fff;background:var(--brand);padding:5px 7px;border-radius:7px}
html.esp footer .logo .suffix:before{color:#fff}
@media(max-width:380px){html.esp .logo .suffix:before{font-size:20px}html.esp .logo:before{flex-basis:30px;height:30px}}
.nav ul{display:flex;gap:20px;list-style:none;margin:0 0 0 auto;padding:0;white-space:nowrap}
.nav ul a{color:var(--ink);font-weight:500;font-size:15px}
.nav .cta{margin-left:4px;white-space:nowrap}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:20px;cursor:pointer}
.btn{display:inline-block;padding:12px 22px;border-radius:999px;font-weight:600;border:2px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer;font-size:16px;line-height:1.2}
.btn:hover{background:var(--brand-2);border-color:var(--brand-2);text-decoration:none}
.btn.ghost{background:transparent;color:var(--brand)}.btn.ghost:hover{background:var(--soft)}
.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.accent:hover{filter:brightness(.95)}
.btn.sm{padding:9px 16px;font-size:14px}
.btn:disabled{opacity:.55;cursor:not-allowed;filter:none}
.hero{padding:56px 0 36px;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(34px,5vw,56px);line-height:1.05;margin:0 0 18px;letter-spacing:-.03em}
.hero h1 span{color:var(--brand)}
.hero p.lead{font-size:19px;color:var(--muted);margin:0 0 26px}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-card{background:var(--grad);color:#fff;border-radius:28px;padding:34px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero-card:after{content:"";position:absolute;right:-40px;top:-30px;width:240px;height:240px;background:url(assets/variatel-mark.png) center/contain no-repeat;opacity:.18}
.hero-card .big{font-size:60px;font-weight:800;letter-spacing:-.04em;line-height:1}
.hero-card .sub{opacity:.85;margin-top:6px}
.hero-card ul{list-style:none;padding:0;margin:22px 0 0}
.hero-card li{padding:8px 0;border-top:1px solid rgba(255,255,255,.15)}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:10px 0 50px}
.quick a{background:var(--card);border:1px solid transparent;border-radius:var(--radius);padding:18px;display:flex;gap:14px;align-items:center;color:var(--ink);font-weight:600;box-shadow:var(--shadow)}
.quick a:hover{border-color:var(--brand);text-decoration:none}
.quick .ico{width:42px;height:42px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--brand);font-size:20px;flex:none}
section{padding:46px 0}
h2{font-size:clamp(26px,3.4vw,38px);letter-spacing:-.02em;margin:0 0 8px}
.sub{color:var(--muted);margin:0 0 28px;font-size:17px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.plan{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;box-shadow:var(--shadow);position:relative}
.plan.hot{border-color:var(--brand);box-shadow:0 14px 40px rgba(11,110,95,.16)}
.plan .badge{position:absolute;top:-12px;right:18px;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:12px;padding:5px 12px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}
.plan .name{font-weight:700;font-size:14px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.plan .data{font-size:44px;font-weight:800;letter-spacing:-.04em;line-height:1.05;margin:6px 0 0}
.plan .data small{font-size:18px;font-weight:600;color:var(--muted);letter-spacing:0}
.plan .bonus{color:var(--brand);font-weight:600;font-size:14px;margin:4px 0 14px}
.plan ul{list-style:none;padding:0;margin:0 0 20px;color:var(--ink)}
.plan li{padding:7px 0 7px 26px;border-top:1px solid var(--line);position:relative;font-size:15px}
.plan li:before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:700}
.plan .price{margin-top:auto;display:flex;align-items:baseline;gap:8px}
.plan .price b{font-size:32px;letter-spacing:-.03em}
.plan .price span{color:var(--muted)}
.plan .btn{margin-top:14px;text-align:center}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.card h3{margin:0 0 8px;font-size:19px}
.card p{margin:0;color:var(--muted)}
.card .ico{width:46px;height:46px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--brand);font-size:22px;margin-bottom:14px}
.band{background:linear-gradient(120deg,#951a81,#6a11cb);color:#fff;border-radius:28px;padding:44px;display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}
.band h2{color:#fff}.band p{opacity:.9;margin:0}
.band .btn{background:#fff;border-color:#fff;color:var(--brand)}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 22px 66px;position:relative}
.step:before{counter-increment:s;content:counter(s);position:absolute;left:20px;top:20px;width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;display:grid;place-items:center}
.step h3{margin:0 0 6px;font-size:17px}.step p{margin:0;color:var(--muted);font-size:15px}
details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:4px 18px;margin:0 0 10px}
summary{cursor:pointer;font-weight:600;padding:12px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--brand);font-weight:700;font-size:20px;line-height:1}
details[open] summary:after{content:"–"}
details p{margin:0 0 14px;color:var(--muted)}
table{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);font-size:15px;vertical-align:top}
th{background:var(--soft);font-weight:700;color:var(--ink)}
.tscroll{overflow-x:auto;border-radius:var(--radius)}
form{display:grid;gap:14px}
label{display:grid;gap:6px;font-weight:600;font-size:14px}
input,select,textarea{font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--brand-2);border-color:transparent}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;color:var(--muted)}
.check input{width:auto;margin-top:3px}
.note{font-size:13px;color:var(--muted)}
.ok{background:#e7f6ee;border:1px solid #b9e4cb;color:#175b36;padding:14px;border-radius:12px;display:none}
.err{background:#fdecec;border:1px solid #f3bcbc;color:#7a1f1f;padding:14px;border-radius:12px;display:none}
.pill{display:inline-block;background:var(--soft);color:var(--brand);font-weight:600;font-size:13px;padding:4px 10px;border-radius:999px}
.partner{font:600 12px/1.2 var(--mono,inherit);letter-spacing:.04em;text-transform:uppercase;color:var(--brand);background:var(--soft);padding:5px 9px;border-radius:6px;white-space:nowrap}
.hero-sub{padding:54px 0 10px}.hero-sub h1{font-size:clamp(30px,4.5vw,46px);margin:0 0 10px;letter-spacing:-.03em}.hero-sub p{color:var(--muted);font-size:18px;margin:0;max-width:760px}
.prose{max-width:820px}.prose h2{font-size:24px;margin:34px 0 10px}.prose h3{font-size:18px;margin:24px 0 6px}.prose p,.prose li{color:#2e3c38}
footer{margin-top:40px;background:#1b1230;color:#d6cfe3;padding:44px 0 24px}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
footer h4{color:#fff;margin:0 0 12px;font-size:15px;letter-spacing:.06em;text-transform:uppercase}
footer ul{list-style:none;padding:0;margin:0}footer li{margin:0 0 8px}footer a{color:#d6cfe3}
footer .bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;font-size:13px;color:#9b92ad;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;text-align:center}
.kpi b{display:block;font-size:34px;color:var(--brand);letter-spacing:-.03em}
.kpi span{color:var(--muted);font-size:14px}
.compare td:first-child{font-weight:600}
.compare .yes{color:var(--brand);font-weight:700}.compare .no{color:#b9c2bf}
@media(max-width:1100px){.nav ul{gap:14px}.nav ul a{font-size:14px}}
@media(max-width:900px){.hero,.grid3,.grid4,.quick,.steps,.band,.kpis{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}footer .cols{grid-template-columns:1fr 1fr}}
.partner-foot{display:inline-block;margin-top:14px;font-size:13px;color:#d6cfe3;border:1px solid rgba(255,255,255,.2);padding:6px 10px;border-radius:8px}
[hidden]{display:none!important}
.tabs{display:inline-flex;gap:4px;background:var(--lav);padding:4px;border-radius:999px;margin:0 0 18px;max-width:100%}
.tabs button{border:0;background:transparent;padding:10px 16px;border-radius:999px;font:600 15px/1.2 Inter,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--muted);cursor:pointer;white-space:nowrap}
.tabs button[aria-selected=true]{background:#fff;color:var(--brand);box-shadow:0 2px 8px rgba(27,18,48,.1)}
.ss-label{font-weight:600;font-size:14px;margin:0 0 6px}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tile{border:2px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;cursor:pointer;text-align:left;font:inherit;color:var(--ink);display:grid;gap:2px}
.tile:hover{border-color:var(--brand-2)}.tile b{font-size:20px;letter-spacing:-.02em}.tile span{font-size:13px;color:var(--muted)}
.tile[aria-pressed=true]{border-color:var(--brand);background:var(--soft)}
.tile:disabled{opacity:.5;cursor:not-allowed}.tile.cur:disabled{opacity:1;border-color:var(--brand);background:var(--soft)}
.ss-tariff>p{margin:0 0 14px}.ss-confirm{margin-top:16px;display:grid;gap:12px}.ss-confirm p{margin:0;color:var(--ink)}.ss-tariff>.ss-msg{margin-top:14px}
.ss-msg{padding:14px 16px;border-radius:12px;font-size:15px;line-height:1.5;margin:0}
.ss-msg.good{background:#e7f6ee;border:1px solid #b9e4cb;color:#175b36}.ss-msg.bad{background:#fdecec;border:1px solid #f3bcbc;color:#7a1f1f}
.ss-msg.info{background:#eef4ff;border:1px solid #c9dafc;color:#1d3b7a}.ss-msg.wait{background:var(--soft);border:1px solid var(--line);color:var(--ink)}
.ss-soon{background:var(--soft);border-radius:14px;padding:18px}.ss-soon p{color:var(--muted);margin:8px 0 0}
.spin{display:inline-block;width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ssspin .8s linear infinite;vertical-align:-2px;margin-right:8px}
@keyframes ssspin{to{transform:rotate(360deg)}}
.code-input{font:700 28px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.35em;text-align:center}
.ss-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ss-link{border:0;background:none;color:var(--brand);font:inherit;cursor:pointer;padding:6px 4px}
.ss-narrow{max-width:520px}.ss-gap{margin-top:16px}
.ss-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 16px;flex-wrap:wrap}.ss-head h2{margin:2px 0 0}.ss-head .ss-label{color:var(--muted)}
#ss-mein>.ss-msg{margin:0 0 14px}#order-box{margin:0 0 16px}
.dash{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.stat .k{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.stat .v{font-size:32px;font-weight:800;letter-spacing:-.03em;margin:6px 0 4px;line-height:1.1}.stat .s{color:var(--muted);font-size:14px}
.esim-qr{display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin:14px 0}.esim-qr svg{width:min(260px,100%);height:auto;display:block}
.esim-codes dt{font-size:13px;color:var(--muted);margin-top:12px}.esim-codes dd{margin:3px 0 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.esim-codes code{word-break:break-all;font-size:14px;background:var(--soft);padding:4px 8px;border-radius:8px}
.esim-steps{padding-left:20px;margin:8px 0 0}.esim-steps li{margin:6px 0}
.ss-below{margin-top:20px}.ss-hist{box-shadow:none}.ss-hist th,.ss-hist td{font-size:14px;padding:9px 10px}.ss-hist td:nth-child(3){white-space:nowrap}
@media(max-width:900px){.dash{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.tiles{grid-template-columns:1fr 1fr}.dash{grid-template-columns:1fr}.tabs{display:flex}.tabs button{flex:1;padding:10px 6px;font-size:14px}}
@media(max-width:640px){.topbar .tb-right{display:none}.grid2,.grid3,.grid4,.quick,.steps,.kpis,.row,.band{grid-template-columns:1fr}.nav ul{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;flex-direction:column;padding:16px 4vw;gap:14px;border-bottom:1px solid var(--line)}.nav ul.open{display:flex}.burger{display:block}.nav .cta{display:none}.band{padding:28px}.hero{padding-top:36px}}
@font-face{font-family:"ESD Condensed";font-weight:700;font-display:swap;src:url(assets/fonts/barlow-condensed-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"ESD Condensed";font-weight:700;font-display:swap;src:url(assets/fonts/barlow-condensed-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* eSIM Space .de look: strict German (black, red, gold, DIN, hard edges), loud retail. Switched on by the head script
   in the iOS app (user agent "ESIMSpaceDE/") and with ?look=esd; in a browser both domains keep the Variatel look. */
html.esd{--bg:#F2EFE8;--card:#fff;--ink:#0B0B0B;--muted:#4A4A4A;--line:#0B0B0B;--brand:#E30613;--brand-2:#B8000F;--accent:#E30613;--accent-ink:#fff;--soft:#FFCC00;--lav:#F2EFE8;--grad:linear-gradient(135deg,#0B0B0B,#2A2A2A);--radius:0px;--shadow:5px 5px 0 #0B0B0B;accent-color:#E30613}
html.esd h1,html.esd h2,html.esd h3,html.esd .btn,html.esd summary,html.esd .fl-tile b,html.esd .fl-plan span,html.esd .plan .data,html.esd .plan .badge,html.esd .tabs button,html.esd .kpi b,html.esd .stat .v{font-family:"DIN Condensed","ESD Condensed",Impact,"Arial Narrow",sans-serif;font-weight:700;letter-spacing:0;text-transform:uppercase}
html.esd .hero h1,html.esd .hero-sub h1{font-size:48px;line-height:.95}html.esd h2,html.esd .fl h2{font-size:34px;line-height:1}html.esd h3{font-size:24px}
html.esd .hero-sub{padding:26px 0 6px}html.esd a{color:#E30613}
html.esd .btn{border-radius:0;border:3px solid #0B0B0B;background:#E30613;color:#fff;box-shadow:5px 5px 0 #0B0B0B;font-size:22px;line-height:1;padding:14px 22px 10px}
html.esd .btn:hover{background:#B8000F;border-color:#0B0B0B}html.esd .btn:active{transform:translate(4px,4px);box-shadow:1px 1px 0 #0B0B0B}
html.esd .btn.ghost{background:#fff;color:#0B0B0B}html.esd .btn.accent{background:#E30613;color:#fff;border-color:#0B0B0B}
html.esd .card,html.esd .plan,html.esd .stat,html.esd .hero-card,html.esd .quick a,html.esd .tile,html.esd .step,html.esd details,html.esd .tscroll,html.esd .fl-tile,html.esd .fl-plan,html.esd .fl-qr,html.esd .esim-qr{border-radius:0;border:3px solid #0B0B0B;box-shadow:5px 5px 0 #0B0B0B}
html.esd .fl-tile:hover,html.esd .fl-plan:hover,html.esd .fl-plan.on,html.esd .tile:hover{border-color:#0B0B0B;background:#FFCC00}
html.esd .fl-ico,html.esd .card .ico,html.esd .quick .ico{border-radius:0;background:#FFCC00;color:#0B0B0B}html.esd .fl-arr{color:#E30613}
html.esd .fl-bar{border-radius:0;height:8px;background:#0B0B0B}html.esd .fl-bar i{height:8px;background:#E30613}html.esd .fl-back,html.esd .fl-link{color:#0B0B0B;font-weight:700}
html.esd .band{background:#E30613;border:3px solid #0B0B0B;border-radius:0;box-shadow:5px 5px 0 #0B0B0B}html.esd .step:before{border-radius:0;background:#E30613}
html.esd .plan .badge,html.esd .pill{border-radius:0;background:#FFCC00;color:#0B0B0B}html.esd .plan .bonus{color:#0B0B0B;background:#FFCC00;display:inline-block;padding:2px 6px}
html.esd .tabs{border-radius:0;background:#fff;border:3px solid #0B0B0B;padding:0;gap:0}html.esd .tabs button{border-radius:0}
html.esd .tabs button[aria-selected=true]{background:#0B0B0B;color:#FFCC00;box-shadow:none}
html.esd input,html.esd select,html.esd textarea{border-radius:0;border:2px solid #0B0B0B;background:#fff}
html.esd input:focus,html.esd select:focus,html.esd textarea:focus{outline:3px solid #FFCC00;outline-offset:0;border-color:#0B0B0B}
html.esd .ok,html.esd .err,html.esd .ss-msg,html.esd .ss-soon{border-radius:0;border:2px solid #0B0B0B}
html.esd body{background:#F2EFE8}.esd-sticker,.esd-ticker{display:none}
html.esd .topbar{background:#0B0B0B;color:#FFCC00;font:700 15px/1 "DIN Condensed","ESD Condensed",Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;position:sticky;top:0;z-index:21;height:30px}html.esd .topbar .wrap{padding:9px 0 6px}
html.esd header.top{background:#F2EFE8;border-bottom:3px solid #0B0B0B;top:30px}
html.esd .logo img{display:none}html.esd .logo{gap:8px}html.esd .logo:before{content:"";flex:0 0 8px;height:26px;background:linear-gradient(#0B0B0B 0 33.3%,#E30613 33.3% 66.6%,#FFCC00 66.6%)}
html.esd .logo .suffix{font-size:0!important;padding:0;display:flex;align-items:center;gap:7px}
html.esd .logo .suffix:before{content:"eSIM SPACE";font:700 34px/1 "DIN Condensed","ESD Condensed",Impact,sans-serif;color:#0B0B0B;padding-top:5px;white-space:nowrap}
@media(max-width:640px){html.esd .logo .suffix:before{font-size:29px}html.esd .logo .suffix:after{font-size:22px}}
html.esd .logo .suffix:after{content:".DE";font:700 26px/1 "DIN Condensed","ESD Condensed",Impact,sans-serif;color:#fff;background:#E30613;padding:6px 6px 2px}
html.esd footer .logo .suffix:before{color:#fff}html.esd footer .logo:before{background:linear-gradient(#5A5A5A 0 33.3%,#E30613 33.3% 66.6%,#FFCC00 66.6%)}
html.esd .nav ul a{font:700 19px/1 "DIN Condensed","ESD Condensed",Impact,sans-serif;text-transform:uppercase;color:#0B0B0B;padding-top:3px}html.esd .nav .cta{font-size:19px;padding:10px 16px 6px}
html.esd .burger{border:2px solid #0B0B0B;border-radius:0;color:#0B0B0B}
html.esd .pill{background:#0B0B0B;color:#fff;font:700 17px/1 "DIN Condensed","ESD Condensed",Impact,sans-serif;text-transform:uppercase;padding:7px 9px 3px}
html.esd .hero{gap:56px;padding:44px 0 40px}html.esd .hero>div:first-child{position:relative}
html.esd .hero h1{font-size:clamp(58px,7.4vw,104px);line-height:.88;margin:16px 0 20px;color:#0B0B0B}html.esd .hero h1 span{color:#E30613}
html.esd .hero p.lead{color:#0B0B0B;font-weight:600}
html.esd .hero-card{background:#E30613;overflow:visible;padding:30px 30px 26px}html.esd .hero-card:after{display:none}
html.esd .hero-card .sub{font:700 22px/1 "DIN Condensed","ESD Condensed",Impact,sans-serif;text-transform:uppercase;opacity:1;color:#fff}
html.esd .hero-card .big{font:700 clamp(96px,10vw,136px)/.9 "DIN Condensed","ESD Condensed",Impact,sans-serif;letter-spacing:0;margin:12px 0 6px}
html.esd .hero-card li{border-top:2px solid rgba(0,0,0,.35);font-weight:600}
html.esd .esd-sticker{display:block;position:absolute;width:150px;height:150px;right:-18px;top:-46px;transform:rotate(12deg);z-index:3}
html.esd .esd-sticker:before,html.esd .esd-sticker:after{content:"";position:absolute;inset:0;clip-path:polygon(50.0% 0.0%,57.3% 8.6%,67.1% 3.0%,71.0% 13.6%,82.1% 11.7%,82.2% 23.0%,93.3% 25.0%,89.5% 35.6%,99.2% 41.3%,92.0% 50.0%,99.2% 58.7%,89.5% 64.4%,93.3% 75.0%,82.2% 77.0%,82.1% 88.3%,71.0% 86.4%,67.1% 97.0%,57.3% 91.4%,50.0% 100.0%,42.7% 91.4%,32.9% 97.0%,29.0% 86.4%,17.9% 88.3%,17.8% 77.0%,6.7% 75.0%,10.5% 64.4%,0.8% 58.7%,8.0% 50.0%,0.8% 41.3%,10.5% 35.6%,6.7% 25.0%,17.8% 23.0%,17.9% 11.7%,29.0% 13.6%,32.9% 3.0%,42.7% 8.6%)}
html.esd .esd-sticker:before{background:#0B0B0B;transform:translate(5px,5px) scale(1.04)}html.esd .esd-sticker:after{background:#FFCC00}
html.esd .esd-sticker span{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0B0B0B;font:700 22px/.92 "DIN Condensed","ESD Condensed",Impact,sans-serif;text-transform:uppercase;text-align:center}
html.esd .esd-sticker b{font-size:44px;line-height:.9}
@media(max-width:1100px){html.esd .nav ul{gap:14px}html.esd .nav ul a{font-size:17px}}
@media(max-width:900px){html.esd .esd-sticker{right:0}html.esd .nav .cta{display:none}html.esd .logo .suffix:before{font-size:29px}html.esd .logo .suffix:after{font-size:22px}}
@media(max-width:640px){html.esd .esd-sticker{width:118px;height:118px;right:8px;top:-44px}html.esd .esd-sticker span{font-size:18px}html.esd .esd-sticker b{font-size:34px}
html.esd .hero-sub h1{font-size:40px}html.esd section h2{font-size:38px}}
html.esd h1,html.esd h2,html.esd h3{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
@media(max-width:380px){html.esd .esd-sticker{width:100px;height:100px;right:12px;top:-38px}html.esd .esd-sticker b{font-size:28px}html.esd .hero h1{font-size:50px}html.esd footer .cols{grid-template-columns:1fr}}
html.esd,html.esd body{overflow-x:clip}
/* "Neon" variant of the eSIM Space .de look (?look=neon): 80s Miami night — hot pink, cyan, purple, glow, VHS lines,
   striped sunset and a neon grid. Builds on html.esd (layout, wordmark, sticker, ticker) and only recolours it. */
html.esd.nm{--bg:#0B0019;--card:#160033;--ink:#F8F1FF;--muted:#C9B6E4;--line:#FF1F8E;--brand:#FF1F8E;--brand-2:#E100FF;--accent:#FF1F8E;--accent-ink:#0B0019;--soft:#2B0A4A;--lav:#0B0019;accent-color:#FF1F8E;color-scheme:dark}
html.esd.nm body{background:radial-gradient(900px 520px at 80% 0%,rgba(225,0,255,.30),transparent 60%),radial-gradient(800px 600px at 5% 0%,rgba(0,229,255,.16),transparent 55%),linear-gradient(180deg,#0B0019 0%,#15002F 55%,#0B0019 100%) fixed;color:#F8F1FF}
html.esd.nm body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px);opacity:.35}
html.esd.nm .topbar{background:linear-gradient(90deg,#FF1F8E,#E100FF,#00E5FF,#FF1F8E) 0 0/300% 100%;color:#0B0019;animation:nmflow 14s linear infinite}@keyframes nmflow{to{background-position:300% 0}}
html.esd.nm header.top{background:rgba(11,0,25,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid #FF1F8E;box-shadow:0 0 18px rgba(255,31,142,.55)}
html.esd.nm .logo:before{background:linear-gradient(#00E5FF 0 33.3%,#FF1F8E 33.3% 66.6%,#FFD319 66.6%)}
html.esd.nm .logo .suffix:before{color:#fff;text-shadow:-2px 0 #00E5FF,2px 0 #FF1F8E,0 0 12px rgba(255,31,142,.9)}
html.esd.nm .logo .suffix:after{background:linear-gradient(135deg,#FF1F8E,#FF6A00);color:#0B0019;box-shadow:0 0 14px rgba(255,31,142,.8)}
html.esd.nm .nav ul a{color:#F8F1FF}html.esd.nm .nav ul a:hover{color:#00E5FF;text-shadow:0 0 8px #00E5FF;text-decoration:none}html.esd.nm .burger{border-color:#00E5FF;color:#00E5FF;background:transparent}
html.esd.nm h1,html.esd.nm h2,html.esd.nm h3,html.esd.nm summary{color:#fff;text-shadow:-2px 0 #00E5FF,2px 0 #FF1F8E,0 0 18px rgba(255,31,142,.55)}
html.esd.nm .hero h1,html.esd.nm .hero-sub h1,html.esd.nm section h2{transform:skewX(-7deg);transform-origin:left bottom;display:inline-block;max-width:calc(100% - 12px)}
html.esd.nm .btn.fl-wide,html.esd.nm .fl .btn{transform:none}
html.esd.nm .hero h1 span{color:#FF1F8E;text-shadow:0 0 14px rgba(255,31,142,.9),0 0 34px rgba(225,0,255,.6)}
html.esd.nm .pill{background:transparent;color:#00E5FF;border:2px solid #00E5FF;box-shadow:0 0 12px rgba(0,229,255,.6),inset 0 0 8px rgba(0,229,255,.35);text-shadow:0 0 6px #00E5FF}
html.esd.nm .hero p.lead,html.esd.nm .hero-sub p,html.esd.nm section>.sub,html.esd.nm section>p.sub,html.esd.nm .card p,html.esd.nm .muted,html.esd.nm .fl-sub,html.esd.nm .fl-tile small{color:#C9B6E4}
html.esd.nm .btn{background:linear-gradient(135deg,#FF1F8E,#FF6A00);color:#0B0019;border:2px solid #FFD319;box-shadow:0 0 18px rgba(255,31,142,.75);transform:skewX(-7deg)}
html.esd.nm .btn:hover{background:linear-gradient(135deg,#FF4FA8,#FF8A33);border-color:#FFD319}html.esd.nm .btn:active{transform:skewX(-7deg) translateY(2px);box-shadow:0 0 8px rgba(255,31,142,.6)}
html.esd.nm .btn.ghost{background:rgba(11,0,25,.6);color:#00E5FF;border-color:#00E5FF;box-shadow:0 0 14px rgba(0,229,255,.55)}
html.esd.nm .card,html.esd.nm .plan,html.esd.nm .stat,html.esd.nm .quick a,html.esd.nm .tile,html.esd.nm .step,html.esd.nm details,html.esd.nm .tscroll,html.esd.nm .fl-tile,html.esd.nm .fl-plan,html.esd.nm .fl-qr,html.esd.nm .esim-qr,html.esd.nm .kpi{background:rgba(22,0,51,.85);border:2px solid #FF1F8E;box-shadow:0 0 16px rgba(255,31,142,.45),inset 0 0 18px rgba(225,0,255,.12);color:#F8F1FF}
html.esd.nm .fl-tile:hover,html.esd.nm .fl-plan:hover,html.esd.nm .fl-plan.on,html.esd.nm .tile:hover{background:rgba(255,31,142,.25);border-color:#FFD319}
html.esd.nm .fl-ico,html.esd.nm .card .ico,html.esd.nm .quick .ico{background:#FF1F8E;color:#0B0019}html.esd.nm .fl-arr{color:#00E5FF}html.esd.nm .fl-back,html.esd.nm .fl-link{color:#00E5FF}
html.esd.nm .fl-bar{background:#2B0A4A}html.esd.nm .fl-bar i{background:linear-gradient(90deg,#FF1F8E,#00E5FF)}
html.esd.bay .fl-bar{height:14px;border-radius:999px;background:#E3F0FA;border:2px solid #1F6FB2}html.esd.bay .fl-bar i{height:10px;border-radius:999px;background:repeating-linear-gradient(-55deg,#fff 0 7px,#3D9BE9 7px 14px)}
html.esd.ber .fl-bar{height:12px;background:#D9D6CF;border:3px solid #111}html.esd.ber .fl-bar i{height:6px;background:#F7D117}
html.esd.nm .grid4 .card:nth-child(odd){background:rgba(22,0,51,.85);border-color:#00E5FF;box-shadow:0 0 16px rgba(0,229,255,.45)}
html.esd.nm .grid4 .card:nth-child(odd) h3{color:#00E5FF;text-shadow:0 0 10px rgba(0,229,255,.7)}html.esd.nm .plan .name{text-shadow:0 0 8px rgba(0,229,255,.6)}html.esd.nm .grid4 .card:nth-child(odd) p{color:#C9B6E4}
html.esd.nm .hero{position:relative;isolation:isolate}
html.esd.nm .hero:before{content:"";position:absolute;z-index:-1;width:min(500px,72vw);aspect-ratio:1;right:2%;top:2%;border-radius:50%;background:linear-gradient(180deg,#FFD319 0%,#FF6A00 42%,#FF1F8E 72%,#E100FF 100%);-webkit-mask:linear-gradient(#000,#000) top/100% 46% no-repeat,repeating-linear-gradient(180deg,#000 0 13px,transparent 13px 20px) bottom/100% 54% no-repeat;mask:linear-gradient(#000,#000) top/100% 46% no-repeat,repeating-linear-gradient(180deg,#000 0 13px,transparent 13px 20px) bottom/100% 54% no-repeat;filter:drop-shadow(0 0 40px rgba(255,31,142,.55));opacity:.9}
html.esd.nm .hero:after{content:"";position:absolute;z-index:-1;left:-25%;right:-25%;bottom:-30px;height:230px;background:linear-gradient(transparent calc(100% - 2px),rgba(225,0,255,.75) 0) 0 0/100% 32px,linear-gradient(90deg,transparent calc(100% - 2px),rgba(225,0,255,.75) 0) 0 0/64px 100%;transform:perspective(260px) rotateX(62deg);transform-origin:bottom;-webkit-mask:linear-gradient(transparent,#000 75%);mask:linear-gradient(transparent,#000 75%)}
html.esd.nm .hero-card{background:linear-gradient(160deg,rgba(43,10,74,.94),rgba(11,0,25,.94));border:2px solid #00E5FF;box-shadow:0 0 22px rgba(0,229,255,.6),0 0 60px rgba(225,0,255,.35)}
html.esd.nm .hero-card .big{background:linear-gradient(180deg,#fff 0%,#00E5FF 48%,#E100FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(0,229,255,.55))}
html.esd.nm .hero-card .sub{color:#FFD319}html.esd.nm .hero-card li{border-color:rgba(0,229,255,.35);color:#F8F1FF}
html.esd.nm .esd-sticker:before{background:#FF1F8E}html.esd.nm .esd-sticker:after{background:#FFD319}
html.esd.nm .esd-ticker{background:#FF1F8E;box-shadow:0 0 22px rgba(255,31,142,.8)}html.esd.nm .esd-ticker div{color:#0B0019}html.esd.nm .esd-ticker i{color:#fff}
html.esd.nm .quick a{color:#F8F1FF}
html.esd.nm .plan .name{color:#00E5FF}
html.esd.nm .plan .data,html.esd.nm .plan.hot .data{background:linear-gradient(180deg,#fff,#FF8BD0 60%,#FF1F8E);-webkit-background-clip:text;background-clip:text;color:transparent}
html.esd.nm .plan .data small{color:#C9B6E4;-webkit-text-fill-color:#C9B6E4}
html.esd.nm .plan .bonus{background:#FFD319;color:#0B0019}html.esd.nm .plan li{border-color:rgba(255,31,142,.35);color:#F8F1FF}html.esd.nm .plan li:before{color:#00E5FF}
html.esd.nm .plan .price b,html.esd.nm .plan.hot .price b{color:#FFD319;text-shadow:0 0 12px rgba(255,211,25,.7)}html.esd.nm .plan .price span{color:#C9B6E4}
html.esd.nm .plan.hot{background:linear-gradient(160deg,rgba(255,31,142,.3),rgba(22,0,51,.92));border-color:#FFD319;box-shadow:0 0 26px rgba(255,211,25,.55)}
html.esd.nm .plan.hot .name{color:#FFD319}html.esd.nm .plan.hot li{color:#F8F1FF;border-color:rgba(255,211,25,.35)}html.esd.nm .plan.hot .btn{background:#FFD319;color:#0B0019}
html.esd.nm .plan .badge{background:#FFD319;color:#0B0019;border-color:#FF1F8E}
html.esd.nm .kpi b{color:#00E5FF;text-shadow:0 0 14px rgba(0,229,255,.8)}html.esd.nm .kpi,html.esd.nm .kpi span{color:#C9B6E4}
html.esd.nm .band{background:linear-gradient(120deg,#FF1F8E 0%,#E100FF 50%,#00E5FF 100%);border:2px solid #FFD319;box-shadow:0 0 30px rgba(225,0,255,.6)}
html.esd.nm .band h2,html.esd.nm .band p{color:#fff}html.esd.nm .band .btn{background:#FFD319;color:#0B0019}
html.esd.nm summary:after{color:#00E5FF}
html.esd.nm input,html.esd.nm select,html.esd.nm textarea{background:#14002B;color:#fff;border:2px solid #00E5FF}html.esd.nm input::placeholder,html.esd.nm textarea::placeholder{color:#8B78A8}
html.esd.nm input:focus,html.esd.nm select:focus,html.esd.nm textarea:focus{outline:3px solid #FF1F8E}
html.esd.nm .tabs{background:#14002B;border-color:#FF1F8E}html.esd.nm .tabs button{color:#F8F1FF}html.esd.nm .tabs button[aria-selected=true]{background:#FF1F8E;color:#0B0019}
html.esd.nm a{color:#00E5FF}
html.esd.nm footer{background:#07000F;border-top:3px solid #FF1F8E;box-shadow:0 -6px 24px rgba(255,31,142,.45)}html.esd.nm footer h4{color:#FF1F8E;text-shadow:0 0 8px rgba(255,31,142,.8)}html.esd.nm footer a{color:#00E5FF}
html.esd.nm .partner-foot{background:#FF1F8E;color:#0B0019}
@media(max-width:640px){html.esd.nm .hero:before{top:auto;bottom:6%;right:-16%;width:88vw}html.esd.nm .hero:after{bottom:-10px;height:160px}}
@media(prefers-reduced-motion:reduce){html.esd.nm .topbar{animation:none}}
/* Regional variants of the eSIM Space .de look, both on top of html.esd. */
@font-face{font-family:"ESD Slab";font-weight:400;font-display:swap;src:url(assets/fonts/alfa-slab-one-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"ESD Slab";font-weight:400;font-display:swap;src:url(assets/fonts/alfa-slab-one-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
html.esd .esd-ticker .tk-bay,html.esd .esd-ticker .tk-ber{display:none}
/* Bayern ("Servus"): white-blue lozenges, Alps, slab lettering like beer labels, stitched buttons, gingerbread heart */
html.esd.bay{--bg:#FFF8E7;--ink:#1D2B3A;--muted:#5B6B7A;--line:#1F6FB2;--brand:#1F6FB2;--accent:#C8102E;--soft:#E3F0FA}
html.esd.bay body{background:#FFF8E7;color:#1D2B3A}
html.esd.bay .topbar{background:#1D3E66;color:#fff}
html.esd.bay header.top{background:#FFF8E7;border-bottom:0;box-shadow:none}html.esd.bay header.top:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:12px;background:linear-gradient(135deg,#fff 25%,transparent 25%) 14px 0/28px 28px,linear-gradient(225deg,#fff 25%,transparent 25%) 14px 0/28px 28px,linear-gradient(45deg,#fff 25%,transparent 25%) 0 0/28px 28px,linear-gradient(315deg,#fff 25%,transparent 25%) 0 0/28px 28px,#3D9BE9}
html.esd.bay header.top{position:sticky}html.esd.bay .logo:before{background:linear-gradient(135deg,#fff 25%,#3D9BE9 25% 50%,#fff 50% 75%,#3D9BE9 75%) 0 0/8px 8px}
html.esd.bay .logo .suffix:before{color:#1D3E66;font-family:"ESD Slab",Rockwell,Georgia,serif;font-size:28px;padding-top:2px}html.esd.bay .logo .suffix:after{background:#1F6FB2;font-family:"ESD Slab",Rockwell,Georgia,serif;font-size:20px;border-radius:6px}
html.esd.bay .nav ul a{color:#1D3E66}html.esd.bay .nav .cta{background:#C8102E}
html.esd.bay h1,html.esd.bay h2,html.esd.bay h3,html.esd.bay summary,html.esd.bay .btn,html.esd.bay .plan .data,html.esd.bay .plan .name,html.esd.bay .hero-card .big,html.esd.bay .kpi b,html.esd.bay .plan .price b{font-family:"ESD Slab",Rockwell,Georgia,serif;font-weight:400;letter-spacing:0}
html.esd.bay h1,html.esd.bay h2,html.esd.bay h3{color:#1D3E66}html.esd.bay .hero h1{font-size:clamp(44px,5.6vw,78px);line-height:1}html.esd.bay .hero h1 span{color:#C8102E}
html.esd.bay .pill{background:#1F6FB2;color:#fff;border-radius:999px;padding:8px 14px 5px}html.esd.bay .pill:before{content:"Servus! "}
html.esd.bay .hero{position:relative;isolation:isolate}html.esd.bay .hero:after{content:"";position:absolute;z-index:-1;left:-30%;right:-30%;bottom:0;height:150px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='none'%3E%3Cpath d='M0 200V118L120 58L205 108L310 28L420 118L520 68L600 128L700 38L820 122L905 78L1000 138L1100 66L1200 116V200Z' fill='%23A9CDEB'/%3E%3Cpath d='M0 200V150L150 98L262 150L380 88L500 158L640 108L760 163L880 118L1000 168L1120 128L1200 158V200Z' fill='%237FB2DE'/%3E%3Cpath d='M310 28L284 56L302 52L318 66L334 50L346 58ZM700 38L674 64L692 60L708 72L722 56L736 64ZM120 58L100 74L118 70L130 80L142 70ZM1100 66L1082 82L1098 78L1110 88L1120 78Z' fill='%23fff'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;opacity:.9}
html.esd.bay .btn{background:#C8102E;color:#fff;border:0;border-radius:14px;box-shadow:0 6px 0 #8E0B20;outline:2px dashed rgba(255,255,255,.65);outline-offset:-7px;font-size:18px;padding:15px 24px 13px;text-transform:none}
html.esd.bay .btn:hover{background:#B00E28}html.esd.bay .btn:active{transform:translateY(4px);box-shadow:0 2px 0 #8E0B20}
html.esd.bay .btn.ghost{background:#fff;color:#1F6FB2;box-shadow:0 6px 0 #1F6FB2;outline-color:rgba(31,111,178,.5)}
html.esd.bay .card,html.esd.bay .plan,html.esd.bay .stat,html.esd.bay .quick a,html.esd.bay .tile,html.esd.bay .step,html.esd.bay details,html.esd.bay .tscroll,html.esd.bay .fl-tile,html.esd.bay .fl-plan,html.esd.bay .fl-qr,html.esd.bay .esim-qr{border:2px solid #1F6FB2;border-radius:16px;box-shadow:0 8px 0 rgba(31,111,178,.22);background:#fff}
html.esd.bay .fl-tile:hover,html.esd.bay .fl-plan:hover,html.esd.bay .fl-plan.on,html.esd.bay .tile:hover{background:#E3F0FA}
html.esd.bay .fl-ico,html.esd.bay .card .ico,html.esd.bay .quick .ico{background:#E3F0FA;color:#1F6FB2;border-radius:10px}
html.esd.bay .hero-card{background:#fff;color:#1D2B3A;border:3px solid #1F6FB2;border-radius:18px;box-shadow:0 10px 0 rgba(31,111,178,.25);overflow:visible;padding-top:34px}
html.esd.bay .hero-card:before{content:"";position:absolute;left:0;right:0;top:0;height:16px;border-radius:15px 15px 0 0;background:linear-gradient(135deg,#fff 25%,transparent 25%) 14px 0/28px 28px,linear-gradient(225deg,#fff 25%,transparent 25%) 14px 0/28px 28px,linear-gradient(45deg,#fff 25%,transparent 25%) 0 0/28px 28px,linear-gradient(315deg,#fff 25%,transparent 25%) 0 0/28px 28px,#3D9BE9}
html.esd.bay .hero-card .sub{color:#C8102E}html.esd.bay .hero-card .big{font-size:clamp(60px,6.4vw,92px);white-space:nowrap}html.esd.bay .hero-card .big{color:#1D3E66}html.esd.bay .hero-card li{border-color:#E3F0FA;color:#1D2B3A}
html.esd.bay .esd-sticker{transform:rotate(-8deg)}html.esd.bay .esd-sticker:before{display:none}html.esd.bay .esd-sticker:after{clip-path:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 92'%3E%3Cpath d='M50 90C20 70 2 52 2 30 2 14 14 3 28 3c10 0 18 6 22 14 4-8 12-14 22-14 14 0 26 11 26 27 0 22-18 40-48 60z' fill='%238B4A1C' stroke='%235E2F0F' stroke-width='2'/%3E%3Cpath d='M50 80C25 63 10 48 10 30c0-12 9-20 19-20 9 0 16 6 21 14 5-8 12-14 21-14 10 0 19 8 19 20 0 18-15 33-40 50z' fill='none' stroke='%23fff' stroke-width='3' stroke-dasharray='1 5' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
html.esd.bay .esd-sticker span{color:#fff;font-family:"ESD Slab",Rockwell,Georgia,serif;font-size:18px;padding-bottom:16px}html.esd.bay .esd-sticker b{font-size:30px}
html.esd.bay .esd-ticker{background:#1F6FB2}html.esd.bay .esd-ticker div{color:#fff;font-family:"ESD Slab",Rockwell,Georgia,serif;text-transform:none;font-size:22px}html.esd.bay .esd-ticker i{color:#A9CDEB}
html.esd.bay .esd-ticker .tk-esd{display:none}html.esd.bay .esd-ticker .tk-bay{display:inline-block}
html.esd.bay .plan .name{color:#1F6FB2;text-transform:none}html.esd.bay .plan .data{color:#1D3E66;font-size:64px}html.esd.bay .plan .bonus{background:#F2B705;color:#3B2A00;border-radius:8px}
html.esd.bay .plan li{border-color:#E3F0FA}html.esd.bay .plan li:before{color:#1F6FB2}html.esd.bay .plan .price b{color:#C8102E;font-size:44px}
html.esd.bay .plan.hot,html.esd.bay .plan.hot .name,html.esd.bay .plan.hot .data,html.esd.bay .plan.hot li,html.esd.bay .plan.hot .price b{background:#1F6FB2;color:#fff}html.esd.bay .plan.hot .name,html.esd.bay .plan.hot .data,html.esd.bay .plan.hot li,html.esd.bay .plan.hot .price b{background:none}
html.esd.bay .plan.hot{border-color:#1D3E66}html.esd.bay .plan.hot .btn{background:#F2B705;color:#3B2A00;box-shadow:0 6px 0 #B98A00}html.esd.bay .plan.hot li{border-color:rgba(255,255,255,.3)}html.esd.bay .plan.hot li:before{color:#F2B705}
html.esd.bay .plan .badge{background:#F2B705;color:#3B2A00;border:0;border-radius:999px;transform:rotate(4deg)}
html.esd.bay .kpi{background:#1F6FB2;border:0;border-radius:16px;box-shadow:0 8px 0 #1D3E66}html.esd.bay .kpi b{color:#fff}html.esd.bay .kpi,html.esd.bay .kpi span{color:#E3F0FA}
html.esd.bay .grid4 .card:nth-child(odd){background:#E3F0FA;color:#1D2B3A}html.esd.bay .grid4 .card:nth-child(odd) h3{color:#1D3E66}html.esd.bay .grid4 .card:nth-child(odd) p{color:#5B6B7A}
html.esd.bay .band{background:#1D3E66;border:0;border-radius:20px;box-shadow:0 10px 0 rgba(29,62,102,.3);position:relative;overflow:hidden;padding-top:44px}
html.esd.bay .band:before{content:"";position:absolute;left:0;right:0;top:0;height:18px;background:linear-gradient(135deg,#fff 25%,transparent 25%) 14px 0/28px 28px,linear-gradient(225deg,#fff 25%,transparent 25%) 14px 0/28px 28px,linear-gradient(45deg,#fff 25%,transparent 25%) 0 0/28px 28px,linear-gradient(315deg,#fff 25%,transparent 25%) 0 0/28px 28px,#3D9BE9}html.esd.bay .band h2,html.esd.bay .band p{color:#fff}html.esd.bay .band .btn{background:#F2B705;color:#3B2A00;box-shadow:0 6px 0 #B98A00}
html.esd.bay summary{text-transform:none;font-size:20px}html.esd.bay summary:after{color:#C8102E}
html.esd.bay input,html.esd.bay select,html.esd.bay textarea{border:2px solid #1F6FB2;border-radius:10px}html.esd.bay .tabs{border-radius:12px;border-color:#1F6FB2}html.esd.bay .tabs button[aria-selected=true]{background:#1F6FB2;color:#fff}
html.esd.bay a{color:#1F6FB2}
html.esd.bay footer{background:#13294B;border-top:0;position:relative}html.esd.bay footer:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;background:linear-gradient(135deg,#fff 25%,transparent 25%) 14px 0/28px 28px,linear-gradient(225deg,#fff 25%,transparent 25%) 14px 0/28px 28px,linear-gradient(45deg,#fff 25%,transparent 25%) 0 0/28px 28px,linear-gradient(315deg,#fff 25%,transparent 25%) 0 0/28px 28px,#3D9BE9}
html.esd.bay footer a{color:#CFE3F5}html.esd.bay footer .logo .suffix:before{color:#fff}html.esd.bay footer h4{color:#F2B705}html.esd.bay .partner-foot{background:#F2B705;color:#3B2A00;border-radius:8px}
/* Berlin ("Kiez"): U-Bahn yellow, concrete, caution tape, station signs, tickets with notches, taped stickers */
html.esd.ber{--bg:#D9D6CF;--ink:#111;--muted:#3A3A3A;--line:#111;--brand:#111;--accent:#F7D117;--soft:#F7D117}
html.esd.ber body{background:radial-gradient(rgba(0,0,0,.07) 1px,transparent 1px) 0 0/3px 3px,radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px) 1px 2px/5px 5px,#D9D6CF;color:#111}
html.esd.ber .topbar{background:#111;color:#F7D117}
html.esd.ber header.top{background:#F7D117;border-bottom:4px solid #111}html.esd.ber .logo:before{background:linear-gradient(#E2001A 0 28%,#fff 28% 72%,#E2001A 72%)}
html.esd.ber .logo .suffix:before{color:#111;font:900 30px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.02em;padding-top:0}html.esd.ber .logo .suffix:after{background:#111;color:#F7D117;font:900 20px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;padding:5px 6px}
html.esd.ber .nav ul a{color:#111;font:800 15px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.02em}html.esd.ber .nav .cta{background:#111;color:#F7D117;border-color:#111}
html.esd.ber h1,html.esd.ber h2,html.esd.ber h3,html.esd.ber summary,html.esd.ber .btn,html.esd.ber .plan .data,html.esd.ber .plan .name,html.esd.ber .hero-card .big,html.esd.ber .kpi b,html.esd.ber .plan .price b,html.esd.ber .esd-ticker div{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:900;letter-spacing:-.02em}
html.esd.ber .hero h1{font-size:clamp(42px,5.2vw,74px);line-height:.95;color:#111;hyphens:manual;-webkit-hyphens:manual}html.esd.ber .hero h1 span{color:#111;background:#F7D117;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em}
html.esd.ber .pill{background:#1C3F94;color:#fff;border:3px solid #fff;outline:3px solid #1C3F94;font:800 15px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px 12px}html.esd.ber .pill:before{content:"Na? "}
html.esd.ber .hero{position:relative;isolation:isolate}
html.esd.ber .hero:before{content:"";position:absolute;z-index:-1;right:-6%;top:6%;width:52%;height:72%;opacity:.55;background:linear-gradient(#55A822,#55A822) 0 8%/70% 10px no-repeat,linear-gradient(#E2001A,#E2001A) 12% 28%/80% 10px no-repeat,linear-gradient(#16A6A1,#16A6A1) 4% 48%/62% 10px no-repeat,linear-gradient(#8B4A1C,#8B4A1C) 20% 68%/74% 10px no-repeat,linear-gradient(#7D3C98,#7D3C98) 6% 88%/66% 10px no-repeat}
html.esd.ber .hero:after{content:"";position:absolute;z-index:-1;left:-40px;top:-6px;width:240px;height:22px;transform:rotate(-6deg);background:repeating-linear-gradient(-45deg,#F7D117 0 14px,#111 14px 28px);opacity:.9}
html.esd.ber .btn{background:#111;color:#F7D117;border:0;border-radius:0;box-shadow:6px 6px 0 #F7D117;text-transform:uppercase;font-size:17px;padding:15px 22px}
html.esd.ber .btn:hover{background:#000}html.esd.ber .btn:active{transform:translate(4px,4px);box-shadow:2px 2px 0 #F7D117}html.esd.ber .btn.ghost{background:#fff;color:#111;box-shadow:6px 6px 0 #111}
html.esd.ber .card,html.esd.ber .plan,html.esd.ber .stat,html.esd.ber .quick a,html.esd.ber .tile,html.esd.ber .step,html.esd.ber details,html.esd.ber .tscroll,html.esd.ber .fl-tile,html.esd.ber .fl-plan,html.esd.ber .fl-qr,html.esd.ber .esim-qr{border:3px solid #111;border-radius:0;box-shadow:none;background:#fff}
html.esd.ber .fl-tile:hover,html.esd.ber .fl-plan:hover,html.esd.ber .fl-plan.on,html.esd.ber .tile:hover{background:#F7D117}
html.esd.ber .hero-card:before,html.esd.ber .hero-card:after,html.esd.ber .plan:before,html.esd.ber .plan:after{content:"";display:block;position:absolute;top:62%;width:28px;height:28px;border-radius:50%;background:#D9D6CF;z-index:1}html.esd.ber .hero-card:before,html.esd.ber .plan:before{left:-15px}html.esd.ber .hero-card:after,html.esd.ber .plan:after{right:-15px;left:auto}
html.esd.ber .hero-card{background:#F7D117;color:#111;border:0;box-shadow:none;overflow:visible}html.esd.ber .hero-card .sub{color:#111;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:16px;letter-spacing:.04em}
html.esd.ber .hero-card .big{color:#111}html.esd.ber .hero-card li{border-top:2px dashed #111;color:#111;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:15px}
html.esd.ber .esd-sticker{transform:rotate(-5deg);width:150px;height:96px;top:-34px}html.esd.ber .esd-sticker:before{clip-path:none;background:rgba(255,255,255,.55);width:70px;height:20px;left:40px;top:-10px;transform:rotate(4deg)}
html.esd.ber .esd-sticker:after{clip-path:none;background:#fff;border:3px solid #111}html.esd.ber .esd-sticker:before{z-index:2;inset:auto}
html.esd.ber .esd-sticker span{color:#111;font:900 18px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase}html.esd.ber .esd-sticker b{font-size:30px;color:#E2001A}
html.esd.ber .esd-ticker{background:#F7D117;border-top:3px solid #111;border-bottom:3px solid #111}html.esd.ber .esd-ticker div{color:#111;font-size:22px;text-transform:uppercase}html.esd.ber .esd-ticker i{color:#111}
html.esd.ber .esd-ticker .tk-esd{display:none}html.esd.ber .esd-ticker .tk-ber{display:inline-block}
html.esd.ber section h2{display:inline-block;background:#1C3F94;color:#fff;border:3px solid #fff;outline:3px solid #1C3F94;padding:10px 16px 6px;font-size:clamp(28px,4vw,46px)}
html.esd.ber .quick a{font:800 17px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase}html.esd.ber .quick .ico{color:#fff;border-radius:6px;font-weight:900}
html.esd.ber .quick a:nth-child(1) .ico{background:#55A822}html.esd.ber .quick a:nth-child(2) .ico{background:#E2001A}html.esd.ber .quick a:nth-child(3) .ico{background:#16A6A1}html.esd.ber .quick a:nth-child(4) .ico{background:#7D3C98}
html.esd.ber .plan{padding-top:30px}html.esd.ber .plan .name{text-transform:uppercase;letter-spacing:.06em;font-size:20px}html.esd.ber .plan .data{font-size:64px}html.esd.ber .plan .bonus{background:#111;color:#F7D117}
html.esd.ber .plan .price{border-top:3px dashed #111;padding-top:14px}html.esd.ber .plan .price b{font-size:46px}
html.esd.ber .plan.hot,html.esd.ber .plan.hot .name,html.esd.ber .plan.hot .data,html.esd.ber .plan.hot li,html.esd.ber .plan.hot .price b{background:#F7D117;color:#111}html.esd.ber .plan.hot .name,html.esd.ber .plan.hot .data,html.esd.ber .plan.hot li,html.esd.ber .plan.hot .price b{background:none}
html.esd.ber .plan.hot li{border-color:#111}html.esd.ber .plan.hot li:before{color:#111}html.esd.ber .plan.hot .btn{background:#111;color:#F7D117}html.esd.ber .plan .badge{background:#E2001A;color:#fff;border:3px solid #111}
html.esd.ber .kpi{background:#111;border:0;box-shadow:none}html.esd.ber .kpi b{color:#F7D117}html.esd.ber .kpi,html.esd.ber .kpi span{color:#ddd}
html.esd.ber .grid4 .card:nth-child(odd){background:#F7D117;color:#111}html.esd.ber .grid4 .card:nth-child(odd) h3{color:#111}html.esd.ber .grid4 .card:nth-child(odd) p{color:#222}
html.esd.ber .band{background:#111;border:12px solid transparent;border-image:repeating-linear-gradient(-45deg,#F7D117 0 14px,#111 14px 28px) 12;box-shadow:none}html.esd.ber .band h2{background:none;border:0;outline:0;padding:0;color:#F7D117}html.esd.ber .band p{color:#fff}html.esd.ber .band .btn{background:#F7D117;color:#111;box-shadow:6px 6px 0 #fff}
html.esd.ber summary{text-transform:none;font-size:19px}html.esd.ber summary:after{color:#E2001A}
html.esd.ber a{color:#1C3F94}
html.esd.ber footer{background:#111;border-top:0;position:relative}html.esd.ber footer:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;background:repeating-linear-gradient(-45deg,#F7D117 0 14px,#111 14px 28px)}
html.esd.ber footer a{color:#EDEDED}html.esd.ber footer .logo .suffix:before{color:#fff}html.esd.ber footer .logo .suffix:after{background:#F7D117;color:#111}html.esd.ber footer h4{color:#F7D117}
@media(max-width:1100px){html.esd.ber .nav ul{gap:12px}html.esd.ber .nav ul a{font-size:13px;letter-spacing:0}html.esd.ber .logo .suffix:before{font-size:26px}}
@media(max-width:900px){html.esd.ber .nav ul{gap:10px}html.esd.ber .nav ul a{font-size:12px}html.esd.bay .nav ul{gap:10px}html.esd.bay .nav ul a{font-size:16px}html.esd.bay .logo .suffix:before{font-size:24px}html.esd.bay .logo .suffix:after{font-size:17px}}
@media(max-width:720px){html.esd.ber .logo .suffix:before{font-size:22px}html.esd.ber .logo .suffix:after{font-size:16px}html.esd.ber .nav ul{gap:9px}}
@media(max-width:380px){html.esd.bay .logo .suffix:before{font-size:21px}html.esd.bay .logo .suffix:after{font-size:15px}html.esd.ber .logo .suffix:before{font-size:24px}}html.esd.ber .partner-foot{background:#F7D117;color:#111}
html.esd .esd-ticker{display:block;background:#0B0B0B;overflow:hidden;margin:6px 0 34px;white-space:nowrap}
html.esd .esd-ticker div{display:inline-block;padding:13px 0 9px;animation:esdtick 38s linear infinite;font:700 26px/1 "DIN Condensed","ESD Condensed",Impact,sans-serif;color:#FFCC00;text-transform:uppercase}
html.esd .esd-ticker i{color:#E30613;font-style:normal;margin:0 22px}@keyframes esdtick{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){html.esd .esd-ticker div{animation:none}}
html.esd .quick a{font:700 22px/1 "DIN Condensed","ESD Condensed",Impact,sans-serif;text-transform:uppercase;color:#0B0B0B;padding-top:20px;background:#fff}html.esd .quick .ico{color:#0B0B0B}
html.esd section h2{font-size:clamp(40px,5vw,64px);line-height:.92}html.esd section>.sub,html.esd section>p.sub{color:#4A4A4A}
html.esd .plan{background:#fff;position:relative}html.esd .plan .name{font:700 28px/1 "DIN Condensed","ESD Condensed",Impact,sans-serif;text-transform:uppercase}
html.esd .plan .data{font-size:84px;line-height:.9;margin:10px 0 6px}html.esd .plan .data small{font:700 18px/1 "DIN Condensed","ESD Condensed",Impact,sans-serif;color:#4A4A4A;letter-spacing:0}
html.esd .plan li{border-top:1.5px solid #0B0B0B}html.esd .plan li:before{color:#E30613}
html.esd .plan .price b{font:700 54px/1 "DIN Alternate","DIN Condensed","ESD Condensed",Impact,sans-serif;letter-spacing:0}html.esd .plan .price span{font:700 18px/1 "DIN Condensed","ESD Condensed",Impact,sans-serif;text-transform:uppercase}
html.esd .plan.hot,html.esd .plan.hot .name,html.esd .plan.hot .data,html.esd .plan.hot li,html.esd .plan.hot .price b{background:#E30613;color:#fff}html.esd .plan.hot .name,html.esd .plan.hot .data,html.esd .plan.hot li,html.esd .plan.hot .price b{background:none}html.esd .plan.hot .data small,html.esd .plan.hot .price span{color:#fff}html.esd .plan.hot li{border-color:rgba(0,0,0,.35)}
html.esd .plan.hot li:before{color:#FFCC00}html.esd .plan.hot .btn{background:#FFCC00;color:#0B0B0B}
html.esd .plan .badge{background:#FFCC00;color:#0B0B0B;font-size:20px;padding:8px 12px 4px;border:3px solid #0B0B0B;transform:rotate(6deg);top:-18px}
html.esd .kpi,html.esd .kpi span,html.esd .kpi small,html.esd .kpi p{color:#e6e6e6}html.esd .kpi{background:#0B0B0B;border:3px solid #0B0B0B;box-shadow:5px 5px 0 #E30613;border-radius:0}html.esd .kpi b{font:700 64px/1 "DIN Alternate","DIN Condensed","ESD Condensed",Impact,sans-serif;color:#FFCC00}
html.esd .grid4 .card:nth-child(odd){background:#0B0B0B;color:#fff}html.esd .grid4 .card:nth-child(odd) p{color:#e6e6e6}html.esd .grid4 .card:nth-child(odd) h3{color:#FFCC00}
html.esd .grid4 .card h3,html.esd .grid3 .card h3{font-size:30px;line-height:1}html.esd .card .ico{display:none}
html.esd .band{background:repeating-linear-gradient(-45deg,rgba(0,0,0,.13) 0 7px,transparent 7px 18px),#E30613}html.esd .band h2{font-size:clamp(40px,5vw,62px);line-height:.92}
html.esd .band .btn{background:#FFCC00;color:#0B0B0B}
html.esd details{background:#fff}html.esd summary{font-size:24px;padding:14px 0 10px}html.esd summary:after{color:#E30613;font-size:30px}
html.esd footer{background:#0B0B0B;color:#cfcfcf;border-top:6px solid #E30613}html.esd footer h4{color:#FFCC00;font:700 20px/1 "DIN Condensed","ESD Condensed",Impact,sans-serif;letter-spacing:.02em}
html.esd footer a{color:#fff}html.esd footer p{color:#bdbdbd!important}html.esd footer .bottom{color:#9a9a9a;border-color:#333}html.esd .partner-foot{background:#FFCC00;color:#0B0B0B;border-radius:0}