/* latin-ext */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts-simplifier/InterTight-300-latin-ext.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: 'Inter Tight';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts-simplifier/InterTight-300-latin.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;
}
/* latin-ext */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts-simplifier/InterTight-400-latin-ext.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: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts-simplifier/InterTight-400-latin.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;
}
/* latin-ext */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts-simplifier/InterTight-500-latin-ext.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: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts-simplifier/InterTight-500-latin.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;
}
/* latin-ext */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts-simplifier/InterTight-600-latin-ext.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: 'Inter Tight';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts-simplifier/InterTight-600-latin.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;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts-simplifier/Nunito-400-latin-ext.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: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts-simplifier/Nunito-400-latin.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;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts-simplifier/Nunito-600-latin-ext.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: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts-simplifier/Nunito-600-latin.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;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts-simplifier/Nunito-700-latin-ext.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: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts-simplifier/Nunito-700-latin.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;
}
/* ====== Designkopie «Simplifier-Stil» (nur Vorschau auf webapp2, Schalter ?design=simplifier / ?design=aus) ======
   Übernommen werden Gestaltungsmerkmale von simplifier.io (Farben, Schriften, Formen, Aufbau), KEINE Texte, Bilder oder Logos.
   Alles hängt an html[data-design="simplifier"]; ohne Schalter bleibt die Seite unverändert. */
html[data-design="simplifier"]{
  --bg:#f2f2f2;--alt:#ffffff;--surface:#ffffff;--text:#111111;--muted:#555a60;--border:#e2e4e8;--shadow:0 2px 14px rgba(8,9,20,.09);
  --accent:#0099d8;--accent-i:#0099d8;--on-accent:#ffffff;--r:5.6px;--orange-lin:transparent;
  --sf-orange:#f77c00;--sf-teal:#00293b;--sf-nacht:#080914;--sf-karte:#22232B;
  --ft-head:'Inter Tight','Inter',system-ui,sans-serif;--ft-body:'Nunito','Inter',system-ui,sans-serif}
