@font-face{font-family:"Plus Jakarta Sans";src:url(fonts/jakarta.woff2) format("woff2");font-weight:400 800;font-display:swap}
:root{--bg:#F4F6FA;--surface:#FFFFFF;--ink:#13213C;--muted:#4B5670;--line:#DFE5EE;--accent:#1F3F7A;--accent-hover:#172F5E;--on-accent:#FFFFFF;--dark:#13213C;--focus:#1F3F7A;--coral:#E0533F;
 box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:inherit}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-weight:800;line-height:1.08;letter-spacing:-.035em;margin:0 0 .5em}
h1{font-size:clamp(2.4rem,6.2vw,4.6rem)}
h2{font-size:clamp(1.9rem,4.4vw,3rem)}
h3{font-size:1.35rem;letter-spacing:-.02em;line-height:1.2}
p{margin:0 0 1em}
a{color:var(--accent)}
a:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:8px}
.wrap{max-width:1200px;margin:0 auto;padding:0 1.5rem}
.narrow{max-width:820px}
section{padding:6rem 0}
@media(max-width:700px){section{padding:4rem 0}}
.lead{font-size:1.22rem;color:var(--muted);max-width:36em;line-height:1.55}
.eyebrow{display:block;font-size:.95rem;font-weight:500;color:var(--muted);margin-bottom:1rem}

/* Kopf */
.site{position:sticky;top:0;z-index:30;padding:.75rem 0}
.bar{display:flex;align-items:center;gap:1.25rem;height:60px;padding:0 .6rem 0 1.1rem;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border:1px solid var(--line);border-radius:999px;max-width:1200px;margin:0 auto}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);font-weight:600;font-size:1.02rem;letter-spacing:-.02em;margin-right:auto}
.brand svg{width:28px;height:28px;flex:none}
.nav{display:none;gap:1.75rem}
.nav a{color:var(--muted);text-decoration:none;font-size:.95rem;font-weight:500}
.nav a:hover{color:var(--ink)}
@media(min-width:900px){.nav{display:flex}}
.bar-link{white-space:nowrap;background:var(--ink);color:var(--bg);text-decoration:none;font-weight:600;font-size:.92rem;padding:.7rem 1.15rem;border-radius:999px}
.bar-link:hover{opacity:.88}
.hdr-wrap{padding:0 .75rem}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:var(--accent);color:var(--on-accent);text-decoration:none;font-weight:600;font-size:1.05rem;padding:1rem 1.6rem;border-radius:999px;min-height:56px;transition:background .15s}
.btn:hover{background:var(--accent-hover)}
.btn svg{width:18px;height:18px}
.btn-sec{display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--ink);text-decoration:none;font-weight:600;font-size:1.05rem;padding:1rem 1.6rem;border-radius:999px;min-height:56px;border:1px solid var(--line)}
.btn-sec:hover{border-color:var(--ink)}
.btns{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.25rem}
.meta-row{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:2rem;font-size:.95rem;color:var(--muted)}
.meta-row span{display:inline-flex;align-items:center;gap:.5rem}
.meta-row span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}

