html[data-theme=light],html:not([data-theme]){--bl-bg:#fcf9f2;--bl-fg:#1c2333;--bl-muted:#5a6478;--bl-karte:#fff;--bl-rand:#e7e0d2;--bl-blau:#0b2e5e;--bl-blau-hell:#2b6cb0;--bl-orange:#e8751a;--bl-orange-hell:#f6a05a;--bl-hero-grad-a:#fffdf7;--bl-hero-grad-b:#f3ecdb;--bl-shadow:#0b2e5e14}html[data-theme=dark]{--bl-bg:#0d1117;--bl-fg:#e6edf7;--bl-muted:#9aa7bd;--bl-karte:#151c28;--bl-rand:#273247;--bl-blau:#4f8fe0;--bl-blau-hell:#6ba5ea;--bl-orange:#f08534;--bl-orange-hell:#f6a05a;--bl-hero-grad-a:#101623;--bl-hero-grad-b:#1a2334;--bl-shadow:#00000059}.blog{background:var(--bl-bg);color:var(--bl-fg);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.7}.blog-header{border-bottom:1px solid var(--bl-rand);background:var(--bl-bg);z-index:20;justify-content:space-between;align-items:center;padding:1.1rem 2rem;display:flex;position:sticky;top:0}.blog-brand{letter-spacing:-.02em;color:var(--bl-blau);font-size:1.5rem;font-weight:800;text-decoration:none}.blog-brand-dot{color:var(--bl-orange)}.blog-toggles{align-items:center;gap:.5rem;display:flex}.blog-toggle{background:var(--bl-karte);border:1px solid var(--bl-rand);color:var(--bl-fg);cursor:pointer;border-radius:100px;padding:.4rem .9rem;font-size:.85rem;transition:all .15s}.blog-toggle:hover{border-color:var(--bl-orange)}.blog-toggle-lang{letter-spacing:.03em;font-weight:700}.blog-link-app{color:var(--bl-orange);border:1px solid var(--bl-orange);border-radius:100px;padding:.4rem .9rem;font-size:.9rem;font-weight:600;text-decoration:none}.blog-link-app:hover{background:var(--bl-orange);color:#fff}.blog-hero{text-align:center;background:linear-gradient(180deg, var(--bl-hero-grad-a), var(--bl-hero-grad-b));padding:5.5rem 2rem 4rem}.blog-badge{background:var(--bl-karte);border:1px solid var(--bl-rand);color:var(--bl-muted);letter-spacing:.04em;border-radius:100px;margin-bottom:1.6rem;padding:.4rem 1rem;font-size:.8rem;display:inline-block}.blog-title{color:var(--bl-blau);margin-bottom:1.2rem;font-size:clamp(2.2rem,6vw,4rem);font-weight:800;line-height:1.08}.blog-title em{color:var(--bl-orange);font-style:italic}.blog-sub{color:var(--bl-muted);max-width:640px;margin:0 auto 2.2rem;font-size:clamp(1rem,2.2vw,1.25rem);line-height:1.7}.blog-hero-actions{justify-content:center;gap:1rem;display:flex}.blog-neuester,.blog-liste,.blog-app-cta{max-width:1000px;margin:0 auto;padding:3rem 2rem}.blog-section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--bl-orange);margin-bottom:1.2rem;font-size:.8rem;font-weight:700}.blog-section-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.blog-filter{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.blog-filter-label{color:var(--bl-muted);margin-right:.3rem;font-size:.85rem}.blog-filter button{background:var(--bl-karte);border:1px solid var(--bl-rand);color:var(--bl-muted);cursor:pointer;border-radius:100px;padding:.35rem .85rem;font-size:.82rem;transition:all .15s}.blog-filter button:hover{border-color:var(--bl-orange);color:var(--bl-fg)}.blog-filter button.aktiv{background:var(--bl-orange);border-color:var(--bl-orange);color:#fff}.blog-featured{background:var(--bl-karte);border:1px solid var(--bl-rand);cursor:pointer;box-shadow:0 6px 24px var(--bl-shadow);border-radius:20px;padding:2.2rem;transition:all .2s}.blog-featured:hover{border-color:var(--bl-orange);transform:translateY(-3px)}.blog-featured-meta,.blog-card-meta{color:var(--bl-muted);flex-wrap:wrap;gap:.8rem;margin-bottom:.8rem;font-size:.82rem;display:flex}.blog-thema-list{color:var(--bl-orange);font-weight:600}.blog-featured h2{color:var(--bl-blau);margin-bottom:.4rem;font-size:clamp(1.4rem,3vw,2rem)}.blog-featured-sub{color:var(--bl-muted);margin-bottom:1rem;font-size:1.05rem}.blog-featured-teaser{color:var(--bl-fg);max-width:60ch}.blog-readmore{color:var(--bl-orange);margin-top:1rem;font-size:.95rem;font-weight:600;display:inline-block}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.blog-card{background:var(--bl-karte);border:1px solid var(--bl-rand);cursor:pointer;border-radius:16px;padding:1.8rem;transition:all .2s}.blog-card:hover{border-color:var(--bl-orange);transform:translateY(-3px)}.blog-card h3{color:var(--bl-blau);margin-bottom:.3rem;font-size:1.2rem}.blog-card-sub{color:var(--bl-muted);margin-bottom:.7rem;font-size:.95rem}.blog-card-teaser{color:var(--bl-fg);font-size:.92rem}.blog-app-cta{text-align:center;background:linear-gradient(135deg, var(--bl-blau) 0%, var(--bl-blau-hell) 100%);color:#fff;border-radius:24px;margin:3rem auto 4rem;padding:3.5rem 2rem}.blog-app-cta h2{margin-bottom:.8rem;font-size:1.9rem}.blog-app-cta p{opacity:.9;max-width:50ch;margin-bottom:1.6rem;margin-left:auto;margin-right:auto}.blog-essay{max-width:760px;margin:0 auto;padding:3rem 2rem 4rem}.blog-essay-meta{color:var(--bl-muted);flex-wrap:wrap;gap:.8rem;margin-bottom:1.4rem;font-size:.85rem;display:flex}.blog-essay h1{color:var(--bl-blau);margin-bottom:.6rem;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15}.blog-essay-sub{color:var(--bl-muted);margin-bottom:2.2rem;font-size:1.15rem}.blog-prose{color:var(--bl-fg);font-size:1.06rem}.blog-prose h2{color:var(--bl-blau);border-top:1px solid var(--bl-rand);margin:2.2rem 0 .8rem;padding-top:.6rem;font-size:1.5rem}.blog-prose h3{color:var(--bl-blau);margin:1.8rem 0 .6rem;font-size:1.2rem}.blog-prose p{margin:0 0 1.2rem}.blog-prose strong{color:var(--bl-blau);font-weight:700}.blog-prose em{color:var(--bl-orange);font-style:italic}.blog-prose a{color:var(--bl-orange);text-underline-offset:2px;text-decoration:underline}.blog-prose ul,.blog-prose ol{margin:0 0 1.2rem;padding-left:1.4rem}.blog-prose li{margin-bottom:.5rem}.blog-prose blockquote{border-left:3px solid var(--bl-orange);background:var(--bl-karte);color:var(--bl-muted);border-radius:0 10px 10px 0;margin:0 0 1.2rem;padding:.8rem 1.2rem}.blog-prose blockquote p{margin:0}.blog-prose hr{border:none;border-top:1px solid var(--bl-rand);margin:2.2rem 0}.blog-prose code{background:var(--bl-karte);border:1px solid var(--bl-rand);border-radius:5px;padding:.1rem .35rem;font-size:.92em}.ampel{margin-right:.4rem}.ampel-g{color:#2e7d32}.ampel-y{color:#b8860b}.ampel-r{color:#c62828}.blog-essay-cta{margin:2.2rem 0 1.5rem}.blog-zurueck a{color:var(--bl-muted);font-size:.95rem;text-decoration:none}.blog-zurueck a:hover{color:var(--bl-orange)}.blog-404{text-align:center;max-width:600px;margin:4rem auto;padding:2rem}.btn{cursor:pointer;border:none;border-radius:100px;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--bl-orange);color:#fff;box-shadow:0 4px 16px #e8751a59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #e8751a73}.blog-footer{border-top:1px solid var(--bl-rand);text-align:center;color:var(--bl-muted);padding:2.5rem 2rem;font-size:.85rem}.blog-footer a{color:var(--bl-muted);text-decoration:none}.blog-footer a:hover{color:var(--bl-orange)}.blog-footer-note{margin:.5rem 0 .8rem}@media (width<=600px){.blog-header{padding:.9rem 1rem}.blog-hero{padding:3.5rem 1.2rem 2.8rem}.blog-neuester,.blog-liste,.blog-app-cta{padding:2rem 1.2rem}.blog-featured{padding:1.5rem}.blog-essay{padding:2rem 1.2rem 3rem}}:root{--bg:#fcfbf8;--fg:#1a1a1a;--akzent:#e8751a;--akzent-dunkel:#0b1426;--karte:#fff;--rand:#e2e0dc;--gruen:#2e7d32;--gelb:#b8860b;--rot:#c62828;--muted:#666}@media (prefers-color-scheme:dark){:root{--bg:#121212;--fg:#f0f0f0;--karte:#1e1e1e;--rand:#333;--muted:#aaa}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,sans-serif;line-height:1.6}.nav{background:var(--akzent-dunkel);color:#fff;z-index:10;position:sticky;top:0}.nav-inner{flex-wrap:wrap;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;padding:.6rem 1rem;display:flex}.nav-brand{font-weight:700}.nav nav{flex-wrap:wrap;gap:.3rem;display:flex}.nav nav button{color:#fff;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:.4rem .7rem;font-size:.9rem}.nav nav button.aktiv{background:var(--akzent);border-color:var(--akzent)}.nav-rechts{align-items:center;gap:.6rem;margin-left:auto;display:flex}.nav-name{opacity:.9;font-size:.85rem}.nav-logout{color:#fff;cursor:pointer;background:0 0;border:1px solid #555;border-radius:6px;padding:.3rem .6rem}.main{max-width:1100px;margin:0 auto;padding:1rem}.unit{flex-direction:column;gap:1.2rem;display:flex}.impulse{background:var(--karte);border:1px solid var(--rand);border-radius:10px;padding:1.2rem}.impulse h2{color:var(--akzent-dunkel);margin:0 0 .4rem}.kernaussage{margin:.4rem 0;font-size:1.15rem;font-weight:600}.karten{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem;margin:.8rem 0;display:grid}.karte{background:var(--bg);border:1px solid var(--rand);border-radius:8px;padding:.7rem;font-size:.9rem}.merksatz{background:var(--akzent);color:#fff;border-radius:6px;padding:.5rem .8rem;font-size:.95rem}.aufgabe{background:var(--karte);border:1px solid var(--rand);border-radius:10px;padding:1.2rem}.auftrag{margin-top:0;font-weight:600}.gruppen{background:var(--karte);border:1px solid var(--rand);border-radius:10px;padding:1.2rem}.gruppen-kopf{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.gruppen-kopf h3{margin:0}input,textarea,select{border:1px solid var(--rand);background:var(--bg);width:100%;color:var(--fg);font:inherit;border-radius:6px;margin:.3rem 0;padding:.6rem}textarea{resize:vertical}label{margin:.5rem 0;font-size:.9rem;display:block}.btn-primary{background:var(--akzent);color:#fff;cursor:pointer;border:none;border-radius:6px;margin:.4rem 0;padding:.6rem 1.2rem;font-weight:600}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--rot);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.6rem 1.2rem}.btn-auswerten{background:var(--akzent-dunkel);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem}.login{background:var(--karte);border:1px solid var(--rand);border-radius:12px;max-width:480px;margin:3rem auto;padding:2rem}.login h1{margin-top:0}.login-sub{color:var(--muted)}.login-tabs{gap:.5rem;margin:1rem 0;display:flex}.login-tabs button{border:1px solid var(--rand);background:var(--bg);cursor:pointer;border-radius:6px;flex:1;padding:.6rem}.login-tabs button.aktiv{background:var(--akzent);color:#fff;border-color:var(--akzent)}.fehler{color:var(--rot)}.datenschutz{color:var(--muted);margin-top:1rem;font-size:.8rem}.datenschutz-klein{color:var(--muted);font-size:.75rem}.wetter-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;margin:.8rem 0;display:grid}.wetter-karte{border:1px solid var(--rand);background:var(--bg);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:.2rem;padding:.8rem;display:flex}.wetter-karte.aktiv{border-color:var(--akzent);background:var(--akzent);color:#fff}.wetter-icon{font-size:1.6rem}.wetter-desc{opacity:.8;font-size:.75rem}.blind-optionen{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.blind-optionen button{text-align:left;border:1px solid var(--rand);background:var(--bg);cursor:pointer;border-radius:8px;padding:.8rem}.blind-optionen button.aktiv{border-color:var(--akzent);background:var(--akzent);color:#fff}.blind-frage{font-weight:600}.canvas-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.6rem;margin:.8rem 0;display:grid}.canvas-feld span{color:var(--muted);font-size:.8rem;display:block}.ampel-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;margin:.8rem 0;display:grid}.ampel{border:1px solid var(--rand);background:var(--bg);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;gap:.2rem;padding:.8rem;display:flex}.ampel.aktiv{border-width:2px}.ampel.gruen.aktiv{border-color:var(--gruen)}.ampel.gelb.aktiv{border-color:var(--gelb)}.ampel.rot.aktiv{border-color:var(--rot)}.ampel-text.gruen{color:var(--gruen)}.ampel-text.gelb{color:var(--gelb)}.ampel-text.rot{color:var(--rot)}.rollen-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;margin:.8rem 0;display:grid}.rolle{border:1px solid var(--rand);background:var(--bg);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;gap:.2rem;padding:.8rem;display:flex}.rolle.aktiv{border-color:var(--akzent);background:var(--akzent);color:#fff}.card-wall{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem;display:grid}.card{background:var(--bg);border:1px solid var(--rand);border-radius:8px;padding:.7rem;font-size:.9rem}.leer{color:var(--muted);font-style:italic}.chart{flex-direction:column;gap:.4rem;display:flex}.chart-zeile{align-items:center;gap:.6rem;display:flex}.chart-label{width:160px;font-size:.85rem}.chart-balken-wrap{background:var(--bg);border-radius:4px;flex:1;height:20px}.chart-balken{background:var(--akzent);border-radius:4px;height:100%}.chart-wert{text-align:right;width:30px;font-weight:600}.ki-sparring{border:1px dashed var(--akzent);border-radius:8px;margin-top:1rem;padding:.8rem}.ki-kopf{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.ki-label{font-size:.9rem;font-weight:600}.ai-badge{background:var(--akzent-dunkel);color:#fff;border-radius:10px;padding:.15rem .5rem;font-size:.7rem}.ki-output{white-space:pre-wrap;background:var(--bg);border:1px solid var(--rand);border-radius:6px;margin-top:.5rem;padding:.6rem;font-size:.9rem}.mod-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem;margin:1rem 0;display:grid}.mod-karte{background:var(--bg);border:1px solid var(--rand);border-radius:8px;flex-direction:column;padding:.8rem;display:flex}.mod-karte.highlight{border-color:var(--akzent)}.mod-aktionen{gap:.6rem;margin:1rem 0;display:flex}.snapshot{background:var(--bg);border:1px solid var(--rand);border-radius:8px;padding:.8rem}.export-box{background:var(--karte);border:1px solid var(--rand);text-align:center;border-radius:10px;padding:1.2rem}.verdichtung{white-space:pre-wrap;background:var(--bg);border:1px solid var(--rand);border-radius:8px;padding:.8rem}.consent-box{background:var(--karte);border:1px solid var(--akzent);border-radius:10px;padding:1.2rem}.laden{text-align:center;color:var(--muted);padding:3rem}@media (width<=600px){.blind-optionen{grid-template-columns:1fr}.chart-label{width:100px}}