/* Generated by scripts/build-languages.py; edit the source CSS files. */
/* Source: fonts/schibsted.css */
/* Schibsted Grotesk, SIL Open Font License 1.1; self-hosted Google Fonts v7. */
/* latin-ext */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/schibsted-grotesk-latin-ext-v7.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/schibsted-grotesk-latin-v7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Source: style.css */
/* Steuerkomplize — Design-System v3 (Claude DESIGN, 24.09.2026) */
:root{
  --forest:#0E2F28; --forest-2:#163F36; --green:#22C55E; --green-hover:#2EDB6C; --green-text:#16A34A; --green-soft:#DCFCE7;
  --bg:#FBFAF6; --bubble:#F1EEE7; --sand:#F5F2EB; --line:#E3DDD0; --line-2:#ECE7DC; --line-3:#EFEBE2; --border:#D9D2C3;
  --ink:#0E2F28; --ink-2:#2F403B; --muted:#4A5A55; --muted-2:#8A9591; --placeholder:#9AA59F;
  --warn-bg:#FEF3C7; --warn-text:#854D0E; --danger:#B42318; --danger-bg:#FEE2E2;
  --r-btn:12px; --r-input:10px; --r-card:20px; --r-card-lg:28px;
  --font:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --max:1200px; --sec:clamp(52px,11vw,96px);
  /* Alt-Aliase für bestehende Seiten (Büro, Rechtsseiten) */
  --green-deep:#16A34A; --card:#FFFFFF; --sand-2:#ECE7DC; --mint:#ECE7DC; --mint-soft:#F5F2EB; --radius:20px; --radius-s:12px; --shadow:0 24px 60px -24px rgba(14,47,40,.22); --ok:#16A34A; --warn:#B7791F;
}
*{box-sizing:border-box;text-wrap:pretty}
h1,h2,h3{text-wrap:balance}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.55;font-size:17px}
img,svg{display:block;max-width:100%;height:auto}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--green-text)}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:700;line-height:1.1;letter-spacing:-.02em}
button,input,select,textarea{font:inherit;color:inherit}
input::placeholder,textarea::placeholder{color:var(--placeholder)}
.nowrap{white-space:nowrap}
.muted{color:var(--muted)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
@keyframes skDot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@keyframes skIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.fx{animation:skIn .5s ease both}
[data-reveal]{opacity:0;translate:0 20px;transition:opacity .6s ease,translate .6s cubic-bezier(.2,.8,.2,1)}
[data-reveal].in{opacity:1;translate:0 0}
@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;translate:none;transition:none}.fx{animation:none}}