/* Seiten-Vorschau (Produktbild) */
.page{background:#FFFFFF;color:#0F172A;border-radius:14px;box-shadow:0 1px 2px rgba(15,23,42,.06),0 30px 60px -30px rgba(15,23,42,.35);padding:2.2rem 2rem;font-size:.82rem;line-height:1.5;position:relative}
.page .ph{display:flex;justify-content:space-between;font-size:.72rem;color:#64748B;border-bottom:1px solid #E2E8F0;padding-bottom:.7rem;margin-bottom:1.3rem}
.page h4{font-size:1.45rem;letter-spacing:-.03em;margin:0 0 .5rem;line-height:1.15;color:#0F172A}
.page p{color:#475569;margin:0 0 1rem}
.page table{width:100%;border-collapse:collapse;font-size:.78rem}
.page th{text-align:left;font-weight:600;color:#64748B;padding:.45rem 0;border-bottom:1px solid #E2E8F0}
.page td{padding:.55rem 0;border-bottom:1px solid #F1F5F9;color:#0F172A}
.page td:last-child,.page th:last-child{text-align:right}
.page .note{margin-top:1rem;background:#E6F4F1;color:#0F5F58;border-radius:8px;padding:.7rem .85rem;font-size:.76rem}
.page .pf{margin-top:1.2rem;font-size:.68rem;color:#94A3B8;display:flex;justify-content:space-between}
.mock{position:relative;max-width:470px;width:100%;justify-self:end}
.mock .page.back{position:absolute;inset:1.5rem -1.25rem -1.5rem 1.25rem;padding:0;opacity:.6;box-shadow:0 20px 40px -24px rgba(15,23,42,.3)}
.mock .page.front{position:relative}
@media(max-width:960px){.mock{justify-self:center}}
@media(max-width:600px){.mock .page.back{display:none}.page{padding:1.5rem 1.25rem}.brand span{font-size:.95rem}}

/* Startseite */
.home-hero{padding:4.5rem 0 6rem;background:radial-gradient(1200px 500px at 85% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%)}
.hgrid{display:grid;gap:4rem;grid-template-columns:1fr;align-items:center}
@media(min-width:960px){.hgrid{grid-template-columns:1.1fr 1fr}}
.home-hero h1{max-width:12ch}
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}
.strip ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr}
@media(min-width:900px){.strip ul{grid-template-columns:repeat(4,1fr)}}
.strip li{padding:1.6rem 1.5rem;border-left:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(min-width:900px){.strip li{border-bottom:0}.strip li:first-child{border-left:1px solid var(--line)}}
.strip b{display:block;font-size:1.05rem;font-weight:600;letter-spacing:-.01em}
.strip span{font-size:.93rem;color:var(--muted)}
.sec-head{display:grid;gap:1rem 3rem;grid-template-columns:1fr;align-items:end;margin-bottom:3rem}
@media(min-width:900px){.sec-head{grid-template-columns:1fr 1fr}}
.sec-head h2{margin:0}
.sec-head p{color:var(--muted);margin:0;font-size:1.1rem}
.bento{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:720px){.bento{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.bento{grid-template-columns:repeat(6,1fr)}.bento .tile{grid-column:span 2}.bento .tile.big{grid-column:span 3}.bento .tile.wide{grid-column:span 6;min-height:0}}
@media(min-width:720px) and (max-width:1039px){.bento .tile.wide{grid-column:span 2;min-height:0}}
.tile{position:relative;display:flex;flex-direction:column;min-height:250px;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:1.75rem;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s;overflow:hidden}
.tile:hover{border-color:color-mix(in srgb,var(--ink) 30%,var(--line));box-shadow:0 20px 40px -28px rgba(15,23,42,.35)}
.tile:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.tile .t{font-size:.9rem;color:var(--muted);font-weight:500;margin-bottom:.9rem}
.tile h3{font-size:1.55rem;letter-spacing:-.03em;margin:0 0 .6rem}
.tile.big h3{font-size:clamp(1.7rem,2.6vw,2.2rem)}
.tile p{color:var(--muted);margin:0 0 1.5rem;font-size:1rem;max-width:30em}
.tile .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center}
.tile .foot strong{font-size:1.15rem;font-weight:600}
.arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:background .15s,border-color .15s}
.arrow svg{width:18px;height:18px}
.tile:hover .arrow{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.bundle{margin-top:1rem;background:var(--dark);color:#F1F4F9;border-radius:24px;padding:clamp(2rem,5vw,3.5rem);display:grid;gap:2rem;grid-template-columns:1fr;align-items:end;position:relative;overflow:hidden}
.bundle::after{content:"";position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(110,149,255,.35),transparent);pointer-events:none}
@media(min-width:900px){.bundle{grid-template-columns:1.3fr 1fr}}
.bundle h3{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.035em;color:#fff;margin-bottom:.8rem}
.bundle p{color:#AEB8CC;margin:0;max-width:34em}
.bundle .r{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
@media(min-width:900px){.bundle .r{align-items:flex-end;text-align:right}}
.bundle .big{font-size:3.4rem;font-weight:600;letter-spacing:-.04em;line-height:1}
.bundle .small{color:#AEB8CC;font-size:.95rem}
.btn-w{display:inline-flex;align-items:center;gap:.6rem;background:#fff;color:#0F172A;text-decoration:none;font-weight:600;padding:1rem 1.5rem;border-radius:999px;min-height:54px}
.btn-w svg{width:18px;height:18px}
.steps{display:grid;gap:1rem;grid-template-columns:1fr;list-style:none;padding:0;margin:0;counter-reset:s}
@media(min-width:860px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps li{counter-increment:s;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:1.75rem}
.steps li::before{content:"0" counter(s);display:block;font-size:.9rem;font-weight:600;color:var(--accent);margin-bottom:2.5rem}
.steps p{margin:0;color:var(--muted)}
.two{display:grid;gap:3rem;grid-template-columns:1fr}
@media(min-width:900px){.two{grid-template-columns:1fr 1.1fr;gap:5rem}}
.two > div > p{color:var(--muted);font-size:1.1rem}
details{border-bottom:1px solid var(--line);padding:1.35rem 0}
details:first-of-type{border-top:1px solid var(--line)}
summary{cursor:pointer;font-weight:600;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:1.5rem;font-weight:400;line-height:1;color:var(--muted)}
details[open] summary::after{content:"−"}
details p{margin:.8rem 0 0;color:var(--muted)}

/* Produktseite */
.phero{padding:3.5rem 0 5rem}
.pgrid{display:grid;gap:3rem;grid-template-columns:1fr;align-items:start}
@media(min-width:960px){.pgrid{grid-template-columns:1.35fr 1fr;gap:4.5rem}}
.crumb{font-size:.92rem;color:var(--muted);margin-bottom:2rem}
.crumb a{color:var(--muted);text-decoration:none}.crumb a:hover{color:var(--ink)}
.phero h1{font-size:clamp(2.2rem,5vw,3.8rem)}
.order{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:1.75rem;position:sticky;top:96px;box-shadow:0 30px 60px -40px rgba(15,23,42,.35)}
.order .t{font-size:.9rem;color:var(--muted);font-weight:500}
.order h2{font-size:1.5rem;letter-spacing:-.03em;margin:.3rem 0 1.25rem}
.order .pr{display:flex;align-items:baseline;gap:.6rem;padding:1.25rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:1.25rem}
.order .pr b{font-size:2.6rem;font-weight:600;letter-spacing:-.04em;line-height:1}
.order .pr span{color:var(--muted);font-size:.95rem}
.order .btn{width:100%}
.order dl{margin:1.25rem 0 0;display:grid;grid-template-columns:auto 1fr;gap:.55rem 1rem;font-size:.95rem}
.order dt{color:var(--muted)}
.order dd{margin:0;text-align:right;font-weight:500}
.order .on{margin:1.25rem 0 0;font-size:.85rem;color:var(--muted);line-height:1.5}
.blk{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.list{list-style:none;padding:0;margin:2rem 0 0;border-top:1px solid var(--line)}
.list li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.4rem 0;border-bottom:1px solid var(--line);font-size:1.12rem}
.list li span{color:var(--accent);font-weight:600;font-size:.95rem;padding-top:.15rem}
.callout{margin-top:2.5rem;padding:1.6rem 1.75rem;border-radius:20px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line))}
.callout b{display:block;margin-bottom:.35rem}
.grid2{display:grid;gap:1rem;grid-template-columns:1fr;margin-top:2.5rem}
@media(min-width:720px){.grid2{grid-template-columns:1fr 1fr}}
.grid2 div{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:1.5rem 1.6rem;font-size:1.08rem;font-weight:500;letter-spacing:-.01em}
.blk .grid2 div{background:var(--bg)}
.guar{display:grid;gap:1.5rem;grid-template-columns:1fr;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:2rem}
@media(min-width:720px){.guar{grid-template-columns:auto 1fr}}
.guar .n{font-size:4rem;font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--accent)}
.guar .n small{display:block;font-size:.95rem;letter-spacing:0;color:var(--muted);font-weight:500;margin-top:.3rem}
.guar h3{margin-bottom:.4rem}.guar p{margin:0;color:var(--muted)}
.final{padding:0 0 6rem}
.final .in{background:var(--dark);color:#F1F4F9;border-radius:28px;padding:clamp(2.5rem,6vw,4.5rem);text-align:center;position:relative;overflow:hidden}
.final .in::after{content:"";position:absolute;left:50%;top:-240px;transform:translateX(-50%);width:700px;height:500px;border-radius:50%;background:radial-gradient(closest-side,rgba(110,149,255,.3),transparent);pointer-events:none}
.final h2{color:#fff;max-width:18ch;margin:0 auto .8rem;position:relative}
.final p{color:#AEB8CC;position:relative}
.final .btns{justify-content:center;position:relative}
.final .btn{background:#fff;color:#0F172A}
.disc{font-size:.92rem;color:var(--muted);margin-top:2rem}

/* Fuß */
.site-foot{border-top:1px solid var(--line);padding:4rem 0 3rem;font-size:.95rem;color:var(--muted);background:var(--surface)}
.site-foot .cols{display:grid;gap:2.5rem;grid-template-columns:1fr}
@media(min-width:800px){.site-foot .cols{grid-template-columns:1.5fr 1fr .7fr}}
.site-foot h4{font-size:.95rem;letter-spacing:0;margin:0 0 1rem;color:var(--ink);font-weight:600}
.site-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.site-foot a{color:var(--muted);text-decoration:none}.site-foot a:hover{color:var(--ink)}
.site-foot .brand{color:var(--ink)}
.site-foot .copy{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.9rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
.legal{padding-top:3rem}.legal h1{font-size:clamp(2.2rem,5vw,3.2rem)}.legal h2{font-size:1.45rem;margin-top:2.5rem}
.fill{background:#FFF1BF;color:#3a2e00;padding:0 .25rem;border-radius:4px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

.facts-card{margin-top:2.5rem;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:clamp(1.5rem,4vw,2.25rem);box-shadow:0 30px 60px -45px rgba(15,23,42,.4)}
.facts-card .fk{font-size:.9rem;color:var(--muted);font-weight:500;margin-bottom:.4rem}
.facts-card h3{font-size:1.5rem;letter-spacing:-.03em;margin-bottom:1.25rem}
.facts-card .tw{overflow-x:auto}
.facts-card table{width:100%;border-collapse:collapse;font-size:1rem;min-width:420px}
.facts-card th{text-align:left;font-weight:500;font-size:.88rem;color:var(--muted);padding:.6rem 0;border-bottom:1px solid var(--line)}
.facts-card td{padding:.9rem 1rem .9rem 0;border-bottom:1px solid var(--line);vertical-align:top}
.facts-card td:last-child,.facts-card th:last-child{text-align:right;padding-right:0;font-weight:600}
.facts-card .tip{margin-top:1.25rem;padding:1rem 1.15rem;border-radius:14px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--ink);font-size:.98rem}
.facts-card .src{margin:.9rem 0 0;font-size:.82rem;color:var(--muted)}
.finder{display:grid;gap:.75rem;grid-template-columns:1fr}
@media(min-width:680px){.finder{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.finder{grid-template-columns:repeat(3,1fr)}}
.finder a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.3rem;background:var(--surface);border:1px solid var(--line);border-radius:18px;text-decoration:none;color:var(--ink);font-weight:500;font-size:1.05rem;transition:border-color .15s}
.finder a:hover{border-color:var(--ink)}
.finder a span{color:var(--muted);font-size:.88rem;font-weight:400;display:block;margin-top:.15rem}
.finder svg{width:18px;height:18px;flex:none;color:var(--muted)}
.mbar{display:none}
@media(max-width:959px){
 .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;gap:1rem;align-items:center;justify-content:space-between;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}
 .mbar b{display:block;font-size:1.3rem;line-height:1.1}
 .mbar small{color:var(--muted);font-size:.82rem}
 .mbar .btn{min-height:50px;padding:.8rem 1.25rem;font-size:1rem}
 body.has-mbar{padding-bottom:88px}
 .order{position:static}
}

.h3{background:#13213C!important}
.h3::before{background:radial-gradient(900px 560px at 88% 20%,rgba(90,140,255,.22),transparent 65%)!important}
.hph{position:absolute;right:0;top:-1rem;width:82%;aspect-ratio:800/680;height:auto;object-fit:cover;border-radius:22px;box-shadow:0 30px 60px -25px rgba(0,0,0,.6);filter:saturate(.95)}
.ltr{min-height:520px;padding-top:13.5rem!important;max-width:540px!important}
.ltr .lp{max-width:400px;font-size:.86rem;padding:1.5rem 1.5rem 1.2rem}
.n1{left:auto!important;right:-.4rem!important;top:auto!important;bottom:7.5rem;transform:rotate(-3deg)!important;max-width:12ch!important;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.n1::before{display:none!important}
.n2{left:.5rem!important;bottom:-.6rem!important}
.ltr figcaption{color:#FFE45C}
.hpg a{--tcbg:#F3F5F9}.hpg a{background:#F3F5F9}
@media(max-width:600px){.ltr{min-height:0;padding-top:9rem!important}.hph{width:80%;top:0}.n1{display:none}}

@font-face{font-family:"Caveat";src:url(fonts/caveat.woff2) format("woff2");font-weight:600;font-display:swap}
.h3{background:#0D3B37;color:#fff;padding:7.5rem 0 9rem;margin-top:-5.5rem;position:relative;overflow:hidden}
.h3::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 520px at 85% 30%,rgba(45,180,160,.28),transparent 65%);pointer-events:none}
.h3g{display:grid;gap:3rem;position:relative}@media(min-width:960px){.h3g{grid-template-columns:1.05fr .95fr;align-items:center;gap:4rem}}
.h3 h1{color:#fff;font-size:clamp(2.6rem,5vw,4.1rem);line-height:1.02;letter-spacing:-.04em;max-width:14ch;margin:0}
.h3l{font-size:clamp(1.08rem,1.6vw,1.25rem);line-height:1.55;color:#CFE7E3;max-width:32em;margin:1.4rem 0 0}
.h3b{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.h3c{background:#E0533F;color:#fff;text-decoration:none;font-weight:700;font-size:1.05rem;padding:1rem 1.6rem;border-radius:14px;box-shadow:0 12px 30px -12px rgba(224,83,63,.7)}.h3c:hover{background:#C9442F}
.h3s{color:#fff;text-decoration:none;font-weight:600;padding:1rem 1.3rem;border-radius:14px;border:1.5px solid rgba(255,255,255,.3)}.h3s:hover{border-color:#fff}
.h3c:focus-visible,.h3s:focus-visible,.hpg a:focus-visible{outline:3px solid #FFE45C;outline-offset:3px}
.h3k{list-style:none;margin:1.8rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;color:#CFE7E3;font-size:.95rem}
.h3k li{display:flex;align-items:center;gap:.45rem}.h3k li::before{content:"";width:16px;height:16px;flex:none;background:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237BE0CF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.ltr{position:relative;margin:0;max-width:430px;width:100%;padding:0 0 4.2rem}
.lp{background:#FFFDF8;color:#2A3437;border-radius:6px;padding:1.8rem 1.8rem 1.4rem;transform:rotate(-2deg);box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 2px 0 rgba(0,0,0,.05);font-size:.92rem;line-height:1.55;position:relative}
.lh{display:flex;justify-content:space-between;font-size:.72rem;color:#7A8589;border-bottom:1px solid #E6E2D8;padding-bottom:.6rem;margin-bottom:1rem;letter-spacing:.02em}
.lsub{font-weight:700;color:#1E2A2D;margin:0 0 .9rem}.lp p{margin:0 0 .8rem}.lfine{font-size:.82rem;color:#4A5558}
.lp mark{background:linear-gradient(transparent 12%,#FFE45C 12%,#FFE45C 88%,transparent 88%);color:inherit;padding:0 .15em;border-radius:2px}
.ll{display:block;height:7px;border-radius:4px;background:#EEEAE0;margin-top:.55rem}.ll.s{width:62%}
.ltr figcaption{position:absolute;font-family:"Caveat","Comic Sans MS",cursive;font-weight:600;color:#FFE45C;line-height:1.05;font-size:1.65rem;max-width:12ch}
.n1{left:calc(100% + 1.6rem);top:6.2rem;transform:rotate(3deg);max-width:8ch!important}
.n2{left:1.2rem;bottom:-.2rem;max-width:24ch!important;transform:rotate(-2deg)}
.n1::before{content:"";position:absolute;left:-44px;top:14px;width:38px;height:22px;border-top:2.5px solid #FFE45C;border-left:2.5px solid #FFE45C;border-radius:22px 0 0 0;transform:rotate(-14deg)}
@media(max-width:1180px){.ltr{padding-top:3.2rem}.n1{left:auto;right:0;top:-.4rem;max-width:20ch!important;transform:rotate(-2deg)}.n1::before{display:none}}
@media(max-width:600px){.lp{font-size:.84rem;padding:1.3rem}.ltr figcaption{font-size:1.4rem}.n2{left:0}}
.hlp3{margin-top:-5.5rem;position:relative;z-index:2;padding:0 0 1rem}
.hpin{background:#fff;border-radius:24px;padding:1.8rem;box-shadow:0 30px 60px -30px rgba(19,33,60,.35);border:1px solid #E2E7EF}
.hpin h2{font-size:clamp(1.4rem,2.6vw,1.8rem);margin:0 0 1.2rem}
.hpg{display:grid;gap:.6rem;grid-template-columns:1fr 1fr}@media(min-width:760px){.hpg{grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.hpg{grid-template-columns:repeat(5,1fr)}}
.hpg a{display:grid;gap:.25rem;align-content:start;padding:1rem;border-radius:16px;background:#F4F6FA;text-decoration:none;color:var(--ink);border:1.5px solid transparent;transition:border-color .15s,background .15s}
.hpg a:hover{border-color:var(--tc);background:#fff}
.hpg svg{width:30px;height:30px;color:var(--tc);margin-bottom:.35rem}
@media(max-width:559px){.hpin{padding:1.2rem}.hpg{grid-template-columns:1fr}.hpg a{grid-template-columns:34px 1fr;column-gap:.8rem;row-gap:.1rem;padding:.8rem .9rem}.hpg svg{grid-row:1/3;margin:0;align-self:center}}.hpg b{font-size:.98rem;line-height:1.25}.hpg small{color:var(--muted);font-size:.82rem;line-height:1.35}
@media(prefers-reduced-motion:no-preference){.lp{animation:lin .7s cubic-bezier(.2,.8,.2,1) both}.ltr figcaption{animation:nin .5s ease-out both}.n1{animation-delay:.55s!important}.n2{animation-delay:.8s!important}}
@keyframes lin{from{opacity:0;transform:translateY(24px) rotate(0)}to{opacity:1;transform:rotate(-2deg)}}
@keyframes nin{from{opacity:0}to{opacity:1}}

.tbar{padding:3rem 0 1rem}.tbar .tb{margin-top:0}
.wis{padding-top:4rem}.wgrid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:720px){.wgrid{grid-template-columns:1fr 1fr}}@media(min-width:1040px){.wgrid{grid-template-columns:repeat(3,1fr)}}
.wk{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.5rem;text-decoration:none;color:var(--ink);position:relative;overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}
.wk::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--tc)}
.wk:hover{border-color:var(--tc);transform:translateY(-2px);box-shadow:0 18px 36px -26px rgba(15,23,42,.4)}
.wn{font-size:clamp(2rem,3.4vw,2.6rem);font-weight:800;letter-spacing:-.03em;color:var(--tc);line-height:1.05}
.wk b{font-size:1.05rem;margin:.35rem 0 .5rem}.wk p{color:var(--muted);font-size:.93rem;margin:0 0 1rem;line-height:1.5}.wk .go{margin-top:auto}
.ab{padding-top:5rem}.st3{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:860px){.st3{grid-template-columns:repeat(3,1fr)}}
.st3 li{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.4rem}
.sn{flex:none;width:44px;height:44px;border-radius:50%;background:#1F3F7A;color:#fff;font-weight:800;font-size:1.2rem;display:grid;place-items:center}.st3 li:nth-child(2) .sn{background:#E0533F}
.st3 h3{margin:.2rem 0 .3rem;font-size:1.15rem}.st3 p{margin:0;color:var(--muted);font-size:.95rem}
.fq{padding-top:5rem}.fq h2{margin:.4rem 0 1rem}.fq .btn{margin-top:1rem}
.about{padding:0 0 3rem}.ab2{display:flex;gap:1.1rem;align-items:flex-start;border-top:1px solid var(--line);padding-top:2rem}
.ab2 .av{flex:0 0 48px;height:48px;font-size:1rem}.ab2 b{font-size:1rem}.ab2 p{color:var(--muted);font-size:.9rem;margin:.3rem 0 .6rem;max-width:62em}.ab2 a{color:#1F3F7A;font-weight:600}
.ab2 ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.85rem;font-weight:600}.ab2 li::before{content:"✓ ";color:#1F7A3A}

.hero2{padding:3rem 0 4rem}.hero2 .hgrid{gap:2.5rem;align-items:start}@media(min-width:960px){.hero2 .hgrid{grid-template-columns:1fr 1fr}}
.hero2 h1{max-width:13ch;font-size:clamp(2.4rem,5.2vw,4rem);line-height:1.04}
.hero2 .lead{font-size:1.15rem;max-width:34em}
.alert{margin-top:1.5rem;background:#FFF4EE;border:1px solid #F7C9B9;border-left:5px solid #E0533F;border-radius:14px;padding:1rem 1.2rem;font-size:1rem;line-height:1.5;color:#3A1D14}.alert b{display:block;margin-bottom:.2rem;color:#B5371F}
.hero2 .meta-row{margin-top:1.3rem}.mob-only{display:none!important}@media(max-width:959px){.mob-only{display:inline-flex!important}}
.helpbox{background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.6rem;box-shadow:0 24px 60px -36px rgba(19,33,60,.35)}
.helpbox h2{font-size:1.5rem;margin:0}.helpbox>p{color:var(--muted);margin:.25rem 0 1rem;font-size:.95rem}
.hb{display:grid;gap:.5rem}@media(min-width:560px){.hb{grid-template-columns:1fr 1fr}}
.hb a{display:flex;align-items:center;gap:.7rem;padding:.75rem .85rem;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);transition:border-color .15s,background .15s}
.hb a:hover{border-color:var(--tc);background:color-mix(in srgb,var(--tc) 7%,#fff)}
.hb a>span{flex:1;display:grid;line-height:1.25}.hb b{font-size:.97rem;font-weight:700}.hb small{color:var(--muted);font-size:.82rem}
.hb svg{width:16px;height:16px;color:var(--tc);flex:none}
.cards2{display:grid;gap:.9rem;grid-template-columns:1fr}@media(min-width:720px){.cards2{grid-template-columns:1fr 1fr}}
.card2{display:flex;gap:1rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:.85rem;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.card2:hover{border-color:var(--tc);box-shadow:0 16px 34px -26px rgba(15,23,42,.4)}
.card2 img{width:104px;height:104px;flex:none;border-radius:12px;object-fit:cover;object-position:left center}
.bundle{padding:2rem 2.5rem!important;min-height:0!important;display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}.bundle .stackp{display:none!important}.bundle h3{font-size:clamp(1.6rem,3vw,2.2rem)!important;margin:0 0 .4rem!important}.bundle .r{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.bundle .big{font-size:2.4rem!important}
.c2{display:grid;gap:.15rem;min-width:0;flex:1}.c2 .t{font-size:.78rem;color:var(--tc);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.c2 b{font-size:1.05rem;line-height:1.25}.c2 small{color:var(--muted);font-size:.85rem;line-height:1.35}
.c2f{display:flex;justify-content:space-between;align-items:center;margin-top:.3rem}.c2f strong{font-size:1rem}.go{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;font-weight:700;color:var(--tc)}.go svg{width:14px;height:14px}

.tb{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.9rem}
.tb li{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.2rem 1rem;display:grid;justify-items:center;align-content:start;text-align:center;gap:.3rem}
.ti{width:56px;height:56px;border-radius:50%;background:#E8EEF8;color:#1F3F7A;display:grid;place-items:center;margin-bottom:.3rem}.ti svg{width:28px;height:28px}
.tb b{font-size:1rem}.tb small{color:var(--muted);font-size:.85rem;line-height:1.35}
.paybox{margin-top:1.2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem 1rem;color:var(--muted);font-size:.92rem}
.pay{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center}
.pay li{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);background:#fff;border-radius:10px;padding:.35rem .65rem;font-size:.82rem;font-weight:600;color:#10202A}.pay svg{width:17px;height:17px;color:#1F3F7A}
.order .pay{margin-top:.7rem}

.lock{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:.9rem 0 0;font-size:.9rem;font-weight:600;color:#1F7A3A}
.trust{padding-top:5rem;padding-bottom:5rem}.trust-grid{display:grid;gap:1.5rem}@media(min-width:900px){.trust-grid{grid-template-columns:1.1fr 1fr}}
.who{display:flex;gap:1.3rem;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:24px;padding:2rem}
.av{flex:0 0 72px;height:72px;border-radius:50%;background:#1F3F7A;color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.5rem}
.who h2{font-size:clamp(1.5rem,3vw,2rem);margin:.3rem 0 .8rem}.who p{color:var(--muted)}.who-l a{font-weight:700;color:#1F3F7A}
.how{background:#1F3F7A;color:#fff;border-radius:24px;padding:2rem}.how h3{margin:0 0 1rem;color:#fff;font-size:1.3rem}.how ul{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.how li{display:grid;gap:.15rem;padding-left:1.9rem;position:relative}.how li::before{content:"✓";position:absolute;left:0;top:0;width:1.3rem;height:1.3rem;border-radius:50%;background:#fff;color:#1F3F7A;font-weight:800;font-size:.8rem;display:grid;place-items:center}
.how b{font-size:1.02rem}.how span{color:#D5EFEC;font-size:.93rem}
.badges{list-style:none;margin:1.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.badges li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.55rem 1rem;font-size:.9rem;font-weight:600}.badges li::before{content:"✓ ";color:#1F7A3A;font-weight:800}
@media(max-width:560px){.who{flex-direction:column}}

.rvsec .rv-sum{display:flex;align-items:center;gap:.6rem;font-size:1.05rem;margin:.4rem 0 1.4rem}.rvsec .rv-sum b{font-size:2rem}
.st{color:#F5A524;letter-spacing:2px}.st i{color:#D8DDE6;font-style:normal}
.rvs{display:grid;gap:1rem}.rv{margin:0;padding:1.2rem 1.3rem;border:1px solid var(--line);border-radius:18px;background:#fff}.rv blockquote{margin:.5rem 0}.rv figcaption{color:var(--muted);font-size:.9rem}.vk{color:#1F7A3A;font-weight:700}
.rv-form{margin-top:1.4rem;border:1.5px solid var(--line);border-radius:18px;background:#fff}.rv-form summary{cursor:pointer;padding:1rem 1.3rem;font-weight:700;color:#1F3F7A;list-style:none}.rv-form summary::before{content:"＋ "}.rv-form[open] summary::before{content:"－ "}
#rvf{padding:0 1.3rem 1.3rem;display:grid;gap:.9rem}#rvf label{display:grid;gap:.35rem;font-weight:600;font-size:.95rem}#rvf input:not([type=radio]):not([type=checkbox]),#rvf textarea{font:inherit;padding:.7rem .8rem;border:1.5px solid var(--line);border-radius:12px;width:100%}
#rvf .rv-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}@media(max-width:640px){#rvf .rv-row{grid-template-columns:1fr}}
.rv-stars{border:0;padding:0;margin:0}.rv-stars legend{font-weight:600;font-size:.95rem;margin-bottom:.3rem}.starpick{display:inline-flex;flex-direction:row-reverse;gap:.15rem}.starpick input{position:absolute;opacity:0;width:1px;height:1px}.starpick label{font-size:2rem;color:#D8DDE6;cursor:pointer;line-height:1}.starpick label:hover,.starpick label:hover~label,.starpick input:checked~label{color:#F5A524}.starpick input:focus-visible+label{outline:2px solid #1F3F7A;border-radius:4px}
#rvf .rv-ok{display:flex;gap:.6rem;align-items:flex-start;font-weight:500}#rvf .rv-ok input{margin-top:.3rem}.hp{position:absolute;left:-9999px}.rv-msg{margin:0;font-weight:600;color:#1F3F7A}
#rvf *{box-sizing:border-box}#rvf .starpick label{display:inline-block;font-size:2.3rem;font-weight:400;padding:0 .05rem}#rvf .btn{justify-self:start;width:auto;font:inherit;font-weight:700}
.rv-form>summary{display:block!important;text-align:left!important;font-size:1.05rem}.rv-form>summary::after{content:none!important;display:none!important}.rv-form>summary::-webkit-details-marker{display:none}.rv-note{margin-top:1rem;color:var(--muted);font-size:.85rem}

.pgq{margin:0 0 .6rem;font-weight:700}.pgpick{display:grid;gap:.5rem}.pgpick a{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;border:1.5px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);transition:border-color .15s,background .15s}.pgpick a:hover{border-color:var(--tc,#1F3F7A);background:#F0FAF8}.pgpick b{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:10px;background:#1F9D3A;color:#fff;font-size:1.15rem;flex:none}.pgpick span{display:flex;flex-direction:column;font-weight:700}.pgpick small{font-weight:500;color:var(--muted);font-size:.82rem}

.wish b{color:var(--ink)}

.wish{margin:.6rem 0 0;font-size:.88rem;color:var(--muted)}

.btn.soon{background:var(--line)!important;color:var(--muted)!important;cursor:default;box-shadow:none!important;pointer-events:none}
.soon-b{font-style:normal;font-size:.72rem;font-weight:700;color:var(--tc);background:color-mix(in srgb,var(--tc) 12%,#fff);padding:.2rem .5rem;border-radius:999px;margin-left:.4rem;vertical-align:middle}

.bar{position:relative}
.site{z-index:100!important}
body:has(.mnav.open) .mbar{display:none}
.dd{position:relative}
.dd-btn{font:inherit;line-height:1.2;background:none;border:0;padding:0;cursor:pointer;color:var(--muted);font-size:.95rem;font-weight:500;display:inline-flex;align-items:center;gap:.35rem}
.dd-btn:hover,.dd:hover .dd-btn,.dd.open .dd-btn{color:var(--ink)}
.dd-btn svg{transition:transform .2s ease}
.dd:hover .dd-btn svg,.dd.open .dd-btn svg{transform:rotate(180deg)}
.dd-panel{position:absolute;top:calc(100% + 22px);left:50%;width:min(740px,92vw);background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 70px -24px rgba(15,23,42,.38);padding:.7rem;opacity:0;visibility:hidden;transform:translate(-40%,10px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:60}
.dd-panel::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
.dd:hover .dd-panel,.dd:focus-within .dd-panel,.dd.open .dd-panel{opacity:1;visibility:visible;transform:translate(-40%,0)}
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:.15rem}
.dd-item{display:flex;align-items:center;gap:.8rem;padding:.65rem .75rem;border-radius:14px;text-decoration:none;color:var(--ink);transition:background .15s}
.dd-item:hover,.dd-item:focus-visible{background:color-mix(in srgb,var(--tc) 9%,transparent)}
.dd-item .ic{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:1.05rem;color:var(--tc);background:color-mix(in srgb,var(--tc) 13%,#fff)}
.dd-item .tx{min-width:0}.dd-item b{display:block;font-size:.95rem;font-weight:700;line-height:1.25}
.dd-item small{display:block;color:var(--muted);font-size:.8rem;margin-top:.1rem}
.dd-item em{margin-left:auto;font-style:normal;font-weight:600;font-size:.85rem;color:var(--muted);white-space:nowrap}
.dd-pack{display:flex;align-items:center;gap:1rem;margin:.45rem .2rem .2rem;padding:.9rem 1rem;border-radius:16px;background:var(--ink);color:#fff;text-decoration:none}
.dd-pack b{display:block;font-weight:700;color:#fff}.dd-pack small{display:block;color:#fff;opacity:.75;font-size:.82rem}
.dd-pack em{margin-left:auto;white-space:nowrap;flex:none;font-style:normal;font-weight:800;font-size:1.05rem;background:#fff;color:var(--ink);padding:.3rem .7rem;border-radius:999px}
.dd-pack:hover{filter:brightness(1.15)}
.dd-foot{padding:.75rem .8rem .35rem;font-size:.9rem}.dd-foot svg{width:16px;height:16px}.dd-foot a{color:var(--accent);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem}
.burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:var(--surface);cursor:pointer;padding:0 12px;flex:none}
.burger span{display:block;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav{position:absolute;left:0;right:0;top:calc(100% + 10px);background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 70px -24px rgba(15,23,42,.38);padding:.6rem;max-height:calc(100vh - 110px);overflow:auto;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s;z-index:60}
.mnav.open{opacity:1;visibility:visible;transform:none}
.mnav .mh{margin:.5rem .75rem .35rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.mnav .ml{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-top:.5rem;padding-top:.35rem}
.mnav .ml a{padding:.8rem .75rem;color:var(--ink);text-decoration:none;font-weight:600}
@media(min-width:900px){.burger,.mnav{display:none}}
@media(max-width:600px){.bar-link{display:none}}
@media(prefers-reduced-motion:reduce){.dd-panel,.mnav,.dd-btn svg,.burger span{transition:none}}

.logo{display:block;height:46px;width:auto}
.site-foot .logo{height:52px}
@media(max-width:520px){.bar .logo{height:32px}}

.wm{font-weight:700;letter-spacing:-.03em}
.wm b{color:var(--accent);font-weight:800}
.wm i{font-style:normal;color:var(--muted);font-weight:500}
@media(max-width:420px){.wm i{display:none}}

.vis.img{height:auto!important;aspect-ratio:4/3;padding:0;background:none!important}
.tile.big .vis.img{aspect-ratio:16/9}
.vis.img img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.tile:hover .vis.img img{transform:scale(1.03)}
.tile.wide .vis.img{display:block!important}
@media(min-width:720px){.tile.wide{display:grid;grid-template-columns:minmax(0,44%) 1fr;grid-template-rows:auto auto auto 1fr;padding-top:0!important;column-gap:0}
.tile.wide .vis.img{grid-row:1/-1;grid-column:1;aspect-ratio:3/2;margin:0;border-radius:23px 0 0 23px;border-bottom:0;border-right:1px solid var(--line)}
.tile.wide > :not(.vis){grid-column:2;margin-left:2rem!important}
.tile.wide .t{margin-top:2rem}}
.ocover{display:block;width:100%;height:auto;border-radius:16px;margin-bottom:1.25rem;box-shadow:0 14px 30px -18px rgba(15,23,42,.45)}
@media(prefers-reduced-motion:reduce){.tile:hover .vis.img img{transform:none}}

:root{color-scheme:light}
.facts-card .src a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.pk .psrc{display:block;font-size:.75rem;color:#64748B;margin:-.4rem 0 1rem}
.rvs{display:grid;gap:1rem;margin-top:1.5rem}
.rv{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:1.5rem}
.rv .st{color:#E0A100;letter-spacing:.1em}
.rv blockquote{margin:.6rem 0 .8rem;font-size:1.08rem}
.rv figcaption{font-size:.9rem;color:var(--muted)}

.t{display:inline-flex;align-items:center;gap:.5rem}
.tile .t::before,.dot{content:"";width:8px;height:8px;border-radius:50%;background:var(--tc,var(--accent));flex:none;display:inline-block}
.vis{background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--tc) 26%,var(--bg)),color-mix(in srgb,var(--tc) 8%,var(--bg)) 70%)!important}
.mp small{color:var(--tc)!important;font-weight:600}
.mp{border-top:3px solid var(--tc)}
.tile:hover{border-color:color-mix(in srgb,var(--tc) 55%,var(--line))!important}
.tile:hover .arrow{background:var(--tc)!important;border-color:var(--tc)!important;color:#fff!important}
.tile.wide{background:linear-gradient(110deg,color-mix(in srgb,var(--tc) 10%,var(--surface)),var(--surface) 55%)}
.finder a{justify-content:flex-start}
.finder a > div{flex:1}
.finder a:hover{border-color:color-mix(in srgb,var(--tc) 60%,var(--line))}
.finder a:hover svg{color:var(--tc)}
.pk{border-top:4px solid var(--tc)}
.pk .ph span:last-child{color:var(--tc);font-weight:600}
.pk .more{color:var(--tc)}
.sp{border-top:4px solid var(--tc)}
.sp b{color:#0F172A}
.home-hero{background:radial-gradient(800px 440px at 90% 0%,rgba(31,63,122,.10),transparent 60%),radial-gradient(640px 400px at 60% 100%,rgba(249,115,98,.17),transparent 60%)!important}
.eyebrow{color:var(--coral)!important;font-weight:700}
.phero .eyebrow{color:var(--tc)!important}
.btn-sec{border-color:color-mix(in srgb,var(--coral) 70%,transparent)!important;color:var(--coral)!important}
.meta-row span::before{background:var(--coral)!important}
.strip li b::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.55rem;vertical-align:.12em;background:var(--c)}
.strip li:nth-child(odd){--c:#1F3F7A}.strip li:nth-child(even){--c:#E0533F}
.steps li:nth-child(1){--c:#1F3F7A}.steps li:nth-child(2){--c:#E0533F}.steps li:nth-child(3){--c:#1F3F7A}
.steps li::before{color:var(--c)!important}
.steps li{border-top:4px solid var(--c)!important}
.bundle{background:radial-gradient(600px 400px at 100% 0%,rgba(110,149,255,.32),transparent 60%),radial-gradient(500px 380px at 0% 100%,rgba(249,115,98,.30),transparent 60%),var(--dark)!important}
.bundle::after{display:none}
.final .in{background:radial-gradient(700px 400px at 50% -10%,color-mix(in srgb,var(--tc,#4F46E5) 55%,transparent),transparent 65%),var(--dark)!important}
.final .in::after{display:none}
.phero{background:radial-gradient(900px 500px at 90% -10%,color-mix(in srgb,var(--tc) 18%,transparent),transparent 60%)}
.phero .eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--tc);font-weight:600}
.phero .eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tc)}
.list li span{color:var(--tc)!important}
.facts-card{border-top:4px solid var(--tc)}
.facts-card .fk{color:var(--tc);font-weight:600}
.facts-card .tip{background:color-mix(in srgb,var(--tc) 10%,var(--surface))!important}
.grid2 div{border-left:4px solid var(--tc)}
.guar .n{color:var(--tc)!important}
.order{border-top:4px solid var(--tc)}

.tile{padding:0}
.tile > :not(.vis){margin-left:1.75rem;margin-right:1.75rem}
.tile .foot{margin-bottom:1.6rem}
.vis{position:relative;height:150px;margin-bottom:1.4rem;overflow:hidden;border-radius:23px 23px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,var(--bg)),color-mix(in srgb,var(--accent) 3%,var(--bg)));border-bottom:1px solid var(--line)}
.tile.big .vis{height:190px}
.mp{position:absolute;left:1.75rem;right:1.75rem;top:28px;background:#fff;color:#0F172A;border-radius:12px 12px 0 0;padding:1rem 1.1rem;box-shadow:0 1px 2px rgba(15,23,42,.06),0 18px 36px -18px rgba(15,23,42,.35);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.tile.big .mp{left:auto;width:min(380px,80%);right:1.75rem}
.mp small{display:block;font-size:.66rem;color:#94A3B8;padding-bottom:.45rem;border-bottom:1px solid #EEF2F6;margin-bottom:.55rem}
.mp b{display:block;font-size:.92rem;letter-spacing:-.02em;line-height:1.25;margin-bottom:.55rem}
.mp i{display:flex;justify-content:space-between;gap:.75rem;font-style:normal;font-size:.7rem;color:#64748B;padding:.32rem 0;border-bottom:1px solid #F1F5F9}
.mp i span:last-child{color:#0F172A;font-weight:600}
.tile:hover .mp{transform:translateY(-8px)}
.tile.wide .vis{display:none}
.tile.wide{padding-top:1.6rem}
.stackp{position:relative;width:250px;height:185px;margin-bottom:.75rem}
.sp{position:absolute;top:calc(var(--i) * 12px);right:calc(var(--i) * 34px);width:118px;height:132px;background:#fff;color:#0F172A;border-radius:8px;padding:.7rem .7rem;box-shadow:-8px 14px 28px -14px rgba(0,0,0,.6);z-index:calc(10 - var(--i))}
.sp small{display:block;font-size:.55rem;color:#94A3B8;margin-bottom:.25rem}
.sp b{display:block;font-size:.72rem;line-height:1.2;letter-spacing:-.01em;margin-bottom:.5rem;hyphens:auto}
.sp i{display:block;height:4px;border-radius:2px;background:#E2E8F0;margin-bottom:5px}
.sp i:nth-of-type(2){width:80%}.sp i:nth-of-type(3){width:60%}
@media(max-width:899px){.stackp{width:230px}.sp{left:calc(var(--i) * 28px);right:auto}}
.home-hero{background:radial-gradient(900px 480px at 88% 8%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 62%),radial-gradient(700px 420px at 62% 92%,rgba(251,191,140,.16),transparent 60%)}

.page .letter{font-size:.78rem;color:#475569;line-height:1.55}.page .letter p{margin:0 0 .8rem}.page .letter b{color:#0F172A}
.mock .page.back{position:absolute;inset:auto auto -2.5rem -3.5rem;width:58%;padding:1.3rem 1.3rem .6rem;opacity:1;z-index:2;border:1px solid #E2E8F0;box-shadow:0 30px 60px -20px rgba(15,23,42,.35)}
.mock .page.back .ph{margin-bottom:.8rem}
.mock{margin-bottom:2.5rem}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(340px,82vw);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.5rem max(1.5rem,calc((100vw - 1200px)/2 + 1.5rem)) 2rem;scroll-padding-inline:max(1.5rem,calc((100vw - 1200px)/2 + 1.5rem));scrollbar-width:thin}
.rail:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.pk{scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;color:#0F172A;border-radius:18px;padding:1.6rem 1.5rem;text-decoration:none;box-shadow:0 1px 2px rgba(15,23,42,.06),0 24px 48px -32px rgba(15,23,42,.4);border:1px solid #E4E7EC;transition:transform .2s}
.pk:hover{transform:translateY(-3px)}
.pk .ph{display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;color:#64748B;border-bottom:1px solid #E2E8F0;padding-bottom:.7rem;margin-bottom:1.1rem}
.pk h4{font-size:1.25rem;letter-spacing:-.03em;line-height:1.2;margin:0 0 .9rem}
.pk table{width:100%;border-collapse:collapse;font-size:.85rem;margin-bottom:1.2rem}
.pk .rows{margin-bottom:1.3rem}
.pk .row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem 0;border-bottom:1px solid #F1F5F9;font-size:.88rem}
.pk .row span{color:#64748B;flex:none;max-width:48%}
.pk .row b{font-weight:600;text-align:right}
.pk .row.st{flex-direction:column;align-items:flex-start;gap:.15rem}
.pk .row.st span{max-width:none}
.pk .row.st b{text-align:left;font-weight:500;color:#0F172A}
.pk td{padding:.55rem 0;border-bottom:1px solid #F1F5F9;vertical-align:top}
.pk td:last-child{text-align:right;font-weight:600;padding-left:.75rem}
.pk .more{margin-top:auto;display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.92rem;color:#1D4ED8}
.pk .more svg{width:16px;height:16px}
@media (prefers-reduced-motion:no-preference){.home-hero .hgrid > *{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}.home-hero .mock{animation-delay:.15s}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}
@media(max-width:600px){.mock .page.back{display:none}.mock{margin-bottom:0}}
@media(min-width:601px) and (max-width:1100px){.mock .page.back{left:-1rem}}

/* Heller Kopfbereich mit Hauptbild (02.10.2026) */
.h3.h4{background:linear-gradient(#FFFFFF 55%,var(--bg) 100%)!important;color:#13213C;padding:8.5rem 0 10rem}
.h3.h4::before{display:none!important}
.h4 .h3g{grid-template-columns:1fr!important}
.h4 .h3t{position:relative;z-index:1;max-width:33rem}
@media(min-width:960px) and (max-width:1180px){.h4 .h3t{max-width:31rem}.h4p{left:50%!important}}
.h4 h1{color:#13213C;max-width:none;font-size:clamp(2.3rem,4.3vw,3.6rem);line-height:1.06}
@media(max-width:620px){.h4 .h4br{display:none}}
.h4 .h4a{color:#E0533F}
.h4 .h3l{color:#3F4B63}
.h4 .h3s{color:#13213C;border-color:rgba(19,33,60,.28);background:rgba(255,255,255,.75)}.h4 .h3s:hover{border-color:#13213C}
.h4 .h3c:focus-visible,.h4 .h3s:focus-visible{outline-color:#13213C}
.h4 .h3k{color:#3F4B63}
.h4 .h3k li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F7A3A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.h4p{margin:0;position:absolute;top:0;bottom:0;right:0;left:46%;pointer-events:none}
.h4p img{width:100%;height:100%;object-fit:cover;object-position:38% 40%;display:block;
-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(180deg,#000 72%,transparent 100%);-webkit-mask-composite:source-in;
mask-image:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(180deg,#000 72%,transparent 100%);mask-composite:intersect}
@media(max-width:959px){.h3.h4{padding:7.5rem 0 8rem}.h4p{position:relative;left:auto;margin:2rem 1.25rem 0;border-radius:20px;overflow:hidden;aspect-ratio:16/10}
.h4p img{-webkit-mask-image:none;mask-image:none;object-position:38% 32%}
.h3.h4{display:flex;flex-direction:column-reverse}}
@media(prefers-reduced-motion:no-preference){.h4p{animation:nin .9s ease-out both}}

/* Feinschliff ganze Seite (02.10.2026) */
h1,h2,h3{text-wrap:balance}p,li,small{text-wrap:pretty}
/* Korall = die wichtigste Aktion, überall gleich; alle Knöpfe gleiche Form */
.h3c,.h3s{border-radius:999px!important}
.h3c,.order .btn:not(.soon),.final .btn:not(.soon),.fq .btn,.mbar .btn:not(.soon){background:#D2432C!important;color:#fff!important;box-shadow:0 12px 28px -14px rgba(210,67,44,.75)}
.h3c:hover,.order .btn:not(.soon):hover,.final .btn:not(.soon):hover,.fq .btn:hover,.mbar .btn:not(.soon):hover{background:#B93A25!important}
/* Ratgeber-Übersicht: Titelbild ganz zeigen, einheitliches Format */
.card2{padding:1rem!important;gap:1.1rem!important}
.card2 img{width:150px!important;height:100px!important;object-fit:cover;object-position:left top!important;border-radius:10px!important;border:1px solid var(--line)}
.card2 .go{color:var(--accent)!important}
@media(max-width:559px){.card2 img{width:108px!important;height:72px!important;align-self:flex-start}}
/* Abstände zwischen den Abschnitten */
#ratgeber{padding-bottom:2.5rem}.tbar{padding:1.5rem 0 1rem!important}
/* Wunschpaket-Leiste */
.bundle .r{flex-direction:column!important;align-items:flex-end!important;gap:.3rem!important;text-align:right}
.bundle .big{font-weight:800!important;font-size:2.6rem!important}.bundle .btn-w{margin-top:.8rem}
@media(max-width:899px){.bundle .r{align-items:flex-start!important;text-align:left}}
/* Vertrauens-Kacheln am Handy kompakt */
@media(max-width:600px){.tb{grid-template-columns:1fr 1fr!important;gap:.6rem!important}.tb li{padding:.9rem .6rem!important;border-radius:14px}
.tb li:last-child:nth-child(odd){grid-column:1/-1}.tb .ti{width:44px;height:44px}.tb .ti svg{width:22px;height:22px}.tb b{font-size:.95rem}.tb small{font-size:.8rem}}
/* Situationen sind keine Reihenfolge: Punkt statt 01/02/03 */
.list li{grid-template-columns:1.2rem 1fr!important;gap:.8rem!important}
.list li span{font-size:0!important;padding-top:.6rem!important}
.list li span::before{content:"";display:block;width:9px;height:9px;border-radius:50%;background:var(--tc,var(--accent))}
/* Bewertungen: zurückhaltend, solange es noch keine gibt */
.rv-none{padding:3.5rem 0!important}.rv-none h2{font-size:1.5rem!important;margin:0 0 .5rem}
.rv-none .lead{font-size:1rem!important;color:var(--muted);margin:0 0 1.2rem}

/* Wunschpaket: Auswahl direkt auf der Ratgeber-Seite */
.wsh{margin:.9rem 0 1rem;padding:.85rem .9rem;border:1.5px solid var(--line);border-radius:16px;background:#F7F9FC}
.wsh .wt{margin:0 0 .5rem;font-weight:800;font-size:.95rem;color:var(--ink)}
.wsh .wt small{display:block;font-weight:500;color:var(--muted);font-size:.82rem;margin-top:.1rem}
.wsh label{display:flex;align-items:center;gap:.65rem;padding:.5rem .55rem;border-radius:12px;cursor:pointer;background:#fff;border:1.5px solid var(--line);margin-top:.4rem}
.wsh label:hover{border-color:#13213C}
.wsh input{width:1.25rem;height:1.25rem;flex:none;accent-color:#13213C}
.wsh label span{flex:1;min-width:0;line-height:1.25}.wsh label b{display:block;font-size:.93rem}.wsh label small{color:var(--muted);font-size:.78rem}
.wsh label em{font-style:normal;font-weight:800;color:#D2432C;white-space:nowrap;font-size:.92rem}
.wsh label:has(input:checked){border-color:#13213C;background:#EEF2FA}
.wsum{margin:.7rem 0 0;padding-top:.6rem;border-top:1px dashed var(--line);display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;font-size:.95rem}
.wsum b{font-size:1.25rem;color:var(--ink)}.wsum small{color:#1F7A3A;font-weight:700}
/* Wunschpaket-Seite: Baukasten */
.cfg{display:grid;gap:1.1rem;margin-top:1.6rem}
.cs{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.2rem 1.2rem 1.3rem;background:#fff;border:1.5px solid var(--line);border-radius:20px}
.cn{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:#13213C;color:#fff;font-weight:800;font-size:1.05rem}
.cs h3{margin:.25rem 0 .1rem;font-size:1.15rem}.cs .ch{margin:0 0 .8rem;color:var(--muted);font-size:.95rem}
.copt{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:.5rem}
.co{display:flex;align-items:center;gap:.55rem;padding:.6rem .7rem;border:1.5px solid var(--line);border-radius:14px;cursor:pointer;background:#fff}
.co:hover{border-color:#13213C}.co input{width:1.15rem;height:1.15rem;flex:none;accent-color:#13213C}
.co span{line-height:1.2}.co b{display:block;font-size:.95rem}.co small{color:var(--muted);font-size:.8rem}
.co:has(input:checked){border-color:#13213C;background:#EEF2FA}
#cpg{margin-top:.8rem}#cpg label{font-weight:700;margin-right:.5rem}#cpg select{padding:.5rem .7rem;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.cadd{display:grid;gap:.5rem}.cadd .co{justify-content:flex-start}.cadd .co em{margin-left:auto;font-style:normal;font-weight:800;color:#D2432C;white-space:nowrap}
.cph{margin:0;color:var(--muted)}
.csum table{width:100%;border-collapse:collapse;font-size:1rem}.csum td{padding:.45rem 0;border-bottom:1px solid var(--line)}.csum td:last-child{text-align:right;font-weight:700;white-space:nowrap}
.csum tr.tot td{border-bottom:0;border-top:2px solid #13213C;font-size:1.25rem;font-weight:800;padding-top:.7rem}
.csum .save{margin:.3rem 0 1rem;color:#1F7A3A;font-weight:700}.csum .btn{display:inline-flex;background:#D2432C;color:#fff}.csum .btn:hover{background:#B93A25}.csum .cnote{margin:.8rem 0 0;color:var(--muted);font-size:.88rem}
@media(max-width:560px){.cs{grid-template-columns:1fr;padding:1rem}.cn{width:2rem;height:2rem}}

img[src*="checkout-ds24.com/pb/img"]{object-fit:cover;object-position:left center;aspect-ratio:1/1}
.ocover[src*="checkout-ds24.com/pb/img"],.vis.img img[src*="checkout-ds24.com/pb/img"]{aspect-ratio:auto;height:auto;object-fit:contain}

.wsum[hidden]{display:none!important}
.vpick{display:grid;gap:.4rem;margin:0 0 .7rem}
.vpick label{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;border:2px solid var(--line);border-radius:14px;cursor:pointer;background:#fff}
.vpick label.on{border-color:#13213C;background:#F3F6FC}
.pgv label{padding:.42rem .7rem}.pgv em{font-style:normal;font-weight:800;white-space:nowrap}.vpick.fehlt label{border-color:#D2432C}.pgh{color:#B42318;font-weight:700;font-size:.92rem;margin:-.25rem 0 .65rem}
.vpick input{width:1.15rem;height:1.15rem;accent-color:#13213C;flex:none}
.vpick span{flex:1;min-width:0}.vpick b{display:block;font-size:.98rem;line-height:1.2}.vpick small{display:block;color:var(--muted);font-size:.8rem;line-height:1.3}
.vpick em{font-style:normal;font-weight:800;white-space:nowrap;font-size:1rem!important;color:var(--ink)!important}
.vpick label:focus-within{outline:3px solid #7AA0E8;outline-offset:1px}

/* Kontakt-Seite */
.kt{padding:1rem 0 3rem!important}
.ktc{display:flex;gap:1.1rem;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.3rem 1.4rem}
.ktc .av{flex:0 0 52px;height:52px;border-radius:50%;background:#13213C;color:#fff;font-weight:800;display:grid;place-items:center}
.ktc h2{font-size:1.2rem!important;margin:.2rem 0 .5rem}.ktc p{color:var(--muted);font-size:.98rem;margin:.4rem 0}
.ktp{list-style:none;margin:.6rem 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.9rem;font-weight:700;color:var(--ink)}.ktp li::before{content:"✓ ";color:#1F7A3A}
.ktg{display:grid;gap:.7rem;grid-template-columns:1fr;margin-top:.7rem}@media(min-width:680px){.ktg{grid-template-columns:1fr 1fr}}
.ktb{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.1rem 1.2rem}
.ktb h3{font-size:1.02rem;margin:0 0 .4rem}.ktb p{margin:.3rem 0;font-size:.95rem;color:var(--muted)}
.ktm{font-weight:800;color:#D2432C;font-size:1.02rem;text-decoration:none;overflow-wrap:anywhere}.ktm:hover{text-decoration:underline}
.kts{font-size:.85rem!important}.kts a{color:#13213C;font-weight:700;margin-right:.6rem}

/* Ratgeber-Seiten kompakter */
.has-mbar .phero{padding:1.4rem 0 2.2rem!important}.phero h1{font-size:clamp(1.6rem,3vw,2.3rem)!important;line-height:1.14!important;letter-spacing:-.02em!important}.phero .lead{font-size:1.04rem!important;line-height:1.5!important}.phero{padding-top:1.4rem!important}.phero .crumb{margin-bottom:.9rem!important;font-size:.86rem!important}.legal h1{font-size:clamp(1.6rem,3vw,2.2rem)!important}.legal h2{font-size:1.2rem!important}
.has-mbar .pgrid{gap:1.6rem 3rem!important}.has-mbar .pgrid>*{min-width:0}.has-mbar .facts-card .tw{overflow-x:auto}
.has-mbar .crumb{margin-bottom:.9rem!important;font-size:.86rem!important}
.has-mbar .phero .eyebrow{margin-bottom:.3rem!important;font-size:.86rem!important}
.has-mbar .phero h1{font-size:clamp(1.6rem,3vw,2.3rem)!important;line-height:1.14!important;letter-spacing:-.02em!important;margin:0 0 .7rem!important;max-width:22em}
.has-mbar .phero .lead{font-size:1.04rem!important;line-height:1.5!important;max-width:40em;margin:0}
.has-mbar .meta-row{margin-top:.9rem!important;font-size:.85rem!important;gap:.3rem 1.1rem!important}
.hchk-h{font-size:1.02rem!important;font-weight:800;letter-spacing:0!important;margin:1.5rem 0 .55rem!important}
.hchk{list-style:none;margin:0;padding:1rem 1.15rem;background:#fff;border:1px solid var(--line);border-radius:18px;display:grid;gap:.6rem 1.5rem;grid-template-columns:1fr}
@media(min-width:620px){.hchk{grid-template-columns:1fr 1fr}}
.hchk li{display:flex;gap:.55rem;font-size:.95rem;line-height:1.35;color:var(--ink)}
.hchk li::before{content:"";flex:none;width:1.15rem;height:1.15rem;margin-top:.08rem;border-radius:50%;background:#13213C url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/68% no-repeat}
.has-mbar .order{padding:1rem 1.1rem 1.1rem!important;border-radius:20px!important;top:84px!important}
.has-mbar .ocover{aspect-ratio:16/9;object-fit:cover;object-position:left top;margin-bottom:.75rem!important;border-radius:12px!important}
.has-mbar .order .t{font-size:.8rem!important}
.has-mbar .order h2{font-size:1.12rem!important;letter-spacing:-.01em!important;margin:.1rem 0 .6rem!important}
.has-mbar .order .pr{padding:.6rem 0!important;margin-bottom:.7rem!important}
.has-mbar .order .pr b{font-size:1.9rem!important}
.has-mbar .order .pr span{font-size:.86rem!important}
.has-mbar .wsh{margin:.6rem 0 .8rem;padding:.65rem .7rem}.has-mbar .wsh .wt{font-size:.9rem}.has-mbar .wsh label{padding:.38rem .5rem;margin-top:.3rem}
.has-mbar .order dl{margin:.8rem 0 0!important;gap:.25rem 1rem!important;font-size:.84rem!important}
.has-mbar .order .lock{margin:.7rem 0 0!important;font-size:.84rem}
.has-mbar .order .on{margin:.6rem 0 0!important;font-size:.78rem!important;line-height:1.4!important}
.has-mbar .order .pay{margin-top:.5rem!important}.has-mbar .order .pay li{font-size:.76rem;padding:.25rem .5rem}
.has-mbar .pgq{font-size:.95rem;margin-bottom:.4rem}.has-mbar .pgpick{gap:.35rem}.has-mbar .pgpick a{padding:.4rem .6rem;border-radius:12px}
.has-mbar main>section{padding-top:2.3rem!important;padding-bottom:2.3rem!important}
.has-mbar main>section.phero{padding:1.4rem 0 2.2rem!important}
.has-mbar main>section.tbar{padding:.6rem 0 .4rem!important}
.has-mbar main>section.final{padding:1.6rem 0 2.2rem!important}
.has-mbar main>section h2{font-size:clamp(1.3rem,2.2vw,1.65rem);letter-spacing:-.015em}
.has-mbar .list{margin-top:.8rem!important}
.has-mbar .list li{padding:.7rem 0!important;font-size:1rem!important;grid-template-columns:2rem 1fr!important;gap:.6rem!important}
.has-mbar .facts-card{margin-top:1.2rem;padding:1.1rem 1.2rem 1rem!important;border-radius:18px!important}.has-mbar .facts-card h3{font-size:1.05rem!important;margin:.1rem 0 .5rem!important}.has-mbar .facts-card table{font-size:.92rem;min-width:0!important}.has-mbar .facts-card td:first-child{padding-right:.8rem!important}.has-mbar .facts-card td,.has-mbar .facts-card th{overflow-wrap:anywhere;hyphens:auto}.has-mbar .facts-card td,.has-mbar .facts-card th{padding:.5rem 0!important}.has-mbar .facts-card .tip{font-size:.9rem;padding:.7rem .9rem!important;margin-top:.7rem!important}.has-mbar .facts-card .src{font-size:.78rem;margin-top:.6rem!important}
.has-mbar .gsec{padding-top:1.4rem!important;padding-bottom:1.2rem!important}
.has-mbar .guar{margin-top:0!important;padding:1rem 1.3rem!important;border-radius:18px!important;gap:1rem 1.4rem!important}
.has-mbar .guar .n{font-size:2.2rem!important}.has-mbar .guar .n small{font-size:.8rem!important}
.has-mbar .guar h3{font-size:1.02rem;margin-bottom:.2rem!important}.has-mbar .guar p{font-size:.93rem}
.has-mbar details{padding:.8rem 0}.has-mbar summary{font-size:1rem}.has-mbar details p{font-size:.95rem;margin-top:.5rem}
.has-mbar .blk .wrap.narrow>div[style*="margin-top:2rem"]{margin-top:.9rem!important}

/* Untere Abschnitte kompakter */
.tbar{padding:.6rem 0 .4rem!important}
.tb{gap:.5rem!important;margin-top:0!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.tb li{display:grid!important;grid-template-columns:auto 1fr;justify-items:start!important;text-align:left!important;align-items:center;gap:0 .7rem!important;padding:.65rem .8rem!important;border-radius:14px!important}
.tb .ti{grid-row:1/3;width:36px;height:36px}.tb .ti svg{width:18px;height:18px}
.tb b{font-size:.92rem!important;align-self:end}.tb small{font-size:.8rem!important;align-self:start}
.paybox{margin-top:.8rem!important;font-size:.86rem!important}
.wis,.ab,.fq{padding-top:2.6rem!important;padding-bottom:.6rem!important}
.wis .sec-head,.ab .sec-head{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:.3rem 1.2rem!important;margin-bottom:1.1rem!important}
.wis .sec-head h2,.ab .sec-head h2,.fq h2{font-size:clamp(1.35rem,2.2vw,1.7rem)!important;letter-spacing:-.015em}
.wis .sec-head p,.ab .sec-head p{font-size:.98rem!important}
.wgrid{gap:.55rem!important}
.wk{padding:.85rem 1rem .8rem!important;border-radius:16px!important}
.wk .wn{font-size:1.4rem!important;line-height:1.15!important}
.wk b{font-size:.95rem!important;margin:.1rem 0 .25rem!important}
.wk p{font-size:.85rem!important;margin:0 0 .45rem!important;line-height:1.4!important}
.wk .go{font-size:.8rem!important}
.st3{gap:.55rem!important}.st3 li{padding:.85rem 1rem!important;border-radius:16px!important;gap:.8rem!important}
.st3 .sn{width:34px!important;height:34px!important;font-size:1rem!important}
.st3 li b,.st3 li h3{font-size:.98rem!important}.st3 li p{font-size:.86rem!important;margin:.15rem 0 0!important;line-height:1.4}
.fq .two{gap:1.5rem 3.5rem!important;align-items:start}
.fq .eyebrow{margin-bottom:.3rem!important;font-size:.85rem!important}
.fq h2{margin:.1rem 0 .6rem!important}.fq .two>div:first-child p{font-size:.98rem}
.fq details{padding:.8rem 0!important}.fq details summary{font-size:1rem!important}.fq details p{font-size:.95rem;margin-top:.5rem!important}
.final{padding:2rem 0 2.5rem!important}
.final .in{padding:2.1rem 1.5rem 2.2rem!important;border-radius:22px!important}
.final h2{font-size:clamp(1.45rem,2.6vw,2rem)!important;max-width:none!important;margin-bottom:.4rem!important}
.final p{font-size:.98rem;margin:.2rem 0 .9rem}
.about{padding:0 0 1.5rem!important}.ab2{padding-top:1.3rem!important}
.site-foot{padding:2.4rem 0 1.8rem!important}
.site-foot .cols{gap:1.6rem 2.5rem!important}
@media(min-width:800px){.site-foot .cols{grid-template-columns:1.25fr 1.5fr .6fr!important}.site-foot .cols>div:nth-child(2) ul{grid-template-columns:1fr 1fr;column-gap:1.4rem}}
.site-foot ul{gap:.4rem!important}.site-foot h4{margin-bottom:.6rem!important}

/* Ratgeber-Übersicht, kompakt */
.rg3{padding-top:3rem!important;padding-bottom:2.6rem!important}
.rg3h{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem 1.2rem;margin-bottom:1.1rem}
.rg3h h2{margin:0;font-size:clamp(1.35rem,2.2vw,1.7rem);letter-spacing:-.015em}
.rg3h p{margin:0;color:var(--muted);font-size:.98rem}
.cards3{display:grid;gap:.55rem;grid-template-columns:1fr}
@media(min-width:680px){.cards3{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.cards3{grid-template-columns:repeat(3,1fr)}}
.card3{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem .6rem .6rem;background:#fff;border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.card3 img{flex:none;width:60px;height:60px;border-radius:11px;object-fit:cover;box-shadow:0 0 0 1px rgba(19,33,60,.08)}
.c3{flex:1;min-width:0;display:grid;gap:.1rem}
.c3 b{font-size:1rem;line-height:1.2}
.c3 small{color:var(--muted);font-size:.82rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card3 strong{flex:none;font-size:.95rem;white-space:nowrap}
.card3:hover{border-color:#13213C;box-shadow:0 14px 30px -24px rgba(19,33,60,.5)}.card3:hover strong{color:#D2432C}
.card3:focus-visible{outline:3px solid #13213C;outline-offset:2px}
.rg3 .addhint{margin-top:1rem;padding:.6rem 1rem;font-size:.92rem;max-width:none;text-align:left;border:0;background:none}

/* Suche */
.sro{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sbox{position:relative;margin:0 0 1.3rem}
.sfield{display:flex;align-items:center;gap:.7rem;background:#F3F5F9;border:2px solid transparent;border-radius:999px;padding:.2rem .5rem .2rem 1.1rem;transition:border-color .15s,background .15s,box-shadow .15s}
.sfield svg{flex:none;color:#55607A}
.sfield:focus-within{background:#fff;border-color:#13213C;box-shadow:0 12px 30px -18px rgba(19,33,60,.55)}
.sfield input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:1.08rem;color:#13213C;padding:.85rem 0;outline:none;-webkit-appearance:none;appearance:none}
.sfield input::placeholder{color:#6B7892}
.sfield input::-webkit-search-cancel-button{display:none}
#sx,#sx2{flex:none;width:2.4rem;height:2.4rem;border-radius:50%;border:0;background:none;font-size:1.6rem;line-height:1;color:#55607A;cursor:pointer;visibility:hidden}
.sfield input:not(:placeholder-shown)~#sx,#sx2{visibility:visible}#sx:hover,#sx2:hover{background:#E6EAF1;color:#13213C}
.swrap{position:relative}.slist{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:#fff;border-radius:20px;box-shadow:0 30px 70px -24px rgba(19,33,60,.5),0 0 0 1px rgba(19,33,60,.08);padding:.45rem;max-height:60vh;overflow:auto}
.sr{display:flex;align-items:center;gap:.8rem;padding:.5rem .6rem;border-radius:14px;text-decoration:none;color:#13213C}
.sr img,.sr .sph{flex:none;width:46px;height:46px;border-radius:10px;object-fit:cover}
.sr .sph{border:1.5px dashed #CCD4E1;background:#FAFBFD}
.sr .tx{flex:1;min-width:0}.sr b{display:block;font-size:.98rem;line-height:1.25;overflow-wrap:anywhere;hyphens:auto}.sr small{display:block;color:var(--muted);font-size:.84rem;line-height:1.3}
.sr em{font-style:normal;font-weight:800;white-space:nowrap}.sr i{font-style:normal;font-size:.72rem;font-weight:700;padding:.15rem .5rem;border-radius:999px;background:#E9EDF3;color:#55607A;white-space:nowrap}
.sr.g b{color:#55607A}
.sr:hover,.sr.on{background:#EEF2FA}.sr:hover em,.sr.on em{color:#D2432C}
.s0{margin:0;padding:.8rem .7rem;color:var(--muted)}.s0 a{color:#D2432C;font-weight:700}
.sgo{flex:none;border:0;border-radius:999px;background:#D2432C;color:#fff;font:inherit;font-weight:700;font-size:1rem;padding:.7rem 1.25rem;cursor:pointer;margin-left:.15rem}.sgo:hover{background:#B93A25}.sgo:focus-visible{outline:3px solid #F5B400;outline-offset:2px}
.sbar .sgo{padding:.52rem 1.05rem;font-size:.95rem}.hsu .sgo{padding:.85rem 1.5rem;font-size:1.08rem}
.slist .sv{display:block;width:100%;text-align:left;border:0;background:none;font:inherit;font-size:1rem;font-weight:600;color:#13213C;padding:.6rem .8rem;border-radius:12px;cursor:pointer}.slist .sv:hover,.slist .sv:focus{background:#F1F4F9;outline:0}.slist .sv0{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:#5A6680;margin:0;padding:.5rem .8rem .2rem}
.slist mark{background:#FFE9A8;color:inherit;border-radius:3px;padding:0 .08em}
@media(max-width:480px){.sgo{padding:.6rem .85rem;font-size:.95rem}.hsu .sgo{padding:.7rem .95rem;font-size:1rem}}
.stips{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.7rem 0 0 .3rem;font-size:.88rem;color:var(--muted)}
.stip{font:inherit;font-size:.86rem;padding:.3rem .7rem;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:#13213C;cursor:pointer}
.stip:hover{border-color:#13213C;background:#EEF2FA}
@media(max-width:560px){.sfield input{font-size:1rem}.sfield input::placeholder{font-size:.92rem}}

/* Großes Menü */
.dd{position:static}
.dd-panel.mm{left:0;right:0;margin:0 auto;top:calc(100% + 12px);width:min(1040px,100%);padding:0;overflow:hidden;display:grid;grid-template-columns:268px 1fr;border-radius:26px;transform:translateY(8px);border:0;box-shadow:0 40px 90px -30px rgba(19,33,60,.55),0 0 0 1px rgba(19,33,60,.08)}
.dd:hover .dd-panel.mm,.dd:focus-within .dd-panel.mm,.dd.open .dd-panel.mm{transform:none}
.dd-panel.mm::before{top:-14px;height:14px}
.mm-rail{background:#13213C;padding:.9rem .7rem;display:flex;flex-direction:column;gap:.1rem}
.mm-tab{font:inherit;display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;text-align:left;border:0;background:none;color:#C9D3E6;padding:.5rem .7rem;border-radius:12px;cursor:pointer;font-size:.92rem;font-weight:600;line-height:1.25}
.mm-tab b{font-size:.74rem;font-weight:800;min-width:1.5rem;text-align:center;padding:.1rem .4rem;border-radius:999px;background:rgba(255,255,255,.14);color:#fff}
.mm-tab i{font-style:normal;font-size:.7rem;font-weight:600;color:#8FA0BF}
.mm-tab:hover{color:#fff;background:rgba(255,255,255,.07)}
.mm-tab.on{background:#fff;color:#13213C}.mm-tab.on b{background:#D2432C;color:#fff}.mm-tab.on i{color:#6B7892}
.mm-tab:first-child{margin-bottom:.45rem;padding-bottom:.65rem;padding-top:.65rem}
.mm-tab:focus-visible{outline:2px solid #fff;outline-offset:2px}
.mm-main{background:#fff;padding:1.15rem 1.25rem 1.1rem;min-height:440px}
.mm-pane{display:none}.mm-pane.on{display:block}
.mm-h{margin:0 0 .7rem;font-size:1.2rem;font-weight:800;letter-spacing:-.01em;color:#13213C;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.mm-h small{font-size:.82rem;font-weight:500;color:var(--muted)}
.mm-g{display:grid;grid-template-columns:1fr 1fr;gap:.15rem .5rem}
.mm-i{display:flex;align-items:center;gap:.75rem;padding:.42rem .5rem;border-radius:14px;text-decoration:none;color:#13213C}
.mm-i img{flex:none;width:52px;height:52px;border-radius:11px;object-fit:cover;box-shadow:0 0 0 1px rgba(19,33,60,.08)}
.mm-i .tx{min-width:0;flex:1}.mm-i b{display:block;font-size:.95rem;font-weight:700;line-height:1.2}
.mm-i small{display:block;color:var(--muted);font-size:.8rem;line-height:1.25;margin-top:.1rem}
.mm-i em{font-style:normal;font-weight:700;font-size:.86rem;color:#13213C;white-space:nowrap}
.mm-i:hover,.mm-i:focus-visible{background:#EEF2FA}.mm-i:hover em{color:#D2432C}
.mm-i .neu{font-style:normal;font-size:.66rem;font-weight:800;letter-spacing:.03em;background:#D2432C;color:#fff;padding:.08rem .38rem;border-radius:999px;margin-left:.4rem;vertical-align:.12em}
.mm-pl{margin:1rem 0 .45rem;font-size:.82rem;font-weight:700;color:var(--muted)}
.mm-chips{display:flex;flex-wrap:wrap;gap:.35rem}
.mm-chips span{font-size:.84rem;padding:.3rem .65rem;border:1.5px dashed #D3DAE6;border-radius:999px;color:#55607A;background:#FAFBFD}
.dd-panel.mm a.mm-more,.mm-more{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;color:#D2432C;font-weight:700;font-size:.9rem;text-decoration:none}
.mm-more svg{width:16px;height:16px}.mm-more:hover{text-decoration:underline}
.mnav .mm-i{padding:.5rem .6rem}.mnav .mm-i img{width:46px;height:46px}
@media(prefers-reduced-motion:reduce){.dd-panel.mm{transition:none}}

.dd-cats{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.6rem .2rem .2rem;padding-top:.7rem;border-top:1px solid var(--line)}
.dd-cats span{font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);width:100%;margin-bottom:.15rem}
.dd-cats a{font-size:.85rem;padding:.3rem .65rem;border:1.5px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);background:#fff}
.dd-cats a:hover{border-color:#13213C;background:#EEF2FA}
.thnav{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.4rem}
.thnav a{font-size:.92rem;padding:.4rem .8rem;border:1.5px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);background:#fff}
.thnav a:hover{border-color:#13213C}
.thsec{padding:2.2rem 0 .6rem;scroll-margin-top:90px}.thsec h2{font-size:1.5rem;margin:0}.thn{margin:.2rem 0 1rem;color:var(--muted);font-size:.92rem}
.thg{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.7rem}
.th{display:flex;flex-direction:column;gap:.25rem;padding:.9rem 1rem;border:1.5px dashed var(--line);border-radius:16px;background:#FAFBFD;color:var(--muted);min-height:6.2rem}
.th b{font-size:1rem;line-height:1.25;color:#55607A}.th small{font-size:.84rem;line-height:1.35}
.th span{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:.5rem}
.th i{font-style:normal;font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.15rem .5rem;border-radius:999px;background:#E9EDF3;color:#55607A}
.th.da{border:1.5px solid var(--line);border-left:5px solid var(--tc,#13213C);background:#fff;text-decoration:none;color:var(--ink)}
.th.da b{color:var(--ink)}.th.da:hover{border-color:#13213C;border-left-color:var(--tc,#13213C)}
.th.da strong{font-size:1.05rem}.th.da em{font-style:normal;font-weight:700;font-size:.88rem;color:#D2432C;display:inline-flex;align-items:center;gap:.25rem}
.th.da em svg{width:1em;height:1em}
.addhint a{color:#D2432C;font-weight:700;text-decoration:none}.addhint a svg{width:.9em;height:.9em;vertical-align:-.1em}
.addhint{margin:1.4rem auto 0;max-width:46rem;text-align:center;padding:.9rem 1.1rem;border:1.5px dashed var(--line);border-radius:16px;color:var(--muted);background:#fff}.addhint b{color:var(--ink)}
/* ---------- Ratgeber-Seite als Produktseite ---------- */
body .phero h1,body.has-mbar .phero h1{font-size:clamp(1.35rem,1.9vw,1.7rem)!important;line-height:1.18!important;letter-spacing:-.02em!important;font-weight:800!important;max-width:none!important;margin:.15rem 0 .25rem!important}
.psub{margin:0 0 .9rem;color:var(--muted);font-size:.95rem}
.sbar{background:transparent;padding:.15rem 0 .7rem;position:relative;z-index:25}.sbar .sbox{max-width:860px;margin:0 auto}
.hsu{position:relative;z-index:25;height:0}.hsu>.wrap{position:absolute;left:0;right:0;bottom:6.9rem}.hsu .sbox{max-width:820px;margin:0 auto}.hsu .stips{display:none}
.hsu .sfield{background:#fff;border:2px solid #fff;box-shadow:0 26px 54px -22px rgba(19,33,60,.6),0 0 0 1px rgba(19,33,60,.08);padding:.35rem .7rem .35rem 1.4rem}.hsu .sfield:focus-within{border-color:#13213C}.hsu .sfield input{font-size:1.18rem;padding:1.05rem 0}
@media(max-width:760px){.hsu>.wrap{bottom:6.4rem}.hsu .sfield{padding:.2rem .5rem .2rem 1rem}.hsu .sfield input{font-size:1rem;padding:.8rem 0}}.sbar .sfield{background:#fff;border-color:#D5DBE6}.sbar .sfield input{padding:.7rem 0}.sbar .stips{display:none}.sbar .sfield{box-shadow:0 10px 24px -20px rgba(15,23,42,.5)}
@media(max-width:640px){.sbar{padding:.55rem 0}.sbar input{font-size:1rem}}
.pstage{display:block;width:100%;margin:0 0 1.25rem;padding:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#EEF1F6;cursor:zoom-in;position:relative;box-shadow:0 24px 50px -34px rgba(15,23,42,.45);font:inherit}
.pstage img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;margin:0 auto}
.pstage .zoom{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:.35rem;background:rgba(19,33,60,.82);color:#fff;font-size:.78rem;font-weight:600;padding:.3rem .6rem;border-radius:999px;opacity:0;transition:opacity .15s}
.pstage:hover .zoom,.pstage:focus-visible .zoom{opacity:1}
.pstage:focus-visible{outline:3px solid #7AA0E8;outline-offset:3px}
.phook{font-size:1.12rem!important;line-height:1.3!important;letter-spacing:-.01em!important;font-weight:700!important;margin:0 0 .4rem!important;color:var(--ink);max-width:34em}
body .phero .lead{font-size:1rem!important;line-height:1.5!important;max-width:40em;margin:0!important}
.has-mbar .phero{padding-top:1.1rem!important}
.has-mbar .pgrid{grid-template-columns:minmax(0,1fr)!important}
@media(min-width:960px){.has-mbar .pgrid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr)!important;gap:1.6rem 2.6rem!important}}
.order h2{font-size:1.05rem!important;line-height:1.25!important;letter-spacing:-.01em!important;margin:.15rem 0 .7rem!important}
.order .pr b{font-size:2rem!important}
.plight{position:fixed;inset:0;z-index:2000;background:rgba(10,16,30,.88);display:grid;place-items:center;padding:3vmin;cursor:zoom-out}
.plight img{max-width:94vw;max-height:90vh;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.plight button{position:absolute;top:14px;right:16px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#13213C;font-size:1.6rem;line-height:1;cursor:pointer}
/* Tabelle „Gut zu wissen“: Wörter sauber trennen statt mitten im Wort umbrechen */
.facts-card td,.facts-card th{overflow-wrap:break-word!important;word-break:normal!important;hyphens:auto;-webkit-hyphens:auto}
.facts-card td:first-child{min-width:6.5em}
@media(max-width:700px){
body .phero h1,body.has-mbar .phero h1{font-size:1.3rem!important;line-height:1.2!important}
.psub{font-size:.9rem;margin-bottom:.7rem}
.pstage{border-radius:14px;margin-bottom:1rem}.pstage img{max-height:340px}.pstage .zoom{display:none}
.phook{font-size:1.04rem!important}
body .phero .lead{font-size:.98rem!important}
.facts-card td{padding:.7rem .6rem .7rem 0!important;font-size:.95rem}
.facts-card th{font-size:.82rem!important}
/* Fragen-Knopf am Handy: nur das Symbol, damit er keinen Text verdeckt */
.cb-btn{font-size:0!important;gap:0!important;padding:0!important;width:52px;height:52px;justify-content:center;right:14px!important}
.cb-btn svg{width:25px!important;height:25px!important}
}

/* ---------- Menü: überarbeitete Gestaltung ---------- */
.dd-panel.mm{width:min(1080px,100%);grid-template-columns:276px 1fr;border-radius:24px}
.mm-rail{padding:1rem .75rem .9rem;gap:.12rem;background:linear-gradient(180deg,#16264A,#101B33)}
.mm-rl{margin:.1rem .75rem .55rem;font-size:.7rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#8FA0BF}
.mm-tab,.mm-tab:first-child{margin:0;padding:.5rem .7rem;gap:.6rem;font-size:.9rem;justify-content:flex-start;position:relative;transition:background .12s,color .12s}
.mm-tab .ci{flex:none;width:18px;height:18px;opacity:.75}
.mm-tab span{flex:1;min-width:0}
.mm-tab b{background:rgba(255,255,255,.1);color:#C9D3E6;font-weight:700}
.mm-tab.on{background:#fff;color:#13213C;box-shadow:0 8px 20px -10px rgba(0,0,0,.5)}
.mm-tab.on .ci{opacity:1;color:#D2432C}
.mm-tab.on b{background:#13213C;color:#fff}
.dd-panel.mm a.mm-all,.mm-all{margin:auto .2rem 0;padding:.75rem .55rem 0;border-top:1px solid rgba(255,255,255,.14);display:flex;align-items:center;gap:.4rem;color:#fff!important;opacity:1;font-weight:700;font-size:.88rem;text-decoration:none}
.mm-all:hover{color:#FFD9D1!important}
.mm-all svg{width:16px;height:16px;transition:transform .15s}
.mm-all:hover svg{transform:translateX(3px)}
.mm-rail .mm-tab:last-of-type{margin-bottom:.8rem}
.mm-main{padding:0;min-height:0;display:flex;flex-direction:column}
.mm-panes{padding:1.2rem 1.35rem 1rem;flex:1}
.mm-h{margin:0 0 .85rem;padding-bottom:.85rem;border-bottom:1px solid #E6EBF3;display:flex;align-items:center;gap:.8rem;font-size:1rem;font-weight:400}
.mm-hi{flex:none;width:42px;height:42px;border-radius:12px;background:#FDEDEA;color:#D2432C;display:grid;place-items:center}
.mm-hi .ci{width:22px;height:22px}
.mm-h b{display:block;font-size:1.14rem;font-weight:800;letter-spacing:-.015em;color:#13213C;line-height:1.2}
.mm-h small{display:block;font-size:.84rem;font-weight:500;color:var(--muted);margin-top:.1rem}
.mm-h em{margin-left:auto;font-style:normal;font-size:.78rem;font-weight:700;color:#13213C;background:#EEF2FA;padding:.28rem .65rem;border-radius:999px;white-space:nowrap}
.dd-panel.mm .mm-h a.mm-more,.mm-h .mm-more{margin:0;font-size:.86rem;white-space:nowrap;padding:.4rem .75rem;border:1.5px solid #E6EBF3;border-radius:999px;color:#13213C}
.mm-h .mm-more:hover{text-decoration:none;border-color:#13213C;background:#F6F8FC}
.mm-g{gap:.2rem .6rem}
.mm-i{padding:.45rem .55rem;border-radius:14px;gap:.8rem;border:1px solid transparent;transition:background .12s,border-color .12s,transform .12s}
.mm-i img{width:54px;height:54px;border-radius:12px;box-shadow:0 0 0 1px rgba(19,33,60,.1),0 6px 12px -8px rgba(19,33,60,.5)}
.mm-i b{font-size:.94rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dd-panel .mm-i small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.79rem}
.dd-panel .mm-i .tx{min-width:0}
.mm-i em{flex:none;font-size:.82rem;font-weight:700;background:#F3F5FA;padding:.2rem .5rem;border-radius:999px;transition:background .12s,color .12s}
.mm-i:hover,.mm-i:focus-visible{background:#F6F8FC;border-color:#E1E7F1}
.mm-i:hover em,.mm-i:focus-visible em{background:#D2432C;color:#fff}
.mm-i:focus-visible{outline:2px solid #7AA0E8;outline-offset:1px}
.mm-pl{margin:1.1rem 0 .5rem;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#7C879C}
.mm-chips span{font-size:.82rem;padding:.28rem .7rem;border:1px solid #E1E7F1;border-radius:999px;color:#55607A;background:#FAFBFD}
.mm-leer{margin:.4rem 0 0;color:var(--muted);font-size:.95rem}
.mm-trust{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;padding:.7rem 1.35rem;background:#F6F8FC;border-top:1px solid #E6EBF3;font-size:.82rem;font-weight:600;color:#3B4963}
.mm-trust span{display:inline-flex;align-items:center;gap:.4rem}
.mm-trust svg{color:#1F7A3A}
/* Handy-Menü nach Bereichen */
.mnav details.mcat{border-bottom:1px solid var(--line);padding:.15rem 0!important;margin:0}
.mcat summary,.mcat-l{display:flex;align-items:center;justify-content:flex-start;gap:.7rem;padding:.72rem .75rem;font-weight:700;font-size:1rem;color:var(--ink);cursor:pointer;list-style:none;text-decoration:none}
.mcat summary::-webkit-details-marker{display:none}
.mcat summary .ci,.mcat-l .ci{flex:none;width:20px;height:20px;color:#D2432C}
.mcat summary span,.mcat-l span{flex:1}
.mcat summary b{font-size:.76rem;font-weight:800;background:#EEF2FA;color:#13213C;padding:.12rem .5rem;border-radius:999px}
.mcat summary::after{content:""!important;flex:none;font-size:0!important;line-height:0;width:8px;height:8px;border-right:2px solid #55607A;border-bottom:2px solid #55607A;transform:rotate(45deg);margin:0 .3rem .25rem .25rem;transition:transform .15s}
.mcat[open] summary::after{transform:rotate(-135deg);margin-bottom:-.25rem}
.mcat[open] summary{background:#F6F8FC;border-radius:12px}
.mnav details.mcat[open]{padding-bottom:.45rem!important}
.mcat summary:focus-visible,.mcat-l:focus-visible{outline:2px solid #7AA0E8;outline-offset:-2px;border-radius:12px}
.mcat-l{border-bottom:1px solid var(--line);color:#55607A;font-weight:600}
.mcat-l .ci{color:#8A94A8}
.mcat-l i{font-style:normal;font-size:.76rem;color:#8A94A8}
@media(prefers-reduced-motion:reduce){.mm-i,.mm-tab,.mm-all svg,.mcat summary::after{transition:none}}

/* ---------- Startseite: die wichtigsten Ratgeber ---------- */
.rg4{padding:3.2rem 0 3rem}
.rg4h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.8rem 2rem;margin-bottom:1.1rem}
.rg4h h2{margin:0 0 .25rem;font-size:clamp(1.5rem,2.4vw,1.95rem);letter-spacing:-.02em}
.rg4h p{margin:0;color:var(--muted);font-size:1rem;max-width:44em}
.rg4a,.rg4b{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;text-decoration:none;white-space:nowrap}
.rg4a{color:#D2432C;font-size:.95rem}.rg4a:hover{text-decoration:underline}
.rg4a svg,.rg4b svg{width:16px;height:16px}
.rk-tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1.2rem;padding:.15rem .1rem .2rem}
.rk-tabs button{flex:none;font:inherit;font-size:.9rem;font-weight:600;color:#2B3A5A;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:.45rem .9rem;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:background .12s,border-color .12s,color .12s}
.rk-tabs button b{font-size:.72rem;font-weight:800;background:#EEF2FA;color:#13213C;border-radius:999px;padding:.05rem .42rem}
.rk-tabs button:hover{border-color:#13213C}
.rk-tabs button.on{background:#13213C;border-color:#13213C;color:#fff}
.rk-tabs button.on b{background:rgba(255,255,255,.2);color:#fff}
.rk-tabs button:focus-visible{outline:3px solid #7AA0E8;outline-offset:2px}
.rk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}
@media(max-width:1100px){.rk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.rk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}
.rk{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s,border-color .15s}
.rk.rk-aus{display:none}
.rk-img{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#EEF1F6;border-bottom:1px solid var(--line)}
.rk-img img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.rk-b{display:flex;flex-direction:column;gap:.2rem;padding:.8rem .95rem .9rem;flex:1}
.rk-t{font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--tc)}
.rk b{font-size:1.05rem;line-height:1.22;letter-spacing:-.01em}
.rk small{color:var(--muted);font-size:.88rem;line-height:1.35}
.rk-f{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:auto;padding-top:.7rem}
.rk-f strong{font-size:1.05rem}
.rk-go{display:inline-flex;align-items:center;gap:.3rem;font-size:.86rem;font-weight:700;color:#D2432C}
.rk-go svg{width:15px;height:15px;transition:transform .15s}
.rk:hover{transform:translateY(-3px);border-color:#C9D3E6;box-shadow:0 22px 40px -28px rgba(19,33,60,.55)}
.rk:hover .rk-go svg{transform:translateX(3px)}
.rk:focus-visible{outline:3px solid #13213C;outline-offset:2px}
.rg4f{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.5rem;margin-top:1.4rem;padding:1rem 1.2rem;background:#fff;border:1px solid var(--line);border-radius:16px}
.rg4f p{margin:0;color:var(--muted);font-size:.95rem}
.rg4b{background:#13213C;color:#fff;padding:.7rem 1.15rem;border-radius:999px;font-size:.95rem}
.rg4b:hover{background:#1F3260}
@media(max-width:820px){
.rg4{padding:2.2rem 0 2rem}
.rg4a{display:none}
.rk-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-left:-1rem;margin-right:-1rem;padding:.15rem 1rem .5rem}.rk-tabs::-webkit-scrollbar{display:none}
.rk-b{padding:.6rem .7rem .7rem}
.rk b{font-size:.95rem}.rk small{font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rk-t{font-size:.64rem}.rk-f strong{font-size:.95rem}.rk-go{font-size:0;gap:0}.rk-go svg{width:18px;height:18px}
.rg4f{flex-direction:column;align-items:stretch;text-align:center}.rg4b{justify-content:center}
}
@media(prefers-reduced-motion:reduce){.rk,.rk-go svg,.rk-tabs button{transition:none}.rk:hover{transform:none}}

/* ---------- Volle Breite: Inhalt nutzt den Bildschirm, kleiner Rand links und rechts ---------- */
:root{--gut:clamp(1rem,3vw,3rem)}
.wrap{max-width:1800px;padding-left:var(--gut);padding-right:var(--gut)}
.hdr-wrap{padding-left:max(.5rem,calc(var(--gut) - 1.1rem));padding-right:max(.5rem,calc(var(--gut) - 1.1rem))}
.bar{max-width:calc(1800px - 2*var(--gut) + 2.2rem)}
.wrap.narrow{max-width:1800px}
.wrap.narrow>*{max-width:900px}
.narrow:not(.wrap){max-width:900px}
.dd-panel.mm{width:min(1160px,100%)}
/* ---------- Ratgeber-Seite: Inhalt links, Bestellkasten läuft rechts mit ---------- */
.prest{min-width:0}
.prest .wrap{max-width:none!important;padding:0!important}
.prest .wrap>*{max-width:none}
.prest>section,.prest .pblk{padding:1.7rem 0 0!important;margin-top:1.7rem;border-top:1px solid var(--line);background:none!important}
.prest h2{font-size:clamp(1.2rem,1.7vw,1.45rem)!important;letter-spacing:-.015em;margin:0 0 .8rem!important}
.prest .list{margin:0}
.prest .guar{margin:1.7rem 0 0!important}
.prest .pfaq{margin-top:.2rem}
.prest .disc{margin-top:1.2rem}
.prest p,.prest li{max-width:52em}
@media(min-width:960px){
.has-mbar .pgrid.pg2{grid-template-columns:minmax(0,1fr) minmax(340px,430px)!important;column-gap:clamp(1.6rem,3.2vw,3.4rem)!important;row-gap:0!important;align-items:start}
.pg2 .ptop{grid-column:1;grid-row:1}
.pg2 .prest{grid-column:1;grid-row:2}
.has-mbar .pg2 .order{grid-column:2;grid-row:1/span 2;position:sticky!important;top:84px!important;align-self:start}
.has-mbar .phero{padding-bottom:1rem!important}
}

/* ---------- Kleinere Bilder: Karten auf der Startseite und Titelbild auf der Ratgeber-Seite ---------- */
.rk-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem}
.rk{border-radius:14px}
.rk-img{aspect-ratio:16/8.4}
.rk-b{padding:.55rem .7rem .65rem;gap:.12rem}
.rk-t{font-size:.64rem}
.rk b{font-size:.94rem;line-height:1.2}
.rk small{font-size:.8rem;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rk-f{padding-top:.45rem}
.rk-f strong{font-size:.98rem}
.rk-go{font-size:.8rem}
.rg4{padding:2.4rem 0 2.2rem}
.rg4h{margin-bottom:.8rem}
.rg4h h2{font-size:clamp(1.35rem,2vw,1.7rem)}
.rg4h p{font-size:.95rem}
.rk-tabs{margin-bottom:.9rem;gap:.35rem}
.rk-tabs button{font-size:.84rem;padding:.34rem .72rem;gap:.38rem;border-width:1px}
.rk-tabs button b{font-size:.68rem}
.rg4f{margin-top:1rem;padding:.7rem 1rem}
.rg4f p{font-size:.9rem}
.rg4b{padding:.55rem 1rem;font-size:.9rem}
@media(max-width:1399px){.rk-grid{grid-template-columns:repeat(5,minmax(0,1fr))}#rk-grid[data-c="top"] .rk:nth-child(n+11){display:none}}
@media(max-width:1099px){.rk-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#rk-grid[data-c="top"] .rk:nth-child(n+9){display:none}}
@media(max-width:820px){.rk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}#rk-grid[data-c="top"] .rk:nth-child(n+9){display:none}}
.pintro{display:block;margin:0 0 1.2rem}
.pintro .pstage{max-width:560px;margin:0 0 1rem}
.pstage img{max-height:320px}
@media(min-width:1280px){
.pintro{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:1.6rem;align-items:center}
.pintro .pstage{margin:0;max-width:none}
.pstage img{max-height:260px}
}
@media(max-width:700px){.pintro .pstage{max-width:none}.pstage img{max-height:300px}}

/* ---------- Feinschliff: Sprunglink, Blick in den Ratgeber, verwandte Ratgeber ---------- */
.skip{position:absolute;left:-9999px;top:0;z-index:1000;background:#13213C;color:#fff;padding:.7rem 1rem;border-radius:0 0 12px 0;font-weight:700;text-decoration:none}
.skip:focus{left:0}
.ptop .plook,.plook{margin:1.2rem 0 1.2rem!important;padding:0!important;background:none!important;border:0!important}
.plook-p{margin:.1rem 0 .7rem;color:var(--muted);font-size:.92rem}
.bseiten{display:grid;grid-template-columns:repeat(3,minmax(0,170px));gap:.9rem}
.bseite{font:inherit;padding:0;border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;cursor:zoom-in;display:flex;flex-direction:column;text-align:left;transition:transform .15s,box-shadow .15s,border-color .15s}
.bseite img{display:block;width:100%;height:auto;border-bottom:1px solid var(--line)}
.bseite span{padding:.4rem .6rem;font-size:.8rem;font-weight:600;color:#2B3A5A}
.bseite:hover{transform:translateY(-2px);border-color:#C9D3E6;box-shadow:0 16px 30px -22px rgba(19,33,60,.6)}
.bseite:focus-visible{outline:3px solid #7AA0E8;outline-offset:2px}
.plight.lpl img{max-height:92vh;max-width:min(94vw,760px);width:auto;border-radius:8px;background:#fff}
.plook details.toc{border:1px solid var(--line);border-radius:12px;background:#fff;padding:0!important;margin-top:.9rem;max-width:560px}
.plook .toc summary{padding:.65rem .9rem;font-size:.92rem;font-weight:700;color:#13213C}
.plook .toc summary::after{font-size:1.2rem}
.plook .toc[open] summary::after{content:"−"}
.plook .toc ol{margin:0;padding:.2rem .9rem .8rem 2.3rem;display:grid;gap:.25rem;font-size:.92rem;color:#2B3A5A}
.toc-v{display:none}
@media(min-width:1280px){
.plook-g{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.6rem;align-items:start}
.plook .toc{display:none}
.toc-v{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem .9rem;align-self:stretch}
.toc-v b{display:block;font-size:.9rem;margin-bottom:.45rem;color:#13213C}
.toc-v ol{margin:0;padding-left:1.25rem;font-size:.86rem;line-height:1.3;color:#2B3A5A;display:grid;gap:.28rem}
.toc-v ol.zwei{display:block;columns:2;column-gap:2rem}
.toc-v ol.zwei li{margin-bottom:.28rem;break-inside:avoid}
.toc-v li::marker{color:#8A94A8;font-weight:700}
}
.rel{padding:2.6rem 0 1.2rem}
.rel .rg4h{margin-bottom:1rem}
.rel .rg4h h2{font-size:clamp(1.3rem,2vw,1.6rem)}
@media(max-width:1399px){.rel-grid .rk:nth-child(n+6){display:none}}
@media(max-width:1099px){.rel-grid .rk:nth-child(n+5){display:none}}
@media(max-width:820px){.rel{padding:1.8rem 0 .6rem}}
.has-mbar .pg2 .order.kompakt dl,.has-mbar .pg2 .order.kompakt .on{display:none}
@media(max-width:700px){.site-foot .cols>div:nth-child(2) ul{grid-template-columns:1fr 1fr!important;column-gap:1rem}.bseiten{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.bseite span{font-size:.72rem;padding:.3rem .4rem}}
@media(prefers-reduced-motion:reduce){.bseite{transition:none}.bseite:hover{transform:none}}

/* ---------- Design-Runde 2 ---------- */
/* Startseite: Fakten als Karteikarten mit Reiter (aus der Welt der Akten und Ordner) */
.wis .sec-head{margin-bottom:.6rem!important}
.wgrid{gap:2.1rem 1rem!important;padding-top:1.7rem}
.wk{overflow:visible!important;border-radius:0 16px 16px 16px!important;padding:1.1rem 1.2rem 1rem!important;border:1px solid var(--line)!important;box-shadow:0 14px 26px -24px rgba(19,33,60,.55)}
.wk::before{display:none!important}
.wtab{position:absolute;left:-1px;top:-1.72rem;height:1.75rem;padding:0 .85rem;display:flex;align-items:center;font-size:.8rem;font-weight:700;letter-spacing:0;color:#fff;background:var(--tc);border-radius:10px 10px 0 0}
.wk .wn{font-size:clamp(1.7rem,2.3vw,2.1rem)!important;line-height:1.05!important;color:#13213C!important;letter-spacing:-.03em}
.wk b{font-size:1.02rem!important;margin:.25rem 0 .35rem!important}
.wk p{font-size:.92rem!important;line-height:1.45!important;margin:0 0 .7rem!important}
.wk .go{font-size:.86rem!important;font-weight:700;color:var(--tc)}
.wk:hover{border-color:var(--tc)!important;transform:translateY(-2px)}
/* Startseite: drei Schritte als verbundene Abfolge statt drei Kästen */
.ab .st3{gap:0!important;margin-top:.4rem}
.ab .st3 li{display:block!important;position:relative;background:none!important;border:0!important;border-radius:0!important;padding:0 1.6rem 0 0!important}
.ab .st3 .sn{width:44px!important;height:44px!important;font-size:1.15rem!important;margin-bottom:.7rem;position:relative;z-index:1;box-shadow:0 0 0 6px var(--bg)}
.ab .st3 li:not(:last-child)::after{content:"";position:absolute;top:21px;left:44px;right:0;height:2px;background:#CFD7E4}
.ab .st3 li h3,.ab .st3 li b{font-size:1.08rem!important}
.ab .st3 li p{font-size:.95rem!important;line-height:1.5!important;max-width:30em}
@media(max-width:820px){
.ab .st3 li{display:flex!important;gap:.9rem!important;padding:0 0 1.2rem!important}
.ab .st3 .sn{margin:0;flex:none}
.ab .st3 li:not(:last-child)::after{top:44px;bottom:0;left:21px;right:auto;width:2px;height:auto}
.wgrid{gap:2rem .8rem!important}
}
/* Themen-Seite */
.thnav a{display:inline-flex;align-items:center;gap:.45rem;font-weight:600}
.thnav a .ci{width:17px;height:17px;color:#D2432C}
.thnav a b{font-size:.72rem;font-weight:800;background:#EEF2FA;border-radius:999px;padding:.05rem .42rem}
.thsec{padding:1.9rem 0 .5rem}
.thsec+.thsec .wrap{border-top:1px solid var(--line);padding-top:1.9rem}
.thsec+.thsec{padding-top:0}
.thh{display:flex;align-items:center;gap:.85rem;margin-bottom:.95rem}
.thi{flex:none;width:46px;height:46px;border-radius:13px;background:#FDEDEA;color:#D2432C;display:grid;place-items:center}
.thi .ci{width:24px;height:24px}
.thh h2{font-size:clamp(1.25rem,1.9vw,1.5rem);margin:0;letter-spacing:-.015em}
.thh .thn{margin:.1rem 0 0;color:var(--muted);font-size:.9rem}
.thg2{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:.7rem}
.thk{display:flex;align-items:center;gap:.85rem;background:#fff;border:1px solid var(--line);border-radius:16px;padding:.65rem .9rem .65rem .65rem;text-decoration:none;color:var(--ink);transition:border-color .12s,box-shadow .12s}
.thk img{flex:none;width:60px;height:60px;border-radius:12px;object-fit:cover;box-shadow:0 0 0 1px rgba(19,33,60,.1)}
.thk-t{flex:1;min-width:0;display:grid;gap:.12rem}
.thk-t b{font-size:1rem;line-height:1.22}
.thk-t small{color:var(--muted);font-size:.84rem;line-height:1.3}
.thk-p{flex:none;display:grid;justify-items:end;gap:.15rem}
.thk-p strong{font-size:1rem}
.thk-p em{font-style:normal;font-size:.8rem;font-weight:700;color:#D2432C;display:inline-flex;align-items:center;gap:.2rem}
.thk-p em svg{width:14px;height:14px}
.thk:hover{border-color:#13213C;box-shadow:0 16px 30px -24px rgba(19,33,60,.55)}
.thk:focus-visible{outline:3px solid #13213C;outline-offset:2px}
.thsec .mm-pl{margin-top:1rem}
@media(max-width:900px){.thg2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}
@media(max-width:700px){.thg2{grid-template-columns:1fr}.thk-p em{display:none}.thnav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-1rem;margin-right:-1rem;padding:0 1rem .3rem}.thnav::-webkit-scrollbar{display:none}.thnav a{flex:none}}
/* Kontakt-Seite: volle Breite nutzen */
.kt .wrap.narrow>*{max-width:none}
@media(min-width:1000px){
.kt .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:1rem;align-items:stretch}
.kt .ktg{margin-top:0}
.kt .ktc{padding:1.6rem 1.7rem}
.kt .ktc h2{font-size:1.35rem!important}
.kt .ktc p{font-size:1.02rem;line-height:1.55}
}
/* Ratgeber-Seite: Situationen als drei Kacheln */
@media(min-width:900px){
.prest .list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;border:0!important}
.has-mbar .prest .list li{display:block!important;background:#fff;border:1px solid var(--line)!important;border-left:4px solid var(--tc)!important;border-radius:4px 14px 14px 4px;padding:.85rem 1rem!important;font-size:.96rem!important;line-height:1.45}
.prest .list li span{display:none!important}
.prest .list li{max-width:none}
}
@media(prefers-reduced-motion:reduce){.wk,.thk{transition:none}.wk:hover{transform:none}}

/* ---------- Kleine Bewegungen (nur wenn das Gerät Bewegungen nicht abgeschaltet hat) ---------- */
.ktk{font:inherit;font-size:.85rem;font-weight:700;color:#13213C;background:#EEF2FA;border:0;border-radius:999px;padding:.35rem .8rem;cursor:pointer}
.ktk:hover{background:#E1E8F5}.ktk.ok{background:#E3F3E8;color:#1F7A3A}
.ktk:focus-visible{outline:3px solid #7AA0E8;outline-offset:2px}
html{scroll-padding-top:92px}
@media(prefers-reduced-motion:no-preference){
html{scroll-behavior:smooth}
@keyframes auf{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ein{from{opacity:0}to{opacity:1}}
@keyframes gross{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
/* Startseite: Auftakt in einem Zug */
.h3t h1{animation:auf .6s cubic-bezier(.2,.7,.2,1) both}
.h3t .h3l{animation:auf .6s cubic-bezier(.2,.7,.2,1) .1s both}
.h3t .h3b{animation:auf .6s cubic-bezier(.2,.7,.2,1) .2s both}
.h3t .h3k{animation:auf .6s cubic-bezier(.2,.7,.2,1) .3s both}
/* Kopfleiste bekommt beim Scrollen einen Schatten */
.bar{transition:box-shadow .2s ease}
.site.scr .bar{box-shadow:0 16px 34px -22px rgba(19,33,60,.55)}
/* Menü öffnet weich, Bereiche blenden ein */
.dd-panel.mm{transition:opacity .16s ease,transform .16s ease,visibility .16s!important}
.mm-pane.on{animation:ein .16s ease both}
/* Reiter der Karteikarten: beim Überfahren ein Stück herausgezogen */
.wtab{transition:top .16s ease,height .16s ease}
.wk:hover .wtab,.wk:focus-visible .wtab{top:-2.02rem;height:2.05rem}
/* Drei Schritte: Linie zeichnet sich, Nummern erscheinen der Reihe nach */
.ab.vor .st3 li::after{transform:scaleX(0);transform-origin:left center;transition:transform .55s ease}
.ab.vor .st3 .sn{opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .35s cubic-bezier(.3,1.5,.5,1)}
.ab.vor .st3 li>:not(.sn){opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}
.ab.vor.in .st3 li::after{transform:none}
.ab.vor.in .st3 .sn,.ab.vor.in .st3 li>:not(.sn){opacity:1;transform:none}
.ab.vor.in .st3 li:nth-child(1)::after{transition-delay:.15s}
.ab.vor.in .st3 li:nth-child(2) .sn,.ab.vor.in .st3 li:nth-child(2)>:not(.sn){transition-delay:.55s}
.ab.vor.in .st3 li:nth-child(2)::after{transition-delay:.7s}
.ab.vor.in .st3 li:nth-child(3) .sn,.ab.vor.in .st3 li:nth-child(3)>:not(.sn){transition-delay:1.1s}
/* Karten: nach dem Umschalten weich erscheinen, Bild beim Überfahren leicht näher */
.rk-neu{animation:auf .28s ease both}
.rk-img img{transition:transform .35s ease}
.rk:hover .rk-img img{transform:scale(1.035)}
/* Aufklappen und Vergrößern */
details[open]>*:not(summary){animation:auf .22s ease both}
.plight{animation:ein .16s ease both}
.plight img{animation:gross .22s ease both}
/* Knöpfe geben beim Drücken leicht nach, Pfeile rücken beim Überfahren */
.btn,.h3c,.h3s,.rg4b,.bar-link{transition:transform .08s ease,filter .15s ease,background .15s ease,box-shadow .15s ease}
.btn:active,.h3c:active,.h3s:active,.rg4b:active,.bar-link:active{transform:scale(.975)}
.btn svg,.h3c svg,.rg4b svg,.mm-more svg,.rg4a svg{transition:transform .15s ease}
.btn:hover svg,.h3c:hover svg,.rg4b:hover svg,.mm-more:hover svg,.rg4a:hover svg{transform:translateX(3px)}
}
@media(prefers-reduced-motion:no-preference) and (max-width:820px){
.ab.vor .st3 li::after{transform:scaleY(0);transform-origin:center top}
}

/* ---------- Kopfleiste: Logo links, Menüpunkte in der Mitte, Knopf rechts ---------- */
@media(min-width:900px){
.bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1rem}
.bar .brand{justify-self:start;margin-right:0}
.bar .nav{justify-self:center;gap:clamp(1.1rem,2.2vw,2.4rem);align-items:center;margin-right:.5rem}
.bar .bar-link{justify-self:end}
.nav a,.dd-btn{font-size:.97rem;font-weight:600;color:#3B4963}
.nav a:hover,.dd-btn:hover,.dd.open .dd-btn{color:#13213C}
}

/* ---------- Startseite ruhiger: weniger auf einmal, mehr Luft ---------- */
.hlp3 .stips{display:none}
.hlp3~.tbar .paybox{display:none}
.rg4{padding:3.4rem 0 3rem}
.rg4h{margin-bottom:1.2rem}
.rg4m{margin:1.4rem 0 0;text-align:center}
.rg4m .rg4b{display:none}
#rk-grid .rk{display:flex}
@media(max-width:1399px){#rk-grid .rk:nth-child(n+6){display:none}}
@media(max-width:1099px){#rk-grid .rk:nth-child(n+5){display:none}}
@media(max-width:820px){#rk-grid .rk:nth-child(n+5){display:flex}.rg4m .rg4b{display:inline-flex}.rg4{padding:2.4rem 0 2rem}}
.hlp3~.tbar{padding-top:.4rem;padding-bottom:.4rem}
.wis{padding-top:3.6rem!important;padding-bottom:1rem!important}
.ab{padding-top:3.6rem!important;padding-bottom:1rem!important}
.fq{padding-top:3.8rem!important;padding-bottom:1.2rem!important}
.wis .sec-head,.ab .sec-head{margin-bottom:1.1rem!important}
@media(max-width:820px){.wis,.ab,.fq{padding-top:2.6rem!important}}

/* ---------- Wissen: kostenlose Artikel ---------- */
.wisx{padding:.6rem 0 3rem}
.wag{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}
.wa{display:flex;flex-direction:column;gap:.35rem;background:#fff;border:1px solid var(--line);border-top:4px solid var(--tc);border-radius:6px 6px 16px 16px;padding:1.1rem 1.2rem 1rem;text-decoration:none;color:var(--ink);transition:border-color .12s,box-shadow .12s}
.wa-t{font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--tc)}
.wa b{font-size:1.12rem;line-height:1.25;letter-spacing:-.01em}
.wa small{color:var(--muted);font-size:.92rem;line-height:1.45}
.wa-f{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.7rem}
.wa-f em{font-style:normal;font-size:.82rem;color:var(--muted)}
.wa:hover{box-shadow:0 18px 34px -26px rgba(19,33,60,.55);border-color:#C9D3E6;border-top-color:var(--tc)}
.wa:focus-visible{outline:3px solid #13213C;outline-offset:2px}
.art{padding-bottom:3rem!important}
.artg{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}
.artx{min-width:0;max-width:820px}
.artx h1{font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.15;letter-spacing:-.02em;margin:.3rem 0 .6rem}
.artx .lead{font-size:1.12rem;line-height:1.55;color:#2B3A5A;margin:0 0 .8rem}
.art-meta{display:flex;flex-wrap:wrap;gap:.4rem .5rem;margin:0 0 1.3rem;font-size:.82rem}
.art-meta span{background:#EEF2FA;color:#2B3A5A;font-weight:600;padding:.22rem .65rem;border-radius:999px}
.art-kurz{background:#fff;border:1px solid var(--line);border-left:4px solid var(--tc);border-radius:4px 14px 14px 4px;padding:1rem 1.2rem 1.05rem;margin:0 0 1.6rem}
.art-kurz b{font-size:1.02rem}
.art-kurz ul{margin:.5rem 0 0;padding-left:1.15rem;display:grid;gap:.35rem}
.art-b{font-size:1.05rem;line-height:1.65;color:#22304D}
.art-b h2{font-size:1.3rem;letter-spacing:-.015em;margin:2rem 0 .6rem;color:#13213C}
.art-b p{margin:0 0 .9rem}
.art-b ul,.art-b ol{margin:0 0 1rem;padding-left:1.25rem;display:grid;gap:.4rem}
.art-b .tw{overflow-x:auto;margin:0 0 1rem;background:#fff;border:1px solid var(--line);border-radius:14px}
.art-b table{width:100%;border-collapse:collapse;font-size:.96rem;line-height:1.4}
.art-b th{text-align:left;font-size:.8rem;font-weight:700;color:var(--muted);padding:.65rem .9rem;border-bottom:1px solid var(--line);background:#F6F8FC}
.art-b td{padding:.65rem .9rem;border-bottom:1px solid #EDF0F5;vertical-align:top}
.art-b tr:last-child td{border-bottom:0}
.art-b td:first-child{font-weight:600;color:#13213C}
.artx .src{margin:1.4rem 0 0;font-size:.84rem;color:var(--muted)}
.art-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;margin:1.8rem 0 0;padding:1.2rem 1.3rem;background:#13213C;color:#fff;border-radius:18px}
.art-cta b{font-size:1.1rem}
.art-cta p{margin:.25rem 0 0;color:#C9D3E6;font-size:.95rem;max-width:34em}
.art-cta .btn{flex:none;width:auto;padding:.8rem 1.3rem;background:#D2432C!important;color:#fff!important;box-shadow:none}
.art-cta .btn:hover{background:#B8371F!important}
.art-s{display:grid;gap:1rem;align-content:start}
.art-r{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 26px 50px -36px rgba(19,33,60,.6)}
.art-r img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center top;border-bottom:1px solid var(--line)}
.art-r>*:not(img){margin-left:1.1rem;margin-right:1.1rem}
.art-rt{margin-top:.9rem;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--tc)}
.art-r b{font-size:1.1rem;line-height:1.25;margin-top:.2rem}
.art-r small{color:var(--muted);font-size:.9rem;margin-top:.25rem}
.art-rf{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0 1rem}
.art-rf strong{font-size:1.15rem}
.art-r:hover{border-color:#13213C}
.art-w{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem 1.1rem;display:grid;gap:.1rem}
.art-w b{font-size:.95rem;margin-bottom:.3rem}
.art-w a{padding:.5rem 0;border-top:1px solid #EDF0F5;color:#13213C;text-decoration:none;font-size:.95rem;font-weight:600}
.art-w a:hover{color:#D2432C}
.art-w a.alle{color:#D2432C;display:inline-flex;align-items:center;gap:.3rem}
.art-w a.alle svg{width:15px;height:15px}
@media(min-width:1000px){
.artg{grid-template-columns:minmax(0,820px) minmax(300px,380px);gap:clamp(2rem,4vw,4.5rem);align-items:start}
.art-s{position:sticky;top:92px}
}
/* Vergleichshilfe auf der Ratgeber-Seite */
.vgl-l{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.vgl-l li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.3rem 1.2rem;padding:.75rem 1rem;border-bottom:1px solid #EDF0F5;max-width:none}
.vgl-l li:last-child{border-bottom:0}
.vgl-l li span{font-size:.98rem;color:#22304D}
.vgl-l li a{font-weight:700;color:#D2432C;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem;font-size:.95rem}
.vgl-l li a svg{width:15px;height:15px}
.vgl-l li a:hover{text-decoration:underline}
.vgl-l li.hier{background:#F6F8FC}
.vgl-l li.hier b{font-size:.95rem;white-space:nowrap}
.vgl-l li.hier i{font-style:normal;font-size:.72rem;font-weight:700;background:#13213C;color:#fff;border-radius:999px;padding:.12rem .5rem;margin-left:.5rem}
@media(max-width:1180px) and (min-width:900px){.bar .nav{gap:clamp(.7rem,1.6vw,1.4rem)}.nav a,.dd-btn{font-size:.9rem}}

/* ---------- Kleine Menü-Fenster für Alle Themen, Wissen, So funktioniert es, Fragen ---------- */
.dq{position:relative;display:flex;align-items:center;height:60px}
.dq-a{display:inline-flex;align-items:center;gap:.35rem}
.dq-a svg{transition:transform .2s ease}
.dq:hover .dq-a,.dq:focus-within .dq-a{color:#13213C}
.dq:hover .dq-a svg,.dq:focus-within .dq-a svg{transform:rotate(180deg)}
.dq-p{position:absolute;top:calc(100% + 12px);left:50%;width:min(var(--w,420px),92vw);transform:translate(-50%,8px);background:#fff;border-radius:20px;box-shadow:0 40px 90px -30px rgba(19,33,60,.55),0 0 0 1px rgba(19,33,60,.08);padding:1rem 1rem .9rem;opacity:0;visibility:hidden;z-index:5}
.dq-p::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.dq:hover .dq-p,.dq:focus-within .dq-p{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dq.zu .dq-p{opacity:0!important;visibility:hidden!important}
.dq:last-of-type .dq-p{left:auto;right:-1rem;transform:translate(0,8px)}
.dq:last-of-type:hover .dq-p,.dq:last-of-type:focus-within .dq-p{transform:none}
.dq-h{margin:0 .35rem .6rem;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7C879C}
.dq-g{display:grid;grid-template-columns:1fr 1fr;gap:.1rem .4rem}
.dq-p a{text-decoration:none;color:#13213C}
.dq-i{display:flex;align-items:center;gap:.6rem;padding:.5rem .55rem;border-radius:11px;font-size:.9rem!important;font-weight:600!important;line-height:1.25}
.dq-i .ci{flex:none;width:18px;height:18px;color:#D2432C}
.dq-i span{flex:1;min-width:0}
.dq-i b{font-size:.7rem;font-weight:800;background:#EEF2FA;border-radius:999px;padding:.05rem .42rem;color:#13213C}
.dq-w,.dq-f{display:block;padding:.5rem .55rem;border-radius:11px}
.dq-w b,.dq-f b{display:block;font-size:.92rem;font-weight:700;line-height:1.25;color:#13213C}
.dq-w small,.dq-f small{display:block;font-size:.8rem;font-weight:500;color:var(--muted);margin-top:.12rem;line-height:1.35}
.dq-i:hover,.dq-w:hover,.dq-f:hover,.dq-i:focus-visible,.dq-w:focus-visible,.dq-f:focus-visible{background:#F3F6FB}
.dq-l{display:grid;gap:.05rem}
.dq-s{list-style:none;margin:0;padding:0 .35rem;display:grid;gap:.75rem}
.dq-s li{display:flex;gap:.75rem;align-items:flex-start}
.dq-s .sn{flex:none;width:30px;height:30px;font-size:.92rem;border-radius:50%;background:#1F3F7A;color:#fff;font-weight:800;display:grid;place-items:center}
.dq-s li:nth-child(2) .sn{background:#D2432C}
.dq-s b{display:block;font-size:.94rem;color:#13213C}
.dq-s small{display:block;font-size:.84rem;color:var(--muted);line-height:1.35;font-weight:500}
.dq-p a.dq-m{display:flex;align-items:center;gap:.35rem;margin:.75rem .35rem 0;padding-top:.75rem;border-top:1px solid #E6EBF3;color:#D2432C;font-size:.88rem!important;font-weight:700!important}
.dq-m svg{width:15px;height:15px;transition:transform .15s ease}
.dq-m:hover svg{transform:translateX(3px)}
@media(prefers-reduced-motion:no-preference){.dq-p{transition:opacity .16s ease,transform .16s ease,visibility .16s}}
@media(max-width:1180px) and (min-width:900px){.dq-a svg{display:none}}

/* ---------- Thema vorschlagen, Bewertungen ---------- */
.dq-t{padding:0 .35rem}
.dq-t b{display:block;font-size:.98rem;color:#13213C;line-height:1.3}
.dq-t ul{margin:.5rem 0 0;padding-left:1.1rem;display:grid;gap:.3rem;font-size:.86rem;font-weight:500;color:#3B4963;line-height:1.4}
.wu,.bw{padding:.6rem 0 3rem}
.wu-g,.bw-g{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;align-items:start}
@media(min-width:1000px){.wu-g{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.4rem}.bw-g{grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:1.4rem}}
.wu-f,.wu-k,.bw-leer{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.3rem 1.4rem 1.4rem}
.wu-f h2,.wu-k h2{font-size:1.2rem;margin:0 0 .8rem;letter-spacing:-.01em}
.wu-f form{display:grid;gap:.9rem}
.wu-f label,.bw-w{display:grid;gap:.3rem;font-size:.92rem;font-weight:700;color:#2B3A5A}
.wu-f input:not([type=checkbox]),.wu-f textarea,.bw-w select{font:inherit;font-weight:400;font-size:1rem;padding:.7rem .8rem;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);width:100%}
.wu-f input:focus-visible,.wu-f textarea:focus-visible,.bw-w select:focus-visible{outline:0;border-color:#13213C;box-shadow:0 0 0 3px rgba(122,160,232,.45)}
.wu-f .rv-ok{display:flex;gap:.6rem;align-items:flex-start;font-weight:500;font-size:.88rem;color:var(--muted)}
.wu-f .rv-ok input{margin-top:.2rem;width:18px;height:18px;flex:none}
.wu-f .btn{width:auto;justify-self:start;padding:.85rem 1.5rem}
.wu-f .hp{position:absolute;left:-9999px}
.wu-f .rv-msg{margin:0;font-size:.95rem;font-weight:600;color:#13213C;min-height:1.3em}
.wu-f .rv-note{margin:1rem 0 0;font-size:.85rem;color:var(--muted)}
.wu-s,.bw-s{display:grid;gap:1.2rem}
.wu-k p{margin:0 0 .8rem;color:var(--muted);font-size:.95rem}
.wu-k .dq-s{padding:0}
.wz{border-top:1px solid #EDF0F5!important;border-bottom:0!important;padding:0!important}
.wz summary{display:flex;align-items:center;justify-content:flex-start;gap:.6rem;padding:.6rem 0;font-size:.95rem;font-weight:600}
.wz summary .ci{flex:none;width:18px;height:18px;color:#D2432C}
.wz summary span{flex:1}
.wz summary b{font-size:.72rem;font-weight:800;background:#EEF2FA;border-radius:999px;padding:.05rem .45rem}
.wz summary::after{font-size:1.1rem}
.wz[open] summary::after{content:"−"}
.wz .mm-chips{padding:0 0 .8rem}
.bw-leer b{font-size:1.1rem}
.bw-leer p{margin:.4rem 0 0;color:var(--muted);max-width:44em}
.bw-l .rvs{display:grid;gap:.8rem}
.bw-w{margin-bottom:.9rem}
.bw-s .btn{width:auto;display:inline-flex}
.bw-s .btn[aria-disabled=true]{opacity:.5}
.bw-p{margin:0;padding-left:1.1rem;display:grid;gap:.4rem;font-size:.95rem;color:#2B3A5A}
/* Sieben Menüpunkte: auf schmaleren Bildschirmen das Aufklapp-Menü zeigen */
@media(min-width:900px) and (max-width:1279px){
.bar{display:flex!important}
.bar .nav{display:none!important}
.bar .brand{margin-right:auto!important}
.burger{display:flex!important}
.mnav{display:block!important}
}
@media(min-width:1280px){.bar .nav{gap:clamp(.9rem,1.5vw,2rem)}}
@media(min-width:1280px) and (max-width:1420px){.nav a,.dd-btn{font-size:.9rem}.dq-a svg,.dd-btn svg{display:none}}

/* Karussell "Die wichtigsten Ratgeber" */
.kar-nav{display:flex;align-items:center;gap:.45rem}
.kar-nav .rg4a{margin-left:.7rem}
.kar-b{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line);background:#fff;color:#13213C;display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}
.kar-b svg{width:18px;height:18px}
.kar-b:hover{background:#13213C;border-color:#13213C;color:#fff}
.kar-b:active{transform:scale(.94)}
.kar-b:focus-visible{outline:3px solid #D2432C;outline-offset:2px}
#kar-p .kp2{display:none}#kar-p.aus .kp1{display:none}#kar-p.aus .kp2{display:block}
.kar{overflow:hidden;margin:0 -10px;padding:8px 10px 18px}
.kar-t{display:flex;gap:.9rem;will-change:transform}
.kar-t .rk{flex:0 0 calc((100% - 5*.9rem)/6);min-width:0}
@media(max-width:1500px){.kar-t .rk{flex-basis:calc((100% - 4*.9rem)/5)}}
@media(max-width:1250px){.kar-t .rk{flex-basis:calc((100% - 3*.9rem)/4)}}
@media(max-width:980px){.kar-t .rk{flex-basis:calc((100% - 2*.9rem)/3)}}
@media(max-width:700px){.kar-t .rk{flex-basis:calc((100% - .9rem)/2.15)}.kar-nav .rg4a{display:none}}
@media(max-width:420px){.kar-t .rk{flex-basis:calc(100%/1.35)}}
.rg4 .rg4h{align-items:center}
/* Fußbereich, aufgeräumt */
.site-foot.sf2{padding:2.2rem 0 5.2rem!important;font-size:.93rem}
.sf-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding-bottom:1.3rem;border-bottom:1px solid var(--line)}
.sf-tr{list-style:none;margin:0;padding:0;display:flex!important;flex-wrap:wrap;gap:.5rem 1.6rem!important;color:var(--ink);font-weight:600;font-size:.9rem}
.sf-tr li{display:inline-flex;align-items:center;gap:.45rem}
.sf-tr svg{width:17px;height:17px;color:#1F9D3A;flex:none}
.sf-cols{display:grid;grid-template-columns:2.2fr 1fr 1fr;gap:1.6rem 3rem;padding:1.5rem 0 1.4rem}
.sf-c h4{margin:0 0 .65rem!important;font-size:.8rem!important;letter-spacing:.09em!important;text-transform:uppercase;color:var(--ink);font-weight:800!important}
.sf-c ul{gap:.42rem!important}
.sf-th ul{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1.6rem}
.sf-bot{border-top:1px solid var(--line);padding-top:1.1rem;display:grid;gap:.5rem}
.sf-bot p{margin:0;font-size:.82rem;line-height:1.5;max-width:70em;color:var(--muted)}
.sf-bot .sf-cp{color:var(--ink);font-weight:600}
@media(max-width:1000px){.sf-cols{grid-template-columns:1fr 1fr}.sf-th{grid-column:1/-1}.sf-th ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sf-cols{grid-template-columns:1fr 1fr;gap:1.3rem 1.2rem}.sf-th ul{grid-template-columns:1fr 1fr}.sf-top{flex-direction:column;align-items:flex-start}.sf-tr{flex-direction:column;gap:.4rem!important}}

/* Fächer-Karussell */
.fx{display:flex;gap:10px;height:430px}
.fx-c{position:relative;flex:1 1 0;min-width:0;border-radius:18px;overflow:hidden;text-decoration:none;color:#fff;background:#13213C;display:flex;flex-direction:column;isolation:isolate;transition:flex-grow .65s cubic-bezier(.22,.7,.2,1),box-shadow .3s}
.fx-im{position:absolute;inset:0;z-index:-1;display:block}
.fx-im img{width:100%;height:100%;object-fit:cover;object-position:24% 50%;display:block}
.fx-c:not(.on) .fx-im::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 78%,transparent) 0%,color-mix(in srgb,var(--tc) 35%,rgba(19,33,60,.75)) 45%,rgba(19,33,60,.95) 85%)}
.fx-v{position:absolute;left:50%;bottom:18px;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;font-weight:800;font-size:1rem;white-space:nowrap;letter-spacing:.01em;text-shadow:0 1px 10px rgba(0,0,0,.5);max-height:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis}
.fx-b{display:none}
.fx-c:not(.on):hover{box-shadow:0 0 0 2px var(--tc)}
.fx-c:focus-visible{outline:3px solid #D2432C;outline-offset:2px}
.fx-c.on{flex-grow:8.5;background:#fff;color:var(--ink);box-shadow:0 34px 60px -40px rgba(19,33,60,.6),inset 0 0 0 1.5px var(--line)}
.fx-c.on .fx-im{position:relative;flex:1 1 auto;min-height:0;z-index:0}
.fx-c.on .fx-im img{object-position:left top}
.fx-c:not(.on) .fx-im img{filter:blur(8px) saturate(1.3);transform:scale(1.3)}
.fx-i{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;color:#fff}.fx-i svg{width:21px;height:21px}
.fx-c.on .fx-i{display:none}
.fx-c.on .fx-v{display:none}
.fx-c.on .fx-b{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:.85rem 1.1rem 1rem;border-top:1px solid var(--line)}
.fx-c.on::after{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:var(--tc);transform-origin:left;z-index:2}
.fx-x{display:flex;flex-direction:column;gap:.14rem;min-width:0}
.fx-x b{font-size:1.22rem;letter-spacing:-.015em;line-height:1.15}
.fx-x small{color:var(--muted);font-size:.9rem;line-height:1.35}
.fx-x .rk-t{font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--tc)}
.fx-f{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;flex:none}
.fx-f strong{font-size:1.3rem;letter-spacing:-.01em}
.fx-go{display:inline-flex;align-items:center;gap:.35rem;background:#D2432C;color:#fff;font-weight:700;font-size:.9rem;padding:.5rem .95rem;border-radius:999px;white-space:nowrap}
.fx-go svg{width:15px;height:15px}
@media(prefers-reduced-motion:no-preference){.fx-c.on .fx-b{animation:fxin .5s .18s both}.fx:not(.steht) .fx-c.on::after{animation:fxp 3.8s linear both}}
@keyframes fxin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes fxp{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1400px){.fx-c:nth-child(n+10){display:none}.fx-c.on{flex-grow:7}}
@media(max-width:1180px){.fx-c:nth-child(n+8){display:none}.fx-c.on{flex-grow:6}.fx{height:400px}}
@media(max-width:999px){.fx{height:auto;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:4px 2px 14px;scrollbar-width:none}.fx::-webkit-scrollbar{display:none}
.fx-c,.fx-c.on,.fx-c:nth-child(n+8),.fx-c:nth-child(n+10){display:flex;flex:0 0 min(78vw,330px);scroll-snap-align:start;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.fx-c .fx-im,.fx-c.on .fx-im{position:relative;flex:none;aspect-ratio:16/9;z-index:0}.fx-c:not(.on) .fx-im::after{display:none}.fx-c .fx-im img,.fx-c:not(.on) .fx-im img{object-position:left top;filter:none;transform:none}.fx-i{display:none}
.fx-v{display:none}.fx-c .fx-b,.fx-c.on .fx-b{display:flex;flex:1;animation:none;align-items:flex-start;justify-content:space-between;gap:.8rem;padding:.75rem .9rem .85rem;border-top:1px solid var(--line)}.fx-c.on::after{display:none}.fx-x b{font-size:1.05rem}.fx-f strong{font-size:1.1rem}.fx-go{font-size:.82rem;padding:.42rem .75rem}}
/* Wussten Sie das? */
.ws{padding:2.6rem 0 .8rem}
.ws .sec-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem 1.2rem;margin-bottom:1rem}
.ws .sec-head h2{font-size:clamp(1.35rem,2.2vw,1.7rem);letter-spacing:-.015em;margin:0}.ws .sec-head p{margin:0;font-size:.98rem;color:var(--muted)}
.ws-g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:1rem;align-items:stretch}
.ws-st{position:relative;overflow:hidden;background:#13213C;color:#fff;border-radius:22px;padding:1.7rem 1.9rem 1.6rem;display:flex;flex-direction:column;align-items:flex-start;min-height:270px}
.ws-st::before{content:"";position:absolute;right:-90px;top:-110px;width:340px;height:340px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--tc) 75%,transparent),transparent);opacity:.75;transition:background .5s}
.ws-st>*{position:relative}
.ws-tab{background:var(--tc);color:#fff;font-weight:800;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .7rem;border-radius:999px;transition:background .4s}
.ws-n{font-size:clamp(2.7rem,5vw,4.1rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin:.9rem 0 .35rem;font-variant-numeric:tabular-nums}
.ws-st b{font-size:1.22rem;letter-spacing:-.01em}
.ws-st p{color:#C6CEDF;margin:.45rem 0 1.1rem;max-width:34em;line-height:1.5;font-size:1rem}
.ws-go{margin-top:auto;display:inline-flex;align-items:center;gap:.4rem;background:#fff;color:#13213C;font-weight:700;text-decoration:none;padding:.6rem 1.05rem;border-radius:999px;font-size:.93rem;transition:transform .15s}
.ws-go:hover{transform:translateX(3px)}.ws-go svg{width:16px;height:16px}
.ws-l{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.ws-i{position:relative;overflow:hidden;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:.7rem .9rem .85rem;font:inherit;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;gap:.05rem;transition:border-color .2s,transform .2s,box-shadow .2s}
.ws-i span{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tc)}
.ws-i strong{font-size:1.32rem;letter-spacing:-.02em;line-height:1.15}
.ws-i em{font-style:normal;color:var(--muted);font-size:.86rem;line-height:1.3}
.ws-i:hover{border-color:var(--tc)}
.ws-i:focus-visible{outline:3px solid #D2432C;outline-offset:2px}
.ws-i.on{border-color:var(--tc);transform:translateY(-2px);box-shadow:0 18px 30px -24px rgba(19,33,60,.6)}
.ws-p{position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--tc);transform:scaleX(0);transform-origin:left}
.ws-i.on .ws-p{transform:scaleX(1)}
@media(prefers-reduced-motion:no-preference){.ws-st.rein>*{animation:wsin .5s both}.ws-st.rein>*:nth-child(2){animation-delay:.05s}.ws-st.rein>*:nth-child(3){animation-delay:.1s}.ws-st.rein>*:nth-child(4){animation-delay:.15s}.ws-st.rein>*:nth-child(5){animation-delay:.2s}.ws-g:not(.steht) .ws-i.on .ws-p{animation:fxp 5.2s linear both}}
@keyframes wsin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:900px){.ws-g{grid-template-columns:1fr}.ws-st{min-height:0;padding:1.3rem 1.2rem}.ws-i strong{font-size:1.12rem}}
@media(max-width:420px){.ws-i em{display:none}}
/* Drei Schritte */
.s3s .sec-head{margin-bottom:1.1rem!important}
.s3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;position:relative}
.s3::before,.s3::after{content:"";position:absolute;left:calc(16.66% - 4px);top:34px;height:4px;border-radius:2px}
.s3::before{right:calc(16.66% - 4px);background:var(--line)}
.s3::after{width:calc((66.68% + 8px)*var(--f,0));background:#D2432C;transition:width .7s cubic-bezier(.22,.7,.2,1)}
.s3 li{position:relative;z-index:1;background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:1rem 1.2rem 1.15rem;text-align:center;display:flex;flex-direction:column;align-items:center;cursor:default;transition:transform .35s cubic-bezier(.22,.7,.2,1),border-color .3s,box-shadow .3s}
.s3-n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#13213C;color:#fff;font-weight:800;font-size:1.1rem;box-shadow:0 0 0 6px #fff;transition:background .3s,transform .35s}
.s3-i{margin:.75rem 0 .3rem;color:#13213C;transition:color .3s,transform .35s}.s3-i svg{width:34px;height:34px;display:block}
.s3 h3{margin:.1rem 0 .25rem;font-size:1.12rem}.s3 p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.45;max-width:26em}
.s3 li.on{border-color:#D2432C;transform:translateY(-6px);box-shadow:0 26px 40px -30px rgba(210,67,44,.75)}
.s3 li.on .s3-n,.s3 li.war .s3-n{background:#D2432C}
.s3 li.on .s3-n{transform:scale(1.12)}.s3 li.on .s3-i{color:#D2432C;transform:scale(1.08)}
.s3.still li.on{transform:none;border-color:var(--line);box-shadow:none}.s3.still li.on .s3-n{background:#13213C;transform:none}.s3.still li.on .s3-i{color:#13213C;transform:none}
@media(max-width:760px){.s3{grid-template-columns:1fr;gap:.7rem}.s3::before,.s3::after{display:none}.s3 li{flex-direction:row;flex-wrap:wrap;text-align:left;align-items:center;gap:.2rem .8rem;padding:.85rem 1rem}.s3-i{display:none}.s3 h3{margin:0;flex:1}.s3 p{flex-basis:100%;max-width:none}.s3 li.on{transform:none}}
/* Abschluss */
.fin2 .in{isolation:isolate}
.fin-b{position:absolute;border-radius:50%;filter:blur(46px);opacity:.55;z-index:-1;pointer-events:none}
.fin-b.b1{width:340px;height:340px;left:-70px;top:-130px;background:#5B7FD6}
.fin-b.b2{width:300px;height:300px;right:-60px;bottom:-150px;background:#D2432C;opacity:.42}
.fin-u{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;margin-bottom:.7rem;position:relative}
.fin-u svg{width:34px;height:34px}.fin-u path{transform-origin:24px 24px}
.fin2 .btn.fin-k{position:relative;font-size:1.05rem;padding:.9rem 1.6rem}
.fin2 .btn.fin-k::before{content:"";position:absolute;inset:-6px;border-radius:999px;border:2px solid #D2432C;opacity:0;pointer-events:none}
.fin-l{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.4rem;color:#C6CEDF;font-size:.9rem;position:relative}
.fin-l li{display:inline-flex;align-items:center;gap:.4rem}.fin-l li::before{content:"";width:7px;height:7px;border-radius:50%;background:#6FD08C}
@media(prefers-reduced-motion:no-preference){.fin-b.b1{animation:finb 11s ease-in-out infinite alternate}.fin-b.b2{animation:finb 13s ease-in-out infinite alternate-reverse}.fin-u .fz1{animation:finz 6s linear infinite}.fin-u .fz2{animation:finz 72s linear infinite}.fin2 .btn.fin-k::before{animation:finp 2.4s ease-out infinite}.fin2 .btn.fin-k svg{animation:finx 1.6s ease-in-out infinite}}
@keyframes finb{from{transform:translate(0,0) scale(1)}to{transform:translate(90px,50px) scale(1.25)}}
@keyframes finz{to{transform:rotate(360deg)}}
@keyframes finp{0%{opacity:.75;transform:scale(.96)}100%{opacity:0;transform:scale(1.14,1.4)}}
@keyframes finx{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
/* Impressum und Datenschutz */
.lg{padding:1.4rem 0 3rem}
.lg-k{max-width:1100px;margin:0 auto 1.2rem}
.lg .crumb{max-width:1100px;margin:0 auto .9rem!important}
.lg-k h1{font-size:clamp(1.8rem,3.4vw,2.5rem);letter-spacing:-.025em;margin:0 0 .35rem}
.lg-k p{margin:0;color:var(--muted);font-size:1.05rem;max-width:46em}
.lg-g{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:250px minmax(0,1fr);gap:1.4rem;align-items:start}
.lg-t{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem 1.1rem 1.1rem;font-size:.92rem}
.lg-t b{display:block;font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;margin-bottom:.55rem}
.lg-t ol{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
.lg-t ol a{display:block;padding:.34rem .55rem;border-radius:9px;color:var(--muted);text-decoration:none;line-height:1.3}
.lg-t ol a:hover{background:#F1F4F9;color:var(--ink)}
.lg-t p{margin:.8rem 0 0;padding-top:.8rem;border-top:1px solid var(--line);display:grid;gap:.4rem}
.lg-t p a{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;color:#D2432C;text-decoration:none}.lg-t p a svg{width:15px;height:15px}
.lg-c{display:grid;gap:.8rem;min-width:0}
.lg-c>p{margin:0}
.lg-s{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.15rem 1.4rem 1.2rem;scroll-margin-top:96px}
.lg-s h2{font-size:1.14rem;margin:0 0 .5rem;letter-spacing:-.01em}
.lg-s p,.lg-s li{font-size:1rem;line-height:1.6;color:#2B3A5A;max-width:64em}
.lg-s p{margin:0 0 .6rem}.lg-s p:last-child{margin-bottom:0}
.lg-s a{color:#1F3F7A;overflow-wrap:anywhere}
.lg-s:target{border-color:#D2432C;box-shadow:0 0 0 3px rgba(210,67,44,.15)}
@media(max-width:900px){.lg-g{grid-template-columns:1fr}.lg-t{position:static}.lg-t ol{grid-template-columns:1fr 1fr;gap:.1rem .6rem}}
@media(max-width:520px){.lg-t ol{grid-template-columns:1fr}.lg-s{padding:1rem 1.05rem}}

/* Kopfbereich mit wechselnden Bildern */
.hs-v{position:absolute;top:0;bottom:0;right:0;left:46%;pointer-events:none}
@media(min-width:960px) and (max-width:1180px){.hs-v{left:50%}}
.hs-v .h4p{left:0!important;animation:none!important}
.hs-b{opacity:0;transition:opacity .9s ease}
.hs-b.on{opacity:1}
.hs-v::before{content:"";position:absolute;left:50%;top:42%;width:min(92%,640px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--hc,#5B7FD6) 38%,transparent),transparent);opacity:0;transition:opacity .8s,background .8s}
.hs-v.karte::before{opacity:1}
.hs-k{margin:0;position:absolute;left:50%;top:42%;width:min(74%,540px);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 50px 80px -46px rgba(19,33,60,.7),0 0 0 1px rgba(19,33,60,.08);transform:translate(-50%,-50%) rotate(-2.5deg) scale(.94);transition:opacity .7s ease,transform 1s cubic-bezier(.22,.7,.2,1)}
.hs-k.on{transform:translate(-50%,-50%) rotate(-2.5deg) scale(1)}
.hs-k img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:left top}
.hs-k figcaption{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem .8rem;border-top:4px solid var(--tc);font-weight:700;color:#13213C}
.hs-k figcaption b{font-size:1.15rem;white-space:nowrap}
.hs-t{display:grid}
.hs-s{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s}
.hs-s.on{opacity:1;visibility:visible;transition:opacity .45s,visibility 0s}
.h4 .hs-h{color:#13213C;font-size:clamp(2.3rem,4.3vw,3.6rem);line-height:1.06;letter-spacing:-.04em;margin:0;font-weight:800}
.hs-p{display:flex;gap:.45rem;margin-top:1.2rem;align-items:center}
.h3.h4.hs{padding-top:7.8rem!important;padding-bottom:9rem!important}.hs .h3k{margin-top:1.3rem}
.hs-lb-w{position:relative;z-index:3;margin-bottom:1.9rem;order:9}
.hs-lb{display:flex;align-items:center;gap:1.6rem;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);border:1px solid var(--line);border-radius:18px;padding:.8rem 1.35rem;box-shadow:0 18px 34px -28px rgba(19,33,60,.55)}
.hs-lb-t{margin:0;font-size:1.16rem;font-weight:800;letter-spacing:-.015em;color:#13213C;white-space:nowrap}
.hs-lb ul{display:flex;align-items:center;justify-content:flex-end;flex:1;gap:0;list-style:none;margin:0;padding:0}
.hs-lb li{display:flex;align-items:center;gap:.55rem;font-size:.99rem;font-weight:600;color:#2B3A5A;padding:0 1.35rem;border-left:1px solid #D5DBE6;line-height:1.3}
.hs-lb li:last-child{padding-right:0}
.hs-lb svg{width:21px;height:21px;color:#1F7A4D;flex:none}
@media(min-width:900px){.h3.h4.hs{padding-top:6.1rem!important}}
@media(min-width:1321px) and (max-width:1520px){.hs-lb{gap:1rem;padding:.8rem 1.1rem}.hs-lb-t{font-size:1.06rem}.hs-lb li{font-size:.92rem;padding:0 .9rem;gap:.45rem}.hs-lb svg{width:19px;height:19px}}
@media(max-width:1320px){.hs-lb{flex-direction:column;align-items:flex-start;gap:.6rem;padding:.85rem 1.1rem}.hs-lb ul{flex-wrap:wrap;justify-content:flex-start;gap:.5rem 1.4rem}.hs-lb li{border-left:0;padding:0}}
@media(max-width:899px){.hs-lb-w{margin-top:-1.6rem}}
@media(max-width:760px){.hs-lb-w{margin-bottom:1.3rem}.hs-lb-t{font-size:1.08rem;white-space:normal}.hs-lb ul{flex-direction:column;align-items:flex-start;gap:.45rem}.hs-lb li{font-size:.97rem}}

@media(min-width:900px){.h3.h4.hs{padding-bottom:14.4rem!important}}
.hs-d{width:30px;height:7px;border-radius:4px;border:0;padding:0;background:rgba(19,33,60,.18);cursor:pointer;position:relative;overflow:hidden;transition:width .4s,background .2s}
.hs-d::after{content:"";position:absolute;inset:-12px -2px}
.hs-d:hover{background:rgba(19,33,60,.35)}
.hs-d:focus-visible{outline:3px solid #D2432C;outline-offset:3px}
.hs-d.on{width:62px}
.hs-d i{position:absolute;inset:0;background:#D2432C;transform:scaleX(0);transform-origin:left}
.hs-d.on i{transform:scaleX(1)}
@media(prefers-reduced-motion:no-preference){.hs:not(.steht) .hs-d.on i{animation:fxp 3.2s linear both}.hs-s.on>*{animation:auf .55s cubic-bezier(.2,.7,.2,1) both}.hs-s.on>*:nth-child(2){animation-delay:.08s}.hs-s.on>*:nth-child(3){animation-delay:.16s}.hs-k.on{animation:hsk 7s ease-in-out infinite alternate}}
@keyframes hsk{from{transform:translate(-50%,-50%) rotate(-2.5deg) scale(1)}to{transform:translate(-50%,-52%) rotate(-1.2deg) scale(1.025)}}
@media(max-width:959px){.hs-v{position:relative;left:auto;top:auto;bottom:auto;right:auto;margin:2rem 1.25rem 0;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:#EEF2F8}
.hs-v .h4p{position:absolute!important;inset:0;margin:0!important;border-radius:0;aspect-ratio:auto}
.hs-v::before{display:none}
.hs-k,.hs-k.on{inset:0;left:0;top:0;width:100%;height:100%;transform:none;border-radius:0;box-shadow:none;animation:none}
.hs-k img{height:calc(100% - 3.1rem);aspect-ratio:auto}.hs-k figcaption{height:3.1rem;padding:.4rem .9rem}
.h4 .hs-h{font-size:clamp(1.9rem,7vw,2.5rem)}}

/* Kopfbereich: Balken nur bei Tastaturbedienung zeigen */
.hs-p{position:absolute;opacity:0;pointer-events:none;margin-top:.6rem}
.hs-p:focus-within{opacity:1;pointer-events:auto}
.hs .h3t{position:relative}
/* Hilfe-Kasten: laufende Kacheln */
.hpk{overflow:hidden;margin:0 -8px -8px;padding:8px}
.hpg.hpk-t{display:flex;gap:.6rem;will-change:transform}
.hpk-t a{flex:0 0 calc((100% - 4*.6rem)/5);min-width:0;transition:border-color .15s,background .15s,transform .2s,box-shadow .2s}
.hpk-t a svg{transition:transform .25s}
.hpk-t a:hover{transform:translateY(-4px);box-shadow:0 18px 28px -22px rgba(19,33,60,.55)}
.hpk-t a:hover svg{transform:scale(1.18) rotate(-6deg)}
@media(max-width:1099px){.hpk-t a{flex-basis:calc((100% - 2*.6rem)/3)}}
@media(max-width:759px){.hpk{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.hpk::-webkit-scrollbar{display:none}.hpk-t a{flex-basis:min(74vw,290px);scroll-snap-align:start}}
@media(prefers-reduced-motion:no-preference){#sbox .sfield:not(:focus-within){animation:sbp 3.2s ease-in-out infinite}}
@keyframes sbp{0%,100%{box-shadow:0 0 0 0 rgba(210,67,44,0)}50%{box-shadow:0 0 0 5px rgba(210,67,44,.14)}}

/* Fußbereich: unterer Abschluss mittig */
.site-foot.sf2{padding-bottom:2rem!important}
.sf-b2{text-align:center;justify-items:center;padding-top:1.3rem;gap:.8rem}
.sf-b2 .sf-hw{max-width:58em;margin:0 auto;text-wrap:balance}
.sf-b2 .sf-cp{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem 0;margin:0 auto;max-width:none;font-size:.86rem}
.sf-b2 .sf-cp>*{padding:0 .8rem;border-left:1px solid var(--line);line-height:1.2}
.sf-b2 .sf-cp>*:first-child{border-left:0}
.sf-b2 .sf-cp a{font-weight:600;color:var(--muted)}.sf-b2 .sf-cp a:hover{color:var(--ink)}
.sf-b2 .sf-cp span{color:var(--ink)}
@media(max-width:560px){.sf-b2{text-align:left;justify-items:start}.sf-b2 .sf-hw{text-wrap:wrap}.sf-b2 .sf-cp{justify-content:flex-start;padding-right:4rem}.sf-b2 .sf-cp>*{padding:0 .7rem 0 0;border-left:0}.site-foot.sf2{padding-bottom:5rem!important}}

/* Ratgeber-Seiten: Fächer mit sechs Karten */
.fx.fx6{height:390px;display:flex;grid-template-columns:none}
.fx.fx6 .fx-c{border-radius:18px;border:0}
.fx.fx6 .fx-c.on{flex-grow:3.6}
@media(max-width:1180px){.fx.fx6 .fx-c.on{flex-grow:3}.fx.fx6{height:360px}}
@media(max-width:999px){.fx.fx6{height:auto}}
/* Ratgeber-Seiten: Bewegung */
.pv{opacity:0}
.pv.in{animation:pvin .55s cubic-bezier(.22,.7,.2,1) calc(var(--i,0)*70ms) both}
@keyframes pvin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.plook .bseite.pv.in{animation-name:pvin,pvdreh}
@keyframes pvdreh{from{rotate:-4deg}to{rotate:0deg}}
.hchk li.pv.in::before{animation:pvpop .42s calc(var(--i,0)*70ms + .1s) both}
@keyframes pvpop{0%{transform:scale(0)}70%{transform:scale(1.25)}100%{transform:scale(1)}}
.guar.pv.in .n{animation:pvpop .6s .25s both}
.plook .bseite{transition:transform .4s cubic-bezier(.22,.7,.2,1),box-shadow .3s,border-color .15s}
.plook .bseite.hoch{transform:translateY(-9px) rotate(-1.4deg);box-shadow:0 24px 30px -22px rgba(19,33,60,.65);border-color:#13213C}
.swan li{transition:transform .35s cubic-bezier(.22,.7,.2,1),box-shadow .3s,background .3s}
.swan li.on{transform:translateY(-5px);box-shadow:0 20px 30px -24px rgba(19,33,60,.6);background:#fff}
.pstage{transition:transform .22s ease-out,box-shadow .3s;will-change:transform}
.pstage::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%);transform:translateX(-120%);pointer-events:none}
.order .btn:not(.soon),.fin2 .btns .btn:not(.soon){position:relative}
.order .btn:not(.soon)::before,.fin2 .btns .btn:not(.soon)::before{content:"";position:absolute;inset:-6px;border-radius:999px;border:2px solid #D2432C;opacity:0;pointer-events:none}
@media(prefers-reduced-motion:no-preference){.pstage::after{animation:psglanz 5.5s ease-in-out 1.2s infinite}.order .btn:not(.soon)::before,.fin2 .btns .btn:not(.soon)::before{animation:finp 2.4s ease-out infinite}.order .btn:not(.soon) svg,.fin2 .btns .btn:not(.soon) svg{animation:finx 1.6s ease-in-out infinite}.order{animation:pvin .6s .1s both}}
@keyframes psglanz{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

/* Alle Themen: kleiner Fächer je Bereich */
.thf{display:flex;flex-wrap:wrap;gap:1rem 1.2rem;align-items:stretch}
.fx.fxm{height:216px;gap:8px;flex:0 1 auto;width:min(100%,calc((var(--n) - 1)*76px + 620px))}
.fxm .fx-c{border-radius:16px}
.fx-c[hidden]{display:none!important}
.fxm .fx-c:not(.on) .fx-im::after{background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 90%,transparent) 0%,color-mix(in srgb,var(--tc) 86%,#0B1220) 55%,color-mix(in srgb,var(--tc) 66%,#0B1220) 100%)}
.fxm .fx-c.on{flex-grow:8.2;flex-direction:row;box-shadow:0 26px 44px -34px rgba(19,33,60,.6),inset 0 0 0 1.5px var(--line)}
.fxm .fx-c.on .fx-im{flex:0 0 46%;height:100%}
.fxm .fx-c.on .fx-b{flex:1 1 0;min-width:0;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.95rem 1.05rem 1rem;border-top:0;border-left:1px solid var(--line)}
.fxm .fx-x b{font-size:1.08rem;line-height:1.2}
.fxm .fx-x small{font-size:.87rem}
.fxm .fx-f{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:.6rem}
.fxm .fx-f strong{font-size:1.15rem}
.fxm .fx-go{font-size:.84rem;padding:.42rem .8rem}
.fxm .fx-i{width:34px;height:34px;top:11px}.fxm .fx-i svg{width:18px;height:18px}
.fxm .fx-v{font-size:.86rem;line-height:1.12;bottom:12px;height:calc(100% - 66px);max-height:none;white-space:normal;overflow:hidden;text-overflow:clip;display:flex;align-items:center;justify-content:flex-end;text-align:left}
.fxm .fx-c.on::after{display:none}
.fxm.laeuft .fx-c.on::after{display:block;height:3px}
@media(prefers-reduced-motion:no-preference){.fxm.laeuft .fx-c.on::after{animation:fxp 3s linear both}}
.thp{flex:1 1 300px;min-width:0;border:1.5px dashed var(--line);border-radius:16px;padding:.8rem 1rem .9rem;background:rgba(255,255,255,.55);align-self:stretch}
.thp .mm-pl{margin:0 0 .5rem}
@media(max-width:1180px){.fx.fxm .fx-c:nth-child(n+8){display:flex}.fxm .fx-c.on{flex-grow:8.2}.fx.fxm{height:216px}}
@media(max-width:999px){.fx.fxm{height:auto;width:100%;flex:1 1 100%}
.fxm .fx-c,.fxm .fx-c.on{flex:0 0 min(76vw,300px);flex-direction:column}
.fxm .fx-c .fx-im,.fxm .fx-c.on .fx-im{flex:none;height:auto;aspect-ratio:16/9}
.fxm .fx-c .fx-b,.fxm .fx-c.on .fx-b{flex-direction:column;align-items:flex-start;border-left:0;border-top:1px solid var(--line);padding:.7rem .85rem .8rem;gap:.5rem}}
/* Handy und Tablet: die farbigen Karten wie am Computer, nur untereinander gestapelt */
@media(max-width:999px){
.fx,.fx.fxm,.fx.fx6{display:flex;flex-direction:column;height:auto;width:100%;flex:1 1 100%;overflow:visible;scroll-snap-type:none;gap:8px;padding:0}
.fx .fx-c,.fx .fx-c.on,.fx .fx-c:nth-child(n+8),.fx .fx-c:nth-child(n+10),.fxm .fx-c,.fxm .fx-c.on{display:flex;flex:none;flex-direction:column;width:100%;scroll-snap-align:none;position:relative;overflow:hidden;border-radius:16px;max-height:58px;min-height:58px;color:#fff;box-shadow:none;background:linear-gradient(90deg,var(--tc),color-mix(in srgb,var(--tc) 62%,#0B1220));transition:max-height .55s cubic-bezier(.22,.7,.2,1)}
#fx:not(.fx6) .fx-c:nth-child(n+9){display:none}
.fx .fx-c[hidden]{display:none!important}
.fx .fx-c:not(.on) .fx-im,.fx .fx-c:not(.on) .fx-b{display:none}
.fx .fx-c:not(.on) .fx-i{display:grid;position:absolute;left:11px;top:50%;transform:translateY(-50%);width:36px;height:36px}
.fx .fx-c:not(.on) .fx-i svg{width:19px;height:19px}
.fx .fx-c:not(.on) .fx-v{display:block;position:absolute;left:60px;right:44px;top:50%;bottom:auto;transform:translateY(-50%);writing-mode:horizontal-tb;font-size:1.04rem;font-weight:800;line-height:1.2;height:auto;max-height:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.fx .fx-c:not(.on)::before{content:"";position:absolute;right:21px;top:50%;width:9px;height:9px;border-right:2.5px solid rgba(255,255,255,.88);border-bottom:2.5px solid rgba(255,255,255,.88);transform:translateY(-70%) rotate(45deg)}
.fx .fx-c.on{max-height:660px;background:#fff;color:var(--ink);box-shadow:0 22px 40px -30px rgba(19,33,60,.55),inset 0 0 0 1.5px var(--line)}
.fx .fx-c.on .fx-im{display:block;position:relative;flex:none;width:100%;height:auto;aspect-ratio:16/9;max-height:300px;z-index:0}
.fx .fx-c.on .fx-im img{object-position:left top;filter:none;transform:none}
.fx .fx-c.on .fx-i,.fx .fx-c.on .fx-v{display:none}
.fx .fx-c.on .fx-b{display:flex;flex:none;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:.8rem;padding:.8rem .95rem .95rem;border-top:1px solid var(--line);border-left:0;min-height:6.8rem;animation:none}
.fx .fx-c.on::after{content:"";display:block;position:absolute;left:0;top:0;height:4px;width:100%;background:var(--tc);z-index:2;animation:none;transform:none}
.fxm .fx-c.on .fx-b{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.65rem;min-height:0}
.fxm .fx-c.on .fx-x{min-width:0}.fxm .fx-c.on .fx-f{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}
}
/* Leisten am Handy etwas schlanker */
@media(max-width:999px){.fx .fx-c,.fx .fx-c.on,.fx .fx-c:nth-child(n+8),.fx .fx-c:nth-child(n+10),.fxm .fx-c,.fxm .fx-c.on{max-height:50px;min-height:50px;border-radius:14px}.fx .fx-c.on{max-height:660px}.fx,.fx.fxm,.fx.fx6{gap:7px}
.fx .fx-c:not(.on) .fx-i{width:32px;height:32px;left:10px}.fx .fx-c:not(.on) .fx-i svg{width:17px;height:17px}.fx .fx-c:not(.on) .fx-v{left:54px;font-size:1rem}}
/* Produktseite: Titelbild größer */
@media(min-width:1000px){.pintro{grid-template-columns:minmax(0,1fr)!important;gap:1.1rem!important}.pintro .pstage{max-width:640px!important}.pstage img{max-height:480px}}
@media(min-width:1700px){.pintro{grid-template-columns:minmax(0,620px) minmax(0,1fr)!important;gap:1.9rem!important}.pintro .pstage{max-width:none!important}}
@media(max-width:699px){.pintro .pstage{width:calc(100% + 2*var(--gut));max-width:none;margin-left:calc(-1*var(--gut));margin-right:calc(-1*var(--gut));border-radius:0;border-left:0;border-right:0}.pstage img{max-height:none}}
/* Kopfbereich am Handy: Bild oben wie am Computer sofort sichtbar */
@media(max-width:959px){.h3.h4{flex-direction:column!important}.h3.h4.hs{padding-bottom:12rem!important}.hs-lb-w{order:-2!important;margin-bottom:1rem!important}.hs-v{order:-1;margin:0 1.25rem 1.3rem!important}}
/* Zusammenfassung vor der Weiterleitung zu Digistore24 */
dialog.bz{border:0;border-radius:24px;padding:1.5rem 1.6rem 1.3rem;width:min(94vw,520px);max-height:92vh;overflow:auto;color:var(--ink);background:#fff;box-shadow:0 50px 100px -30px rgba(11,18,32,.7)}
dialog.bz::backdrop{background:rgba(11,18,32,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.bz-x{position:absolute;right:.8rem;top:.8rem;width:38px;height:38px;border-radius:50%;border:0;background:#F1F4F9;font-size:1.4rem;line-height:1;cursor:pointer;color:#33405C}
.bz-st{display:flex;align-items:center;gap:.55rem;margin:0 3rem 1rem 0;font-size:.8rem;font-weight:700;color:#8A94AB}
.bz-st span{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.bz-st i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#E6EAF2;color:#6B7690;font-size:.75rem;flex:none}
.bz-st .on{color:var(--ink)}.bz-st .on i{background:#13213C;color:#fff}.bz-st em{flex:1;height:2px;background:#E6EAF2;border-radius:2px;min-width:14px}
.bz h2{font-size:1.5rem;margin:0 0 .85rem;letter-spacing:-.02em}
.bz-l{list-style:none;margin:0;padding:0;border:1.5px solid var(--line);border-radius:16px;overflow:hidden}
.bz-l li{display:flex;align-items:center;gap:.85rem;padding:.75rem .9rem}.bz-l li+li{border-top:1px solid var(--line)}.bz-l li.zu{background:#FAFBFD}
.bz-l span{flex:1;min-width:0}.bz-l b{display:block;line-height:1.25}
.bz-th{width:56px;height:56px;border-radius:12px;object-fit:cover;object-position:left top;flex:none;box-shadow:0 0 0 1px var(--line)}
.bz small{display:block;font-weight:500;font-size:.83rem;color:var(--muted);line-height:1.35}.bz-l em,.bz-w em{font-style:normal;font-weight:800;white-space:nowrap}
.bz-w{margin:.9rem 0 0}.bz-w p{margin:0 0 .15rem;font-weight:800;font-size:.9rem}
.bz-w label{display:flex;align-items:center;gap:.7rem;padding:.55rem .8rem;border:1.5px dashed #C9D3E6;border-radius:13px;margin-top:.4rem;cursor:pointer;transition:border-color .15s,background .15s}.bz-w label:hover{border-color:#13213C;background:#F7F9FC}.bz-w label span{flex:1;min-width:0}.bz-w label b{display:block}.bz-w input{width:20px;height:20px;flex:none;accent-color:#13213C}
.bz-s{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0 0;padding:.8rem 1rem;background:#F3F6FB;border-radius:14px;font-weight:700}.bz-s b{font-size:1.55rem;letter-spacing:-.015em;white-space:nowrap}
.bz .bz-go{display:flex!important;width:100%;justify-content:center;align-items:center;gap:.55rem;margin-top:.9rem;padding-top:.95rem!important;padding-bottom:.95rem!important;font-size:1.05rem;background:var(--coral,#D2432C)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 14px 26px -14px rgba(210,67,44,.75)}
.bz-n{margin:.8rem .15rem 0;font-size:.86rem;line-height:1.45;color:#55607A}
.bz-t{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin:.75rem .15rem 0;padding:0;font-size:.84rem;font-weight:700;color:#15803D}.bz-t li{display:inline-flex;align-items:center;gap:.3rem}
.bz-z{display:block;margin:.9rem auto 0;background:none;border:0;font:inherit;font-weight:700;font-size:.92rem;color:#55607A;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){dialog.bz{position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:none;border-radius:24px 24px 0 0;max-height:90vh;padding:1.1rem 1.1rem calc(1.1rem + env(safe-area-inset-bottom,0px));animation:bzauf .3s cubic-bezier(.2,.8,.2,1)}@keyframes bzauf{from{transform:translateY(60px);opacity:.3}to{transform:none;opacity:1}}dialog.bz::before{content:"";display:block;width:44px;height:5px;border-radius:5px;background:#D5DBE7;margin:0 auto .9rem}.bz-st{margin-right:2.6rem;font-size:.74rem}.bz h2{font-size:1.3rem}}
/* Zahlen im Menü ausblenden */
.mm-tab>b,.mcat>summary>b{display:none!important}
/* Leiste unten und Themen-Chips: nur am Handy */
.tabbar,.appchips{display:none}
/* ===== Handy: Ansicht wie eine App ===== */
@media(max-width:820px){
body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
body.has-mbar{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
.site{padding-top:0!important;padding-bottom:0!important}.hdr-wrap{padding:0!important;margin:0!important}
.bar{height:56px!important;border-radius:0!important;border:0!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;padding:0 .55rem 0 .95rem!important;max-width:none!important;background:rgba(255,255,255,.96)!important;margin:0!important}
.bar .logo{height:30px!important;width:auto}
.bar-link{display:none!important}
.burger{border:0!important;background:#F1F4F9!important;width:42px!important;height:42px!important}
.mnav{top:100%!important;left:0!important;right:0!important;border-radius:0 0 22px 22px!important;border-left:0!important;border-right:0!important;border-top:0!important;max-height:calc(100vh - 56px - 76px)!important}
.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 30px -24px rgba(19,33,60,.55)}
.tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:50px;padding:4px 2px;border:0;background:none;font:inherit;font-size:.69rem;font-weight:700;letter-spacing:.01em;color:#6B7690;text-decoration:none;cursor:pointer;border-radius:14px;-webkit-tap-highlight-color:transparent}
.tabbar svg{width:23px;height:23px}
.tabbar .on{color:#13213C;background:#F1F4F9}.tabbar .on svg{color:var(--coral,#D2432C)}
.has-mbar .tabbar{display:none}
.cb-btn{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important;right:14px!important}
.has-mbar .cb-btn{bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}
main{display:flex;flex-direction:column}main>*{min-width:0}
main>.hsu{order:-3;height:auto!important}main>.appchips{order:-2}
.hsu>.wrap{position:static!important;padding-top:.8rem!important;padding-bottom:0!important}
.hsu .stips{display:none!important}
.appchips{display:flex;gap:.5rem;overflow-x:auto;padding:.7rem var(--gut) .8rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.appchips::-webkit-scrollbar{display:none}
.appchips a{flex:none;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .85rem;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:.9rem;color:var(--ink);text-decoration:none;white-space:nowrap;box-shadow:0 6px 14px -12px rgba(19,33,60,.5)}
.appchips svg{width:18px;height:18px;color:var(--coral,#D2432C);flex:none}
.h3.h4.hs{padding:0 0 1.4rem!important;margin-top:0!important;background:none!important}
.hsu{position:relative!important;margin:0!important}
.hs-lb-w{display:none!important}
.hs-v{order:-1;margin:0 var(--gut) 1rem!important;border-radius:22px!important;aspect-ratio:16/10!important;box-shadow:0 24px 40px -30px rgba(19,33,60,.6)}
.h4 h1,.h4 .hs-h{font-size:1.8rem!important;line-height:1.12!important;letter-spacing:-.025em!important}
.h3l{font-size:1.02rem!important;line-height:1.5!important;margin-top:.55rem!important}
.h3b{margin-top:1rem!important}.h3b .h3c{flex:1 1 100%;justify-content:center;text-align:center;min-height:52px}.h3b .h3s{display:none!important}
.h3k{display:none!important}
.hs-p{margin-top:.9rem!important;justify-content:center}
#fx:not(.fx6) .fx-c:nth-child(n+7){display:none}
.rg4,.hlp3,.ws{padding-top:1.6rem!important}
.hlp3{margin-top:0!important}
.order .pr b{white-space:nowrap}
}