@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wdth,wght@0,75..100,400..700;1,75..100,400..700&family=Schibsted+Grotesk:ital,wght@0,400..800;1,400..800&display=swap');
:root{--bg:#f7f7f7;--ink0:#0b0c0f;--ink1:#3c3f46;--ink2:#5c6069;--line:rgba(11,12,15,.1);--rail:1180px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:'Schibsted Grotesk',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink0);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
.rail{width:min(var(--rail),calc(100% - 40px));margin:0 auto}
.site-header{z-index:50}
.site-header{position:sticky;top:0;z-index:50;padding:14px 0;pointer-events:none}
.nav-pill{pointer-events:auto;display:flex;align-items:center;gap:6px;width:min(var(--rail),calc(100% - 40px));margin:0 auto;background:rgba(255,255,255,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px;padding:8px 10px 8px 14px;box-shadow:0 8px 30px -20px rgba(0,0,0,.25)}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:16px;letter-spacing:-.01em;margin-right:10px}
.brand img{width:26px;height:26px;border-radius:8px}
.nav-links{display:flex;gap:2px;margin-left:4px}
.nav-links a{padding:8px 12px;border-radius:999px;font-size:14px;font-weight:500;color:var(--ink1)}
.nav-links a:hover{background:rgba(11,12,15,.05);color:var(--ink0)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:6px}
.lang-sel{appearance:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 28px 7px 12px;font:inherit;font-size:13px;font-weight:600;color:var(--ink1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%233c3f46' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;cursor:pointer}
.menu-btn{display:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;align-items:center;justify-content:center;cursor:pointer}
.menu-btn span{width:16px;height:2px;background:var(--ink0);position:relative;border-radius:2px}
.menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0;width:16px;height:2px;background:var(--ink0);border-radius:2px}
.menu-btn span::before{top:-5px}
.menu-btn span::after{top:5px}
.mobile-menu{display:none;position:fixed;inset:70px 20px auto;z-index:49;background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:0 30px 60px -20px rgba(0,0,0,.3)}
.mobile-menu a{display:block;padding:12px 14px;border-radius:12px;font-weight:500}
.mobile-menu a:hover{background:#f2f2f4}
body.menu-open .mobile-menu{display:block}
.btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;font-weight:600;font-size:14.5px;border:1px solid transparent;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s;white-space:nowrap;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn-dark{background:var(--ink0);color:#fff;box-shadow:0 10px 24px -12px rgba(0,0,0,.6)}
.btn-dark:hover{background:#1c1e24}
.btn-light{background:#fff;color:var(--ink0);border-color:var(--line);box-shadow:0 6px 18px -12px rgba(0,0,0,.3)}
.btn-light:hover{border-color:rgba(11,12,15,.25)}
.btn-accent{background:var(--ink);color:#fff;box-shadow:0 12px 26px -12px rgba(11,12,15,.18)}
.hero-icons a{display:block;width:56px;height:56px;border-radius:16px;transition:transform .3s var(--ease);filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}
.hero-icons a:hover{transform:translateY(-6px) rotate(-4deg)}
.hero-icons a.dim{opacity:.55}
.show .rail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:center}
@keyframes drift{from{transform:translate(0,0)}to{transform:translate(-6%,6%)}}
.foot-grid a{display:block;font-size:14px;color:var(--ink1);padding:4px 0}
.foot-grid a:hover{color:var(--ink0)}
.foot-grid a small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2);margin-left:4px}
@media(max-width:960px){.show .rail{grid-template-columns:1fr;gap:28px}
.closing-icons img{width:46px;height:46px}}
@media(max-width:720px){.nav-links,.nav-right .btn{display:none}
.menu-btn{display:flex}
.rail{width:calc(100% - 32px)}}
.legal-doc a{color:var(--azure);text-decoration:underline;text-underline-offset:2px}
@keyframes fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.stage *{animation:none!important}}
.gnotice img{position:absolute;inset:0;width:100%;height:100%;border:1px solid #d7d9e0;border-radius:4px;background:#fff}
.glabel img{width:100%;max-width:200px;border:1px solid #d7d9e0;border-radius:4px;background:#fff}
.pp-media img{display:block;width:100%;height:auto}
.pp-notice img{position:absolute;inset:0;width:100%;height:100%;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
html[lang="en"] .pp-notice .nt-en{opacity:1}
html[lang="en"] .pp-notice .nt-de{opacity:0}
.gs-wgrid article{position:relative;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:22px;padding:24px 24px 0;overflow:hidden;display:flex;flex-direction:column}
.gs-wgrid article.is-in .gs-wcc span{animation:gs-cc .5s calc(.6s + var(--k)*.04s) both}
.gs-wthumb img{width:150px;box-shadow:0 -10px 30px -10px rgba(0,0,0,.25);border-radius:4px 4px 0 0;transform:translateY(16px);transition:transform .6s var(--ease)}
.gs-wthumb--g img{width:170px}
.gs-wgrid article:hover .gs-wthumb img{transform:translateY(4px)}
.og-tabs button{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:12px;font-weight:600;font-size:16px;color:var(--ink2);border:1px solid transparent;transition:all .3s var(--ease);position:relative;overflow:hidden}
.og-tabs button::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.4}
.og-tabs button.on{background:#fff;color:var(--ink0);border-color:rgba(0,0,0,.08);box-shadow:0 14px 30px -20px rgba(0,0,0,.35)}
.og-tabs button.on::before{background:var(--ink);opacity:1}
.og-tabs button.on::after{content:"";position:absolute;left:0;bottom:0;height:2px;background:var(--ink);animation:og-prog 5s linear forwards}
.og-tabs.paused button.on::after{animation-play-state:paused}
.pp-g1 img{width:100%;max-width:230px;display:block}
.pp-drop img{width:100%;max-width:230px;margin-top:6px;display:block}
.pp-zoom img{width:100%;display:block}
.gs-lab img{width:100%;display:block;border-radius:14px;box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.gs-phone img{width:100%;display:block;border-radius:40px;box-shadow:0 40px 70px -30px rgba(0,0,0,.6)}
.gs-lflip img{position:absolute;inset:0;width:100%;height:100%}
.gs-pbox img{width:100%;display:block}
.fitem img{display:block;width:60px;height:60px;border-radius:16px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.22));transition:transform .35s var(--ease),filter .35s;rotate:calc((var(--i) - (var(--n) - 1)/2)*-3.6deg)}
.fitem:hover img,.fitem:focus-visible img{transform:translateY(-14px) scale(1.28);filter:drop-shadow(0 22px 28px rgba(0,0,0,.3))}
@media(max-width:900px){.fitem img{width:44px;height:44px;border-radius:12px}}
@media(max-width:600px){.fitem img{rotate:0deg!important;width:48px!important;height:48px!important;border-radius:13px}
.hero-actions .btn{justify-content:center}}
.ptab img{width:22px;height:22px;border-radius:6px}
html[lang=en] .psteps .l-de, html:not([lang=en]) .psteps .l-en{display:none}
html[lang=en] .dmwrap .l-de, html:not([lang=en]) .dmwrap .l-en{display:none}
.dm *{box-sizing:border-box}
.dm > *, .dm .z-card > *, .dm .z-modal .z-form > *{position:absolute}
.dm img{display:block}
.dm .z-thumb img{width:100%;height:100%;object-fit:cover}
.dm .z-prow img{height:16px;width:auto;max-width:44px}
.dm .z-rule .z-rh img{width:22px;height:22px;border-radius:6px}
.dm .z-pimg img{width:100%;height:100%;object-fit:cover}
.dm .lnk img{width:18px;height:18px;border-radius:5px}
.dm .pop > *{position:static}
.dm .z-sw > *{grid-area:1/1;font-weight:inherit}
.dm .z-note > *{position:static}
.dm .z-hbn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dm .z-admin > img,.dm .z-admin > div:not(.z-tg){position:static}
.dm .z-admin > img{width:30px;height:30px;border-radius:8px}
.dm .z-admin small > *{grid-area:1/1}
.dm .z-sw2 > *{grid-area:1/1}
.dm .z-offer > *{position:absolute}
.dm .z-drawer > *{position:relative}
.dm .z-doc > *{position:relative}
@media(prefers-reduced-motion:reduce){.pscene .dm *{animation:none!important}}
.dm .z-gst > *{position:static}
.dm .z-gdrop img{width:100%;height:auto;display:block}
.dm .z-gdesc > *{position:absolute}
.dm .z-gbtn img{width:20px;height:20px;border-radius:5px}
.dm .z-cbn > *{position:static}
.dm .z-cfld > *{position:static}
.dm .z-osum > *{position:static}
.btn-person .avatar canvas.pxstar{width:20px;height:20px;color:#0b0c0f}
.foot-px{position:relative;height:150px;margin-top:20px;margin-bottom:-30px;overflow:hidden}
@media(max-width:900px){.foot-px{height:110px}}
.link-line{background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0 1px;transition:background-size .3s var(--ease)}
a:hover .link-line,.link-line:hover{background-size:100% 1px}
.ea-badge{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#fff5d6;color:#8a5a00;border:1px solid rgba(138,90,0,.18);vertical-align:middle;margin-left:6px}
.icon-group img{width:44px;height:44px;border-radius:12px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.18))}
.icon-group img.dim{opacity:.5}
.clabel img{width:28px;height:28px;border-radius:8px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))}
.btn-person{padding-left:6px}
.btn-person .avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;background:#eee;display:grid;place-items:center;margin-right:8px}
.btn-person .avatar img{width:22px;height:22px}
.tav img{width:22px;height:22px}
.closing-card .btn-light{box-shadow:none}
.closing-card .btn-ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18)}
.closing-card .btn-ghost .avatar{background:#fff}
.closing-icons img{width:52px;height:52px;border-radius:14px;filter:drop-shadow(0 12px 20px rgba(0,0,0,.5));transition:transform .3s var(--ease)}
.closing-icons a:hover img{transform:translateY(-5px)}
.sfoot{padding:40px 0 30px;border-top:1px solid var(--line)}
.sfoot-top{display:grid;grid-template-columns:1.2fr 2.6fr;gap:40px}
.sfoot-brand .brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ink0);text-decoration:none;font-size:17px}
.sfoot-brand .brand img{width:26px;height:26px;border-radius:7px}
.sfoot-brand p{margin-top:12px;color:var(--ink2);font-size:14px;max-width:28ch}
.sfoot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.sfoot-col h2{font-size:13px;font-weight:700;letter-spacing:.02em;margin-bottom:12px;color:var(--ink0)}
.sfoot-col ul{list-style:none;display:grid;gap:9px}
.sfoot-col a{color:var(--ink1);text-decoration:none;font-size:14px}
.sfoot-col a:hover{color:var(--ink0)}
.badge-link{display:inline-flex;align-items:center}
.sfoot-bot{display:flex;justify-content:space-between;margin-top:36px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--ink2)}
@media(max-width:900px){.sfoot-top{grid-template-columns:1fr;gap:26px}
.sfoot-cols{grid-template-columns:1fr 1fr;gap:20px}
.sfoot-bot{flex-direction:column;gap:6px}}
.nav-pill{transition:width .6s cubic-bezier(.32,.72,0,1),background-color .45s,border-color .45s,padding .5s cubic-bezier(.32,.72,0,1),border-radius .6s cubic-bezier(.32,.72,0,1)}
.site-header{transition:padding .5s cubic-bezier(.32,.72,0,1)}
.brand,.nav-links a,.lang-sel,.nav-right .btn,.menu-btn span,.menu-btn span::before,.menu-btn span::after{transition:color .4s,background-color .4s,opacity .35s,height .4s,padding .4s,border-color .4s}
body.island .site-header{padding-top:8px}
body.island .nav-pill{width:min(640px,calc(100% - 24px));background:#0b0c0f;border-color:#0b0c0f;border-radius:26px;padding:5px 5px 5px 12px;backdrop-filter:none;-webkit-backdrop-filter:none}
body.island .site-header .brand{color:#fff;font-size:15px;margin-right:4px}
body.island .site-header .brand img{width:22px;height:22px}
body.island .site-header .nav-links a{color:rgba(255,255,255,.7);padding:6px 9px;font-size:13.5px;white-space:nowrap}
body.island .site-header .nav-links a:hover{color:#fff;background:rgba(255,255,255,.1)}
body.island .site-header .lang-sel{display:none}
body.island .site-header .nav-right .btn-dark{background:#fff;color:#0b0c0f;border-color:#fff;height:36px;padding:0 14px;font-size:13.5px;border-radius:21px}
body.island .site-header .nav-right .btn-dark span{white-space:nowrap}
body.island .site-header .menu-btn{background:transparent;border-color:rgba(255,255,255,.2)}
body.island .site-header .menu-btn span,body.island .site-header .menu-btn span::before,body.island .site-header .menu-btn span::after{background:#fff}
.island-dot{display:none;width:7px;height:7px;border-radius:50%;background:#2bd576;margin-left:2px;animation:none}
body.island .island-dot{display:inline-block}
@media(max-width:900px){body.island .nav-pill{width:calc(100% - 24px)}}
body.island .site-header .nav-links,body.island .island-dot,body.island .site-header .menu-btn{display:none!important}
body.island .nav-pill{width:min(400px,calc(100% - 24px))!important}
body.island .site-header .nav-right .btn-dark{display:inline-flex!important}
@media(max-width:620px){body.island .nav-pill{width:min(340px,calc(100% - 24px))!important}
body.island .site-header .nav-right .btn-dark{padding:0 12px;font-size:12.5px}
body.island .site-header .brand{font-size:14px}}
.btn-ghost-l{background:transparent;color:var(--ink0);border-color:transparent;padding:0 10px}
.btn-ghost-l:hover{text-decoration:underline}
:root{--fd:'Instrument Sans',system-ui,sans-serif}
body{font-family:'Schibsted Grotesk',system-ui,-apple-system,sans-serif;font-size:16.5px}
.btn{border-radius:12px}
.nav-pill{border-radius:18px}
.nav-links a{border-radius:9px}
.lang-sel{border-radius:10px}
.menu-btn{border-radius:10px}
.pill,.ea-badge,.tstat{border-radius:7px}
.btn-person .avatar{border-radius:8px}
.mobile-menu a{border-radius:10px}
*,*::before,*::after{box-shadow:none!important;text-shadow:none!important}
img,.app-ico,.hero-icons a,.fitem img,.icon-group img,.closing-icons img,.ap-id img,.ap-close-ico,.clabel img,.identity .app-ico{filter:none!important}
.pp,.pframe,.ap-frame,.jframe,.vb-frame,.tpanel,.gv-card,.gs-form,.gs-prev,.gv-page,.gv-meter div,.gv-list,.dev,.closing-preview,.gs-lflip,.pp-zoom,.og-tabs button.on,.ptab.on,.fan .ftip,.gs-lab img,.gs-phone img,.gv-detect,.gv-tabs,.gv-grid span,.gs-lgrid span,.gv-bar{border:1px solid rgba(11,12,15,.12)}
.gs-lab img{border-radius:14px}
.btn-dark{border-color:var(--ink0)}
.nav-pill{border:1px solid rgba(11,12,15,.1)}
canvas.ht{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block;image-rendering:pixelated;image-rendering:crisp-edges}
html,body{overscroll-behavior-y:none}
.sfoot{padding-bottom:0!important}
.foot-px{margin-bottom:0!important}
.btn{border-radius:13px;transition:background .18s ease,box-shadow .18s ease,transform .12s ease}
.btn:hover,.btn:focus-visible{transform:none!important}
.btn-dark,.btn-primary,.pt-form .btn,.closing-card .btn-light,body.island .site-header .nav-right .btn-dark{background:#1f5fd6!important;color:#fff!important;border:1px solid rgba(20,70,190,.55)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -1px 1px rgba(11,12,15,.28),0 3px 8px rgba(11,12,15,.28),0 1px 2px rgba(11,12,15,.3)!important}
.btn-dark:hover,.btn-primary:hover,.pt-form .btn:hover,.closing-card .btn-light:hover,body.island .site-header .nav-right .btn-dark:hover{background:#1a52bd!important}
.btn-dark:active,.btn-primary:active,.pt-form .btn:active,.closing-card .btn-light:active,body.island .site-header .nav-right .btn-dark:active{background:#17489f!important;box-shadow:inset 0 2px 4px rgba(11,12,15,.45),inset 0 -1px 0 rgba(255,255,255,.12),0 1px 1px rgba(11,12,15,.2)!important;transform:translateY(1px) scale(.985)!important}
.btn-light{background:linear-gradient(180deg,#fff 0%,#f5f6f8 100%)!important;color:#0b0c0f;border:1px solid rgba(11,12,15,.12)!important;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 1px rgba(11,12,15,.06),0 2px 5px rgba(11,12,15,.08)!important}
.btn-light:hover{background:linear-gradient(180deg,#f8f9fa 0%,#eef0f3 100%)!important}
.btn-light:active{background:linear-gradient(180deg,#e9ebef 0%,#f1f2f5 100%)!important;box-shadow:inset 0 2px 4px rgba(11,12,15,.14),0 1px 1px rgba(11,12,15,.05)!important;transform:translateY(1px) scale(.985)!important}
.btn-ghost{box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important}
.btn-ghost:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.3)!important;transform:translateY(1px) scale(.985)!important}
.btn-dark .shop-logo rect{fill:#fff}

/* ===== flat: no shadows anywhere ===== */
*,*::before,*::after{box-shadow:none!important;text-shadow:none!important}
img,.app-ico,.hero-icons a,.fitem img,.icon-group img,.closing-icons img,.ap-id img,.ap-close-ico,.clabel img,.identity .app-ico{filter:none!important}
/* separation through hairlines instead of shadows */
.pp,.pframe,.ap-frame,.jframe,.vb-frame,.tpanel,.gv-card,.gs-form,.gs-prev,.gv-page,.gv-meter div,.gv-list,.dev,.closing-preview,.gs-lflip,.pp-zoom,.og-tabs button.on,.ptab.on,.fan .ftip,.gs-lab img,.gs-phone img,.gv-detect,.gv-tabs,.gv-grid span,.gs-lgrid span,.gv-bar{border:1px solid rgba(11,12,15,.12)}
.gs-lab img{border-radius:14px}
.btn-dark{border-color:var(--ink0)}
.nav-pill{border:1px solid rgba(11,12,15,.1)}
.chip,.pp-tag{border:1px solid rgba(255,255,255,.15)}
.r-paypal .radio{background:radial-gradient(circle,var(--ink) 0 38%,#fff 44%)!important}
.ap-plan.is-pop{border:1.5px solid var(--ink)}
/* highlight rings → outlines */
.pp-block{outline:2px solid transparent;outline-offset:2px}
@keyframes pp-ring{0%,32%{outline-color:transparent;background:transparent}38%,80%{outline-color:var(--ink);background:#fff}90%,100%{outline-color:transparent;background:transparent}}
@keyframes pp-ring2{0%,48%{outline-color:transparent}54%,80%{outline-color:color-mix(in srgb,var(--ink) 45%,transparent)}90%,100%{outline-color:transparent}}
.gs-tdot{outline:6px solid color-mix(in srgb,var(--ink) 18%,transparent)}
.pill-live i{outline:3px solid rgba(21,184,90,.18)}
.ftip{border:1px solid rgba(255,255,255,.12)}

/* ===== halftone fields ===== */
canvas.ht{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block;image-rendering:pixelated;image-rendering:crisp-edges}
.has-ht > i:not(.pfade){display:none!important}
.has-ht > .pfade{z-index:1}
.field.has-ht::before{z-index:1}
.cf.has-ht::after{display:none}


/* ===== Shopify-Wissen im Appsentials-Stil ===== */
:root{--blue:#2554d8;--blue2:#1a52bd;--soft:#eef0f3;--card:#fff;--r:22px}
body{background:var(--bg);color:var(--ink0);font-family:'Instrument Sans',system-ui,-apple-system,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;background:#fff;padding:8px 12px;z-index:90;border-radius:8px}
.wrap{max-width:var(--rail);margin:0 auto;padding:0 28px}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
h1,h2,h3{font-family:var(--fd);font-weight:600;letter-spacing:-.035em;line-height:1.06}
h1 em,h2 em{font-style:italic;font-weight:500;color:var(--blue)}
main{display:block}
.px-head{position:absolute;inset:0;z-index:-1;pointer-events:none}
.px-head::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(247,247,247,0) 0%,var(--bg) 78%)}

/* hub hero */
.bhero{position:relative;isolation:isolate;text-align:center;padding:168px 0 64px;overflow:hidden}
.bhero .sky{display:none}
.bhero h1{font-size:clamp(40px,7vw,84px);margin-top:14px;text-wrap:balance}
.bhero .lead{max-width:640px;margin:20px auto 0;font-size:clamp(16px,1.8vw,19px);color:var(--ink1)}
.bhero .acts{margin-top:30px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.bhero .stats{margin-top:24px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;color:var(--ink2);font-size:13.5px}
.bhero .btn-ghost,.cta-band .btn-ghost{color:var(--ink0);border:1px solid var(--line);background:#fff}

/* article head */
.ahead{position:relative;isolation:isolate;padding:150px 0 6px;overflow:hidden}
.art{max-width:780px;margin:0 auto;padding:0 28px}
.crumbs{font-size:13.5px;color:var(--ink2);display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{color:var(--ink1)}.crumbs a:hover{color:var(--ink0)}
.art h1{font-size:clamp(34px,5vw,56px);margin:16px 0 18px;text-wrap:pretty}
.byline{font-size:14px;color:var(--ink2)}
.byline a{color:var(--ink0);font-weight:600}
.byline .switch{margin-left:8px;white-space:nowrap;color:var(--blue)}

/* reading column */
.content{padding:28px 0 0;font-size:17.5px;line-height:1.75;color:var(--ink1)}
.content strong{color:var(--ink0)}
.content a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.content a:hover{text-decoration-thickness:2px}
.content a.btn{text-decoration:none}
.content h2{font-size:clamp(27px,3.6vw,36px);color:var(--ink0);margin:2em 0 .5em;text-wrap:balance;scroll-margin-top:100px}
.content h3{font-size:19.5px;font-weight:650;letter-spacing:-.015em;line-height:1.35;color:var(--ink0);margin:1.6em 0 .45em;scroll-margin-top:100px}
.content p{margin:0 0 1em}
.content ul,.content ol{margin:0 0 1.1em;padding-left:1.3em}
.content li{margin:.3em 0}
.content li::marker{color:var(--ink2)}
.content code{font-size:.88em;background:var(--soft);padding:1px 6px;border-radius:6px}
.content blockquote{padding:0 0 0 1.2em;font-style:italic;margin:0 0 1.2em;color:var(--ink0)}
.sw-kurz,.sw-praxis,.sw-hinweis,.sw-toc,.sw-weiterlesen,.sw-aff{border-radius:var(--r);padding:22px 24px;margin:28px 0}
.sw-kurz p,.sw-praxis p,.sw-hinweis p,.sw-toc p,.sw-weiterlesen p{margin:0}
.sw-kurz{background:#0b0c0f;color:#e9eaee;font-size:17.5px;position:relative;overflow:hidden}
.sw-kurz strong{color:#fff}
.sw-kurz a{color:#9cc0ff}
.sw-praxis{background:#fff;border:1px solid var(--line);border:1px solid rgba(25,125,68,.28)}
.sw-praxis strong{color:#13723f}
.sw-hinweis{background:#fff;border:1px solid var(--line);border:1px solid rgba(163,92,0,.28)}
.sw-hinweis strong{color:#7a5300}
.sw-toc{background:#fff;border:1px solid var(--line);font-size:15.5px}
.sw-toc ol{margin:10px 0 0;padding-left:1.25em}.sw-toc li{margin:.2em 0}
.sw-toc a{text-decoration:none;color:var(--ink1)}.sw-toc a:hover{color:var(--ink0);text-decoration:underline}
.sw-weiterlesen{background:#fff;border:1px solid var(--line)}
.sw-weiterlesen ul{margin:10px 0 0}
.sw-tw{overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:16px;background:#fff;-webkit-overflow-scrolling:touch}
.sw-tabelle{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--ink1)}
.sw-tabelle th,.sw-tabelle td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.sw-tabelle thead th{background:#f2f3f5;font-weight:650;color:var(--ink0)}
.sw-tabelle tr:last-child td{border-bottom:0}
.sw-stand{font-size:14px;color:var(--ink2)}
.sw-aff{background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:center}
.sw-aff .ic{grid-row:span 3;width:52px;height:52px;border-radius:14px;background:#0b0c0f;display:grid;place-items:center;color:#fff}
.sw-aff .t{font-size:22px;font-weight:650;letter-spacing:-.025em;color:var(--ink0);line-height:1.15}
.sw-aff p{margin:0;font-size:15.5px}
.sw-aff .n{grid-column:1/-1;font-size:12.5px;color:var(--ink2);margin-top:8px}
.sw-aff.slim{grid-template-columns:1fr auto;padding:16px 20px}
.sw-aff.slim p{font-size:15px}
.content .sw-aff a.btn{margin-top:6px}
.content a.btn-primary,.content a.btn-primary:hover{color:#fff;text-decoration:none}

/* dark CTA band like the homepage closing card */
.cta-band{position:relative;isolation:isolate;border-radius:30px;overflow:hidden;text-align:center;padding:64px 28px;color:#fff;margin:56px 0 0;background:#0b0c0f}
.cta-band .bg{position:absolute;inset:0;z-index:-1}
.cta-band .eyebrow{color:rgba(255,255,255,.6)}
.cta-band h2{color:#fff;font-size:clamp(30px,4.4vw,46px);margin-top:12px}
.cta-band h2 em{color:#9cc0ff}
.cta-band p{max-width:540px;margin:16px auto 0;color:rgba(255,255,255,.78);font-size:16.5px}
.cta-band .acts{margin-top:28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.cta-band .btn-ghost{color:#fff!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.3)!important}
.appgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:30px;text-align:left}
.appcard{background:#fff;color:var(--ink0);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:10px;min-width:0}
.appcard .top{display:flex;align-items:center;gap:12px}
.appcard img{width:44px;height:44px;border-radius:11px}
.appcard b{font-size:15.5px;line-height:1.3}
.appcard p{margin:0;color:var(--ink1);font-size:14.5px;max-width:none}
.appcard .price{font-size:13px;color:#13723f;font-weight:600}
.appcard .btn{align-self:flex-start;margin-top:auto}

/* author */
.authorbox{display:flex;gap:16px;align-items:flex-start;margin:40px 0 0;padding:24px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.authorbox .av{width:52px;height:52px;border-radius:50%;flex:none;background:#0b0c0f;color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;overflow:hidden}
.authorbox b{font-size:16px}.authorbox b a{color:var(--ink0)}
.authorbox p{color:var(--ink1);font-size:14.5px;margin-top:4px}

/* hub */
.sec-head{text-align:center;max-width:720px;margin:0 auto}
.wrap>.sec-head{padding-top:40px}
.sec-head h2{font-size:clamp(30px,4.6vw,52px);margin-top:12px}
.sec-head p{margin-top:14px;color:var(--ink1);font-size:17px}
.hubgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin:44px auto 0}
.hubcard{padding:28px 26px;border-radius:26px;background:#fff;border:1px solid var(--line);transition:transform .4s var(--ease),border-color .3s;min-width:0}
.hubcard:hover{transform:translateY(-3px);border-color:rgba(11,12,15,.22)}
.hubcard .n{display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 8px;border-radius:999px;background:#0b0c0f;color:#fff;font-size:12.5px;font-weight:650;font-variant-numeric:tabular-nums}
.hubcard h2{font-size:24px;margin:14px 0 14px;letter-spacing:-.03em}
.hubcard h2 a:hover{color:var(--blue)}
.hubcard ul{list-style:none;display:grid;gap:2px}
.hubcard li a{font-size:15px;color:var(--ink1);display:block;line-height:1.45;padding:6px 0;border-top:1px solid rgba(11,12,15,.06)}
.hubcard li:first-child a{border-top:0}
.hubcard li a:hover{color:var(--ink0)}
.alist{columns:2 320px;column-gap:40px;margin-top:22px;list-style:none;padding:0!important}
.alist li{break-inside:avoid;margin:0 0 10px;font-size:15px}
.alist a{color:var(--ink1)!important;text-decoration:none!important}.alist a:hover{color:var(--ink0)!important}

/* pixel fields */
.px-head{display:block}.px-head i{display:none}
.cta-band .closing-card{position:absolute;inset:0;z-index:-1;background:#0b0c0f}.cta-band .cf{position:absolute;inset:0;opacity:.85;-webkit-mask-image:linear-gradient(0deg,#000,transparent 75%);mask-image:linear-gradient(0deg,#000,transparent 75%)}
.mobile-menu .lang-m{width:100%;margin-top:8px;height:44px}
/* footer extras */
.sfoot{margin-top:96px}
.foot-note{margin-top:14px;font-size:12px;color:var(--ink2);max-width:760px}
.sfoot-col .lnk-all{font-weight:600;color:var(--ink0)}

@media(max-width:900px){.ahead{padding-top:118px}.bhero{padding:132px 0 48px}}
@media(max-width:560px){
  .wrap,.art{padding:0 20px}
  .content{font-size:16.5px}
  .sw-kurz,.sw-praxis,.sw-hinweis,.sw-toc,.sw-weiterlesen,.sw-aff{padding:18px 18px;border-radius:18px}
  .sw-aff,.sw-aff.slim{grid-template-columns:1fr}.sw-aff .ic{display:none}
  .cta-band{border-radius:24px;padding:46px 20px}
  .bhero .acts{flex-direction:column;align-items:stretch}.bhero .acts .btn{justify-content:center}
  .hubgrid{grid-template-columns:1fr}
  .sw-tabelle{font-size:14px}.sw-tabelle th,.sw-tabelle td{padding:9px 11px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}


html,body{overscroll-behavior-y:none}
.sfoot{padding-bottom:0!important}.foot-px{margin-bottom:0!important}
.btn{border-radius:13px;transition:background .18s ease,box-shadow .18s ease,transform .12s ease}
.btn:hover,.btn:focus-visible{transform:none!important}
.btn-dark,.btn-primary,.pt-form .btn,.closing-card .btn-light,body.island .site-header .nav-right .btn-dark{background:#1f5fd6!important;color:#fff!important;border:1px solid rgba(20,70,190,.55)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -1px 1px rgba(11,12,15,.28),0 3px 8px rgba(11,12,15,.28),0 1px 2px rgba(11,12,15,.3)!important}
.btn-dark:hover,.btn-primary:hover,.pt-form .btn:hover,.closing-card .btn-light:hover,body.island .site-header .nav-right .btn-dark:hover{background:#1a52bd!important}
.btn-dark:active,.btn-primary:active,.pt-form .btn:active,.closing-card .btn-light:active,body.island .site-header .nav-right .btn-dark:active{background:#17489f!important;box-shadow:inset 0 2px 4px rgba(11,12,15,.45),inset 0 -1px 0 rgba(255,255,255,.12),0 1px 1px rgba(11,12,15,.2)!important;transform:translateY(1px) scale(.985)!important}
.btn-light{background:linear-gradient(180deg,#fff 0%,#f5f6f8 100%)!important;color:#0b0c0f;border:1px solid rgba(11,12,15,.12)!important;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 1px rgba(11,12,15,.06),0 2px 5px rgba(11,12,15,.08)!important}
.btn-light:hover{background:linear-gradient(180deg,#f8f9fa 0%,#eef0f3 100%)!important}
.btn-light:active{background:linear-gradient(180deg,#e9ebef 0%,#f1f2f5 100%)!important;box-shadow:inset 0 2px 4px rgba(11,12,15,.14),0 1px 1px rgba(11,12,15,.05)!important;transform:translateY(1px) scale(.985)!important}
.btn-ghost{box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important}
.btn-ghost:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.3)!important;transform:translateY(1px) scale(.985)!important}
.btn-dark .shop-logo rect{fill:#fff}


/* ===== impeccable-fix 03.11.2026: ruhiger, lesbarer, AA-Kontrast ===== */
body{font-family:'Schibsted Grotesk',system-ui,-apple-system,sans-serif}
h1,h2,h3,h4,h5,h6,.brand{font-family:var(--fd)}
h1,h2,h3{text-wrap:balance}
p,li,dd,blockquote,figcaption{text-wrap:pretty}
::marker{font-variant-numeric:normal}
.eyebrow{text-transform:none!important;letter-spacing:0!important;font-size:15px!important;font-weight:600!important}
.island-dot{animation:none!important}
.btn-dark,.btn-primary,.pt-form .btn,.closing-card .btn-light,body.island .site-header .nav-right .btn-dark{background:#1f5fd6!important;border-color:#1a52bd!important}
.btn-dark:hover,.btn-primary:hover,.pt-form .btn:hover,.closing-card .btn-light:hover,body.island .site-header .nav-right .btn-dark:hover{background:#1a52bd!important}
.btn-dark:active,.btn-primary:active,.pt-form .btn:active,.closing-card .btn-light:active,body.island .site-header .nav-right .btn-dark:active{background:#17489f!important}

.sw-praxis{border:1px solid rgba(25,125,68,.28)!important;background:#f3faf6!important}
.sw-hinweis{border:1px solid rgba(163,92,0,.28)!important;background:#fdf8ee!important}
.content blockquote{border-left:0!important;padding:0 0 0 1.2em!important;font-style:italic}
.sw-tw{padding:4px 6px}
.sw-tabelle{font-variant-numeric:normal}
.content{max-width:60ch}
.sw-stand{max-width:62ch}
.authorbox p{max-width:62ch}
.art h1{text-wrap:balance}
.sw-kurz code{background:rgba(255,255,255,.12);color:#fff}
.hubcard .n{display:none}
.hubcard h2{margin-top:0}