/* Gastro-Akademie – ruhiges Tiefgrün/Anthrazit mit warmem Akzent, helle Flächen. Mobile first. */
:root{--g:#17382f;--g2:#0f2a23;--acc:#b85c1e;--sand:#f3d9a4;--bg:#f4f1ea;--ink:#1f2a27;--mut:#55605c;--card:#fff;--line:#d9d6cd;--link:#0b5a4a;--ok:#0b6b2e;--okbg:#e6f5ea;--bad:#a51212;--badbg:#fdeaea;--r:12px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:var(--link)}
h1,h2,h3,h4{line-height:1.25;margin:0 0 .5em;color:var(--g2)}
h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.08rem}
p,ul,ol,dl{margin:0 0 1em}
img{max-width:100%;height:auto}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--g);outline-offset:2px;box-shadow:0 0 0 6px var(--sand)}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
.page{padding-top:20px;padding-bottom:40px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--sand);color:var(--ink);padding:8px 12px;z-index:20}
.skip:focus{left:8px;top:8px}
.small{font-size:.875rem}.muted{color:var(--mut)}

.top{background:var(--g);border-bottom:4px solid var(--acc)}
.top a,.foot a{color:var(--sand)}
.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;padding-top:10px;padding-bottom:10px}
.brand{font-weight:800;font-size:1.12rem;color:#fff!important;text-decoration:none;display:flex;align-items:center;gap:8px}
.brandmark{background:var(--sand);color:var(--g2);border-radius:8px;padding:2px 7px;font-size:.9rem;letter-spacing:.5px}
.nav{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
.nav a,.linkbtn{color:#fff;text-decoration:none;font-size:.95rem;padding:6px 2px;display:inline-block}
.nav a:hover,.linkbtn:hover{color:var(--sand);text-decoration:underline}
.navcta{border:2px solid var(--sand);border-radius:999px;padding:4px 12px!important}
.inline{display:inline;margin:0}
.linkbtn{background:none;border:0;font:inherit;font-size:.95rem;cursor:pointer}
.langsel{position:relative}
.langsel summary{cursor:pointer;color:#fff;border:1px solid #8fa39c;border-radius:8px;padding:4px 10px;font-size:.9rem;list-style:none}
.langsel summary::-webkit-details-marker{display:none}
.langsel summary::after{content:" ▾"}
.langsel ul{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border-radius:10px;list-style:none;margin:0;padding:6px;min-width:150px;z-index:10;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.langsel ul a{display:block;color:var(--ink);padding:6px 10px;border-radius:6px}
.langsel ul a[aria-current]{background:var(--sand);font-weight:700}

.hero{background:linear-gradient(160deg,var(--g2) 0%,var(--g) 70%,#24503f 100%);padding:36px 0 30px}
.hero h1{font-size:1.75rem;color:#fff;max-width:24ch}
.lead{font-size:1.1rem}
.hero .lead{color:#e9efe9;max-width:62ch}
.heroprice{color:#dfe8e2;font-size:.95rem}

.card{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin:0 0 16px}
.narrow{max-width:680px;margin-left:auto;margin-right:auto}
.grid2,.steps{display:grid;gap:16px;grid-template-columns:1fr;margin:0 0 16px;padding:0;list-style:none}
.grid2>.card,.steps>.card{margin:0}
.course{display:flex;flex-direction:column}
.course h3 a{color:var(--g2);text-decoration:none}.course h3 a:hover{text-decoration:underline}
.cardfoot{margin-top:auto;margin-bottom:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.cicon{background:var(--g);border-radius:10px;padding:6px;margin-bottom:10px;width:60px;height:56px}
.facts{padding-left:1.1em}
.price{display:inline-block;background:var(--sand);color:var(--ink);border-radius:8px;padding:5px 10px;font-size:.95rem;white-space:nowrap}
.price strong{font-size:1.05rem}
.btn{display:inline-block;background:var(--g);color:#fff!important;font-weight:700;text-decoration:none;border:2px solid var(--g);border-radius:10px;padding:10px 18px;font-size:1rem;cursor:pointer;font-family:inherit}
.btn:hover{background:var(--g2);border-color:var(--g2)}
.btn.alt{background:#fff;color:var(--g)!important}
.btn.alt:hover{background:#eef3ef}
.btn.small{padding:6px 12px;font-size:.92rem}
.hero .btn{background:var(--sand);color:var(--g2)!important;border-color:var(--sand)}
.hero .btn:hover{background:#f8e6bf}
.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.crumb{color:var(--mut);font-size:.9rem}
.notice{background:#fbf3e2;border:2px solid var(--acc);color:var(--ink);border-radius:var(--r);padding:14px 16px;margin:0 0 16px}
.msg{border-radius:10px;padding:10px 14px;background:#eef3fb;color:var(--ink);border:1px solid #b8c9e6}
.msg.warn{background:var(--badbg);border-color:#e3a3a3;color:#5c0b0b}
.msg.ok{background:var(--okbg);border-color:#9ccfab;color:#0a4a20}
.faq{border-top:1px solid var(--line);padding:10px 0}
.faq summary{cursor:pointer;font-weight:700}
.faq p{margin:.6em 0 0}
.topics{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:12px;grid-template-columns:1fr}
.topics>.card{margin:0}
.cats{display:inline-block;font-size:.75rem;font-weight:600;background:#ebe8df;color:#333;border-radius:6px;padding:1px 7px;vertical-align:middle}
.cats.done{background:var(--okbg);color:var(--ok)}
progress{width:100%;height:10px;accent-color:var(--g)}
.profiles{padding-left:1.1em}.profiles li{margin-bottom:6px}

label{display:block;font-weight:600;margin-bottom:4px}
input[type=email],input[type=password],input[type=text],select{width:100%;max-width:420px;font:inherit;padding:10px;border:2px solid #6f7a76;border-radius:8px;background:#fff;color:var(--ink)}
.check{display:flex;gap:10px;font-weight:400;align-items:flex-start}
.check input{margin-top:5px;width:18px;height:18px;flex:none}
.pick{display:flex;flex-wrap:wrap;gap:0 16px;align-items:flex-end}
.pick p{margin-bottom:10px}
.order{border-collapse:collapse;margin:0 0 12px}.order th{text-align:left;padding:4px 16px 4px 0;vertical-align:top}.order td{padding:4px 0}

.q fieldset{border:0;margin:0;padding:0;min-width:0}
.q legend,.qhead{padding:0;font-weight:400;font-size:1rem;margin-bottom:8px;width:100%;color:var(--ink)}
.qn{font-weight:700;font-size:.85rem;color:#444;margin-right:6px}
.qtext{display:block;font-weight:700;font-size:1.05rem;margin-top:4px}
.qimg{display:block;width:100%;max-width:320px;height:auto;border:1px solid var(--line);border-radius:8px;margin:8px 0;background:#fff}
.hint{font-size:.85rem;color:#444;margin:0 0 6px}
.opt{display:flex;gap:10px;align-items:flex-start;font-weight:400;border:2px solid #c5c9c4;border-radius:10px;padding:10px 12px;margin:0 0 8px;cursor:pointer}
.opt:hover{border-color:var(--g)}
.opt input{margin-top:4px;width:18px;height:18px;flex:none}
.opt:focus-within{border-color:var(--g);box-shadow:0 0 0 3px var(--sand)}
.opt.isok{border-color:var(--ok);background:var(--okbg)}
.opt.isbad{border-color:var(--bad);background:var(--badbg)}
.badge{display:inline-block;font-size:.75rem;font-weight:700;border-radius:6px;padding:1px 7px;vertical-align:middle}
.badge:empty{display:none}
.q[data-state=right] .badge{background:var(--okbg);color:var(--ok)}
.q[data-state=wrong] .badge{background:var(--badbg);color:var(--bad)}
.q[data-state=right]{border-left:6px solid var(--ok)}
.q[data-state=wrong]{border-left:6px solid var(--bad)}
.fb{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}
.explain{margin:0 0 6px}
.ref{font-size:.85rem;color:#444;margin:0}
.review{list-style:none;padding:0;margin:0 0 10px}
.review li{border:2px solid #c5c9c4;border-radius:10px;padding:8px 12px;margin-bottom:6px}
.review li.isok{border-color:var(--ok);background:var(--okbg)}
.review li.isbad{border-color:var(--bad);background:var(--badbg)}
.review em{font-size:.85rem;color:#333}
.keyfacts ul,.checklist ul{padding-left:1.1em;margin:0}.keyfacts li,.checklist li{margin-bottom:6px}
.checklist{border-left:6px solid var(--acc)}
.checklist ul{list-style:"☐  "}
.lesson{font-size:1.03rem}
.lesson h3{margin-top:1.2em}.lesson h4{margin-top:1em;font-size:1rem}
.lesson table{border-collapse:collapse;width:100%;margin:0 0 1em;font-size:.95rem;display:block;overflow-x:auto}
.lesson th,.lesson td{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
.lesson th{background:#eef3ef}
.lesson blockquote,.lesson aside{margin:0 0 1em;padding:10px 14px;background:#fbf3e2;border-left:5px solid var(--acc);border-radius:6px}
.lesson li{margin-bottom:4px}
.pager{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:16px 0}
.timer{position:sticky;top:0;z-index:5;background:var(--g);color:#fff;border-radius:0 0 12px 12px;padding:8px 14px;margin:0 0 14px;display:flex;justify-content:space-between;align-items:center;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.timer strong{font-size:1.4rem;font-variant-numeric:tabular-nums}
.timer.low{background:#8a1c1c}
.result.pass{border-top:8px solid var(--ok)}.result.failr{border-top:8px solid var(--bad)}
.score{font-size:1.15rem}.score strong{font-size:1.8rem}
.tablewrap{overflow-x:auto}
.data{border-collapse:collapse;width:100%;font-size:.93rem;margin-bottom:14px}
.data th,.data td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}
.data td{white-space:nowrap}
.legal h2{margin-top:1.3em;font-size:1.12rem}
.legal address,.card address{font-style:normal;margin-bottom:1em}
.lawrefs{padding-left:1.1em;margin:0}.lawrefs li{margin-bottom:6px;overflow-wrap:anywhere}
.foot{background:var(--g2);border-top:4px solid var(--acc);padding:22px 0 30px;color:#dfe8e2;font-size:.92rem}
.disclaimer{max-width:86ch}
.footnav{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}

/* Teilnahmebestätigung */
.confdoc{max-width:800px;margin:0 auto 16px;padding:28px 22px;border:2px solid var(--g)}
.confbrand{font-weight:800;color:var(--g);letter-spacing:.3px;margin-bottom:1.2em}
.confdoc h1{font-size:1.5rem}
.confname{font-size:1.5rem;font-weight:700;border-bottom:2px solid var(--acc);padding-bottom:6px;margin:.6em 0 1em}
.confdata{display:grid;grid-template-columns:auto 1fr;gap:4px 16px}
.confdata dt{font-weight:700}.confdata dd{margin:0}
.confdata code{font-size:1.05rem;letter-spacing:1px}
.confmods{padding-left:1.4em}
.confdisc{border-top:1px solid var(--line);padding-top:10px}
.conffoot{border-top:1px solid var(--line);margin-top:14px;padding-top:10px}
.confurl{overflow-wrap:anywhere}

@media (min-width:720px){
  h1{font-size:2rem}.hero h1{font-size:2.4rem}.hero{padding:56px 0 46px}
  .grid2{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:repeat(4,1fr)}.topics{grid-template-columns:1fr 1fr}
  .card{padding:22px}.confdoc{padding:40px 44px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@page{size:A4;margin:18mm}
@media print{
  body{background:#fff;color:#000;font-size:11.5pt}
  .top,.foot,.skip,.noprint,.pager,.crumb{display:none!important}
  .wrap,.page{max-width:none;padding:0;margin:0}
  .card{border:0;padding:0;margin:0}
  .confdoc{border:1.5pt solid #000;padding:14mm 12mm;max-width:none}
  .confbrand,.confdoc h1,.confdoc h2{color:#000}
  .confname{border-bottom-color:#000}
  a{color:#000;text-decoration:none}
  .confmods li{break-inside:avoid}
}

/* --- Schulio: Lektionsbausteine und Widgets --- */
.lesson figure{margin:1rem auto;max-width:620px}.lesson figure img{display:block;width:100%;height:auto;border-radius:8px}.lesson figcaption{font-size:.85rem;color:#5a6a66;margin-top:.3rem}
.lesson .lead{font-size:1.1rem}
.lesson details.beispiel,.lesson details.aufgabe{border:1px solid #d5dfdb;border-radius:8px;padding:.5rem .8rem;margin:.6rem 0;background:#fbfdfc}
.lesson details summary{cursor:pointer;font-weight:600}
.lesson .stufe{color:#b7791f;letter-spacing:.1em;font-weight:400}
.lesson .given{color:#44524e;font-style:italic}.lesson .formula{display:block;margin:.2rem 0 .5rem;font-family:ui-monospace,Menlo,monospace;background:#eef4f1;padding:.2rem .5rem;border-radius:4px}
.lesson .result{background:#eef7f0;border-left:4px solid #2f8f5b;padding:.4rem .7rem}.lesson .hinweis{background:#fff6e5;border-left:4px solid #d69e2e;padding:.4rem .7rem}
.lesson dl.glossar dt{font-weight:700;margin-top:.6rem}.lesson dl.glossar dd{margin:0 0 .2rem 0}
.widget{border:1px solid #cfe0d8;border-radius:10px;padding:.8rem;margin:1rem 0;background:#f6faf8}
.pw-ctrl{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;align-items:center}.pw-ctrl label{display:flex;gap:.5rem;align-items:center}.pw-ctrl input[type=range]{width:9rem}
.pw-svg{width:100%;max-width:520px;height:auto;display:block;margin:.5rem auto;background:#fff;border-radius:8px}
.pw-tri{fill:#f3d9a4;stroke:#17382f;stroke-width:2}.pw-qa{fill:#cfe6ff;stroke:#2b5d8a}.pw-qb{fill:#d8f0d2;stroke:#3b7a2e}.pw-qc{fill:#ffd9d2;stroke:#a33a2a}
.pw-t{font:600 13px system-ui,sans-serif;fill:#1c2a26}.pw-l{font:italic 700 16px Georgia,serif;fill:#17382f}.pw-rw{fill:none;stroke:#17382f;stroke-width:1.5}
.pw-out{background:#fff;border-radius:8px;padding:.5rem .8rem;margin:.4rem 0 0}
.fn-g{stroke:#e3ebe7;stroke-width:1}.fn-ax{stroke:#5a6a66;stroke-width:1.6}.fn-n{font:11px system-ui,sans-serif;fill:#5a6a66}.fn-l{stroke:#a33a2a;stroke-width:3;stroke-linecap:round}
.fn-tri{fill:none;stroke:#2b5d8a;stroke-width:2.5}.fn-pq{fill:#2f8f5b}.fn-pn{fill:#d69e2e;stroke:#17382f}
.br-bars{display:grid;gap:.5rem;margin:.6rem 0}.br-bar{display:flex;height:34px;border:2px solid #17382f;border-radius:6px;overflow:hidden;background:#fff}.br-bar span{flex:1;border-right:1px solid #17382f}.br-bar span:last-child{border-right:0}.br-a span.on{background:#8cc8a5}.br-b span.on{background:#f3d9a4}
.pc-bar{height:30px;border:2px solid #17382f;border-radius:6px;background:#fff;margin:.6rem 0;overflow:hidden}.pc-bar span{display:block;height:100%;background:#8cc8a5;transition:width .15s}
.pc-l1{stroke:#2b5d8a;stroke-width:2.5}.pc-l2{stroke:#a33a2a;stroke-width:2.5}.pw-tabs{margin-bottom:.6rem;display:flex;gap:.4rem}
.kr-c{fill:#cfe6ff;stroke:#2b5d8a;stroke-width:2}.kr-c2{fill:#ffd9d2;stroke:#a33a2a}.kr-r{stroke:#17382f;stroke-width:2}

/* --- Schulio: moderne Anmeldeseite --- */
input[type=email],input[type=password],input[type=text],select{max-width:none;border:1.5px solid #c5d0cb;border-radius:12px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}
input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,select:focus{outline:0;border-color:var(--g);box-shadow:0 0 0 4px rgba(23,56,47,.14)}
.lg{display:grid;max-width:980px;margin:6px auto 28px;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 24px 60px -28px rgba(15,42,35,.45),0 2px 6px rgba(15,42,35,.06)}
.lg-side{background:linear-gradient(155deg,#0f2a23 0%,#17382f 60%,#24503f 100%);color:#fff;padding:26px 24px 22px}
.lg-side h2{color:#fff;font-size:1.45rem;line-height:1.2;margin:0 0 .7em}
.lg-art{width:92px;height:auto;display:block;margin:0 0 12px}
.lg-points{list-style:none;margin:0;padding:0;display:grid;gap:9px;color:#e3ece7;font-size:.97rem}
.lg-points li{position:relative;padding-left:26px}
.lg-points li::before{content:"";position:absolute;left:0;top:.42em;width:15px;height:15px;border-radius:50%;background:var(--sand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.6 2.6L12 5.6' fill='none' stroke='%2317382f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
.lg-main{padding:22px 20px 20px}
.lg-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#eaf0ed;border-radius:14px;padding:4px;margin:0 0 18px}
.lg-tabs button{border:0;background:transparent;font:inherit;font-weight:600;color:var(--mut);padding:11px 8px;border-radius:11px;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.lg-tabs button[aria-selected=true]{background:#fff;color:var(--g2);box-shadow:0 1px 4px rgba(15,42,35,.18)}
.lg-tabs button:hover{color:var(--g2)}
.lg-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#fff;color:var(--ink);border:1.5px solid #c5d0cb;border-radius:12px;padding:12px 14px;font:inherit;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.lg-google:hover{background:#f7faf8;border-color:#9fb1aa;box-shadow:0 2px 8px rgba(15,42,35,.1)}
.lg-gerr{color:var(--bad);margin:8px 0 0}
.lg-or{display:flex;align-items:center;gap:12px;color:var(--mut);font-size:.85rem;margin:16px 0}
.lg-or::before,.lg-or::after{content:"";flex:1;height:1px;background:var(--line)}
.lg-panel p{margin:0 0 14px}
.lg-submit{width:100%;text-align:center;border-radius:12px;padding:13px 18px}
.lg .msg{margin:0 0 14px}
@media(min-width:820px){.lg{grid-template-columns:5fr 6fr}.lg-side{padding:40px 36px}.lg-main{padding:36px 36px 30px}.lg-art{width:128px;margin-bottom:22px}.lg-side h2{font-size:1.8rem}}
@media(max-width:819px){.lg-points,.lg-art{display:none}.lg-side{padding:16px 20px}.lg-side h2{margin:0;font-size:1.15rem}.lg{border-radius:18px}}

/* --- Schulio: Design 2 — Pastellflächen, kräftige Kontraste (überschreibt das Ursprungs-Theme) --- */
:root{--ink:#172033;--mut:#44526a;--bg:#f3f5fb;--card:#fff;--line:#cfd7e6;--g:#136a55;--g2:#0d4a3b;--link:#0f5fa8;--acc:#e8825e;--sand:#fff0b8;
--mint:#d6f2e7;--lav:#e6e2fb;--peach:#fde2d3;--butter:#fff0b8;--sky:#d9eafc;--r:16px;
--ok:#1d7a47;--okbg:#dff5e8;--bad:#b3261e;--badbg:#fde8e8}
body{background:var(--bg);color:var(--ink);font-size:1.0625rem}
a{color:var(--link)}
h1,h2,h3,h4{color:var(--ink);letter-spacing:-.01em}
h1{font-size:2rem;font-weight:800}h2{font-size:1.45rem;font-weight:800}h3{font-size:1.15rem;font-weight:700}
:focus-visible{outline:3px solid #1b6fd6;outline-offset:2px;box-shadow:none}
.muted,.crumb{color:var(--mut)}
/* Kopf */
.top{background:#fff;border-bottom:1px solid var(--line)}
.top a{color:var(--ink)}
.brand{color:var(--ink)!important;font-size:1.2rem;letter-spacing:-.01em}
.brandmark{background:var(--g);color:#fff;border-radius:10px;padding:3px 9px}
.nav a,.linkbtn{color:var(--ink);font-weight:600}
.nav a:hover,.linkbtn:hover{color:var(--g);text-decoration:underline}
.navcta{background:var(--g);color:#fff!important;border:2px solid var(--g);border-radius:999px;padding:6px 18px!important;font-weight:700}
.navcta:hover{background:var(--g2);border-color:var(--g2);color:#fff!important;text-decoration:none}
.langsel summary{color:var(--ink);border-color:var(--line);background:#fff}
/* Hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(130deg,#d6f2e7 0%,#e6e2fb 58%,#fde2d3 100%);padding:52px 0 46px;border-bottom:1px solid #d3dcea}
.hero .wrap{position:relative;z-index:1}
.hero h1{font-size:2.35rem;line-height:1.12;color:var(--ink);max-width:19ch}
.hero .lead{color:#26364f;max-width:56ch;font-size:1.18rem}
.heroprice{color:#26364f;font-size:.98rem;font-weight:600}
.hero::after{content:"";position:absolute;right:4%;top:50%;width:300px;height:260px;transform:translateY(-50%);opacity:.95;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 260'%3E%3Crect x='20' y='110' width='90' height='90' fill='%23fff0b8' stroke='%23172033' stroke-width='3'/%3E%3Crect x='110' y='200' width='120' height='0' fill='none'/%3E%3Cpath d='M110 200V110l120 90z' fill='%23fff' stroke='%23172033' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M110 176h24v24' fill='none' stroke='%23172033' stroke-width='3'/%3E%3Crect x='110' y='200' width='120' height='50' fill='%23d6f2e7' stroke='%23172033' stroke-width='3'/%3E%3Cpath d='M110 110L230 200l50-67-120-90z' fill='%23fde2d3' stroke='%23172033' stroke-width='3' stroke-linejoin='round'/%3E%3Ctext x='65' y='162' text-anchor='middle' font-family='Georgia,serif' font-style='italic' font-size='26' fill='%23172033'%3Eb%C2%B2%3C/text%3E%3Ctext x='170' y='232' text-anchor='middle' font-family='Georgia,serif' font-style='italic' font-size='24' fill='%23172033'%3Ea%C2%B2%3C/text%3E%3Ctext x='195' y='125' text-anchor='middle' font-family='Georgia,serif' font-style='italic' font-size='26' fill='%23172033'%3Ec%C2%B2%3C/text%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:900px){.hero::after{display:none}.hero h1{font-size:1.9rem}}
/* Buttons */
.btn{background:var(--g);border:2px solid var(--g);color:#fff!important;border-radius:12px;padding:11px 20px;font-weight:700}
.btn:hover{background:var(--g2);border-color:var(--g2)}
.btn.alt{background:#fff;color:var(--g2)!important;border-color:var(--g)}
.btn.alt:hover{background:var(--mint)}
.hero .btn{background:var(--g);color:#fff!important;border-color:var(--g);box-shadow:0 8px 18px -10px rgba(13,74,59,.7)}
.hero .btn:hover{background:var(--g2);border-color:var(--g2)}
/* Karten */
.card{border:1px solid var(--line);border-radius:var(--r);box-shadow:0 1px 2px rgba(23,32,51,.05),0 12px 28px -20px rgba(23,32,51,.35);padding:20px}
.cicon{background:var(--mint);border:2px solid #9bd7c0;border-radius:14px}
.course h3 a{color:var(--ink)}
.price{background:var(--butter);color:var(--ink);border:1px solid #ecd37a;border-radius:10px}
.steps>.card{border:0}
.steps>.card:nth-child(1){background:var(--mint)}
.steps>.card:nth-child(2){background:var(--lav)}
.steps>.card:nth-child(3){background:var(--peach)}
.steps>.card:nth-child(4){background:var(--butter)}
.steps h3{color:var(--ink)}
.topics>.card{border-left:8px solid #7fd1b4}
.topics>.card:nth-child(5n+2){border-left-color:#b3a8f0}
.topics>.card:nth-child(5n+3){border-left-color:#f4a98a}
.topics>.card:nth-child(5n+4){border-left-color:#f2cf5b}
.topics>.card:nth-child(5n+5){border-left-color:#8cc0ee}
.cats{background:var(--sky);color:#102a47}.cats.done{background:var(--okbg);color:#0d4a2a}
progress{accent-color:var(--g);height:12px}
.notice{background:#fff7d6;border:2px solid #ecd37a;color:var(--ink)}
.msg{background:#e8f1fd;border-color:#8db4e8;color:var(--ink)}
.msg.ok{background:var(--okbg);border-color:#3f9d68;color:#0c3d22}
.msg.warn{background:var(--badbg);border-color:#d96b6b;color:#5a1010}
.faq{border-top:1px solid var(--line)}
/* Formulare */
input[type=email],input[type=password],input[type=text],select{border:1.5px solid #7d8aa3;border-radius:12px;color:var(--ink)}
input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,select:focus{border-color:var(--g);box-shadow:0 0 0 4px rgba(19,106,85,.2)}
/* Quiz */
.opt{border:2px solid #8592aa;border-radius:12px;background:#fff}
.opt:hover{border-color:var(--g);background:#f1faf6}
.opt:focus-within{border-color:var(--g);box-shadow:0 0 0 3px rgba(19,106,85,.25)}
.opt.isok,.review li.isok{border-color:#2e8b57;background:var(--okbg)}
.opt.isbad,.review li.isbad{border-color:#c0392b;background:var(--badbg)}
.q[data-state=right]{border-left:8px solid #2e8b57}.q[data-state=wrong]{border-left:8px solid #c0392b}
.q[data-state=right] .badge{background:var(--okbg);color:#0d4a2a}.q[data-state=wrong] .badge{background:var(--badbg);color:#7a1a14}
.qn{color:var(--mut)}.hint,.ref{color:var(--mut)}
/* Lektion */
.lesson h2{background:var(--lav);padding:9px 14px;border-radius:12px;margin:1.6em 0 .7em;font-size:1.3rem}
.lesson h3{border-left:6px solid #7fd1b4;padding-left:12px;margin-top:1.5em}
.lesson figure img{border:1px solid var(--line);border-radius:14px}
.lesson figcaption{color:var(--mut)}
.lesson .given{color:var(--mut)}
.lesson .formula{background:#eef1fa;border:1px solid #d3dbef;color:var(--ink)}
.lesson .result{background:var(--okbg);border-left:5px solid #2e8b57;color:#0c3d22}
.lesson .hinweis{background:#fff3cf;border-left:5px solid #d99a00;color:#4a3500}
.lesson details.beispiel{background:#f4fbf8;border:1.5px solid #9bd7c0;border-radius:14px}
.lesson details.aufgabe{background:#fffaf0;border:1.5px solid #ecd37a;border-radius:14px}
.lesson details summary{color:var(--ink)}
.lesson .stufe{color:#9a6a00}
.lesson blockquote,.lesson aside{background:#fff7d6;border-left-color:#e0b92e}
.lesson th{background:#eef1fa}
.keyfacts{border-top:6px solid #b3a8f0}
.checklist{border-left-color:#f4a98a}
.widget{background:#f4faf7;border:1.5px solid #9bd7c0;border-radius:16px}
.pw-out{border:1px solid var(--line)}
.timer{background:var(--g);color:#fff}
/* Fuss */
.foot{background:#e7ebf7;border-top:1px solid var(--line);color:#26364f}
.foot a{color:#0d4a3b;text-decoration:underline}
/* Anmeldung */
.lg{border:1px solid var(--line)}
.lg-side{background:linear-gradient(150deg,#d6f2e7 0%,#e6e2fb 60%,#fde2d3 100%);color:var(--ink)}
.lg-side h2{color:var(--ink);background:none;padding:0}
.lg-points{color:#26364f}
.lg-tabs{background:#e3e8f4}
.lg-tabs button{color:var(--mut)}
.lg-tabs button[aria-selected=true]{color:var(--ink)}
.lg-google{border-color:#7d8aa3;color:var(--ink)}
.lg-submit{background:var(--g);border-color:var(--g)}
.lesson h3{font-size:1.3rem}
.lesson details summary{font-size:1.02rem}
.lg-art path{stroke:#172033}.lg-art circle{fill:#fff;opacity:.8}
.lg-points li::before{background-color:#fff;border:1.5px solid #136a55}