/* ---------- Header (alle Kundenseiten) ---------- */
.hdr{position:sticky;top:0;z-index:50;background:rgba(251,250,246,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-2)}
.hdr-in{max-width:var(--max);margin:0 auto;padding:0 24px;height:68px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.hdr-logo{flex:0 0 auto;display:flex;align-items:center;height:40px}
.hdr-logo img{height:36px;width:auto}
.hdr-logo .head{display:none;height:38px;width:38px}
.hdr-nav{display:flex;gap:8px 30px;align-items:center;flex-wrap:wrap;font-weight:500;font-size:16px}
.hdr-mobile{display:none;align-items:center;gap:8px}
.hdr-menu{display:none;border-top:1px solid var(--line-2);background:var(--bg);padding:8px 24px 16px;flex-direction:column}
.hdr-menu.open{display:flex}
.hdr-menu a{padding:14px 0;border-bottom:1px solid var(--line-3);font-weight:600;font-size:17px;color:var(--ink)}
.hdr-menu a:last-child{border-bottom:0}
@media (max-width:819px){.hdr-nav{display:none}.hdr-mobile{display:flex}}
.hdr-narrow .hdr-logo .full{display:block}
@media (max-width:639px){.hdr-narrow .hdr-logo .full{display:none}.hdr-narrow .hdr-logo .head{display:block}}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:var(--r-btn);font-weight:700;font-size:16px;border:0;cursor:pointer;line-height:1;text-align:center;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}
.btn:hover{text-decoration:none}
.btn-green{background:var(--green);color:var(--forest)}
.btn-green:hover{background:var(--green-hover);color:var(--forest)}
.btn-dark{background:var(--forest);color:#fff}
.btn-dark:hover{background:var(--forest-2);color:#fff}
.btn-outline{background:#fff;color:var(--ink);border:1.5px solid var(--border);font-weight:600}
.btn-outline:hover{border-color:var(--forest);color:var(--ink)}
.btn-lg{min-height:52px;padding:0 24px;font-size:17px}
.btn-sm{min-height:40px;padding:0 14px;font-size:14.5px;border-radius:10px}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.link{font-weight:600;color:var(--ink)}
.link:hover{color:var(--green-text)}
.icon-btn{width:40px;height:40px;border:1.5px solid var(--border);background:#fff;border-radius:10px;display:grid;place-items:center;font-size:20px;line-height:1;cursor:pointer;padding:0}

/* ---------- Sprechblasen ---------- */
.say{display:flex;gap:10px;align-items:flex-end}
.say img{width:40px;height:40px;flex:0 0 auto}
.bubble{background:var(--bubble);border-radius:18px 18px 18px 6px;padding:11px 16px;font-size:16px}
.bubble.white{background:#fff;border:1px solid var(--line-2)}
.bubble.me{background:var(--forest);color:#fff;border-radius:18px 18px 6px 18px;align-self:flex-end}
.bubble.follow{border-radius:6px 18px 18px 6px}

/* ---------- Sections ---------- */
.sec{padding:var(--sec) 24px;scroll-margin-top:76px}
.sec.white{background:#fff}
.sec.sand{background:var(--sand)}
.sec.dark{background:var(--forest);color:#fff}
.sec.dark h2{color:#fff}
.sec-in{max-width:var(--max);margin:0 auto}
.h-xl{font-size:clamp(2.6rem,5.6vw,4.4rem);line-height:1.03;letter-spacing:-.035em}
.h-lg{font-size:clamp(2rem,4vw,3rem);line-height:1.08;letter-spacing:-.03em}
.h-md{font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.18;letter-spacing:-.025em}
.lead{font-size:19px;color:var(--muted);max-width:560px}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.check-row{display:flex;align-items:flex-start;gap:10px;color:var(--ink-2)}
.check-row svg{flex:0 0 auto;margin-top:2px}

/* ---------- Hero ---------- */
.hero{padding:clamp(28px,6vw,48px) 24px clamp(52px,11vw,110px)}
.hero-in{max-width:var(--max);margin:0 auto;display:flex;flex-wrap:wrap-reverse;gap:32px 40px;align-items:flex-end}
.hero-img{flex:0 1 280px;display:none;justify-content:center;margin:0 auto;padding-top:104px}
.hero-img img{width:min(100%,340px)}
@media (min-width:820px){.hero-img{display:flex}}
.hero-txt{flex:1 1 420px;min-width:0}
.hero-bubbles{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.hero h1{margin-top:26px}
.hero .lead{margin-top:20px}
.hero-cta{display:flex;gap:14px 22px;align-items:center;flex-wrap:wrap;margin-top:32px}
.hero-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 24px;margin-top:44px;max-width:560px;font-size:15.5px}

/* ---------- Ablauf / Abzüge ---------- */
.steps3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:40px;margin-top:clamp(28px,5vw,48px)}
.step-who{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:var(--green-text)}
.step-who img{width:40px;height:40px}
.steps3 h3{font-size:24px;letter-spacing:-.015em;margin-top:18px}
.steps3 p{color:var(--muted);margin-top:8px}
.deds{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:44px 48px;margin-top:48px}
.ded{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px}
.ded img{width:44px;height:44px}
.ded h3{font-size:20px}
.ded p{color:var(--muted);margin-top:6px;font-size:16px}

/* ---------- Preis + Chat ---------- */
.price-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px 72px;align-items:start}
.price-img{width:180px;aspect-ratio:1364/1153;object-fit:contain;margin-bottom:20px;transition:opacity .3s}
.price-list{display:grid;margin-top:36px}
.price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--line)}
.price-row b{font-size:19px}
.price-row small{display:block;font-size:15px;color:var(--muted)}
.price-row .amt{font-weight:700;font-size:28px;letter-spacing:-.02em;white-space:nowrap}
.addons{border-top:1px solid var(--line);padding-top:22px}
.addon-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--line-3);font-size:15.5px}
.addon-row span:last-child{flex:0 0 auto;white-space:nowrap;font-weight:600}
.chat{background:#fff;border:1px solid var(--line-2);border-radius:var(--r-card-lg);box-shadow:var(--shadow);overflow:hidden;max-width:480px;width:100%;justify-self:center}
.chat-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--bubble)}
.chat-head img{width:40px;height:40px}
.chat-head b{font-size:15px;display:block}
.chat-head small{font-size:13px;color:var(--green-text);font-weight:500}
.chat-body{padding:20px;display:flex;flex-direction:column;gap:8px;min-height:440px;background:var(--bg)}
.chat-msg{padding:11px 15px;font-size:15.5px;line-height:1.45;max-width:85%;animation:skIn .35s ease both;border-radius:18px 18px 18px 6px;background:var(--bubble);align-self:flex-start}
.chat-msg.me{background:var(--forest);color:#fff;border-radius:18px 18px 6px 18px;align-self:flex-end}
.chat-typing{align-self:flex-start;background:var(--bubble);border-radius:18px 18px 18px 6px;padding:12px 16px;display:flex;gap:4px}
.chat-typing i{width:7px;height:7px;border-radius:50%;background:var(--placeholder);animation:skDot 1s infinite ease-in-out}
.chat-typing i:nth-child(2){animation-delay:.15s}.chat-typing i:nth-child(3){animation-delay:.3s}
.chat-replies{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-top:6px;animation:skIn .35s ease both}
.chat-reply{cursor:pointer;border:1.5px solid var(--border);background:#fff;border-radius:12px;padding:9px 14px;font-weight:600;font-size:14.5px;display:flex;gap:10px;align-items:center;min-height:40px}
.chat-reply:hover{border-color:var(--forest)}
.chat-reply.on{border-color:var(--forest);background:var(--forest);color:#fff}
.chat-reply .p{font-weight:500;opacity:.75}
.chat-done{display:flex;gap:8px;margin-top:8px;animation:skIn .35s ease both}
.chat-done .btn{flex:1}

/* ---------- Über uns / FAQ ---------- */
.about-in{max-width:880px;margin:0 auto}
.about-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px 40px;margin-top:40px;color:var(--muted);font-size:16.5px}
.faq-in{max-width:var(--max);margin:0 auto;display:flex;flex-wrap:wrap;gap:40px 72px}
.faq-side{flex:0 1 300px}
.faq-side p{font-size:17px;color:var(--muted);margin-top:14px}
.faq-side img{width:240px;margin-top:32px}
.faq-list{flex:1 1 480px;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:36px 40px}
.faq-q{font-weight:700;font-size:17px}
.faq-a{margin-top:10px;display:flex}
.faq-a div{background:#fff;border-radius:16px 16px 16px 6px;padding:11px 15px;font-size:15.5px;line-height:1.45;color:var(--ink-2)}

/* ---------- Schluss / Footer / Banner ---------- */
.end-in{max-width:var(--max);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px 56px}
.end-txt{flex:1 1 380px}
.end-txt h2{font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.02;letter-spacing:-.035em}
.end-facts{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:16px;font-size:16px;color:rgba(255,255,255,.75)}
.end-facts b{color:var(--green)}
.end-steps{flex:1 1 360px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:480px){.end-steps{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}
.end-steps div{border-top:2px solid rgba(255,255,255,.2);padding-top:12px}
.end-steps small{display:block;font-size:13px;color:var(--green);font-weight:600}
.end-steps b{display:block;font-size:15px;font-weight:600;margin-top:2px}
.foot{font-size:14.5px;color:var(--muted);border-top:1px solid var(--line)}
.foot-in{max-width:var(--max);margin:0 auto;padding:28px 24px 36px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.foot-brand{display:flex;flex-direction:column;gap:10px}
.foot-brand img{height:32px;width:auto;align-self:flex-start}
.foot a{color:var(--muted)}
.foot a:hover{color:var(--green-text)}
.foot-links{display:flex;gap:10px 22px;flex-wrap:wrap}
.bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--forest);color:#fff;box-shadow:0 -10px 30px -10px rgba(14,47,40,.35);transform:translateY(calc(100% + 48px));transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.bar.show{transform:translateY(0)}
.bar-in{max-width:var(--max);margin:0 auto;padding:10px 16px 10px 24px;display:flex;align-items:center;gap:12px 28px}
.bar-txt{flex:1 1 auto;min-width:0}
.bar-txt b{display:block;font-weight:700;font-size:16.5px}
.bar-txt span{display:block;font-size:14px;color:rgba(255,255,255,.72)}
.bar-txt em{font-style:normal;color:var(--green);font-weight:700}
.bar .btn{flex:0 0 auto;min-height:44px;padding:0 16px;border-radius:10px;font-size:15px}
.bar-x{cursor:pointer;border:0;background:transparent;color:rgba(255,255,255,.7);font-size:22px;line-height:1;padding:6px;min-width:44px;min-height:44px}
@media (max-width:819px){.bar-txt b{font-size:15px;line-height:1.25}.bar-txt span{font-size:13.5px}.bar-in{padding:8px 8px 8px 16px;gap:10px}}

/* ---------- Formular / Mein Fall (gemeinsam) ---------- */
.page{max-width:680px;margin:0 auto;padding:44px 24px 140px}
.page-wide{max-width:1040px;margin:0 auto;padding:44px 24px 80px}
.page h1{font-size:clamp(2rem,4.4vw,2.7rem);line-height:1.08;letter-spacing:-.03em;margin-top:22px}
.page-wide h1{font-size:clamp(2rem,4vw,2.8rem);line-height:1.08;letter-spacing:-.03em;margin-top:22px}
.sub{font-size:14.5px;color:var(--muted);margin-top:6px}
.field{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:14.5px}
.field .lbl{display:flex;justify-content:space-between;gap:12px}
.field .tag{font-weight:400;color:var(--muted)}
.field .help{font-weight:400;font-size:13.5px;color:var(--muted)}
.inp{border:1.5px solid var(--border);border-radius:var(--r-input);padding:13px 14px;background:#fff;font-weight:400;font-size:16px;width:100%;min-height:48px}
.inp:focus,textarea.inp:focus{outline:none;border-color:var(--forest);box-shadow:0 0 0 3px rgba(34,197,94,.22)}
textarea.inp{resize:vertical;min-height:90px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px 16px}
.stack{display:flex;flex-direction:column;gap:18px}
.group{display:flex;flex-direction:column}
.group-t{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--line)}
.q{padding:18px 0;border-bottom:1px solid var(--line-3)}
.q-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px}
.q-lbl{flex:1 1 260px;font-weight:600}
.q-lbl small{display:block;font-weight:400;font-size:14px;color:var(--muted)}
.seg{display:flex;flex-wrap:wrap;border:1.5px solid var(--border);border-radius:11px;padding:3px;background:#fff;gap:2px;flex:0 1 auto}
.seg label{position:relative;margin:0}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:0 14px;min-width:52px;min-height:38px;font-weight:600;font-size:14.5px;cursor:pointer;transition:background .15s;color:var(--ink)}
.seg input:checked+span{background:var(--forest);color:#fff}
.radios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.radios label{position:relative;margin:0}
.radios input{position:absolute;opacity:0;pointer-events:none}
.radios span{display:flex;align-items:center;gap:10px;text-align:left;border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;background:#fff;font-weight:600;font-size:15px;cursor:pointer;min-height:48px}
.radios span::before{content:"";width:18px;height:18px;border-radius:50%;flex:0 0 auto;border:1.5px solid var(--border);box-sizing:border-box}
.radios input:checked+span{border-color:var(--forest)}
.radios input:checked+span::before{border:5px solid var(--forest);background:#fff}
@media (max-width:420px){.radios{grid-template-columns:1fr}}
.note{font-size:14px;color:var(--green-text);margin-top:10px}
.check{cursor:pointer;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line-3);background:transparent;padding:14px 0;display:flex;gap:14px;align-items:flex-start;font-size:15.5px;position:relative;margin:0;font-weight:400}
.check input{position:absolute;opacity:0;pointer-events:none}
.check .box{width:22px;height:22px;border-radius:6px;flex:0 0 auto;display:grid;place-items:center;font-size:13px;font-weight:800;background:#fff;border:1.5px solid var(--border);color:#fff;transition:all .15s;margin-top:1px}
.check input:checked~.box{background:var(--forest);border-color:var(--forest)}
.check input:checked~.box::after{content:"✓"}
.check .t{display:block;font-weight:600}
.check .h{font-size:14px;color:var(--muted)}
.check.card{border:1.5px solid var(--line);border-radius:12px;padding:16px 18px;font-size:15px}
.check.card:has(input:checked){border-color:var(--forest)}
.check.card .t{display:flex;justify-content:space-between;gap:12px}
.docs{display:grid}
.doc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line-3)}
.doc .dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:#fff;color:#fff;border:1.5px solid var(--border)}
.doc.done .dot{background:var(--green);border-color:var(--green)}
.doc.done .dot::after{content:"✓"}
.doc.missing .dot{border-color:var(--danger);color:var(--danger)}
.doc.missing .dot::after{content:"✕"}
.doc .t{font-weight:600}
.doc .t small{font-weight:400;font-size:14px;color:var(--muted)}
.doc .s{font-size:14px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.doc.done .s{color:var(--green-text)}
.doc.missing .s{color:var(--danger)}
.doc .files{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:6px 10px;font-size:13.5px}
.doc .file{display:inline-flex;align-items:center;gap:6px;max-width:100%;color:var(--green-text)}
.doc .file a{color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px;display:inline-block}
.doc .file button{background:none;border:0;cursor:pointer;color:var(--danger);font-weight:800;padding:0 4px;line-height:1;min-width:24px;min-height:24px}
.upl{position:relative;overflow:hidden;display:inline-flex}
.upl input{position:absolute;inset:0;opacity:0;cursor:pointer}
.progress-line{height:6px;border-radius:3px;background:var(--line-2);overflow:hidden}
.progress-line i{display:block;height:100%;background:var(--green);transition:width .4s}
.prog5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.prog5 button{border:0;background:transparent;padding:0;text-align:left;cursor:default;min-height:auto}
.prog5 button.can{cursor:pointer}
.prog5 .barr{height:4px;border-radius:2px;background:var(--line)}
.prog5 .on .barr{background:var(--green)}
.prog5 .lbl{font-size:13px;margin-top:8px;font-weight:500;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prog5 .on .lbl{color:var(--ink)}
.prog5 .cur .lbl{font-weight:700}
.topline{border-bottom:1px solid var(--line-2);background:#fff}
.topline-in{max-width:680px;margin:0 auto;padding:18px 24px}
.topline-mob{display:none;justify-content:space-between;font-size:13.5px;padding-bottom:10px}
@media (max-width:639px){.topline-in{padding:16px 24px}.topline-mob{display:flex}.prog5 .lbl{display:none}}
.sumrow{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-3)}
.sumrow span:last-child{white-space:nowrap}
.sumtotal{display:flex;justify-content:space-between;gap:12px;padding-top:14px;font-weight:700;font-size:22px}
.bottombar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-top:1px solid var(--line-2)}
.bottombar-in{max-width:680px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:16px}
.bottombar .back{cursor:pointer;border:0;background:transparent;font-weight:600;padding:12px 0;min-height:44px}
.bottombar .back[disabled]{opacity:0;pointer-events:none}
.bottombar .price{margin-left:auto;text-align:right;line-height:1.2}
.bottombar .price small{display:block;font-size:12.5px;color:var(--muted)}
.bottombar .price b{font-size:18px}
.card{background:#fff;border:1px solid var(--line-2);border-radius:var(--r-card);padding:22px}
.card-t{font-weight:700;font-size:18px}
.badge{display:inline-block;font-size:13.5px;font-weight:600;padding:5px 10px;border-radius:8px;white-space:nowrap}
.badge.warn{background:var(--warn-bg);color:var(--warn-text)}
.badge.ok{background:var(--green-soft);color:#166534}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin-top:12px;font-size:14.5px}
.kv span:nth-child(odd){color:var(--muted)}
.err{color:var(--danger);font-size:14.5px;font-weight:600}
.notice{padding:12px 16px;border-radius:12px;background:var(--warn-bg);color:var(--warn-text);font-size:14.5px}
.notice.ok{background:var(--green-soft);color:#166534}
.notice.bad{background:var(--danger-bg);color:var(--danger)}
.hidden{display:none!important}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--forest);color:#fff;padding:12px 18px;border-radius:12px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s;z-index:99;max-width:calc(100% - 32px);text-align:center}
.toast.show{opacity:1}

/* ---------- Rechtsseiten ---------- */
.legal{max-width:760px;margin:0 auto;padding:40px 24px 80px}
.legal h1{font-size:clamp(2rem,4vw,2.6rem)}
.legal h2{font-size:1.4rem;margin-top:2em}
.legal h3{font-size:1.1rem;margin-top:1.4em}
.legal p{margin:0 0 1em}
@media (max-width:480px){
  .doc{grid-template-columns:auto minmax(0,1fr);gap:10px 12px}
  .doc .upl{grid-column:2;justify-self:start}
  .doc .files{grid-column:2}
}
.doc-sec{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:18px 0 6px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.doc-sec b{font-weight:700;color:var(--ink)}
.doc-sec.req b{color:var(--green-text)}
.doc-sec span{text-transform:none;letter-spacing:0;font-size:13.5px}
.doc-sec.opt ~ .doc .t{font-weight:500}
.doc-sec.opt ~ .doc .dot{border-style:dashed}
/* Source: landing-process.css */
/* Landingpage: Ablauf und Kundenvorteile; verwendet die bestehende Markenwelt. */
.portal-story-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:42px}
.portal-story-intro .journey-intro{margin:0;max-width:440px}.portal-story-intro>div>small{display:block;margin-top:12px;font-size:11px;color:var(--muted)}
.portal-scroll-hint{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:13px;font-weight:600}.portal-scroll-hint>span{font-size:23px;line-height:1}
.portal-chapter{padding:32px 0;border-top:1px solid var(--border)}
.portal-chapter-number{display:block;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.04em}.portal-chapter-number span{margin:0 7px;color:var(--muted-2)}
.portal-chapter h3{font-size:28px;line-height:1.12;margin-top:15px;max-width:650px}.portal-chapter>p{font-size:17px;color:var(--muted);margin-top:14px;max-width:640px;line-height:1.55}
.portal-inline{margin:26px 0 0;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--bg)}.portal-inline img{width:100%;height:auto;display:block}.portal-inline figcaption{padding:13px 18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.portal-inline-screen{overflow-x:auto;overscroll-behavior-x:contain}
.portal-story-stage{display:none}
.portal-tour.is-enhanced{min-height:calc(var(--portal-height,740px) + var(--portal-scroll,2400px))}
.portal-tour.is-enhanced .portal-tour-pin{position:sticky;top:var(--portal-top,128px)}
.portal-story.is-enhanced{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;align-items:start}
.is-enhanced .portal-story-chapters{grid-column:1;grid-row:1;min-width:0}
.is-enhanced .portal-chapter{position:relative;border:0;border-bottom:1px solid var(--border);padding:16px 0 16px 18px;opacity:.65;transition:opacity .3s ease}
.is-enhanced .portal-chapter:first-child{padding-top:0}.is-enhanced .portal-chapter:last-child{border-bottom:0}
.is-enhanced .portal-chapter:before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:2px;background:var(--green-text);transform:scaleY(0);transform-origin:top;transition:transform .35s ease}.is-enhanced .portal-chapter:first-child:before{top:0}
.is-enhanced .portal-chapter.is-current{opacity:1}.is-enhanced .portal-chapter.is-current:before{transform:scaleY(1)}.is-enhanced .portal-chapter-number{font-size:10px}.is-enhanced .portal-chapter h3{font-size:20px;line-height:1.16;margin-top:7px}.is-enhanced .portal-chapter>p{font-size:14px;line-height:1.5;margin-top:8px}.is-enhanced .portal-inline{display:none}
.is-enhanced .portal-story-stage{display:block;grid-column:2;grid-row:1;border:1px solid var(--border);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 20px 45px -30px rgba(14,47,40,.35)}
.portal-tour.is-enhanced .portal-story-intro{gap:40px;margin-bottom:24px}.portal-tour.is-enhanced .portal-story-intro h2{font-size:40px}.portal-tour.is-enhanced .journey-intro{font-size:16px;line-height:1.5}.portal-tour.is-enhanced .portal-scroll-hint{font-size:12px;margin-top:14px}.portal-tour.is-enhanced .portal-story-intro small{font-size:10px;margin-top:8px}
.portal-chapter-choice{padding:0;border:0;background:none;font:inherit;letter-spacing:inherit;color:inherit;text-align:left;cursor:pointer}.is-enhanced .portal-chapter-choice:after{content:'';position:absolute;inset:0}.is-enhanced .portal-chapter:hover{opacity:1}.is-enhanced .portal-chapter:focus-within{outline:2px solid var(--green-text);outline-offset:4px;border-radius:4px}.portal-chapter-choice:focus-visible{outline:none}
.portal-tour.is-compact .portal-story{grid-template-columns:232px minmax(0,1fr);gap:26px}.portal-tour.is-compact .portal-story-intro{margin-bottom:16px;gap:32px}.portal-tour.is-compact .portal-story-intro h2{font-size:32px}.portal-tour.is-compact .portal-story-intro .eyebrow{font-size:11px}.portal-tour.is-compact .journey-intro{font-size:14px}.portal-tour.is-compact .portal-scroll-hint{font-size:11px;margin-top:10px}.portal-tour.is-compact .portal-chapter{padding:10px 0 10px 14px}.portal-tour.is-compact .portal-chapter:first-child{padding-top:0}.portal-tour.is-compact .portal-chapter h3{font-size:18px;margin-top:5px}.portal-tour.is-compact .portal-chapter>p{font-size:13px;line-height:1.4;margin-top:6px}
.portal-browserbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 16px;border-bottom:1px solid var(--line);background:#f8f6f1;font-size:11px;color:var(--muted)}.portal-browserbar>small{font-size:10px}.portal-window-dots{display:flex;gap:5px}.portal-window-dots i{width:7px;height:7px;border:1px solid #cec6b6;border-radius:50%;background:#e5dfd2}
.portal-screens{position:relative;width:100%;aspect-ratio:1085/631;max-height:calc(100svh - 265px);background:var(--bg);overflow:hidden}
.portal-screen{position:absolute;inset:0;opacity:0;transform:translateY(12px) scale(.99);transition:opacity .35s ease,transform .45s ease;pointer-events:none}
.portal-screen.is-current{opacity:1;transform:none;z-index:1}
.portal-screen-caption{display:flex;align-items:center;gap:13px;padding:16px 18px;border-top:1px solid var(--line)}.portal-screen-caption>span{font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap}.portal-screen-caption>b{font-size:13px;font-weight:600;flex:1}.portal-screen-caption>small{font-size:10px;color:var(--muted);white-space:nowrap}
@media(max-width:799px){.portal-story-intro{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.portal-story-intro .journey-intro{max-width:600px}.portal-scroll-hint{margin-top:16px}.portal-chapter{padding:27px 0}.portal-chapter h3{font-size:25px}.portal-chapter>p{font-size:16px}.portal-inline{margin-top:20px;border-radius:11px}.portal-inline figcaption{font-size:11px;padding:11px 13px}}
@media(prefers-reduced-motion:reduce){.portal-screen,.is-enhanced .portal-chapter{transition:none}.portal-screen{transform:none}}
.journey-hero-link{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.journey-heading{max-width:780px}.journey-heading h2{margin-top:12px}.journey-heading>p{max-width:640px;margin-top:20px;color:var(--muted);font-size:18px}
.journey-steps{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.journey-steps li{min-width:0;border-top:1px solid var(--line);padding-top:22px;position:relative}
.journey-number{display:block;font-size:42px;font-weight:500;letter-spacing:-.06em;line-height:1;color:var(--forest);margin-bottom:22px}
.journey-steps small{font-size:12px;font-weight:600;display:block;color:var(--muted)}.journey-steps h3{font-size:23px;margin-top:10px;max-width:250px;line-height:1.16}.journey-steps p{font-size:16px;margin-top:12px;color:var(--muted)}
.journey-timing{font-size:14px;margin-top:30px;color:var(--muted)}
.journey-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,84px);align-items:center}
.journey-benefits h2{margin-top:12px}.journey-intro{font-size:18px;margin-top:20px;color:var(--muted);max-width:490px}
.journey-benefit-list{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:24px}.journey-benefit-list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:15px}.journey-benefit-list img{width:32px;height:32px}.journey-benefit-list h3{font-size:19px;line-height:1.25}.journey-benefit-list p{font-size:15px;line-height:1.5;color:var(--muted);margin-top:5px;max-width:440px}
.journey-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:56px;padding-top:35px;border-top:1px solid var(--border)}.journey-extra-label{display:block;color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.journey-extra h3{font-size:23px;margin-top:10px}.journey-extra p{font-size:16px;color:var(--muted);margin-top:12px;max-width:510px}.journey-extra small{display:block;font-size:12px;color:var(--muted);margin-top:12px;max-width:500px}
.journey-start{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;margin-top:38px}.journey-start>a{gap:16px;font-size:16px}.journey-start>span{font-size:13px;color:var(--muted)}
@media(max-width:999px){.journey-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.journey-showcase{grid-template-columns:1fr;gap:38px}.journey-benefit-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.journey-example{width:100%;max-width:570px;justify-self:center}.journey-intro{max-width:640px}}
@media(max-width:599px){.journey-heading h2 br{display:none}.journey-steps{grid-template-columns:1fr;gap:25px;margin-top:32px}.journey-steps li{padding:0 0 0 51px;border-top:0}.journey-steps li:not(:last-child):before{content:'';position:absolute;left:16px;top:38px;bottom:-17px;border-left:1px solid var(--line)}.journey-number{position:absolute;left:0;top:0;font-size:20px;margin:0;width:33px;height:33px;border-radius:50%;background:var(--sand);display:flex;align-items:center;justify-content:center;letter-spacing:-.04em}.journey-steps h3{font-size:21px;max-width:none;margin-top:5px}.journey-steps p{margin-top:8px;font-size:15px}.journey-benefit-list{grid-template-columns:1fr;gap:22px}.journey-example-top{padding:16px 18px}.journey-example-body{padding:23px 19px}.journey-example-body>h3{font-size:23px}.journey-example-top>span{font-size:12px}.journey-documents li{gap:9px}.journey-documents small{font-size:10px}.journey-extra{grid-template-columns:1fr;gap:29px;margin-top:38px;padding-top:29px}.journey-extra h3{font-size:22px}.journey-start{align-items:stretch;flex-direction:column;gap:12px}.journey-start>a{font-size:14px;padding:0 14px;min-height:54px}.journey-start>span{text-align:center;font-size:11px}}
/* Source: portal-preview.css */
/* Marketing-Demo mit vollständigen Karten: kein Ausschnitt einer langen Seite. */
.portal-screens{aspect-ratio:auto;height:500px;max-height:none;background:#f7f5ef}
.portal-screen{transform:none;visibility:hidden;transition:transform .45s ease}.portal-screen.is-current{visibility:visible}
.portal-demo{height:500px;padding:0 25px 25px;background:#f7f5ef;font-size:13px;line-height:1.5;color:var(--forest);text-align:left}
.pd-top{height:68px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #e6e1d6;margin-bottom:24px;font-size:11px;color:var(--muted)}
.pd-top>img{width:118px;height:34px;object-fit:contain}.pd-top>small{margin-left:auto;font-size:9px;border:1px solid #ddd7cb;border-radius:20px;padding:3px 8px}
.pd-layout{display:grid;grid-template-columns:minmax(0,1fr) 195px;gap:17px;align-items:start}
.pd-layout>aside{display:grid;gap:16px}.pd-card{background:#fff;border:1px solid #e2ddd3;border-radius:16px;padding:19px;box-shadow:0 5px 14px -12px #0e2f2840;min-width:0;overflow-wrap:anywhere}
.pd-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.pd-card-title>b{font-size:16px}.pd-card-title>span{font-size:10px;color:var(--muted);white-space:nowrap}
.pd-card>small,.pd-tip>small{display:block;font-size:11px;color:var(--muted)}.pd-card>strong{display:block;font-size:28px;letter-spacing:-.04em;margin-top:8px}.pd-card>strong.pd-small-strong{font-size:23px}.pd-card>p,.pd-tip>p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:9px}
.pd-progress{height:4px;background:#edf0e7;border-radius:6px;margin:-4px 0 9px;overflow:hidden}.pd-progress>i{display:block;width:50%;height:100%;background:var(--green);transform-origin:left}
.pd-doc{display:flex;align-items:center;gap:11px;border-bottom:1px solid #eeeae1;padding:15px 0}.pd-doc:last-child{border-bottom:0;padding-bottom:0}.pd-doc>div{flex:1;min-width:0}.pd-doc b{display:block;font-size:12px;font-weight:600}.pd-doc small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.pd-check{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ddf5dc;color:#11833b;font-size:13px;font-style:normal;flex-shrink:0}.pd-empty{width:22px;height:22px;border:1px solid #d9dfd3;border-radius:50%;flex-shrink:0}
.pd-file{font-size:9px;border:1px solid #d9e4d2;color:#52704b;padding:5px;border-radius:5px}.pd-button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;border:1px solid #d9ddd2;border-radius:7px;font-size:10px;font-weight:600;white-space:nowrap;background:white}.pd-button.dark{color:white;background:var(--forest);border-color:var(--forest)}
.pd-tip{padding:20px;border-radius:16px;background:#eaf0e2;border:1px solid #dce6d3;min-width:0;overflow-wrap:anywhere}.pd-tip>b{display:block;font-size:13px}.pd-tip-icon{display:block;font-size:25px;margin-bottom:8px}.pd-tip>small{font-size:10px;margin-top:10px}
.pd-transfer{max-width:670px;margin:auto}.pd-transfer-heading{text-align:center}.pd-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.pd-transfer-heading h4{font-size:23px;line-height:1.2;letter-spacing:-.03em;margin:8px 0}.pd-transfer-heading p{max-width:500px;margin:0 auto;font-size:12px;color:var(--muted)}
.pd-devices{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;margin-top:19px}.pd-device-card{background:white;border:1px solid #e2ddd3;border-radius:16px;min-height:192px;padding:18px;text-align:center}.pd-device-card>b{display:block;font-size:13px;margin-top:14px}.pd-device-card>small{display:block;font-size:10px;margin-top:5px;color:var(--muted)}
.pd-computer{position:relative;width:134px;height:87px;background:#f5f6ef;border:4px solid var(--forest);border-radius:8px;margin:auto;box-shadow:0 7px 0 -4px #64786a}.pd-window-line{height:12px;border-bottom:1px solid #d6ddcd}.pd-paper{position:absolute;top:24px;left:42px;width:42px;height:46px;padding:9px 7px;background:white;box-shadow:0 2px 5px #0e2f281c;border-radius:3px}.pd-paper>i{display:block;height:2px;background:#c7d8bb;margin-bottom:5px}.pd-paper>span{font-size:7px;display:block;color:var(--muted);line-height:1}
.pd-phone{position:relative;width:54px;height:87px;border:4px solid var(--forest);border-radius:12px;margin:auto;background:#eaf0e2;padding:12px 4px}.pd-phone:before{content:'';position:absolute;top:3px;left:15px;right:15px;height:3px;background:var(--forest);border-radius:5px}.pd-camera{height:40px;border:1px dashed #9bb18d;border-radius:5px;display:grid;place-items:center}.pd-camera>i{width:19px;height:15px;border:2px solid #607f50;border-radius:4px;position:relative}.pd-camera>i:after{content:'';position:absolute;inset:3px 5px;border:1px solid #607f50;border-radius:50%}.pd-photo-check{position:absolute;right:-15px;bottom:2px;width:25px;height:25px;display:grid;place-items:center;background:var(--green);border:3px solid #f7f5ef;border-radius:50%;font-size:12px}
.pd-transfer-route{position:relative;text-align:center;height:50px}.pd-transfer-route>i{position:absolute;top:24px;left:0;right:0;border-top:1px dashed #a5ba97}.pd-transfer-route>b{position:relative;top:11px;background:#f7f5ef;font-weight:400;font-size:21px;z-index:1;padding:0 8px}.pd-travel-file{position:absolute;top:-10px;left:9px;width:23px;height:27px;border:1px solid #bbd4aa;border-radius:5px;background:white;font-size:20px;line-height:25px;z-index:2}
.pd-upload-note{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:19px;color:var(--muted);font-size:11px}
.pd-warning{background:#fff3c8!important;color:#856b13!important;padding:4px 7px;border-radius:6px}.pd-question{border-radius:12px 12px 12px 3px;background:#f5f2e8;padding:16px;margin-top:12px}.pd-question>small,.pd-answer>small{font-size:10px;font-weight:600;color:var(--muted)}.pd-question>p,.pd-answer>p{font-size:13px;line-height:1.55;margin-top:6px}.pd-answer{margin-top:16px;border:1px solid #dbe1d5;border-radius:10px;padding:14px}.pd-answer>p{color:var(--muted);font-size:12px}.pd-answer-actions{display:flex;justify-content:space-between;gap:10px;margin-top:13px}.pd-muted{font-size:10px!important;color:var(--muted);margin-top:15px!important}
.pd-plan-row{position:relative;display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #eeeae1}.pd-plan-row:last-child{border:0;padding-bottom:0}.pd-plan-row>i{position:relative;z-index:1;display:grid;place-items:center;font-style:normal;font-size:11px;width:27px;height:27px;flex-shrink:0;border:1px solid #dce2d4;background:#f7f7f1;border-radius:50%;color:var(--muted)}.pd-plan-row b{display:block;font-size:13px}.pd-plan-row small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}.pd-plan-row.done>i{background:#ddf5dc;color:#11833b;border-color:#ddf5dc}.pd-plan-row.current>i{background:var(--forest);color:white;border-color:var(--forest)}.pd-current-dot{width:7px;height:7px;margin-left:auto;background:var(--green-text);border-radius:50%;flex-shrink:0}
@keyframes demoBuild{from{opacity:1;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
@keyframes demoProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes demoTransfer{0%{opacity:0;transform:translateX(-5px) translateY(9px) rotate(-10deg)}25%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translateX(52px) translateY(9px) rotate(5deg)}}
@media(prefers-reduced-motion:no-preference){.motion-on .portal-screen.is-current .demo-piece{animation:demoBuild .65s cubic-bezier(.2,.8,.2,1) both}.portal-screen.is-current .demo-piece:nth-child(2){animation-delay:.09s}.portal-screen.is-current .demo-piece:nth-child(3){animation-delay:.18s}.portal-screen.is-current .demo-piece:nth-child(4){animation-delay:.27s}.portal-screen.is-current .demo-piece:nth-child(5){animation-delay:.36s}.motion-on .portal-screen.is-current .pd-progress>i{animation:demoProgress .9s .2s both}.motion-on .portal-screen.is-current .pd-travel-file{animation:demoTransfer 1.7s .5s 2 both}.motion-on .portal-screen.is-current .pd-photo-check{animation:demoBuild .5s .8s both}}
@media(max-width:1199px){.portal-demo{padding:0 18px 18px}.pd-layout{grid-template-columns:minmax(0,1fr) 170px;gap:14px}.pd-card{padding:16px}.pd-doc{gap:8px}.pd-doc b{font-size:11px}.pd-doc small{font-size:9px}}
@media(max-width:1079px){.portal-inline figcaption:after{content:'Vereinfachte Ansicht mit Beispieldaten';display:block;margin-top:4px}.portal-inline-screen{overflow:visible}.portal-inline-screen>.portal-demo{height:auto;min-height:460px;padding-bottom:25px}}
@media(max-width:699px){.portal-inline .pd-layout{grid-template-columns:1fr;gap:14px}.portal-inline .pd-layout>aside{grid-template-columns:1fr 1fr;gap:12px}.portal-inline .pd-tip,.portal-inline .pd-card{padding:16px}.portal-inline .pd-tip-icon{display:none}.portal-inline .pd-top{gap:10px;margin-bottom:18px;font-size:10px}.portal-inline .pd-top>img{width:98px}.portal-inline .pd-top>small{font-size:8px;padding:3px 5px}.portal-inline .pd-card-title{gap:6px}.portal-inline .pd-card-title>b{font-size:15px}.portal-inline .pd-card-title>span{font-size:9px}.portal-inline .pd-doc b{font-size:12px}.portal-inline .pd-doc small{font-size:10px}.portal-inline .pd-doc{padding:15px 0}.portal-inline .pd-card>strong{font-size:23px}.portal-inline .pd-card>p,.portal-inline .pd-tip>p{font-size:11px}.portal-inline .pd-transfer-heading h4{font-size:21px}.portal-inline .pd-transfer-heading p{font-size:11px}.portal-inline .pd-devices{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}.portal-inline .pd-device-card{min-height:175px;padding:15px 8px}.portal-inline .pd-device-card>b{font-size:11px}.portal-inline .pd-device-card>small{font-size:9px}.portal-inline .pd-computer{width:90px;height:72px}.portal-inline .pd-paper{top:20px;left:24px;width:34px;height:37px;padding:6px}.portal-inline .pd-phone{height:72px;width:48px;padding-top:10px}.portal-inline .pd-camera{height:32px}.portal-inline .pd-upload-note{font-size:10px}.portal-inline .pd-transfer-route>b{font-size:17px;padding:0 2px}.portal-inline .pd-travel-file{display:none}.portal-inline .pd-plan-row b{font-size:12px}.portal-inline .pd-plan-row small{font-size:10px}}
@media(max-width:359px){.portal-inline .portal-demo{padding-left:12px;padding-right:12px}.portal-inline .pd-layout>aside{grid-template-columns:1fr}.portal-inline .pd-devices{grid-template-columns:1fr}.portal-inline .pd-transfer-route{height:32px;transform:rotate(90deg);width:32px;justify-self:center}.portal-inline .pd-device-card{min-height:155px}.portal-inline .pd-top>span{display:none}.portal-inline .pd-doc b{font-size:11px}.portal-inline .pd-doc small{font-size:9px}.portal-inline .pd-answer-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.portal-screen,.portal-demo *{animation:none!important;transition:none!important}}

/* Niedrigere Desktopfenster zeigen Titel, Auswahl und komplette Demo gemeinsam. */
.portal-tour.is-compact .portal-screens,.portal-tour.is-compact .portal-screen .portal-demo{height:400px}
.portal-tour.is-compact .portal-screen .portal-demo{padding:0 18px 16px}
.portal-tour.is-compact .portal-screen .pd-top{height:48px;margin-bottom:16px}
.portal-tour.is-compact .portal-screen .pd-card,.portal-tour.is-compact .portal-screen .pd-tip{padding:16px}
.portal-tour.is-compact .portal-screen .pd-card-title{margin-bottom:14px}
.portal-tour.is-compact .portal-screen .pd-card-title>b{font-size:15px}
.portal-tour.is-compact .portal-screen .pd-doc{padding:12px 0}
.portal-tour.is-compact .portal-screen .pd-doc:last-child{padding-bottom:0}
.portal-tour.is-compact .portal-screen .pd-plan-row{padding:12px 0}
.portal-tour.is-compact .portal-screen .pd-plan-row:last-child{padding-bottom:0}
.portal-tour.is-compact .portal-screen .pd-transfer-heading h4{font-size:20px;margin:6px 0}
.portal-tour.is-compact .portal-screen .pd-device-card{min-height:164px;padding:12px}
.portal-tour.is-compact .portal-screen .pd-device-card>b{margin-top:10px}
.portal-tour.is-compact .portal-screen .pd-devices{margin-top:14px}
.portal-tour.is-compact .portal-screen .pd-upload-note{margin-top:14px}
/* Source: landing-experience.css */
/* Kuratierte Bewegung in der bestehenden Steuerkomplize-Markenwelt. */
.skip-content{position:fixed;left:20px;top:12px;padding:12px 18px;background:var(--forest);color:#fff;border-radius:10px;z-index:300;transform:translateY(-160%)}.skip-content:focus{transform:none;color:#fff}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.journey-heading h2>span{display:block}@media(max-width:599px){.journey-heading h2>span{display:inline}}
.landing [data-reveal]{opacity:1;translate:none;transform:none;filter:none;transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .75s ease,filter .7s ease}
.landing .fx{animation:none}
.landing .hdr:after{content:'';position:absolute;bottom:-1px;left:0;height:2px;width:var(--page-progress,0%);background:var(--green-text);pointer-events:none}
.landing .hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 10% 55%,#e9eee4 0,transparent 48%);padding:68px 24px 0}
.landing .hero-in{align-items:center;gap:40px 90px;flex-wrap:nowrap;padding-bottom:64px}.landing .hero-img{flex:0 1 380px;padding-top:0;align-items:center;min-height:440px}
.hero-art{position:relative;width:100%;min-height:450px;display:flex;align-items:center;justify-content:center;isolation:isolate;transform:translateY(var(--bear-y,0px))}
.hero-art:before{content:'';position:absolute;inset:40px -16px 36px;border:1px solid #d1ddca;background:linear-gradient(145deg,#e4eddd,#f0eee4);border-radius:48% 52% 44% 56% / 52% 43% 57% 48%;transform:rotate(-9deg);z-index:-2}
.hero-art:after{content:'';position:absolute;inset:19px -32px 59px;border:1px dashed #bfd0b7;border-radius:53% 47% 57% 43%;transform:rotate(9deg);z-index:-3}
.landing .hero-art>img{width:360px;filter:drop-shadow(0 20px 17px rgba(14,47,40,.12));transform:rotate(-2deg)}
.hero-art-note{position:absolute;top:21px;left:-4px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 18px 13px 45px;font-size:12px;line-height:1.5;box-shadow:0 12px 30px -19px #0e2f2866;transform:rotate(-5deg)}.hero-art-note>span{position:absolute;left:15px;top:20px;color:var(--green-text);font-size:21px}.hero-art-note>b{font-weight:600}
.hero-art-tag{position:absolute;bottom:18px;right:-20px;background:var(--forest);color:#fff;border:1px solid #314e3f;padding:14px 20px;border-radius:14px;font-size:12px;line-height:1.6;box-shadow:0 16px 30px -20px #0e2f2880;transform:rotate(4deg)}.hero-art-tag>b{display:block;font-size:17px;letter-spacing:-.02em}
.landing .hero-txt{flex:1 1 610px}.landing .hero h1{font-size:clamp(3rem,5.5vw,4.6rem);margin-top:20px;line-height:1.06}.hero-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.hero-line>span{display:block}.hero-line:last-child>span{color:var(--green-text)}
.landing .hero .lead{font-size:18px;line-height:1.65;max-width:540px;margin-top:27px}.landing .hero-cta{margin-top:32px;gap:28px}.landing .hero-cta .btn{min-width:180px;gap:28px}.hero-reassurance{font-size:13px;color:var(--muted);margin-top:19px}.hero-reassurance>span{padding:0 8px}.hero-region{max-width:var(--max);margin:0 auto;padding:21px 0 23px;border-top:1px solid #dce1d6;font-size:14px;text-align:center;color:var(--ink-2)}.hero-region>span{color:var(--muted);margin-right:7px}
.landing .btn{transition:background .2s,color .2s,box-shadow .2s,transform .25s cubic-bezier(.2,.8,.2,1)}.landing .btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px -12px #0e2f2870}.landing .btn:active{transform:translateY(0)}
.landing .journey-steps{position:relative;gap:28px}.landing .journey-steps li{transition:opacity .6s ease,transform .65s cubic-bezier(.22,1,.36,1),border-color .4s ease}.landing .journey-steps li.in{border-color:var(--green-text)}.landing .journey-number{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--sand);border-radius:50%;font-size:13px;letter-spacing:0;margin-bottom:17px;transition:background .5s,color .5s}.landing .journey-steps li.is-step-complete .journey-number{background:var(--forest);color:#fff}
.portal-scene-track{height:3px;background:var(--sand);overflow:hidden}.portal-scene-track>span{display:block;width:var(--scene-progress,25%);height:100%;background:var(--green-text);transition:width .4s ease}
.landing .portal-story-stage{box-shadow:0 25px 60px -30px #0e2f2840}.landing .portal-chapter.is-current .portal-chapter-number{color:var(--green-text)}
.landing .deds{gap:20px;margin-top:35px}.landing .ded{position:relative;isolation:isolate;overflow:hidden;padding:25px 23px;border:1px solid var(--line);border-radius:19px;background:#fff;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.landing .ded:before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(280px circle at var(--glow-x,50%) var(--glow-y,50%),#e1f2d7,transparent 75%);transition:opacity .3s}.landing .ded:hover{transform:translateY(-5px);border-color:#b8cfaa;box-shadow:0 17px 35px -25px #0e2f2866}.landing .ded:hover:before{opacity:1}.landing .ded img{transition:transform .3s}.landing .ded:hover img{transform:rotate(-5deg) translateY(-2px)}.landing .ded h3{font-size:19px}.landing .ded p{font-size:15px;line-height:1.55}
.landing .chat{box-shadow:0 20px 55px -35px #0e2f2850}.landing .chat-reply{transition:background .2s,transform .2s}.landing .chat-reply:hover{transform:translateX(3px)}.landing .chat-msg{animation:chatEnter .35s ease both}
.landing .faq-in{gap:40px 70px;align-items:flex-start}.landing .faq-side{flex-basis:285px}.landing .faq-side img{width:160px;margin-top:22px}.landing .faq-list{display:block;flex-basis:620px;border-top:1px solid var(--border)}.landing .faq-list details{border-bottom:1px solid var(--border)}.landing .faq-q{position:relative;list-style:none;padding:19px 36px 19px 0;font-size:16px;font-weight:600;cursor:pointer;line-height:1.45}.landing .faq-q::-webkit-details-marker{display:none}.landing .faq-q:after{content:'+';position:absolute;right:3px;top:16px;font-size:24px;line-height:1;font-weight:400;color:var(--green-text)}.landing details[open]>.faq-q:after{content:'−'}.landing .faq-q:hover{color:var(--green-text)}.landing .faq-q:focus-visible{outline:2px solid var(--green-text);outline-offset:4px;border-radius:4px}.landing .faq-a{margin:0;display:block}.landing .faq-a>div{border:0;background:none;border-radius:0;padding:0 32px 21px 0;max-width:660px;font-size:15px;line-height:1.6;color:var(--muted)}
.landing .foot-in{padding:21px 24px;align-items:center;gap:18px 28px}.landing .foot-brand{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px 24px;font-size:13px}.landing .foot-brand img{height:28px;align-self:center}.landing .foot-links{font-size:12px;gap:18px}
.landing #schluss{position:relative;overflow:hidden}.landing #schluss:before{content:'';position:absolute;right:-180px;top:-180px;width:550px;height:550px;border:1px solid #ffffff18;border-radius:50%;pointer-events:none}.landing #schluss:after{content:'';position:absolute;right:-80px;top:-80px;width:350px;height:350px;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}.landing .end-in{position:relative;z-index:1}
.support-widget{position:fixed;right:25px;bottom:24px;z-index:90;transition:bottom .25s}.has-sticky-cta .support-widget{bottom:94px}
.support-launcher{display:flex;align-items:center;gap:10px;border:1px solid #d8dfcf;background:var(--forest);color:#fff;border-radius:50px;padding:10px 16px 10px 10px;box-shadow:0 10px 32px -10px #0e2f2870;font:600 13px var(--font);cursor:pointer;transition:transform .25s,box-shadow .25s}.support-launcher>img{background:var(--bg);border-radius:50%;padding:4px;box-sizing:content-box;width:30px;height:30px}.support-launcher:hover{transform:translateY(-3px);box-shadow:0 14px 35px -12px #0e2f2880}.support-launcher[aria-expanded=true]{background:#fff;color:var(--forest)}
.support-panel{position:absolute;bottom:75px;right:0;width:370px;max-width:calc(100vw - 32px);background:var(--bg);border:1px solid var(--border);border-radius:23px;box-shadow:0 25px 80px -20px #0e2f2870;overflow:hidden;transform-origin:100% 100%;animation:chatEnter .25s ease both}.support-panel[hidden]{display:none}.support-head{display:flex;align-items:center;gap:12px;padding:20px;background:var(--forest);color:#fff}.support-head>img{background:var(--bg);border-radius:50%;padding:5px}.support-head>div{flex:1}.support-head h2{font-size:17px;line-height:1.2;letter-spacing:-.01em}.support-head span{font-size:11px;color:#dbe7d3;display:block;margin-top:4px}.support-head>button{border:0;background:transparent;color:#fff;font-size:27px;width:32px;height:32px;cursor:pointer}
.support-body{padding:20px 18px 0;max-height:min(42vh,340px);overflow:auto;scrollbar-width:thin}.support-preview{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:17px}.support-bubble{background:#fff;border:1px solid var(--line);border-radius:15px 15px 15px 4px;padding:13px 15px;font-size:14px;line-height:1.55;margin-bottom:12px;max-width:95%;animation:chatEnter .2s ease both}.support-bubble.me{background:var(--forest);color:#fff;border-color:var(--forest);border-radius:15px 15px 4px 15px;margin-left:auto;font-size:13px}.support-bubble a{text-decoration:underline;text-underline-offset:3px}.support-prompt{font-size:12px;color:var(--muted);margin:13px 2px}
.support-questions{padding:0 18px 18px;display:flex;gap:6px;flex-wrap:wrap}.support-questions>button{border:1px solid #bfcdb8;background:#fff;border-radius:50px;padding:8px 11px;font-size:11px;font-weight:500;cursor:pointer}.support-questions>button:hover{background:#e7f0df}.support-composer{display:flex;align-items:center;gap:10px;padding:13px 17px;border-top:1px solid var(--line);background:#fff}.support-composer>textarea{border:0;resize:none;flex:1;min-width:0;background:transparent;font-size:12px;line-height:1.5}.support-composer>button{border:0;width:33px;height:33px;background:#e8ebe2;color:#7e8e78;border-radius:50%;font-size:21px}.support-layout-note{padding:0 18px 17px;background:#fff;color:var(--muted);font-size:10px;text-align:center;line-height:1.6}.support-layout-note a{text-decoration:underline}
.support-widget button:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.support-widget{display:none}.motion-on .support-widget{display:block}
.has-sticky-cta .support-launcher>span{display:none}.has-sticky-cta .support-launcher{padding-right:10px;gap:6px}
.footer-visible .support-widget{bottom:145px}.footer-visible .support-launcher>span{display:none}.footer-visible .support-launcher{padding-right:10px;gap:6px}
@keyframes heroLineIn{from{transform:translateY(110%)}to{transform:none}}@keyframes artIn{from{opacity:0;transform:translateY(25px) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes chatEnter{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.hero-line>span{animation:heroLineIn .75s cubic-bezier(.2,.8,.2,1) both;animation-delay:.08s}.hero-line:nth-child(2)>span{animation-delay:.18s}.hero-line:nth-child(3)>span{animation-delay:.28s}.hero-art{animation:artIn .9s cubic-bezier(.2,.8,.2,1) backwards}.reveal-ready .landing [data-reveal]:not(.in){opacity:1;transform:translateY(22px);filter:none}.landing .journey-steps li:nth-child(2){transition-delay:.08s}.landing .journey-steps li:nth-child(3){transition-delay:.16s}.landing .journey-steps li:nth-child(4){transition-delay:.24s}}
@media(max-width:999px){.landing .hero-img{flex-basis:260px}.hero-art{min-height:390px}.hero-art-note{left:-10px;top:12px;font-size:10px;padding:11px 13px 11px 35px}.hero-art-note>span{left:11px;top:15px}.hero-art-tag{right:-15px;bottom:18px;padding:11px 15px}.landing .hero-txt{flex-basis:420px}.landing .hero h1{font-size:clamp(2.65rem,5.3vw,4.1rem)}}
@media(max-width:819px){.landing .hero{padding-top:28px;background:radial-gradient(ellipse at 10% 10%,#eaf0e2,transparent 75%)}.landing .hero-img{display:none}.landing .hero-bubbles .bubble{font-size:14px}.landing .hero h1{font-size:clamp(2.5rem,7vw,3.6rem)}.landing .hero .lead{font-size:17px}.landing .journey-number{position:relative}.landing .ded{padding:22px 18px}.support-widget{right:16px;bottom:18px}.has-sticky-cta .support-widget{bottom:86px}.support-launcher{padding:7px 12px 7px 7px;font-size:12px}.support-launcher>svg{display:none}.support-launcher>img{width:25px;height:25px}.support-panel{bottom:65px;width:365px}.support-head{padding:16px}.support-body{max-height:34vh}}
@media(max-width:599px){.landing .journey-number{position:absolute;width:33px;height:33px;font-size:17px}.landing .journey-steps li.is-step-complete .journey-number{box-shadow:0 0 0 4px #e8efdf}.landing .hero-facts{font-size:13px;margin-top:24px}.landing .hero h1{letter-spacing:-.04em}.support-panel{position:fixed;right:12px;left:12px;width:auto;max-width:none;bottom:85px;max-height:calc(100dvh - 105px)}.has-sticky-cta .support-panel{bottom:150px;max-height:calc(100dvh - 168px)}.support-body{max-height:30vh}.support-head h2{font-size:16px}.support-launcher{gap:6px}.support-launcher>span{font-size:11px}.landing .deds{gap:15px}}
@media(prefers-reduced-motion:reduce){.landing *, .landing *:before,.landing *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.hero-art{transform:none}.landing [data-reveal]{opacity:1!important;transform:none!important;filter:none!important}.landing .ded:hover,.landing .btn:hover{transform:none}}

.motion-on .about-word{color:var(--muted);opacity:1;transition:color .25s ease}.motion-on .about-word.is-read{color:var(--forest)}@media(prefers-reduced-motion:reduce){.motion-on .about-word{color:var(--forest)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* Ruhiger Einstieg: zwei Textzeilen, eine Aktion, keine schwebenden Infokarten. */
@media(prefers-reduced-motion:no-preference){.hero-eyebrow,.hero .lead,.hero-cta,.hero-reassurance{animation:artIn .7s cubic-bezier(.2,.8,.2,1) both}.hero-eyebrow{animation-delay:0s}.hero .lead{animation-delay:.25s}.hero-cta{animation-delay:.35s}.hero-reassurance{animation-delay:.4s}.hero-art{animation-duration:1.2s}.hero-line>span{animation-duration:.95s}.hero-line:nth-child(2)>span{animation-delay:.2s}}
@media(max-width:1079px){.landing .hero-in{gap:36px}.landing .hero-img{flex-basis:280px}.landing .hero-txt{flex-basis:520px}.hero-desktop-break{display:none}.landing .hero h1{font-size:clamp(2.8rem,5.5vw,4.2rem)}}
@media(max-width:819px){.landing .hero{padding-top:48px}.landing .hero-in{padding-bottom:42px}.landing .hero h1{font-size:clamp(2.7rem,8vw,4.2rem)}.landing .hero .lead{font-size:17px;max-width:560px}.hero-eyebrow{font-size:11px}.hero-region{font-size:12px;line-height:1.7;padding:18px 0}.hero-region>span{display:block;margin:0}.landing .faq-list{flex-basis:100%}.landing .faq-side{flex:1;position:relative;padding-right:90px}.landing .faq-side img{position:absolute;right:0;bottom:0;width:85px;margin:0}.landing .faq-side p{font-size:15px;max-width:360px}.landing .faq-in{gap:25px}.landing .foot-brand{gap:10px 18px}}
@media(max-width:599px){.landing .hero-cta{gap:22px}.landing .hero-cta .btn{min-width:155px;gap:20px}.landing .hero-cta .link{font-size:14px}.hero-reassurance{font-size:11px}.hero-reassurance>span{padding:0 3px}.landing .journey-number{width:27px;height:27px;font-size:11px;left:3px;top:0}.landing .journey-steps li.is-step-complete .journey-number{box-shadow:none}.landing .faq-q{font-size:15px;padding:18px 30px 18px 0}.landing .faq-a>div{font-size:14px;padding-right:15px}.landing .foot-in{gap:18px}.landing .foot-brand{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 14px;font-size:11px}.landing .foot-brand img{grid-row:1/3;width:93px;height:auto}.landing .foot-brand .nowrap{white-space:normal}.landing .foot-links{gap:20px}}
/* Source: landing-content.css */
/* Ganze Inhalte bauen sich auf; Titel bleiben direkt lesbar. */
html{scrollbar-gutter:stable}
.landing{overflow-x:clip}
.landing main{overflow-x:clip}
.landing .hero{background:linear-gradient(110deg,#eef2e6 0%,var(--bg) 48%);padding-top:60px}
.landing .hero-in{gap:40px 64px;padding-bottom:56px}.landing .hero-img{flex-basis:420px;min-height:470px}.landing .hero-txt{flex-basis:620px}
.hero-art:before,.hero-art:after{display:none}
.hero-art{animation:none!important;transform:none!important;min-height:470px}.landing .hero-art>img{position:relative;z-index:2;animation:none!important;width:440px;max-width:110%;filter:drop-shadow(0 25px 18px #0e2f2820)}
.hero-tax-paper{position:absolute;z-index:1;right:-12px;top:6px;width:214px;height:294px;padding:26px 21px;border:1px solid #d5ddc9;border-radius:9px;background:#fffef9;box-shadow:0 18px 45px -25px #0e2f284d;transform:rotate(8deg);text-align:right}
.hero-tax-paper:before{content:'';position:absolute;inset:10px 10px -10px -10px;z-index:-1;background:#e6ecd9;border:1px solid #d3dec6;border-radius:8px;transform:rotate(-5deg)}
.hero-tax-paper>span{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.hero-tax-paper>b{display:block;font-size:44px;line-height:1.1;letter-spacing:-.04em;margin-top:7px}.hero-tax-paper>em{display:grid;place-items:center;width:36px;height:36px;margin:20px 0 0 auto;border:1px solid #bed3af;border-radius:8px;background:#e7f1de;color:#188c3c;font-size:24px;font-style:normal}.hero-paper-lines{display:grid;gap:9px;margin-top:22px}.hero-paper-lines>i{display:block;height:4px;border-radius:4px;background:#e0e6d7}.hero-paper-lines>i:nth-child(2){width:70%;justify-self:end}.hero-paper-lines>i:nth-child(4){width:80%;justify-self:end}
.landing .hero h1{font-size:inherit;margin-top:20px;line-height:1.05;letter-spacing:-.04em}.hero-title-topic{display:block;font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.18;letter-spacing:-.035em;font-weight:600}.hero-title-punch{display:block;font-size:clamp(5.1rem,8.6vw,7.5rem);line-height:1.05;letter-spacing:-.065em;font-weight:700;color:var(--green-text);margin-top:6px}.landing .hero .lead{margin-top:25px;font-size:18px}.landing .hero .lead>strong{font-weight:600;color:var(--forest)}
.hero-line>span,.hero-eyebrow,.hero .lead,.hero-cta,.hero-reassurance{animation:none!important}
.hero-region{border:0;padding-top:0;padding-bottom:28px}
.hero-reassurance{display:flex;flex-wrap:wrap;gap:10px 23px;margin-top:23px;font-size:12px}.hero-reassurance>span{display:inline-flex;align-items:center;gap:7px;padding:0}.hero-reassurance i{display:inline-grid;place-items:center;font-style:normal;width:18px;height:18px;border-radius:50%;background:#def2da;color:#10803b;font-size:12px;flex-shrink:0}
.landing .journey-heading[data-reveal],.landing h2[data-reveal],.landing .say>[data-reveal]{opacity:1!important;transform:none!important;filter:none!important}
/* Gleiche Scrollposition = gleiche Pose. Keine zeitgesteuerte Eintrittstransition. */
.landing [data-build]{opacity:1;transform:none;transform-origin:50% 70%;transition:none;translate:none}
.scroll-builds .landing [data-build]{opacity:1;transform:perspective(1200px) translate3d(var(--build-x,0px),var(--build-y,0px),0) rotateX(var(--build-rx,0deg)) rotateY(var(--build-ry,0deg)) rotate(var(--build-rz,0deg)) scale(var(--build-scale,1));transition:none;transition-delay:0s}
.scroll-builds .landing .ded{transition:box-shadow .3s,border-color .3s,translate .25s}
.scroll-builds .landing .ded:hover{translate:0 -5px}
/* Eine durchgehende Spur, deren vier Abschnitte nacheinander gefuellt werden. */
.landing .journey-steps{position:relative;isolation:isolate}
.landing .journey-steps:before,.landing .journey-steps:after{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:var(--line);pointer-events:none}
.landing .journey-steps:after{background:var(--green-text);transform:scaleX(var(--journey-progress,0));transform-origin:left}
.landing .journey-steps li{border-top:0}
.landing .journey-steps li:before,.landing .journey-steps li:after{display:none}
.landing .journey-steps li.is-step-active .journey-number{outline:1px solid var(--green-text);outline-offset:3px}
/* Dieser ganze Abschluss ist absichtlich statisch, auch bei spaeteren globalen Effekten. */
.landing #schluss,.landing #schluss *{transform:none!important;translate:none!important;rotate:none!important;scale:none!important;perspective:none!important;animation:none!important;transition:none!important;opacity:1!important;filter:none!important}
.landing #schluss:before,.landing #schluss:after{animation:none!important;transition:none!important;transform:none!important}
.landing .bar{transition:none!important;animation:none!important}

/* Schlanker Header mit Menü und grosser Bereichsübersicht. */
.landing .hdr{background:rgba(251,250,246,.94)}.landing .hdr-in{height:80px;gap:22px}.landing .hdr-logo img{height:36px}
.hdr-actions{display:flex;gap:10px;align-items:center}.hdr-actions>.btn{min-height:42px;font-size:13px;gap:16px;padding:0 17px}
.menu-trigger{display:inline-flex;align-items:center;gap:12px;padding:0 14px;min-height:42px;background:transparent;border:1px solid var(--border);border-radius:26px;font-size:12px;font-weight:600;cursor:pointer;transition:background .25s,border-color .25s}.menu-trigger:hover{background:#eeeae1;border-color:#a9baa0}.menu-trigger:focus-visible{outline:2px solid var(--green-text);outline-offset:4px}
.menu-glyph{display:block;position:relative;width:18px;height:18px}.menu-glyph>i{position:absolute;left:0;right:0;height:1.5px;background:var(--forest);border-radius:2px;top:6px;transition:transform .3s,top .3s}.menu-glyph>i+ i{top:11px}.menu-open .menu-glyph>i{top:8px;transform:rotate(45deg)}.menu-open .menu-glyph>i+ i{transform:rotate(-45deg)}
.landing .hdr-menu{position:absolute;left:24px;right:24px;top:calc(100% + 12px);max-width:1152px;margin:auto;border:1px solid #d9d5c8;background:var(--bg);border-radius:23px;padding:27px;box-shadow:0 30px 70px -30px #0e2f2866;z-index:1}
.landing .hdr-menu.open{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;animation:menuOpen .4s cubic-bezier(.2,.8,.2,1) both;max-height:calc(100dvh - 112px);overflow-y:auto}
.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.landing .menu-grid>a{display:flex;align-items:center;gap:15px;padding:21px 0;border-bottom:1px solid var(--line);font-weight:500}.menu-grid>a>small{font-size:10px;color:var(--muted-2)}.menu-grid>a>span{font-size:24px;letter-spacing:-.03em;line-height:1.15}.menu-grid>a em{font-size:11px;font-style:normal;letter-spacing:0;font-weight:400;display:block;line-height:1.5;color:var(--muted);margin-top:7px}.menu-grid>a>b{margin-left:auto;font-weight:400;font-size:22px;transition:transform .25s}.menu-grid>a:hover>b{transform:translate(3px,-3px)}.landing .menu-grid>a:hover{color:var(--green-text)}
.menu-feature{border-radius:16px;background:#eaf0e2;padding:25px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.menu-feature>img{width:58px;height:58px;margin-bottom:16px}.menu-feature>small{font-size:11px;color:var(--muted)}.menu-feature>h2{font-size:25px;line-height:1.1;margin-top:8px}.menu-feature>p{font-size:12px;color:var(--muted);margin-top:13px;line-height:1.6}.landing .menu-feature>a{margin-top:23px;padding:0 17px;min-height:40px;font-size:12px;border:0;color:white}
.menu-backdrop{position:fixed;inset:80px 0 0;z-index:49;background:#0e2f2829;backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.menu-open .menu-backdrop{opacity:1;visibility:visible}.menu-open{overflow:hidden}
.menu-open .support-widget,.menu-open .bar{visibility:hidden}
.portal-reading .bar{visibility:hidden;pointer-events:none}
.portal-reading .support-widget{bottom:8px}
.footer-visible .support-widget{bottom:calc(var(--footer-height,71px) + 12px)}
.support-head>img{width:48px;height:48px;min-width:48px;flex:0 0 48px;aspect-ratio:1;box-sizing:border-box;padding:8px;object-fit:contain;border-radius:50%}.support-launcher>img{object-fit:contain}
@keyframes menuOpen{from{opacity:0;transform:translateY(-12px) scale(.97);clip-path:inset(0 0 40% 0 round 23px)}to{opacity:1;transform:none;clip-path:inset(0 round 23px)}}
@keyframes menuItem{from{opacity:0;transform:translate(0,18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.hdr-menu.open .menu-grid>a,.hdr-menu.open .menu-feature{animation:menuItem .5s cubic-bezier(.2,.8,.2,1) both}.hdr-menu.open .menu-grid>a:nth-child(2){animation-delay:.04s}.hdr-menu.open .menu-grid>a:nth-child(3){animation-delay:.08s}.hdr-menu.open .menu-grid>a:nth-child(4){animation-delay:.12s}.hdr-menu.open .menu-grid>a:nth-child(5){animation-delay:.16s}.hdr-menu.open .menu-feature{animation-delay:.1s}}
@media(max-width:1079px){.landing .hdr-in{height:72px}.landing .hdr-menu{left:20px;right:20px}.menu-backdrop{top:72px}.landing .hdr-menu.open{max-height:calc(100dvh - 105px)}}
@media(max-width:819px){.hero-reassurance{font-size:12px;gap:10px 18px}.landing .hdr-menu.open{grid-template-columns:1fr 230px;gap:24px;padding:22px}.menu-grid{grid-template-columns:1fr}.menu-grid>a>span{font-size:22px}.landing .menu-grid>a{padding:15px 0}.menu-feature{padding:20px}}
@media(max-width:599px){.landing .hdr-in{padding:0 20px;gap:10px}.landing .hdr-logo img{height:29px}.hdr-actions{gap:7px}.hdr-actions>.btn{font-size:12px;padding:0 12px;gap:8px;min-height:39px}.hdr-actions>.btn>span{display:none}.menu-trigger{width:39px;min-height:39px;justify-content:center;padding:0}.menu-caption{display:none}.landing .hdr-menu{left:12px;right:12px;top:calc(100% + 8px)}.landing .hdr-menu.open{grid-template-columns:1fr;gap:20px;padding:20px}.menu-feature{padding:18px;display:grid;grid-template-columns:40px 1fr;gap:2px 14px}.menu-feature>img{width:40px;height:40px;grid-row:1/3;margin:0}.menu-feature>small{grid-column:2}.menu-feature>h2{grid-column:2;font-size:19px;margin:0}.menu-feature>p{display:none}.landing .menu-feature>a{grid-column:1/3;margin-top:13px;justify-self:start}.menu-grid>a em{font-size:11px;margin-top:4px}.menu-grid>a>span{font-size:21px}.hero-reassurance{font-size:11px;gap:10px 15px}.hero-reassurance i{width:17px;height:17px;font-size:10px}.landing .journey-steps li:after{display:none}}
@media(prefers-reduced-motion:reduce){.scroll-builds .landing [data-build]{opacity:1!important;transform:none!important;transition:none!important}.landing .hdr-menu.open,.hdr-menu.open .menu-grid>a,.hdr-menu.open .menu-feature{animation:none!important}.menu-backdrop,.menu-glyph>i{transition:none}}
@media print{.landing [data-build]{opacity:1!important;transform:none!important}.menu-backdrop,.hdr-actions{display:none}}
@media(max-width:599px){.landing .journey-start>.btn{white-space:normal;line-height:1.35;min-width:0}.landing .journey-start>span{min-width:0}}
@media(max-width:599px){.footer-visible .support-widget{bottom:calc(var(--footer-height,119px) + 5px)}}

.portal-reading .support-launcher[aria-expanded=false]{visibility:hidden;pointer-events:none}
@media(max-width:999px){
 .landing .journey-steps{grid-template-columns:1fr;gap:25px}
 .landing .journey-steps li{padding:0 0 0 51px}
 .landing .journey-steps .journey-number{position:absolute;left:3px;top:0;width:27px;height:27px;font-size:11px;margin:0}
 .landing .journey-steps:before,.landing .journey-steps:after{left:16.5px;right:auto;top:var(--journey-track-start,14px);width:2px;height:var(--journey-track-height,100%)}
 .landing .journey-steps:after{transform:scaleY(var(--journey-progress,0));transform-origin:top}
}
@media(max-width:1079px){.landing .hero-in{gap:36px}.landing .hero-img{flex-basis:300px}.hero-tax-paper{width:185px;height:265px;right:-7px;top:25px;padding:23px 18px}.hero-tax-paper>b{font-size:36px}.hero-tax-paper>span{font-size:9px}.landing .hero-art>img{width:340px}.hero-title-topic{font-size:30px}.hero-title-punch{font-size:86px}}
@media(max-width:819px){.landing .hero{padding-top:48px;background:linear-gradient(150deg,#eef2e6,var(--bg) 65%)}.landing .hero-in{padding-bottom:38px}.hero-title-topic{font-size:clamp(1.65rem,4.4vw,2.5rem);max-width:620px}.hero-title-punch{font-size:clamp(4.3rem,16vw,7rem)}.landing .hero .lead{font-size:17px}}
@media(max-width:359px){.hero-title-topic{font-size:25px}.hero-title-punch{font-size:64px}.landing .hero-cta{gap:18px}.landing .hero .lead{font-size:16px}}
/* Source: hero-calc.css */
/* Hero mit Preisrechner (Claude Design, 26.10.2026, Variante 2a) */
.hx{background:radial-gradient(ellipse 70% 80% at 18% 40%,#1D4A3F 0%,var(--forest-2) 35%,var(--forest) 75%),var(--forest);color:#fff;padding:56px 24px 0}
.hx-in{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:40px 56px;align-items:start}
.hx-txt{display:flex;flex-direction:column;gap:22px;min-width:0}
.hx-eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9FB5AC}
.hx h1{margin:0;font-size:clamp(2.4rem,4.6vw,3.65rem);font-weight:800;letter-spacing:-.045em;line-height:1.04;color:#fff}
.hx h1 em{font-style:normal;color:var(--green)}
.hx-lead{margin:0;font-size:19px;line-height:1.6;color:#C9D6D0;max-width:480px}
.hx-art{position:relative;width:420px;max-width:100%;height:330px;margin-top:12px}
.hx-paper{position:absolute;left:104px;top:0;width:232px;height:300px;background:#FFFEF9;border-radius:10px;padding:24px 22px;display:flex;flex-direction:column;gap:10px;transform:rotate(2deg);box-shadow:0 30px 50px -24px rgba(4,20,16,.6)}
.hx-back{position:absolute;left:96px;top:6px;width:232px;height:300px;background:#E6ECD9;border-radius:10px;transform:rotate(-6deg)}
.hx-paper>span{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-self:flex-start;white-space:nowrap}
.hx-paper>b{font-size:46px;letter-spacing:-.04em;line-height:1;color:var(--forest)}
.hx-paper>i{display:block;height:6px;border-radius:3px;background:var(--line-2)}
.hx-paper>i:first-of-type{margin-top:8px}
.hx-paper>em{position:absolute;right:16px;top:18px;width:28px;height:28px;border-radius:50%;background:var(--green);color:var(--forest);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:15px}
.hx-art>img{position:absolute;left:0;bottom:0;width:300px;height:auto;filter:drop-shadow(0 0 1.5px #FFFEF9) drop-shadow(0 0 1.5px #FFFEF9) drop-shadow(0 0 1px #FFFEF9)}
.hx-calc{background:#fff;color:var(--forest);border-radius:28px;padding:30px;display:flex;flex-direction:column;gap:18px;box-shadow:0 2px 0 rgba(255,255,255,.08),0 24px 40px -20px rgba(4,20,16,.55),0 60px 100px -40px rgba(4,20,16,.7)}
.hx-calc h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.02em}
.hx-tariffs,.hx-addons{border:0;margin:0;padding:0;min-width:0}
.hx-tariffs{display:flex;flex-direction:column;gap:8px}
.hx-opt{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;border-radius:14px;border:1px solid var(--line);background:#fff;cursor:pointer;transition:border-color .15s,background .15s}
.hx-opt input{position:absolute;opacity:0;pointer-events:none}
.hx-opt:hover{border-color:var(--border)}
.hx-opt:has(input:checked){border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest);background:var(--sand)}
.hx-opt:has(input:focus-visible){outline:2px solid var(--green-text);outline-offset:2px}
.hx-opt>span:first-of-type{display:flex;flex-direction:column;gap:2px}
.hx-opt b{font-size:16px}.hx-opt small{font-size:13px;color:var(--muted)}
.hx-opt>strong{font-size:18px;white-space:nowrap}
.hx-addons legend{padding:0;margin-bottom:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hx-addgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hx-add{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:14px;line-height:1.3;cursor:pointer}
.hx-add input{position:absolute;opacity:0;pointer-events:none}
.hx-add>i{flex:0 0 22px;height:22px;border-radius:6px;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;font-weight:800;color:#fff}
.hx-add>span{flex:1;min-width:0}.hx-add>strong{font-weight:600;white-space:nowrap}
.hx-add:has(input:checked){border-color:var(--forest);background:var(--sand)}
.hx-add:has(input:checked)>i{background:var(--green-text);border-color:var(--green-text)}
.hx-add:has(input:checked)>i:after{content:'✓'}
.hx-add:has(input:focus-visible){outline:2px solid var(--green-text);outline-offset:2px}
.hx-total{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--line-2)}
.hx-total>div{display:flex;flex-direction:column;gap:2px}
.hx-total small{font-size:13px;color:var(--muted)}
.hx-total output{font-size:40px;font-weight:800;letter-spacing:-.04em;line-height:1}
.hx-total .btn{min-height:56px;gap:20px;padding:0 22px;font-size:17px}
.hx-assure{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;color:var(--muted)}
.hx-assure i{font-style:normal;color:var(--green-text);font-weight:700;margin-right:7px}
.hx-foot{max-width:var(--max);margin:0 auto;padding:40px 0 26px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 32px;font-size:13px;color:#9FB5AC}
@media(min-width:1080px){.hx-foot{padding-right:230px}}
@media(max-width:999px){.hx-in{grid-template-columns:1fr}.hx-calc{max-width:620px}.hx-art{height:300px}}
@media(max-width:599px){.hx{padding:36px 16px 0}.hx-lead{font-size:17px}.hx-calc{padding:22px;border-radius:22px}.hx-addgrid{grid-template-columns:1fr}.hx-art{transform:scale(.82);transform-origin:left top;height:270px;margin-bottom:-30px}.hx-total output{font-size:34px}.hx-total .btn{flex:1 1 auto;justify-content:space-between}}
@media(max-width:599px){
 .hx-opt{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:5px 10px;padding:13px 14px}
 .hx-opt>span:first-of-type{display:contents}
 .hx-opt b{grid-column:1;grid-row:1}
 .hx-opt small{grid-column:1/-1;grid-row:2}
 .hx-opt>strong{grid-column:2;grid-row:1}
}
/* Source: landing-refine.css */
/* Verfeinerungen (Claude Design, 26.10.2026): Tour-Auswahl, Zusatzkarten, Schluss + Footer passend zum Hero */

/* Ein erster Bildschirm aus Header und Hero; bei Platzbedarf normal weiterwachsen. */
.landing .hx{min-height:calc(100vh - 81px);min-height:calc(100svh - 81px);display:grid;grid-template-rows:1fr auto;row-gap:24px;padding-top:clamp(32px,4.5svh,64px);padding-bottom:24px}
.landing .hx-in{width:100%;align-self:center;align-items:center}
.landing .hx-foot{width:100%;padding-top:0;padding-bottom:0}
@media(max-width:1079px){.landing .hx{min-height:calc(100vh - 73px);min-height:calc(100svh - 73px)}}

/* Kontrast bleibt auch fuer inaktive Tour-Schritte und Links ausreichend. */
.landing .hx-add>i{border-color:#66776C}
.landing{--muted-2:#5F7068;--green-text:#147C3C;--placeholder:#66776C}
.landing a:focus-visible,.landing button:focus-visible,.landing summary:focus-visible,.landing input:focus-visible{outline:3px solid var(--green-text);outline-offset:4px}
.landing .hx a:focus-visible,.landing .hx button:focus-visible,.landing .hx input:focus-visible,.landing #schluss a:focus-visible,.landing .foot a:focus-visible{outline-color:var(--green)}

/* Tour links: aktive Szene als Karte, ruhige Liste ohne Trennlinien */
.portal-tour.is-enhanced .portal-story-intro{margin-bottom:40px}
.portal-tour.is-compact .portal-story-intro{margin-bottom:28px}
.is-enhanced .portal-story-chapters{display:flex;flex-direction:column;gap:4px}
.is-enhanced .portal-chapter,.portal-tour.is-compact .portal-chapter,.is-enhanced .portal-chapter:first-child,.portal-tour.is-compact .portal-chapter:first-child{border:0;padding:14px 16px 15px;border-radius:16px;opacity:1;background:transparent;transition:background .3s ease,box-shadow .3s ease}
.is-enhanced .portal-chapter:before{display:none}
.is-enhanced .portal-chapter h3{color:var(--muted);transition:color .3s ease}
.is-enhanced .portal-chapter>p{color:var(--muted-2);transition:color .3s ease}
.is-enhanced .portal-chapter-number{display:inline-flex;align-items:center;height:20px;padding:0 8px;margin-left:-8px;border-radius:10px;color:var(--muted-2);transition:none}
.is-enhanced .portal-chapter-number span{margin:0 4px}
.is-enhanced .portal-chapter:hover{background:rgba(255,255,255,.5)}
.is-enhanced .portal-chapter.is-current{background:#fff;box-shadow:0 0 0 1px var(--line),0 18px 36px -24px rgba(14,47,40,.35)}
.is-enhanced .portal-chapter.is-current h3{color:var(--forest)}
.is-enhanced .portal-chapter.is-current>p{color:var(--muted)}
.landing .is-enhanced .portal-chapter.is-current .portal-chapter-number{background:var(--forest);color:#fff;margin-left:0}
.is-enhanced .portal-chapter.is-current .portal-chapter-number span{color:#9FB5AC}
.is-enhanced .portal-chapter:focus-within{outline:none;border-radius:16px}
.is-enhanced .portal-chapter:has(:focus-visible){outline:2px solid var(--green-text);outline-offset:2px;border-radius:16px}
/* Auch kleine Desktopfenster behalten die gesamte klickbare Tour im Bild. */
@media(max-height:819px){
 .portal-tour.is-compact .portal-story-intro{margin-bottom:16px}
 .portal-tour.is-compact .portal-story-chapters{gap:3px}
 .portal-tour.is-compact .portal-chapter,.portal-tour.is-compact .portal-chapter:first-child{padding:6px 10px}
 .portal-tour.is-compact .portal-chapter h3{font-size:16px;line-height:1.2;margin-top:4px}
 .portal-tour.is-compact .portal-chapter>p{font-size:12.5px;line-height:1.4;margin-top:4px}
 .portal-tour.is-compact .portal-chapter-number{height:17px;font-size:9px}
}

/* Zusatzkarten mit Beispielansicht */
.landing .journey-extra{border-top:0;padding-top:0;margin-top:64px;gap:24px}
.journey-extra>article{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-card-lg);padding:28px 30px 26px}
.journey-extra>article>small{margin-top:auto;padding-top:14px}
.jx-demo{margin:0 0 24px;padding:18px;border-radius:16px;background:var(--bg);border:1px solid var(--line-2);display:flex;flex-direction:column;gap:8px;font-size:13px}
.jx-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px}
.jx-head b{font-size:14px}.jx-head span{font-size:11px;color:var(--muted)}
.jx-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#fff;border:1px solid var(--line-2);border-radius:10px}
.jx-row>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.jx-row small{font-size:11px;color:var(--muted)}
.jx-row>i{flex:0 0 20px;height:20px;border-radius:50%;background:var(--green-soft);color:var(--green-text);font-style:normal;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
.jx-row>i.jx-wait{background:var(--sand);color:var(--muted)}
.jx-tag{font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap}
.jx-note{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);padding:2px 2px 0}
.jx-note b{color:var(--green-text)}
.jx-letter{position:relative;padding:14px 14px 12px;background:#FFFEF9;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:7px}
.jx-letter>span{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.jx-letter>b{font-size:15px}
.jx-letter>i{display:block;height:5px;border-radius:3px;background:var(--line-2)}
@media(max-width:819px){.landing .journey-extra{grid-template-columns:1fr}}
@media(max-width:599px){.journey-extra>article{padding:22px 20px}}

/* Schluss + Footer: gleicher Waldgrün-Verlauf wie im Hero, Footer dunkel angeschlossen */
.landing #schluss{background:radial-gradient(ellipse 70% 90% at 82% 30%,#1D4A3F 0%,var(--forest-2) 35%,var(--forest) 75%),var(--forest)}
.landing #schluss:before,.landing #schluss:after{display:none}
.landing .foot{background:var(--forest);color:#9FB5AC;border-top:1px solid #163F36}
.landing .foot a{color:#C9D6D0}.landing .foot a:hover{color:var(--green)}

/* Schlussband: Schrittnummer als Marke statt Trennzeichen */
.landing .end-steps{min-width:0;row-gap:6px}
.landing .end-steps>div{min-width:0;display:grid;grid-template-rows:subgrid;grid-row:span 2}
.landing .end-steps small{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:8px;white-space:normal;overflow-wrap:anywhere;line-height:1.45}
.landing .end-steps small em{flex:0 0 20px;height:20px;border-radius:50%;background:var(--green);color:var(--forest);font-style:normal;font-size:11px;font-weight:800;line-height:1;padding:0;display:inline-grid;place-items:center;text-align:center;font-variant-numeric:tabular-nums;text-indent:0}
.landing .end-steps b{margin-top:0;overflow-wrap:anywhere}
.landing .end-in>.btn{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.landing .end-facts{flex-direction:column;gap:6px;margin-top:18px}
.landing .end-facts>span{display:flex;align-items:center;gap:10px}
.landing .end-facts>span:before{content:'✓';flex:0 0 auto;color:var(--green);font-weight:800;font-size:14px}

/* Scrollbalken */
html{scrollbar-color:var(--green-text) var(--bg);scrollbar-width:thin}
@supports selector(::-webkit-scrollbar){html{scrollbar-color:auto;scrollbar-width:auto}}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--green) 0%,var(--green-text) 55%,var(--forest-2) 100%);border-radius:8px;border:3px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--green-hover) 0%,var(--green) 55%,var(--green-text) 100%)}
@media(max-width:599px){
 .landing .support-launcher{width:56px;height:56px;padding:9px;justify-content:center}
 .landing .support-launcher>span,.landing .support-launcher>svg{display:none}
}
/* Source: language-menu.css */
.language-picker{position:relative;color:var(--forest)}
.language-trigger{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:24px;font-size:12px;font-weight:600}
.language-trigger::-webkit-details-marker{display:none}
.language-trigger>svg{width:18px;height:18px;flex:none}.language-trigger>i{width:5px;height:5px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin:-3px 2px 0}
.language-trigger:focus-visible,.language-option:focus-visible{outline:2px solid var(--green-text);outline-offset:3px}
.language-picker[open]>.language-trigger{background:var(--sand)}
.language-panel{position:absolute;right:0;top:calc(100% + 14px);width:440px;max-width:calc(100vw - 32px);padding:24px;background:var(--bg);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 65px -25px #0e2f2859;max-height:calc(100dvh - 112px);overflow-y:auto;z-index:3}
.language-panel>h2{font-size:18px;letter-spacing:-.02em;margin:0 0 18px}
.language-groups{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.language-group h3{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 7px}
.language-group ul{list-style:none;margin:0;padding:0}.language-option{display:flex;align-items:center;gap:9px;padding:10px 8px;border-radius:9px;font-size:14px;line-height:1.25;min-height:40px}
.language-option>small{font-size:10px;width:23px;flex:none;color:var(--muted)}.language-option:hover{background:var(--sand)}.language-option[aria-current=page]{background:var(--forest);color:white}.language-option[aria-current=page]>small{color:#a9cbb9}.language-option[aria-current=page]:after{content:'✓';margin-left:auto;color:var(--green)}
.language-open .support-widget,.language-open .bar{visibility:hidden}
.language-form-note{font-size:12px;color:var(--muted);line-height:1.5;margin:0}
@media(max-width:599px){.landing .hdr-in{gap:8px}.landing .hdr-logo img{height:26px}.landing .hdr-actions{gap:6px}.language-trigger{min-height:38px;padding:0 9px;gap:6px;font-size:11px}.language-trigger>svg{width:16px;height:16px}.language-trigger>i{display:none}.landing .menu-trigger{min-width:36px;min-height:38px;padding:0}.landing .hdr-actions>.btn{min-height:38px;padding:0 10px;font-size:12px}.language-picker{position:static}.language-panel{left:12px;right:12px;top:calc(100% + 8px);width:auto;max-width:none;padding:20px;max-height:calc(100dvh - 94px)}.language-groups{gap:20px 12px}.language-option{font-size:13px;padding:9px 5px}}
@media(max-width:359px){.landing .hdr-in{padding-left:16px;padding-right:16px;gap:6px}.landing .hdr-logo img{height:22px}.landing .hdr-actions>.btn{padding:0 8px;font-size:11px}.language-groups{column-gap:7px}.language-option{gap:6px;font-size:12px}}
@media print{.language-picker{display:none}}