html[data-design="simplifier"][data-theme="dark"]{
  --bg:#080914;--alt:#22232B;--surface:#22232B;--text:rgba(255,255,255,.78);--muted:rgba(255,255,255,.62);--border:#343643;--shadow:0 2px 14px rgba(0,0,0,.45);
  --accent:#0099d8;--accent-i:#2cb4ec;--on-accent:#ffffff}

/* Schrift */
html[data-design="simplifier"] body{font-family:var(--ft-body);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg)}
html[data-design="simplifier"] h1,html[data-design="simplifier"] h2,html[data-design="simplifier"] h3{font-family:var(--ft-head);font-weight:300;letter-spacing:0;color:var(--text)}
html[data-design="simplifier"][data-theme="dark"] h1,html[data-design="simplifier"][data-theme="dark"] h2,html[data-design="simplifier"][data-theme="dark"] h3{color:#fff}
html[data-design="simplifier"] h1{font-size:clamp(2.1rem,3.7vw,3.1rem);line-height:1.28}
html[data-design="simplifier"] h2{font-size:clamp(1.7rem,2.7vw,2.25rem);line-height:1.25}
html[data-design="simplifier"] h3{font-size:1.4rem;font-weight:400;line-height:1.25}
html[data-design="simplifier"] .eyebrow{font:400 .9rem/1.3 var(--ft-body);letter-spacing:.03em;text-transform:uppercase;color:#0099d8;margin-bottom:12px}
html[data-design="simplifier"] .eyebrow::before{display:none!important}

/* Kopfleiste oben (dunkles Blaugrün) und weißer Kopf mit Schatten */
html[data-design="simplifier"] .leiste{background:var(--sf-teal);color:#fff;border:0}
html[data-design="simplifier"] .leiste a,html[data-design="simplifier"] .leiste b,html[data-design="simplifier"] .leiste span{color:#fff}
html[data-design="simplifier"] .hd{background:#fff;color:#111;border-bottom:0;box-shadow:0 2px 12px rgba(8,9,20,.09)}
html[data-design="simplifier"][data-theme="dark"] .hd{background:var(--sf-nacht);color:#fff;box-shadow:0 1px 0 #22232B}
html[data-design="simplifier"] .nav .mb,html[data-design="simplifier"] .nav a{color:#111;font:400 1.05rem/1 var(--ft-body)}
html[data-design="simplifier"] .hd .brand-n{font:700 1.55rem/1 'Barlow Condensed',sans-serif;letter-spacing:.18em;color:#111}
html[data-design="simplifier"][data-theme="dark"] .hd .brand-n,html[data-design="simplifier"][data-theme="dark"] .nav .mb,html[data-design="simplifier"][data-theme="dark"] .nav a{color:#fff}
html[data-design="simplifier"] .nav .mb:hover,html[data-design="simplifier"] .nav a:hover{color:#0099d8}
html[data-design="simplifier"] .hd .brand-t{color:#0099d8}
html[data-design="simplifier"] .tb{background:transparent;border:1px solid var(--border);color:inherit;border-radius:var(--r)}

/* Knöpfe: orange gefüllt, kleine Rundung */
html[data-design="simplifier"] .btn{border-radius:5.6px;font:500 1rem/1 var(--ft-body);min-height:46px;padding:0 20px}
html[data-design="simplifier"] .btn-p,html[data-design="simplifier"] .pill:not(.secondary){background:var(--sf-orange);border-color:var(--sf-orange);color:#fff}
html[data-design="simplifier"] .btn-p:hover{filter:brightness(1.06);background:var(--sf-orange);color:#fff}
html[data-design="simplifier"] .btn-o,html[data-design="simplifier"] .btn-s{background:transparent;color:#0099d8;border:1.5px solid #0099d8}
html[data-design="simplifier"] .btn-o:hover,html[data-design="simplifier"] .btn-s:hover{background:#0099d8;color:#fff}
html[data-design="simplifier"] .hd-cta{background:var(--sf-orange)!important;border-color:var(--sf-orange)!important;color:#fff!important}

/* Hero: schwarz, leichte Überschrift, helle Schrift */
html[data-design="simplifier"] .hero{background:#000;color:#fff;border-bottom:0}
html[data-design="simplifier"] .hero h1,html[data-design="simplifier"] .hero h2{color:#fff}
html[data-design="simplifier"] .hero .lead{color:rgba(255,255,255,.78);font-size:1.05rem}
html[data-design="simplifier"] .hero .eyebrow{color:#2cb4ec}
html[data-design="simplifier"] .hero .btn-o{color:#fff;border-color:rgba(255,255,255,.7)}
html[data-design="simplifier"] .hero .btn-o:hover{background:#fff;color:#000}
html[data-design="simplifier"] .hero-v{background-color:#000}
html[data-design="simplifier"] .hero-i{border-radius:var(--r);box-shadow:none}

/* Abschnitte: grau und weiß im Wechsel, dunkle Bänder in Blaugrün/Nachtblau */
html[data-design="simplifier"] .sec{background:var(--bg);padding:88px 0;border:0}
html[data-design="simplifier"] .sec.alt{background:var(--alt);border:0}
html[data-design="simplifier"] .band{background:var(--sf-teal);color:#fff}
html[data-design="simplifier"] .band h3,html[data-design="simplifier"] .band p{color:#fff}
html[data-design="simplifier"] .lead{color:var(--muted)}

/* Karten: weiß, blauer Seitenstreifen, weicher Schatten */
html[data-design="simplifier"] .card,html[data-design="simplifier"] .karte,html[data-design="simplifier"] .zahl,html[data-design="simplifier"] .vergleich{background:var(--surface);border:0;border-left:4px solid #0099d8;border-top:0;border-radius:3px;box-shadow:var(--shadow)}
html[data-design="simplifier"] .card h3,html[data-design="simplifier"] .karte h3{font-weight:400;font-size:1.35rem;color:var(--text)}
html[data-design="simplifier"] .card p,html[data-design="simplifier"] .karte p{color:var(--muted)}
html[data-design="simplifier"] .card .ic,html[data-design="simplifier"] .karte svg,html[data-design="simplifier"] .feat svg{color:#0099d8;stroke:#0099d8}
html[data-design="simplifier"] .card.karte>img{border-bottom:0;border-radius:0}
html[data-design="simplifier"] .zahl strong,html[data-design="simplifier"] .zahlen strong{color:#0099d8;font-family:var(--ft-head);font-weight:300}
html[data-design="simplifier"] .txtlink,html[data-design="simplifier"] a.txtlink{color:#0099d8}

/* Abschlussband und Fuß */
html[data-design="simplifier"] .cta-band{background-color:var(--sf-teal);color:#fff}
html[data-design="simplifier"] .cta-band h2,html[data-design="simplifier"] .cta-band p{color:#fff}
html[data-design="simplifier"] .ft{background:var(--sf-nacht);color:rgba(255,255,255,.72);border-top:0}
html[data-design="simplifier"] .ft h3{color:#fff;font-weight:400;font-size:1rem}
html[data-design="simplifier"] .ft a{color:rgba(255,255,255,.78)}
html[data-design="simplifier"] .ft a:hover{color:#fff}

/* Linien aus der Orange-Fassung ausblenden */
html[data-design="simplifier"] .sec::before,html[data-design="simplifier"] .kopfbereich::before,html[data-design="simplifier"] .cta-band::before,html[data-design="simplifier"] .ft::before{display:none!important}

/* Feinschliff */
html[data-design="simplifier"] .hero-v .wrap{width:100%}
html[data-design="simplifier"] .schritt h3,html[data-design="simplifier"] .ft h3,html[data-design="simplifier"] .w-schritte b,html[data-design="simplifier"] .gleichung{font-family:var(--ft-head);font-weight:400;letter-spacing:0}
html[data-design="simplifier"] .ft h3{text-transform:none;font-size:1.05rem}
html[data-design="simplifier"] .cta-band .btn-o{color:#fff;border-color:rgba(255,255,255,.75);background:transparent}
html[data-design="simplifier"] .cta-band .btn-o:hover{background:#fff;color:var(--sf-teal)}


/* ====== Aufbau-Bausteine (Reiter, Schritte, Vertrauenszeile) ====== */
html:not([data-design="simplifier"]) .sf-only{display:none!important}
html[data-design="simplifier"] .sf-vertrauen{color:#2cb4ec;font-size:.9rem;margin:2px 0 20px}
/* Schritte: eine weiße Karte mit Blaustreifen, große leichte Ziffern */
html[data-design="simplifier"] .schritte{display:block;background:var(--surface);border-left:4px solid #0099d8;border-radius:3px;box-shadow:var(--shadow);padding:6px 0;margin-top:32px}
html[data-design="simplifier"] .schritt{display:grid;grid-template-columns:90px 1fr;column-gap:24px;row-gap:2px;padding:22px 30px;border:0;border-top:1px solid var(--border);background:transparent;box-shadow:none}
html[data-design="simplifier"] .schritt:first-child{border-top:0}
html[data-design="simplifier"] .schritt>b{grid-row:1/3;font:300 3.2rem/1 var(--ft-head);color:#0099d8;background:none;border:0;width:auto;height:auto;border-radius:0;display:block}
html[data-design="simplifier"] .schritt h3{margin:0;font-size:1.35rem}
html[data-design="simplifier"] .schritt p{margin:0;color:var(--muted)}
/* Reiter nach Zielgruppen */
html[data-design="simplifier"] .rolle-chips{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--border);margin-top:28px}
html[data-design="simplifier"] .rolle-chip{background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;box-shadow:none;padding:14px 16px;color:var(--muted);font:400 1rem/1.2 var(--ft-body);margin-bottom:-1px}
html[data-design="simplifier"] .rolle-chip:hover{color:#0099d8;background:transparent}
html[data-design="simplifier"] .rolle-chip.aktiv{color:var(--text);border-bottom-color:#0099d8;font-weight:600}
html[data-design="simplifier"] .rolle-chip .ic{color:#0099d8;stroke:#0099d8}
html[data-design="simplifier"] .rolle-panels{margin-top:0}
html[data-design="simplifier"] .rolle-panels .rp{display:none;background:var(--surface);border-left:4px solid #0099d8;border-radius:3px;box-shadow:var(--shadow);padding:34px 36px;margin-top:22px;max-width:860px}
html[data-design="simplifier"] .rolle-panels .rp.aktiv{display:block}
html[data-design="simplifier"] .rolle-panels .rp h3{font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:300;margin:0 0 12px}
html[data-design="simplifier"] .rolle-panels .rp .lead{margin:0 0 22px;color:var(--muted)}
@media (max-width:760px){html[data-design="simplifier"] .rolle-chips{overflow-x:auto;flex-wrap:nowrap}html[data-design="simplifier"] .rolle-chip{white-space:nowrap}html[data-design="simplifier"] .schritt{grid-template-columns:56px 1fr;padding:18px 18px}}

/* Schritte: Ziffer in eigener Spalte (bestehende absolute Positionierung aufheben) */
html[data-design="simplifier"] .schritt{position:relative;padding-left:30px}
html[data-design="simplifier"] .schritt>b{position:static!important;left:auto;top:auto;grid-column:1;grid-row:1/3;align-self:start;margin:0;padding:0}
html[data-design="simplifier"] .schritt h3{grid-column:2;grid-row:1;align-self:end}
html[data-design="simplifier"] .schritt p{grid-column:2;grid-row:2}