html { background-image:none !important; background-color:#fff !important; }
body:has(.sn-seite-hero) .kopf { margin-bottom:0 !important; }
body:has(.sn-ende) #fusszeile { margin-top:0 !important; }
.sn-seite-hero { padding-top:44px; }
.sn-h1 { font-size:clamp(1.9rem,3.6vw,2.7rem) !important; line-height:1.12; margin:0 0 16px; }
.sn-lead { color:var(--grau); font-size:1rem; line-height:1.65; margin:0 0 22px; }
.sn-text { color:var(--text); font-size:.97rem; line-height:1.7; margin:0 0 14px; }
.sn-text a, .sn-klein a, .sn-vorteil a, .sn-frage a { color:var(--tuerkis-d); font-weight:600; }
.sn-klein { font-size:.82rem; color:var(--grau); line-height:1.55; margin:0; }
.sn-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:48px; align-items:center; }
.sn-split-schmal { grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr); align-items:start; }
.sn-karte-mittig { padding:20px; }
.sn-vorteile { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.sn-vorteil { background:#fff; border:1px solid var(--linie); border-radius:16px; padding:16px; display:flex; gap:12px; align-items:flex-start; box-shadow:0 6px 18px rgba(28,37,65,.05); }
.sn-vorteil b { display:block; color:var(--navy); font-size:.95rem; margin:0 0 4px; }
.sn-vorteil p { margin:0; font-size:.84rem; color:var(--grau); line-height:1.55; }
.sn-haken { flex:none; width:24px; height:24px; border-radius:50%; background:var(--tuerkis); color:#fff; display:flex; align-items:center; justify-content:center; font-size:.75rem; font-weight:700; margin-top:1px; }
.sn-kal .t { min-height:96px; }
.sn-ampel { display:flex; flex-wrap:wrap; gap:6px; }
.sn-ampel span { display:inline-flex; align-items:center; gap:6px; background:#f7f5f0; border-radius:999px; padding:4px 10px; font-size:.74rem; color:var(--navy); }
.sn-ampel i { width:9px; height:9px; border-radius:50%; display:inline-block; }
.sn-ampel i.g { background:#2e9e6b; } .sn-ampel i.y { background:#f4a83c; } .sn-ampel i.r { background:#d9534f; }
.sn-figuren { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.sn-figur { margin:0; overflow:hidden; }
.sn-figur img { width:100%; aspect-ratio:16/10; object-fit:cover; object-position:left top; display:block; border-bottom:1px solid var(--linie); }
.sn-figur figcaption { padding:12px 14px; font-size:.84rem; color:var(--grau); line-height:1.5; }
.sn-figur figcaption b { display:block; color:var(--navy); margin-bottom:2px; }
.sn-ok { color:#1f8a4c; font-style:normal; font-family:'Poppins',sans-serif; font-weight:700; }
.sn-nein { color:#c0392b; font-style:normal; font-family:'Poppins',sans-serif; font-weight:700; }
.sn-fragen { padding:8px 22px; }
.sn-frage { border-bottom:1px solid var(--linie); padding:14px 0; }
.sn-frage:last-child { border-bottom:0; }
.sn-frage summary { cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:12px; font-weight:600; color:var(--navy); font-size:.93rem; }
.sn-frage summary::-webkit-details-marker { display:none; }
.sn-frage summary::after { content:'+'; color:var(--tuerkis); font-size:1.2rem; line-height:1; }
.sn-frage[open] summary::after { content:'–'; }
.sn-frage p { margin:8px 0 0; font-size:.88rem; color:var(--grau); line-height:1.6; }
.sn-ende { margin-bottom:0; }
.sn-ende h2 { color:var(--band-titel); }
@media (max-width:980px) {
  .sn-split, .sn-split-schmal { grid-template-columns:minmax(0,1fr); gap:24px; }
}
@media (max-width:640px) {
  .sn-vorteile, .sn-figuren { grid-template-columns:minmax(0,1fr); }
  .sn-fragen { padding:4px 16px; }
}
.sn-seite-hero .v2-hero-grid { grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) !important; }
.sn-seite-hero .sn-h1 { font-size:clamp(1.8rem,3vw,2.35rem) !important; }
.sn-seite-hero .sn-lead { font-size:.95rem; }
.sn-seite-hero .v2-knoepfe .v2-knopf { white-space:nowrap; }

.sn-seite-hero .v2-hero-grid { align-items:center !important; }
.sn-seite-hero .v2-buehne { min-height:0; display:flex; flex-direction:column; align-items:center; }
.sn-seite-hero .v2-laptop { position:relative; left:auto; top:auto; transform:none; width:50%; margin:0 0 -26px; z-index:1; }
.sn-seite-hero .v2-hero-karten { position:relative; left:auto; right:auto; bottom:auto; width:100%; z-index:3; }
.sn-seite-hero .v2-hand { top:10px; left:-10px; }
@media (max-width:640px) { .sn-seite-hero .v2-laptop { display:none; } }

.sn-seite-hero .v2-hero-grid { align-items:stretch !important; }
.sn-seite-hero .v2-buehne { justify-content:space-between; }
.sn-seite-hero .v2-laptop { margin:0 0 -26px; }
.sn-seite-hero .v2-hero-karten > .v2-karte { min-height:0 !important; }
.sn-seite-hero .v2-hero-karten { align-items:start; }
.sn-split { align-items:stretch; }
.sn-split > div:first-child { align-self:start; }
.sn-split > .v2-karte, .sn-split > .sn-figuren { align-self:stretch; }
.sn-karte-mittig { display:flex; flex-direction:column; justify-content:space-between; gap:10px; }
.sn-karte-mittig > * { margin-top:0 !important; margin-bottom:0 !important; }
.sn-figur { display:flex; flex-direction:column; }
.sn-figur img { aspect-ratio:auto; flex:1; min-height:160px; object-fit:contain; background:#eef0f3; }

.sn-voll .v2-demo-grid .dm-karte { height:auto; min-height:300px; align-self:stretch; }
.sn-voll .v2-demo-text h2 { font-size:clamp(1.5rem,2.4vw,1.9rem); }
.sn-welle { line-height:0; background:var(--creme); }

.sn-vor-welle:not(.creme):not(.blau) + .sn-welle { background:#fff; }
.sn-vor-welle.blau + .sn-welle { background:var(--hellblau); }
.sn-welle svg { display:block; width:100%; height:70px; margin-bottom:-1px; }
.sn-vor-welle { padding-bottom:20px !important; }
.sn-tablet { flex:1; min-height:160px; background:#1c2233; padding:9px; display:flex; flex-direction:column; gap:6px; border-bottom:1px solid var(--linie); }
.sn-tablet-leiste { display:flex; align-items:center; gap:5px; font-size:.64rem; color:#c9cfdb; }
.sn-tablet-leiste span { background:rgba(255,255,255,.08); border-radius:999px; padding:2px 8px; }
.sn-tablet-leiste span.an { background:var(--tuerkis); color:#fff; }
.sn-tablet-leiste i { width:10px; height:10px; border-radius:50%; display:inline-block; }
.sn-tablet-leiste .p1 { background:#1d4fa0; margin-left:auto; } .sn-tablet-leiste .p2 { background:#c0392b; } .sn-tablet-leiste .p3 { background:#2e9e6b; }
.sn-tablet-blatt { flex:1; background:#fffdf8; background-image:linear-gradient(#eef3f7 1px,transparent 1px),linear-gradient(90deg,#eef3f7 1px,transparent 1px); background-size:16px 16px; border-radius:6px; padding:10px 12px; font-size:.78rem; color:var(--navy); display:flex; flex-direction:column; gap:3px; position:relative; }
.sn-tablet-blatt .h { font-family:var(--hand); color:#1d4fa0; font-size:1.05rem; }
.sn-tablet-blatt em { position:absolute; right:8px; bottom:6px; font-style:normal; font-size:.62rem; color:var(--grau); }

.sn-figur img, .sn-tablet { flex:none !important; height:210px; min-height:0; }
.sn-figur figcaption { flex:1; }
.sn-tablet, .sn-figur img { box-sizing:border-box; }
body:has(.sn-ende) { margin-bottom:0 !important; }
body:has(.sn-ende) #fusszeile { border-top:1px solid var(--fuss-linie) !important; }  

.sn-seite-hero .v2-buehne { justify-content:flex-end; padding-top:150px; }
.sn-seite-hero .v2-laptop { position:absolute !important; top:0 !important; left:50% !important; transform:translateX(-50%) !important; margin:0 !important; }
.sn-seite-hero .sn-checks { margin:0 0 22px; }
@media (max-width:640px) { .sn-seite-hero .v2-buehne { padding-top:0; } }
.sn-seite-hero .v2-graph { max-width:190px !important; } .sn-seite-hero .v2-aufgabe { margin-bottom:2px; }
.sn-seite-hero .v2-reiter { display:none; }
.sn-seite-hero .v2-graph { max-width:160px !important; } .sn-seite-hero .v2-hero-karten { align-items:stretch !important; }

a.sn-vorteil-link { text-decoration:none; color:inherit; transition:border-color .15s, transform .15s; }
a.sn-vorteil-link:hover { border-color:#7fc4c6; transform:translateY(-2px); }
.sn-pro { display:inline-block; font-size:.66rem; font-weight:700; color:var(--tuerkis-d); background:#e3f4f4; border-radius:999px; padding:1px 7px; vertical-align:middle; }
.sn-datei { flex:none; width:34px; height:40px; border-radius:6px; background:#fdeedd; color:#9a5a10; font-size:.62rem; font-weight:700; display:flex; align-items:flex-end; justify-content:center; padding-bottom:5px; box-sizing:border-box; position:relative; }
.sn-datei::before { content:''; position:absolute; top:0; right:0; border-width:0 10px 10px 0; border-style:solid; border-color:transparent #fff transparent transparent; }
.sn-linkliste { padding:14px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.sn-linkliste a { display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:12px; background:#faf8f3; color:var(--navy); font-weight:600; font-size:.84rem; text-decoration:none; line-height:1.3; }
.sn-linkliste a:hover { background:#e3f4f4; }
@media (max-width:640px) { .sn-linkliste { grid-template-columns:minmax(0,1fr); } }
.sn-vergleich { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; }
.sn-vergleich .v2-mock-blatt { margin-top:4px; }
.sn-split .niveau-vorschau { margin:0; align-self:start; }
.sn-figuren-klein .sn-figur img, .sn-figuren-klein .sn-tablet { height:130px; }
.sn-figuren-klein figcaption { font-size:.76rem; padding:9px 12px; }
.sn-split .sn-vorteile[style*="repeat(3"] { align-self:start; }
@media (max-width:980px) { .sn-vorteile[style*="repeat(3"] { grid-template-columns:minmax(0,1fr) !important; } }

.sn-mfig .sn-mbild { height:150px; box-sizing:border-box; padding:12px; background:#f3f6f9; border-bottom:1px solid var(--linie); overflow:hidden; display:flex; flex-direction:column; justify-content:center; gap:6px; }
.sn-mfig figcaption { font-size:.8rem; }
.sn-lr { background:#fff; border-radius:10px; padding:5px 10px; font-size:.68rem; box-shadow:0 2px 8px rgba(28,37,65,.06); }
.sn-lr .k { display:flex; justify-content:space-between; margin:0 0 3px; } .sn-lr .k b { color:var(--navy); } .sn-lr .k small { font-weight:500; background:#f0eefb; border-radius:4px; padding:0 4px; } .sn-lr .k span { color:var(--tuerkis-d); font-weight:700; }
.sn-lr .z { display:flex; align-items:center; gap:6px; padding:3px 0; border-bottom:1px dashed var(--linie); color:var(--navy); } .sn-lr .z:last-child { border:0; } .sn-lr .z span { flex:1; }
.sn-lr em { font-style:normal; font-weight:700; border-radius:999px; padding:0 6px; } .sn-lr .ok { color:var(--tuerkis-d); background:#e9f6ef; } .sn-lr .lauf { color:#7f5806; background:#fdf3d6; } .sn-lr .offen { color:var(--grau); background:#eef0f3; }
.sn-lr u { text-decoration:none; border:1px solid var(--tuerkis); color:var(--tuerkis-d); border-radius:999px; padding:0 6px; font-weight:600; }
.sn-tab2 { background:#fbfaf6; border:1px solid var(--linie); border-radius:10px; padding:7px; display:flex; flex-direction:column; gap:5px; height:100%; box-sizing:border-box; }
.sn-tab2 .l { display:flex; gap:4px; font-size:.6rem; } .sn-tab2 .l span { background:#efece4; color:var(--navy); border-radius:999px; padding:2px 7px; font-weight:600; } .sn-tab2 .l span.an { background:var(--navy); color:#fff; }
.sn-tab2 .r { background:#f3f0fd; border:1px solid #d9d2f5; border-radius:6px; padding:3px 7px; font-size:.6rem; color:var(--navy); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sn-tab2 .b { flex:1; background:#fff; background-image:linear-gradient(#e3eef2 1px,transparent 1px),linear-gradient(90deg,#e3eef2 1px,transparent 1px); background-size:12px 12px; background-position:0 34px; border-radius:6px; padding:5px 9px; font-size:.64rem; color:var(--navy); display:flex; flex-direction:column; gap:2px; }
.sn-tab2 .b i { font-style:italic; font-weight:700; color:#1d4fa0; font-size:.85rem; }
.sn-beamer { background:#151b2e; border-radius:10px 10px 0 0; flex:1; min-height:0; box-sizing:border-box; padding:8px 8px 0; position:relative; display:flex; justify-content:center; overflow:hidden; }
.sn-beamer .blatt { background:#fff; width:62%; border-radius:3px 3px 0 0; padding:6px 8px; display:flex; flex-direction:column; gap:3px; font-size:.52rem; color:var(--navy); } .sn-beamer .blatt small { color:var(--grau); }
.sn-beamer .blatt span { height:4px; background:#e6e9ef; border-radius:3px; }
.sn-beamer .decke { position:absolute; left:19%; right:19%; bottom:0; height:38%; background:#f3efe7; border-top:1px solid #e2d7c3; }
.sn-beamer .decke i { position:absolute; top:-9px; left:50%; transform:translateX(-50%); background:var(--navy); color:#fff; font-style:normal; font-size:.55rem; font-weight:700; border-radius:999px; padding:2px 8px; white-space:nowrap; }
.sn-beamer-leiste { background:#151b2e; border-radius:0 0 10px 10px; margin-top:-6px; padding:5px; display:flex; gap:4px; justify-content:center; font-size:.55rem; } .sn-beamer-leiste span { color:#c9cfdb; border-radius:999px; padding:1px 6px; } .sn-beamer-leiste span.an { background:#fff; color:var(--navy); font-weight:700; }
.sn-elem { display:flex; flex-wrap:wrap; gap:4px; align-content:center; }
.sn-elem span { background:#fff; border:1px solid var(--linie); border-radius:6px; padding:3px 7px; font-size:.62rem; color:var(--navy); font-weight:600; white-space:nowrap; } .sn-elem span i { font-style:normal; color:#d9a514; margin-left:3px; }
.sn-elem span.an { background:var(--tuerkis-d); border-color:var(--tuerkis-d); color:#fff; border-radius:999px; }
.sn-tab2 .l, .sn-tab2 .r { flex:none; }
.sn-beamer .blatt { gap:4px; } .sn-beamer .decke { height:30%; }
@media (max-width: 860px) { .sn-h1 { hyphens:auto; -webkit-hyphens:auto; } }

.sn-nr { font-weight:800; font-size:.9rem; }
.sn-wege-kicker { display:block; font-size:.68rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--tuerkis-d); margin:0 0 2px; }
.sn-gruppen { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
a.sn-gruppe { padding:18px; text-decoration:none; color:inherit; display:flex; flex-direction:column; transition:border-color .15s, transform .15s; }
a.sn-gruppe:hover { border-color:#7fc4c6; transform:translateY(-2px); }
.sn-gruppe b { color:var(--navy); font-size:1rem; margin:0 0 8px; }
.sn-gruppe ul { list-style:none; margin:0 0 12px; padding:0; display:flex; flex-direction:column; gap:6px; flex:1; }
.sn-gruppe li { position:relative; padding-left:20px; font-size:.84rem; color:var(--grau); line-height:1.45; }
.sn-gruppe li::before { content:'✓'; position:absolute; left:0; color:var(--tuerkis-d); font-weight:700; }
@media (max-width: 860px) { .sn-gruppen { grid-template-columns:minmax(0,1fr); } }

.sn-preis-kopf { padding-top:56px; }
.sn-preis-warum { padding:20px; display:flex; flex-direction:column; gap:8px; align-self:center; }
.sn-preis-warum > b { color:var(--navy); font-size:1rem; }
.sn-preis-warum p { margin:0 0 6px; font-size:.88rem; color:var(--grau); line-height:1.55; }
.sn-preise .preise-panel { background:#fff; border:1px solid var(--linie); border-radius:22px; box-shadow:0 10px 30px rgba(28,37,65,.06); padding:22px 24px 28px; }
.sn-preise .preise-tabs { border:0; background:#f1f3f6; border-radius:999px; padding:5px; gap:4px; margin:0 auto 6px; width:max-content; max-width:100%; box-sizing:border-box; }
.sn-preise .preise-tab-btn { border:0; border-radius:999px; padding:9px 18px; font-size:.9rem; color:var(--navy); }
.sn-preise .preise-tab-btn.aktiv { background:var(--navy); color:#fff; border:0; }
.sn-preise .preise-zielgruppe { margin:18px 0 0; }
.sn-preise .zielgruppe-unterzeile { text-align:center; font-size:.85rem; color:var(--grau); }
.sn-preise .lehrer-inklusive { background:#f3f8f8; border:1px solid #cfe6e6; }
.sn-preise .lehrer-inklusive li strong { color:var(--navy); }
.sn-preise .probeabo-banner { background:#fffaf0; border:1.5px dashed #d9a54a; }
.sn-preise .preis-karte { background:#fff; border:1px solid var(--linie); border-radius:18px; padding:20px 16px; box-shadow:0 6px 18px rgba(28,37,65,.05); }
.sn-preise .preis-karte.empfohlen { border:2px solid var(--tuerkis); background:#fbfefe; }
.sn-preise .preis-karte-empfohlen-badge { background:var(--tuerkis-d); }
.sn-preise .preis-karte h3 { font-size:1.05rem; }
.sn-preise .preis-karte .preis-zeile { font-size:1.6rem; }
.sn-preise .preis-karte li { font-size:.8rem; color:var(--grau); }
.sn-preise .preis-karte li::before { color:var(--tuerkis-d); }
.sn-preise .preis-karte li.zwischentitel { color:var(--tuerkis-d); }
.sn-preise .preis-karte button { border-radius:999px; background:var(--navy); color:#fff; border:0; font-weight:700; padding:11px 8px; cursor:pointer; }
.sn-preise .preis-karte.empfohlen button { background:var(--tuerkis-d); }
.sn-preise .probeabo-banner button.gold { border-radius:999px; }
.sn-preis-ust { text-align:center; max-width:820px; margin:14px auto 0; }
.sn-phasen .sn-vorteil p strong { color:var(--navy); }
.sn-preise .lehrer-inklusive ul { grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr)); }
@media (max-width: 600px) {
  .sn-preise .preise-panel { padding:16px 12px 22px; }
  .sn-preise .preise-tabs { width:100%; border-radius:16px; flex-direction:column; }
  .sn-preise .preise-tab-btn { border-radius:12px; text-align:center; }
}

.sn-gruender { padding:18px; display:flex; gap:18px; align-items:center; align-self:center; }
.sn-gruender img { width:130px; height:auto; border-radius:14px; flex:none; display:block; }
.sn-gruender b { display:block; color:var(--navy); margin:0 0 6px; }
.sn-gruender p { margin:0; font-size:.88rem; color:var(--grau); line-height:1.6; }
.sn-blind { padding:20px; align-self:center; }
.sn-blind-zahlen { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0 0 12px; }
.sn-blind-zahlen > div { border:1px solid var(--linie); border-radius:14px; padding:14px 16px; display:flex; flex-direction:column; gap:2px; }
.sn-blind-zahlen > div.gut { background:#eef8f8; border-color:#b9dcdc; }
.sn-blind-zahlen span { font-size:.8rem; font-weight:700; color:var(--navy); }
.sn-blind-zahlen b { font-size:2.2rem; line-height:1.15; color:var(--navy); } .sn-blind-zahlen .gut b { color:var(--tuerkis-d); }
.sn-blind-zahlen em { font-style:normal; font-size:.82rem; color:var(--grau); } .sn-blind-zahlen small { font-size:.78rem; color:var(--grau); margin-top:4px; }
.sn-kurz { padding:20px; align-self:center; }
.sn-kurz > b { display:block; color:var(--navy); margin:0 0 8px; }
.sn-kurz ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.sn-kurz li, .sn-kurz p { position:relative; font-size:.86rem; color:var(--grau); line-height:1.5; margin:0; }
.sn-kurz li { padding-left:22px; } .sn-kurz li::before { content:'✓'; position:absolute; left:0; color:var(--tuerkis-d); font-weight:700; }
.sn-kurz strong { color:var(--navy); }
.sn-tabelle { padding:6px 8px; overflow-x:auto; margin-top:6px; }
.sn-tabelle table { width:100%; border-collapse:collapse; font-size:.86rem; }
.sn-tabelle th { text-align:left; color:var(--navy); font-size:.78rem; text-transform:uppercase; letter-spacing:.04em; padding:12px; border-bottom:1px solid var(--linie); background:none; }
.sn-tabelle td { padding:12px; border-bottom:1px solid var(--linie); color:var(--grau); vertical-align:top; line-height:1.5; }
.sn-tabelle tr:last-child td { border-bottom:0; } .sn-tabelle td:first-child { color:var(--navy); font-weight:600; }
.sn-kontakt { padding:10px; display:flex; flex-direction:column; align-self:center; }
.sn-kontakt a { display:flex; gap:12px; align-items:flex-start; padding:14px; border-radius:12px; text-decoration:none; color:inherit; }
.sn-kontakt a:hover { background:#f3f8f8; }
.sn-kontakt b { display:block; color:var(--navy); font-size:.95rem; } .sn-kontakt div span { color:var(--tuerkis-d); font-weight:600; font-size:.88rem; }
@media (max-width: 600px) { .sn-gruender { flex-direction:column; align-items:flex-start; } .sn-blind-zahlen { grid-template-columns:minmax(0,1fr); } .sn-tabelle table { min-width:560px; } }
.sn-gruender { padding:22px; align-items:center; gap:22px; } .sn-gruender picture { flex:none; display:block; } .sn-gruender img { width:150px; }
.sn-gruender p { font-size:.92rem; }
.sn-gruender { flex-direction:column; align-items:stretch; justify-content:space-between; gap:16px; }
.sn-gruender .sn-gk { display:flex; gap:18px; align-items:center; }
.sn-gruender .sn-gk b { font-size:1.15rem; margin:2px 0 4px; } .sn-gruender .sn-gk .sn-klein { display:block; margin:0; }
.sn-gruender img { width:150px; }
@media (max-width: 860px) { .sn-voll .sn-vorteile[style] { grid-template-columns:minmax(0,1fr) !important; } }
.v2-sek > .v2-wrap > .sn-vorteile { margin-top:18px; }

.sn-lese-kopf { padding-bottom:26px; }
.sn-lese-kopf .v2-wrap { max-width:900px; }
.sn-lesen { max-width:900px; margin:0 auto; box-sizing:border-box; padding:34px 40px; color:var(--grau); font-size:.95rem; line-height:1.7; }
.sn-lesen h2 { color:var(--navy); font-size:1.2rem; margin:30px 0 8px; line-height:1.35; } .sn-lesen > h2:first-child { margin-top:0; }
.sn-lesen h3 { color:var(--navy); font-size:1rem; margin:20px 0 6px; }
.sn-lesen p { margin:0 0 12px; } .sn-lesen ul, .sn-lesen ol { margin:0 0 14px; padding-left:1.3em; } .sn-lesen li { margin:0 0 6px; }
.sn-lesen a { color:var(--tuerkis-d); font-weight:600; } .sn-lesen strong { color:var(--navy); }
.sn-lesen table { width:100%; border-collapse:collapse; font-size:.88rem; margin:0 0 16px; } .sn-lesen th, .sn-lesen td { text-align:left; padding:9px 10px; border-bottom:1px solid var(--linie); vertical-align:top; } .sn-lesen th { color:var(--navy); }
.sn-lesen .karte { background:#f6f8fa; border:1px solid var(--linie); border-radius:14px; padding:16px 18px; box-shadow:none; }
.sn-lesen input, .sn-lesen select, .sn-lesen textarea { border-radius:10px; }
@media (max-width: 600px) { .sn-lesen { padding:22px 18px; } .sn-lesen table { display:block; overflow-x:auto; } }

.sn-weitere > b { display:block; color:var(--navy); padding:8px 14px 0; }
.sn-katalog { color:var(--grau); }
.sn-katalog h2 { color:var(--navy); font-size:1.3rem; margin:30px 0 12px; } .sn-katalog > h2:first-child, .sn-katalog > .tools-gruppe:first-of-type { margin-top:0; }
.sn-katalog .tool-symbol, .sn-katalog .sim-symbol { display:none; }
.sn-katalog .tool-karte, .sn-katalog .sim-karte, .sn-katalog .ga-karte { background:#fff; border:1px solid var(--linie); border-radius:16px; box-shadow:0 6px 18px rgba(28,37,65,.05); transition:border-color .15s, transform .15s; }
.sn-katalog .tool-karte:hover, .sn-katalog .sim-karte:hover, .sn-katalog .ga-karte:hover { border-color:#7fc4c6; transform:translateY(-2px); }
.sn-katalog .tool-karte h3, .sn-katalog .sim-karte h3, .sn-katalog .ga-karte h3 { color:var(--navy); }
.sn-katalog .tool-link, .sn-katalog .ga-mehr { color:var(--tuerkis-d); font-weight:700; }
.sn-katalog .ga-badge { color:var(--tuerkis-d); background:#e3f4f4; border-radius:999px; display:inline-block; padding:2px 9px; font-weight:700; }
.sn-katalog .ga-btn { border-radius:999px; background:var(--navy); color:#fff; } .sn-katalog .ga-btn-zweit { background:#fff; color:var(--navy); border:1px solid var(--linie); }
.sn-katalog .ga-filter button { border-radius:999px; } .sn-katalog .ga-filter button.aktiv { background:var(--navy); color:#fff; border-color:var(--navy); }
.sn-katalog .ga-suche { border-radius:999px; border:1px solid var(--linie); }
.sn-katalog > div[style*="#e6f7f7"], .sn-katalog > div[style*="#fff6e6"], .sn-katalog > p[style*="#fff6e6"] { background:#fff !important; border:1px solid var(--linie); }
.sn-katalog .faq-accordion { background:#fff; border:1px solid var(--linie); border-radius:16px; padding:6px 18px; }
.sn-katalog .btn-primaer-neu { border-radius:999px; }
.sn-katalog .bm-schritt, .sn-katalog .pb-karte { background:#fff; border:1px solid var(--linie); border-radius:18px; box-shadow:0 6px 18px rgba(28,37,65,.05); }
.sn-katalog .bm-nr { background:var(--navy); color:#fff; } .sn-katalog .bm-tarif { background:#e3f4f4; color:var(--tuerkis-d); }
.sn-katalog .bm-downloads a { border-radius:999px; }
.sn-katalog .pb-dreier > div { background:#f6f8fa; border:1px solid var(--linie); border-radius:12px; }
.sn-katalog .vg-tipp { border:1px solid var(--linie); box-shadow:none !important; }

.sn-blog .blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:6px 0 0; }
.sn-blog .blog-card { background:#fff; border:1px solid var(--linie); border-radius:16px; box-shadow:0 6px 18px rgba(28,37,65,.05); padding:18px; display:flex; flex-direction:column; margin:0; }
.sn-blog .blog-card[hidden] { display:none; }
.sn-blog .blog-card h2 { font-size:1rem; color:var(--navy); margin:6px 0 8px; line-height:1.35; } .sn-blog .blog-card p { font-size:.86rem; color:var(--grau); flex:1; margin:0 0 12px; line-height:1.55; }
.sn-blog .blog-category { color:var(--tuerkis-d); font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.sn-blog .read-more { color:var(--tuerkis-d); font-weight:700; text-decoration:none; }
.sn-blog-filter { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 10px; } .sn-blog-filter button { background:#fff; border:1px solid var(--linie); color:var(--navy); padding:7px 14px; font-weight:600; cursor:pointer; margin:0; font-family:inherit; }
@media (max-width: 960px) { .sn-blog .blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width: 600px) { .sn-blog .blog-grid { grid-template-columns:minmax(0,1fr); } }

.sn-preis-kopf .nh-seg { margin:14px 0 0; }
.nh-titel-neu { text-align:left; margin:0 0 6px; }
.sn-split .nh-wunsch { max-width:none; margin:0; padding:22px; scroll-margin-top:110px; }
.sn-split .nh-wunsch button[type=submit] { border-radius:999px; background:var(--navy); }
.neu-raster { justify-content:flex-start; }

.sn-krumen { text-transform:none; letter-spacing:0; font-weight:600; } .sn-krumen a { color:var(--tuerkis-d); }
.sn-seo { max-width:960px; color:var(--grau); line-height:1.7; font-size:.97rem; }
.sn-seo > .v2-h2 { margin:0 0 14px; }
.sn-seo p { margin:0 0 12px; } .sn-seo a { color:var(--tuerkis-d); font-weight:600; }
.sn-seo ul.warum-corvi-liste { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr)); gap:12px; max-width:none !important; }
.sn-seo ul.warum-corvi-liste li { background:#fff; border:1px solid var(--linie); border-radius:14px; padding:14px 16px 14px 42px; position:relative; box-shadow:0 6px 18px rgba(28,37,65,.04); margin:0; font-size:.9rem; line-height:1.55; }
.sn-seo ul.warum-corvi-liste li::before { content:'✓'; position:absolute; left:14px; top:13px; width:20px; height:20px; border-radius:50%; background:#e3f4f4; color:var(--tuerkis-d); font-weight:800; font-size:.75rem; display:flex; align-items:center; justify-content:center; }
.sn-seo ul.warum-corvi-liste li strong { color:var(--navy); }
.sn-seo .ub-beispiel, .sn-seo .ub-download, .sn-seo .karte { background:#fff; border:1px solid var(--linie); border-radius:16px; box-shadow:0 6px 18px rgba(28,37,65,.05); }
.sn-seo .ub-chips span { border-radius:999px; background:#fff; border:1px solid var(--linie); }
.sn-seo .ub-karte { background:#fff; border:1px solid var(--linie); border-radius:14px; } .sn-seo .ub-karte-emoji { display:none; }
.sn-seo .ub-download-btn { border-radius:999px; }
.sn-seo table { width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--linie); border-radius:14px; overflow:hidden; font-size:.9rem; } .sn-seo th, .sn-seo td { padding:10px 12px; border-bottom:1px solid var(--linie); text-align:left; vertical-align:top; } .sn-seo th { color:var(--navy); background:#f6f8fa; }
.sn-seo-vorschau { align-self:center; } .sn-seo-vorschau .produkt-vorschau-karte { margin:0; border-radius:18px; box-shadow:0 10px 30px rgba(28,37,65,.08); }
.sn-toc { align-self:center; } .sn-toc a { color:var(--navy); text-decoration:none; font-weight:600; } .sn-toc a:hover { color:var(--tuerkis-d); }
.sn-voll[id^="a"], #faq { scroll-margin-top:90px; }
@media (max-width: 600px) { .sn-seo table { display:block; overflow-x:auto; } }
.v2-wrap.sn-seo { max-width:1120px; } .sn-seo > p, .sn-seo > ol, .sn-seo > ul:not(.warum-corvi-liste) { max-width:860px; }
.sn-seo .btn-primaer-neu { border-radius:999px; }

.sn-artikel .blog-artikel-inhalt { max-width:none; padding:0; margin:0; background:none; box-shadow:none; }
.sn-artikel img { max-width:100%; height:auto; border-radius:12px; }
.sn-artikel .btn-primaer-neu { border-radius:999px; }
.sn-artikel h2 { font-size:1.25rem; }

.sn-sim-kopf { padding-bottom:10px; }
@media (min-width: 900px) {
  .sn-katalog .sim-buehne { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr); column-gap:26px; align-items:start; }
  .sn-katalog .sim-buehne > .sim-svg, .sn-katalog .sim-buehne > .sim-canvas { grid-column:1; grid-row:1 / span 12; max-height:min(62vh,560px); width:100%; object-fit:contain; }
  .sn-katalog .sim-buehne > :not(.sim-svg):not(.sim-canvas) { grid-column:2; }
  .sn-katalog .sim-buehne > .sim-regler:first-of-type, .sn-katalog .sim-buehne > :nth-child(2) { margin-top:4px; }
}

@media (max-width: 980px) {
  .sn-seite-hero .v2-hero-grid { grid-template-columns:minmax(0,1fr) !important; gap:24px; }
  .sn-seite-hero .v2-buehne { padding-top:0; max-width:620px; width:100%; margin:0 auto; }
  .sn-seite-hero .v2-laptop { position:relative !important; top:auto !important; left:auto !important; transform:none !important; margin:0 auto -20px !important; }
}

.sn-preise .preis-wofuer { font-size:.8rem; line-height:1.45; color:var(--grau); background:#f6f8fa; border-radius:10px; padding:8px 10px; margin:0 0 12px; }
.sn-preise .preis-wofuer strong { color:var(--navy); display:block; margin-bottom:2px; }

@media (max-width: 980px) {
  #mobil-menu-panel.offen { max-height: calc(100vh - 64px); max-height: calc(100dvh - 64px); padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)); overscroll-behavior: contain; }
  body:has(#mobil-menu-panel.offen) #sticky-mobile-cta { display: none !important; }
}
@media (pointer: coarse) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea { font-size: 16px !important; }
}
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

.sn-preis-kopf .sn-split { align-items:center; }
.sn-preis-warum { align-self:center !important; gap:10px; }
.sn-preis-warum .pb-zeile { display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%; margin:0; padding:12px 14px; background:#f6f8fa; border:1px solid transparent; border-radius:12px; font:inherit; text-align:left; cursor:pointer; color:var(--navy); transition:border-color .15s, background .15s; }
.sn-preis-warum .pb-zeile:hover { border-color:var(--tuerkis); background:#fff; }
.sn-preis-warum .pb-zeile strong { display:block; font-size:.92rem; }
.sn-preis-warum .pb-zeile small { display:block; font-size:.76rem; color:var(--grau); font-weight:500; }
.sn-preis-warum .pb-preis { font-weight:800; font-size:1.15rem; white-space:nowrap; text-align:right; }
.sn-preis-warum .pb-preis small { font-weight:600; }
.sn-preis-warum .pb-fakten { display:flex; flex-wrap:wrap; gap:6px; margin-top:4px; }
.sn-preis-warum .pb-fakten span { font-size:.74rem; font-weight:600; color:var(--tuerkis-d); background:#e8f6f5; border-radius:999px; padding:4px 10px; }
.sn-preis-warum .pb-warum summary { cursor:pointer; font-size:.82rem; font-weight:600; color:var(--navy); margin-top:4px; }
.sn-preis-warum .pb-warum p { margin:8px 0 0; }
.sn-preise .preis-karte > button { width:100%; margin:0 0 14px; }
.sn-preise .preis-karte .preis-zeile { font-size:2rem; line-height:1.1; }
.preis-vergleich { margin:22px 0 0; background:#fff; border:1px solid var(--linie); border-radius:16px; }
.preis-vergleich > summary { cursor:pointer; padding:14px 18px; font-weight:700; color:var(--navy); list-style:none; display:flex; justify-content:space-between; align-items:center; }
.preis-vergleich > summary::-webkit-details-marker { display:none; }
.preis-vergleich > summary::after { content:'+'; font-size:1.3rem; color:var(--tuerkis-d); }
.preis-vergleich[open] > summary::after { content:'–'; }
.preis-vergleich .pv-scroll { overflow-x:auto; padding:0 10px 12px; }
.preis-vergleich table { width:100%; border-collapse:collapse; font-size:.84rem; min-width:520px; }
.preis-vergleich th, .preis-vergleich td { padding:9px 10px; border-bottom:1px solid #eef0f4; text-align:center; color:var(--grau); }
.preis-vergleich tbody th { text-align:left; font-weight:500; color:var(--navy); }
.preis-vergleich thead th { position:sticky; top:0; background:#fff; color:var(--navy); font-weight:800; font-size:.9rem; }
.preis-vergleich thead th.pv-empf { color:var(--tuerkis-d); }
.preis-vergleich tr.pv-gruppe th { text-align:left; font-weight:800; color:var(--navy); background:#f6f8fa; font-size:.8rem; text-transform:uppercase; letter-spacing:.04em; padding-top:12px; }
.preis-vergleich td.pv-ja { color:var(--tuerkis-d); font-weight:800; font-size:1rem; }
.preis-vergleich td.pv-nein { color:#c4c9d2; }
.preis-vergleich td:nth-child(3) { background:rgba(0,131,138,.04); }
@media (max-width: 600px) {
  .preis-vergleich table { min-width:0; font-size:.72rem; table-layout:fixed; }
  .preis-vergleich td { overflow-wrap:normal; hyphens:auto; }
  .preis-vergleich th, .preis-vergleich td { padding:7px 4px; }
  .preis-vergleich thead th:first-child { width:37%; }
  .preis-vergleich .pv-scroll { padding:0 4px 10px; }
}

.sn-faelle { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:18px 0 12px; }
.sn-fall { padding:18px; display:flex; flex-direction:column; gap:8px; }
.sn-fall-kopf { font-weight:800; color:var(--navy); font-size:.95rem; }
.sn-fall-schritt { align-self:flex-start; font-size:.72rem; font-weight:700; color:var(--tuerkis-d); background:#e8f6f5; border-radius:999px; padding:3px 10px; }
.sn-fall p { margin:0; font-size:.86rem; line-height:1.5; color:var(--grau); border-radius:10px; padding:10px 12px; }
.sn-fall-gef { background:#fdf1e6; }
.sn-fall-gef b { color:#8a4b00; }
.sn-fall-beh { background:#eaf6f2; }
.sn-fall-beh b { color:var(--tuerkis-d); }
@media (max-width: 980px) { .sn-faelle { grid-template-columns:minmax(0,1fr); } }
.sn-fall-warum { background:#f6f8fa; }
.sn-fall-warum b { color:var(--navy); }
.sn-fall-offen { background:#fff; border:1px dashed var(--linie); }
.sn-fall-offen b { color:var(--navy); }

.sn-split > .sn-kurz, .sn-split > .sn-blind { align-self:center !important; }
.sn-mappe-vorschau { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:14px; }
.sn-mappe-vorschau a { display:flex; flex-direction:column; gap:6px; text-decoration:none; color:var(--navy); font-size:.76rem; font-weight:600; text-align:center; }
.sn-mappe-vorschau img { width:100%; height:auto; border:1px solid var(--linie); border-radius:8px; box-shadow:0 4px 12px rgba(28,37,65,.08); transition:transform .15s; }
.sn-mappe-vorschau a:hover img { transform:translateY(-2px); }