/* kapitel/textaufgaben.css — gemeinsames Layout aller Seiten vom Typ "textaufgaben".
   Extrahiert 2026-09-08 aus 6 Referenzseiten (Leitvorlage: mathematik/klasse-8/vielecke-prismen/flaeche-dreieck/textaufgaben/index.html).
   Enthaelt nur Regeln, die in ALLEN Referenzseiten identisch waren, und nur
   Selektoren, deren saemtliche Regeln auslagerbar sind (Kaskaden-Sicherheit).
   Reihenfolge = Original. Seitenspezifisches CSS bleibt inline. */
:root{--bg:#f4ede0;--bg-soft:#faf6ee;--bg-dark:#3d342b;--ink:#1a1612;--ink-soft:#5b4f43;--rule:#c9bb9a;--mathe:#d6e4f5;--mathe-deep:#a8c5e3;--mathe-strong:#3a5a8c;--mathe-ink:#15294a;--info-orange:#b86a2c;--safe:#4a7530;--danger:#b32d2d;--pos:#c0392b;--neg:#2c5fb5}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Fredoka',Inter,sans-serif;font-size:18px;line-height:1.78;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Fredoka',Inter,sans-serif;font-weight:700;letter-spacing:-0.005em;line-height:1.18}
h1 em,h2 em,h3 em{font-style:normal}
.topic-hero h1 em{color:#c8dcf3}
.phase-head h2 em{color:var(--mathe-ink)}
em{font-style:normal}
a{color:inherit;text-decoration:none}
.container{max-width:1180px;margin:0 auto;padding:0 32px}
sub,sup{font-size:0.72em}
*:focus-visible{outline:3px solid var(--mathe-strong);outline-offset:2px;border-radius:4px}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--mathe-strong);outline-offset:2px}
.skip-link{position:absolute;top:-40px;left:8px;background:var(--mathe-ink);color:#fff;padding:8px 16px;border-radius:6px;z-index:100;font-size:14px}
.skip-link:focus{top:8px}
header{position:sticky;top:0;z-index:50;background:rgba(244,237,224,0.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
header .bar{display:flex;align-items:center;justify-content:space-between;padding:22px 0}
.brand-img{height:28px;width:auto;display:block;object-fit:contain}
@media (max-width:560px){
.brand-img{height:24px}
}
nav ul{display:flex;gap:36px;list-style:none;font-size:15px;align-items:center}
nav a{color:var(--ink-soft);transition:color .2s}
nav a:hover{color:var(--ink)}
nav a.active{color:var(--mathe-strong);font-weight:500}
nav .nav-sep{width:1px;height:18px;background:var(--rule);align-self:center;margin:0 4px}
.topic-hero{position:relative;padding:60px 0 44px;background-color:var(--mathe-ink);background-image:linear-gradient(180deg,rgba(45,25,80,0.72) 0%,rgba(45,25,80,0.9) 100%),url('https://images.unsplash.com/photo-1465101162946-4377e57745c3?w=1600&q=80&fit=crop&auto=format');background-size:cover;background-position:center;color:#fff}
.breadcrumb{font-size:13px;color:rgba(255,255,255,0.85);margin-bottom:18px}
.breadcrumb a{color:rgba(255,255,255,0.85);text-decoration:none}
.breadcrumb a:hover{color:#fff}
.breadcrumb .sep{margin:0 8px;opacity:0.6}
.topic-hero .hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:center}
.topic-hero .kicker{font-size:13px;letter-spacing:0.18em;text-transform:uppercase;color:var(--mathe-deep);font-weight:600;margin-bottom:10px}
.topic-hero h1{font-size:clamp(36px,5vw,58px);color:#fff;margin-bottom:0}
.topic-hero .hero-anim{display:flex;align-items:center;justify-content:center}
.topic-hero #heroAnim{width:100%;max-width:380px;height:auto;filter:drop-shadow(0 14px 30px rgba(0,0,0,0.35))}
@media(max-width:820px){
.topic-hero .hero-grid{grid-template-columns:1fr}
.topic-hero .hero-anim{order:-1;max-width:320px;margin:0 auto 8px}
}
.panel{padding:40px 0 80px}
.progress-sticky{position:sticky;top:78px;background:#fff;border:1px solid var(--rule);border-radius:12px;padding:12px 18px;margin-bottom:24px;display:flex;align-items:center;gap:14px;font-size:13px;color:var(--ink);z-index:5;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.progress-bar-wrap{flex:1;height:8px;background:var(--bg-soft);border-radius:999px;overflow:hidden}
.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--mathe-strong) 0%,var(--safe) 100%);width:0%;transition:width .4s}
.progress-text{font-weight:700;color:var(--mathe-ink);font-size:11px;letter-spacing:0.14em;text-transform:uppercase}
.vorwissen{background:#fff;border:2px solid var(--info-orange);border-radius:16px;padding:24px 28px;margin-bottom:40px;box-shadow:0 8px 22px rgba(184,106,44,0.12)}
.vorwissen h2{font-size:22px;color:#6b3a14;margin-bottom:6px;display:flex;align-items:center;gap:10px}
.vorwissen .vw-intro{font-size:14px;color:var(--ink-soft);margin-bottom:18px}
.vw-question{background:var(--bg-soft);border-radius:10px;padding:14px 18px;margin-bottom:10px}
.vw-question .q{font-size:15px;font-weight:500;margin-bottom:10px}
.vw-options{display:flex;flex-wrap:wrap;gap:8px}
.vw-opt{background:#fff;border:1.5px solid var(--rule);padding:10px 16px;border-radius:999px;cursor:pointer;font-size:14px;transition:all .15s;font-family:Inter;min-height:40px}
.vw-opt:hover{border-color:var(--info-orange)}
.vw-opt.correct{background:var(--safe);border-color:var(--safe);color:#fff}
.vw-opt.wrong{background:#ffd5d5;border-color:var(--danger);color:#5a1414}
.vw-feedback{display:none;margin-top:10px;font-size:14px;padding:10px 14px;border-radius:8px;line-height:1.5}
.vw-feedback.show{display:block}
.vw-feedback.ok{background:#d8e8c4;color:#2e5e1f}
.vw-feedback.warn{background:#fce8d8;color:#5a3210}
.vw-result{display:none;margin-top:18px;padding:18px 22px;border-radius:12px;font-size:15px;line-height:1.6}
.vw-result.show{display:block}
.vw-result.success{background:linear-gradient(135deg,#d8e8c4 0%,#bedba0 100%);border:2px solid var(--safe)}
.vw-result.partial{background:linear-gradient(135deg,#fce8d8 0%,#fad5b8 100%);border:2px solid var(--info-orange)}
.vw-result.weak{background:linear-gradient(135deg,#fce5e5 0%,#f5c5c5 100%);border:2px solid var(--danger)}
.vw-result strong{font-weight:600;color:var(--ink)}
.vw-result button{margin-top:12px;padding:10px 22px;background:var(--mathe-strong);color:#fff;border:0;border-radius:999px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.vw-result button:hover{background:var(--mathe-ink)}
.bridge{display:none;background:linear-gradient(135deg,#fff 0%,#fff5e8 100%);border:2px solid var(--info-orange);border-radius:14px;padding:24px 28px;margin:24px 0}
.bridge.show{display:block}
.bridge h3{color:#6b3a14;font-size:22px;margin-bottom:8px;display:flex;gap:10px}
.bridge .b-intro{font-size:14px;color:var(--ink-soft);margin-bottom:16px}
.phase{margin-bottom:60px;scroll-margin-top:80px}
.phase.hidden-skip{display:none}
.phase-head{display:flex;align-items:center;gap:18px;margin-bottom:22px;padding-bottom:16px;border-bottom:2px solid var(--rule)}
.phase-num{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:#fff;border:2.5px solid var(--mathe-strong);color:var(--mathe-strong);display:flex;align-items:center;justify-content:center;font-family:Inter;font-weight:700;font-size:18px;line-height:1;box-shadow:inset 0 -3px 0 rgba(0,0,0,0.04),0 3px 10px rgba(58,90,140,0.18)}
.phase-head h2{font-size:clamp(26px,3vw,34px);color:var(--mathe-ink)}
.erklaer-text{font-size:18px;line-height:1.9;color:var(--ink);margin-bottom:20px;text-align:justify;-webkit-hyphens:auto;hyphens:auto}
.erklaer-text strong{color:var(--mathe-ink);font-weight:600}
.subhead{font-size:24px;color:var(--mathe-ink);margin:34px 0 12px;display:flex;align-items:center;gap:10px}
.topic-tag{display:inline-block;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;background:var(--mathe);color:var(--mathe-ink);padding:4px 12px;border-radius:999px;font-weight:700;font-family:Inter}
.stichliste{list-style:none;padding:0;margin:4px 0 22px;display:grid;gap:10px}
.stichliste li{position:relative;padding-left:28px;font-size:17px;line-height:1.5;color:var(--ink)}
.stichliste li::before{content:'';position:absolute;left:5px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--mathe-strong)}
.stichliste li strong{color:var(--mathe-ink);font-weight:600}
.stichliste em{font-style:normal;color:var(--mathe-ink)}
.stichliste.aligned{display:grid;grid-template-columns:max-content 1fr;column-gap:16px;row-gap:12px;align-items:baseline}
.stichliste.aligned li{display:contents}
.stichliste.aligned li::before{content:none}
.stichliste.aligned .st-term{position:relative;padding-left:28px;font-weight:600;color:var(--mathe-ink);font-size:17px;line-height:1.85}
.stichliste.aligned .st-term::before{content:'';position:absolute;left:5px;top:0.78em;width:8px;height:8px;border-radius:50%;background:var(--mathe-strong)}
.stichliste.aligned .st-text{font-size:17px;line-height:1.85;color:var(--ink)}
.def-list{display:grid;grid-template-columns:max-content 1fr;column-gap:16px;row-gap:10px;margin:0;align-items:baseline}
.def-list dt{font-family:'Fredoka',sans-serif;font-weight:600;color:var(--mathe-ink)}
.def-list dt::after{content:':'}
.def-list dd{margin:0}
.dbox-stack .dbox-badge{float:none;display:inline-block;margin:0 0 14px}
@media(max-width:640px){
.stichliste.aligned{grid-template-columns:1fr;row-gap:10px}
.stichliste.aligned li{display:block;position:relative;padding-left:26px}
.stichliste.aligned li::before{content:'';position:absolute;left:5px;top:0.78em;width:8px;height:8px;border-radius:50%;background:var(--mathe-strong)}
.stichliste.aligned .st-term{padding-left:0;display:inline}
.stichliste.aligned .st-term::before{content:none}
.stichliste.aligned .st-text{display:inline}
.def-list{grid-template-columns:1fr;row-gap:4px}
.def-list dd{margin:0 0 8px}
}
.fakten.txt td:nth-child(2){font-family:'Fredoka',sans-serif;font-size:16px;color:var(--ink)}
.dbox{position:relative;border:2.5px solid var(--mathe-strong);border-radius:16px;background:#fff;padding:20px 24px;margin:24px 0;box-shadow:0 5px 16px rgba(26,22,18,0.07)}
.dbox::after{content:'';display:block;clear:both}
.dbox-badge{float:left;margin:1px 14px 6px 0;padding:5px 16px;border-radius:999px;background:var(--mathe-strong);color:#fff;font-family:'Fredoka',sans-serif;font-weight:600;font-size:14px;letter-spacing:0.04em;line-height:1.4}
.dbox-body{font-size:16.5px;line-height:1.8;color:var(--mathe-ink)}
.dbox-body p{margin:0 0 10px}
.dbox-body p:last-child{margin-bottom:0}
.dbox-body .dtitel{font-family:'Fredoka',sans-serif;font-weight:600;color:var(--mathe-ink)}
.dbox-formeln{clear:both;display:flex;flex-wrap:wrap;gap:14px;margin:16px 0 2px}
.dbox-f{flex:1 1 220px;background:var(--bg-soft);border:1.5px solid var(--rule);border-radius:12px;padding:14px 18px;text-align:center;font-size:23px;line-height:1.35;color:var(--mathe-ink)}
.dbox-note{clear:both;margin-top:14px;padding-top:10px;border-top:1px dashed var(--rule);font-size:13.5px;line-height:1.7;color:var(--ink-soft)}
.marker{background:linear-gradient(180deg,transparent 50%,#f7dd6a 50%,#f7dd6a 92%,transparent 92%);padding:0 3px}
.dbox-merke{border-color:#4a7530}
.dbox-merke .dbox-badge{background:#4a7530}
.dbox-formel{border-color:#2c5fb5}
.dbox-formel .dbox-badge{background:#2c5fb5}
.dbox-bsp{border-color:#e2574c}
.dbox-bsp .dbox-badge{background:#e2574c}
@media(max-width:640px){
.dbox{padding:18px 16px}
.dbox-badge{float:none;display:inline-block;margin:0 0 10px}
.dbox-f{flex:1 1 100%;font-size:20px}
}
@media print{
.dbox{box-shadow:none;break-inside:avoid}
}
.callout{background:var(--bg-soft);border-left:4px solid var(--mathe-strong);border-radius:0 10px 10px 0;padding:16px 20px;margin:18px 0;font-size:15px;line-height:1.7}
.callout strong{color:var(--mathe-ink)}
.applet{background:#fff;border:1.5px solid var(--mathe-deep);border-radius:16px;padding:22px 24px;margin:24px 0;box-shadow:0 6px 20px rgba(58,90,140,0.10)}
.applet h3{font-size:21px;color:var(--mathe-ink);margin-bottom:4px;display:flex;align-items:center;gap:9px}
.applet .a-intro{font-size:14px;color:var(--ink-soft);margin-bottom:16px}
.applet svg{width:100%;height:auto;display:block;background:linear-gradient(180deg,#fbfaff 0%,#f3eefa 100%);border:1px solid var(--rule);border-radius:12px}
.applet-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:16px}
.ctrl{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--ink-soft)}
.ctrl label{font-weight:600;color:var(--ink)}
.ctrl input[type=range]{width:180px;accent-color:var(--mathe-strong)}
.btn{font-family:Inter;font-size:14px;font-weight:600;padding:9px 18px;border-radius:999px;border:0;cursor:pointer;background:var(--mathe-strong);color:#fff;transition:background .2s;min-height:40px}
.btn:hover{background:var(--mathe-ink)}
.btn.ghost{background:#fff;color:var(--mathe-strong);border:1.5px solid var(--mathe-strong)}
.btn.ghost:hover{background:var(--mathe)}
.btn.sign{min-width:46px;font-size:18px;padding:8px 14px}
.btn.sign.active-pos{background:var(--pos)}
.btn.sign.active-neg{background:var(--neg)}
.readout{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.readout .stat{background:var(--bg-soft);border:1px solid var(--rule);border-radius:10px;padding:10px 16px;min-width:96px}
.readout .stat .k{font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}
.readout .stat .v{font-family:inherit;font-size:24px;color:var(--mathe-ink)}
.applet .verdict{margin-top:14px;font-size:15px;font-weight:600;padding:10px 16px;border-radius:10px;background:var(--mathe);color:var(--mathe-ink)}
.applet .verdict.attract{background:#e7f0dc;color:#2e5e1f}
.applet .verdict.repel{background:#fbe2dd;color:#7a2418}
.geogebra-wrap{background:var(--bg-soft);border:1px solid var(--rule);border-radius:14px;padding:14px;margin:20px 0}
.embed-frame{position:relative;width:100%;border-radius:10px;overflow:hidden;background:#fff;aspect-ratio:16/10;min-height:380px}
.embed-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.embed-cap{font-size:13px;color:var(--ink-soft);margin-top:10px;text-align:center;font-style:normal}
.worked{background:#fff;border:1.5px solid var(--mathe-deep);border-radius:14px;padding:24px 28px;margin:24px 0;box-shadow:0 4px 14px rgba(58,90,140,0.08)}
.worked h3{font-size:20px;color:var(--mathe-ink);margin-bottom:6px;display:flex;align-items:center;gap:8px}
.worked .intro{font-size:14px;color:var(--ink-soft);margin-bottom:18px}
.worked-stage-label{display:inline-block;font-size:11px;background:var(--mathe);color:var(--mathe-ink);padding:3px 10px;border-radius:999px;font-weight:600;letter-spacing:0.05em;margin-bottom:12px}
.worked-stage-label.stage-2{background:#fce8d8;color:#6b3a14}
.worked-stage-label.stage-3{background:#fde0e0;color:#6b1010}
.work-step{background:var(--bg-soft);border-left:3px solid var(--mathe-strong);padding:12px 16px;border-radius:8px;margin-bottom:10px;font-size:15px}
.work-step .step-label{font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:0.1em;font-weight:700;margin-bottom:4px}
.work-step .calc{font-family:inherit;font-size:19px;color:var(--mathe-ink)}
.work-step.fade-input{background:#fff8e8;border-left-color:var(--info-orange)}
.work-step.fade-input input{width:90px;padding:6px 10px;border:1.5px dashed var(--info-orange);border-radius:6px;font:inherit;font-size:16px;text-align:center;font-family:inherit;background:#fff}
.work-step.fade-input input:focus{outline:none;border-style:solid}
.work-step.fade-input input.ok{border-color:var(--safe);background:#d8e8c4}
.work-step.fade-input input.wrong{border-color:var(--danger);background:#fce5e5}
.work-step.fade-input .check{font-family:Inter;font-size:13px;padding:5px 12px;background:var(--mathe-strong);color:#fff;border:0;border-radius:999px;cursor:pointer;margin-left:6px;font-weight:600}
.work-reflect details{background:#fffaf2;border:1.5px solid #f0e2c0;border-radius:8px;padding:12px 16px;margin-top:10px;cursor:pointer}
.work-reflect summary{font-size:14px;color:#6b3a14;font-weight:600;outline:none}
.work-reflect .answer{font-size:14px;color:var(--ink-soft);line-height:1.65;margin-top:8px}
.fakten{width:100%;border-collapse:collapse;margin:14px 0 22px;font-size:16px;background:#fff;border:1px solid var(--rule);border-radius:12px;overflow:hidden}
.fakten caption{caption-side:top;text-align:left;font-weight:500;color:var(--mathe-ink);font-size:17px;margin-bottom:8px;font-family:'Fredoka',sans-serif}
.fakten th,.fakten td{padding:11px 16px;text-align:left;border-bottom:1px solid #efe7d6}
.fakten thead th{background:var(--mathe);color:var(--mathe-ink);font-weight:600;font-size:13px;letter-spacing:0.04em;text-transform:uppercase}
.fakten tbody tr:last-child td{border-bottom:0}
.fakten tbody tr:nth-child(even){background:var(--bg-soft)}
.hinweis-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:700px){
.hinweis-grid{grid-template-columns:1fr}
}
.hinweis-card{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:16px 20px}
.hinweis-card h4{font-size:16px;color:var(--mathe-ink);margin-bottom:6px}
.hinweis-card p{font-size:14px;line-height:1.6;color:var(--ink-soft)}
.hinweis-card.warn{border-left:4px solid var(--info-orange)}
.hinweis-card.tip{border-left:4px solid var(--safe)}
.aufgabe{background:#fff;border:1.5px solid var(--rule);border-radius:14px;padding:22px 26px;margin-bottom:18px;transition:border-color .25s,background .25s}
.aufgabe.solved{border-color:var(--safe);background:linear-gradient(180deg,#fff 60%,#f4faec 100%)}
.aufgabe-head{display:flex;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.aufgabe-num{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--mathe-strong);color:var(--mathe-strong);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;line-height:1;transition:all .25s;font-family:Inter}
.aufgabe.solved .aufgabe-num{background:var(--safe);border-color:var(--safe);color:#fff}
.aufgabe-title{font-family:'Fredoka',sans-serif;font-weight:600;font-size:19px;color:var(--mathe-ink);flex:1;min-width:0}
.afb{font-size:11px;font-weight:700;letter-spacing:0.04em;padding:4px 11px;border-radius:999px;font-family:Inter}
.afb-1{background:#e7f0dc;color:#3c5e1f}
.afb-2{background:#fcecd6;color:#84511b}
.afb-3{background:#f5dede;color:#7a2222}
.aufgabe-text p{font-size:16.5px;line-height:1.72;margin-bottom:8px}
.input-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}
.input-row label{font-size:15px;font-weight:600;color:var(--mathe-ink)}
.input-row input{width:120px;padding:8px 12px;border:1.5px solid var(--rule);border-radius:8px;font:inherit;font-size:16px}
.input-row input.ok{border-color:var(--safe);background:#eaf4dd}
.input-row input.wrong{border-color:var(--danger);background:#fbe6e6}
.input-row .unit{font-size:15px;color:var(--ink-soft)}
.check-btn{font-family:Inter;font-size:14px;font-weight:600;padding:8px 18px;border-radius:999px;border:0;cursor:pointer;background:var(--mathe-strong);color:#fff;min-height:40px}
.check-btn:hover{background:var(--mathe-ink)}
.input-fb{display:none;margin-top:8px;font-size:14px;padding:9px 14px;border-radius:8px;line-height:1.5}
.input-fb.show{display:block}
.input-fb.ok{background:#d8e8c4;color:#2e5e1f}
.input-fb.warn{background:#fce8d8;color:#5a3210}
.input-fb.error{background:#fce5e5;color:#5a1414}
.hilfen{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.hilfe-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#6b3a14;background:#fff;border:1.5px dashed #e8a87c;padding:7px 14px;border-radius:999px;cursor:pointer;font-family:Inter;transition:all .2s;font-weight:600;min-height:34px}
.hilfe-btn:hover:not(:disabled){background:#fdf5eb;border-style:solid}
.hilfe-btn:disabled{opacity:0.45;cursor:not-allowed}
.hilfe-content{display:none;padding:14px 18px;background:#fff8ec;border-left:3px solid var(--info-orange);border-radius:6px;font-size:14px;color:var(--ink);line-height:1.65}
.hilfe-content.show{display:block}
.hilfe-content strong{color:#6b3a14}
.hilfe-content .why{display:block;margin-top:8px;font-size:12px;color:var(--ink-soft);font-style:normal;padding-top:8px;border-top:1px dashed #e8c8a8}
.selfexplain{margin-top:12px;background:#f3eefa;border:1.5px solid var(--mathe-deep);border-radius:8px;padding:12px 16px;cursor:pointer}
.selfexplain summary{font-size:14px;font-weight:600;color:var(--mathe-ink);outline:none}
.selfexplain .answer{font-size:14px;color:var(--ink-soft);line-height:1.65;margin-top:8px}
.video-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:700px){
.video-list{grid-template-columns:1fr}
}
.video-item{background:#fff;border:1px solid var(--rule);border-radius:12px;overflow:hidden}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-cap{padding:12px 16px;font-size:14px;color:var(--ink-soft)}
.video-cap strong{color:var(--mathe-ink)}
.link-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--rule);border-radius:12px;padding:14px 18px;transition:all .15s}
.link-card:hover{border-color:var(--mathe-strong);background:var(--bg-soft)}
.link-card .lc-ico{font-size:22px}
.link-card .lc-t{font-size:15px;font-weight:600;color:var(--mathe-ink)}
.link-card .lc-d{font-size:13px;color:var(--ink-soft)}
.glossar{background:var(--bg-soft);border:1px solid var(--rule);border-radius:14px;padding:8px 24px;margin:24px 0}
.glossar summary{font-size:18px;font-family:'Fredoka',sans-serif;color:var(--mathe-ink);cursor:pointer;padding:14px 0;list-style:none;font-weight:600}
.glossar summary::-webkit-details-marker{display:none}
.glossar summary::before{content:'';}
.glossar-item{padding:12px 0;border-top:1px solid var(--rule)}
.glossar-item .term{font-weight:600;color:var(--mathe-ink);font-size:15px}
.glossar-item .def{font-size:14px;color:var(--ink);line-height:1.6;margin-top:3px}
.glossar-item .daz{font-size:13px;color:var(--ink-soft);margin-top:5px;padding:6px 12px;background:#fff;border-radius:8px;border-left:3px solid var(--mathe-deep)}
.glossar-item .daz b{color:var(--mathe-strong)}
.ausblick{background:linear-gradient(135deg,var(--mathe-ink) 0%,#2a1c4d 100%);color:#fff;border-radius:16px;padding:28px 32px;margin-top:28px}
.ausblick h3{font-size:24px;color:#fff;margin-bottom:10px}
.ausblick p{font-size:15px;line-height:1.7;color:rgba(255,255,255,0.9);margin-bottom:16px;max-width:64ch}
.ausblick a{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--mathe-ink);padding:11px 22px;border-radius:999px;font-size:14px;font-weight:600}
.ausblick a:hover{background:var(--mathe)}
.subnav{display:flex;justify-content:space-between;gap:14px;margin-top:48px}
.subnav a{flex:1;background:var(--bg-soft);border:1px solid var(--rule);border-radius:12px;padding:14px 18px;font-size:14px;color:var(--ink-soft);transition:all .15s}
.subnav a:hover{background:#fff;border-color:var(--mathe-strong);color:var(--ink)}
.subnav a.next{text-align:right}
.subnav a .lbl{display:block;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;opacity:0.7;margin-bottom:3px}
footer{background:var(--bg-dark);color:#c9bfae;padding:60px 0 40px;font-size:14px;margin-top:40px}
footer .row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}
footer .links{display:flex;gap:28px}
footer a:hover{color:#fff}
@media (max-width:560px){
nav{display:none}
.container{padding:0 22px}
.subnav{flex-direction:column}
.ctrl input[type=range]{width:140px}
}
@media print{
nav,header,.progress-sticky,.video-list,.hilfe-btn,.check-btn,.vorwissen,.skip-link,footer,.applet-controls,.subnav,.ausblick a{display:none !important}
body{font-size:12px}
.phase{margin-bottom:24px}
.applet,.worked,.aufgabe{break-inside:avoid;box-shadow:none}
.hilfe-content,.input-fb,.selfexplain .answer,.ta-body{display:block !important}
}
@media(prefers-reduced-motion:reduce){
*{animation:none !important;transition:none !important}
}
:root{--sh-sm:0 1px 2px rgba(40,25,70,.06),0 3px 8px rgba(40,25,70,.07);--sh-md:0 4px 10px -2px rgba(40,25,70,.10),0 12px 26px -10px rgba(40,25,70,.18);--sh-lg:0 14px 30px -10px rgba(40,25,70,.22),0 34px 64px -22px rgba(40,25,70,.30);--measure:68ch}
body{background:linear-gradient(180deg,#f6efe2 0%,#f2e9d8 100%);background-attachment:fixed}
.erklaer-text,.stichliste{max-width:var(--measure)}
.erklaer-text{text-align:left;line-height:1.85}
.topic-hero{background-color:#0f1e38;background-image:radial-gradient(900px 520px at 14% 16%,rgba(58,90,140,.55),transparent 60%),radial-gradient(820px 480px at 86% 6%,rgba(96,140,200,.42),transparent 55%),radial-gradient(900px 640px at 80% 96%,rgba(12,26,50,.92),transparent 60%),linear-gradient(135deg,#15294a 0%,#0d1a30 100%)}
.topic-hero::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px;pointer-events:none;opacity:.55}
.topic-hero .container{position:relative;z-index:1}
.applet{box-shadow:var(--sh-md)}
.worked,.aufgabe,.hinweis-card,.video-item,.geogebra-wrap{box-shadow:var(--sh-sm)}
.hinweis-card,.aufgabe,.video-item{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s}
.hinweis-card:hover,.video-item:hover{transform:translateY(-3px);box-shadow:var(--sh-md)}
.phase-num{box-shadow:var(--sh-sm)}
.btn,.check-btn,.hilfe-btn,.vw-opt{transition:transform .15s cubic-bezier(.16,1,.3,1),background .2s,border-color .2s,box-shadow .2s}
.btn:hover,.check-btn:hover{transform:translateY(-1px);box-shadow:var(--sh-sm)}
.btn:active,.check-btn:active{transform:translateY(0)}
.ico{display:inline-block;width:1.05em;height:1.05em;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;vertical-align:-0.16em;flex-shrink:0}
.hinweis-card h4,.applet h3,.subhead,.worked h3{display:flex;align-items:center;gap:.45em}
.hilfe-btn .ico{width:.95em;height:.95em}
.katex{font-size:1.03em}
.reveal{opacity:1;transform:none}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
.reveal{opacity:1!important;transform:none!important}
}
.dotnav{position:fixed;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:13px;z-index:40}
.dotnav a{width:11px;height:11px;border-radius:50%;background:var(--rule);position:relative;transition:transform .2s,background .2s}
.dotnav a:hover{background:var(--mathe-deep)}
.dotnav a.active{background:var(--mathe-strong);transform:scale(1.4)}
.dotnav a span{position:absolute;right:22px;top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--mathe-ink);color:#fff;font-size:12px;font-family:'Fredoka',sans-serif;padding:4px 11px;border-radius:7px;opacity:0;pointer-events:none;transition:opacity .2s;box-shadow:var(--sh-sm)}
.dotnav a:hover span{opacity:1}
@media(max-width:1140px){
.dotnav{display:none}
}
.progress-sticky{transition:border-color .3s,box-shadow .3s}
.progress-sticky.done{border-color:var(--safe);box-shadow:0 0 0 3px rgba(74,117,48,.16),var(--sh-sm)}
.progress-sticky.done .progress-text{color:var(--safe)}
.ico-tip{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M15%2014c.2-1%20.7-1.7%201.5-2.5%201-.9%201.5-2.2%201.5-3.5A6%206%200%200%200%206%208c0%201%20.2%202%201.5%203.5.8.8%201.3%201.5%201.5%202.5%22%2F%3E%3Cpath%20d%3D%22M9%2018h6%22%2F%3E%3Cpath%20d%3D%22M10%2022h4%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M15%2014c.2-1%20.7-1.7%201.5-2.5%201-.9%201.5-2.2%201.5-3.5A6%206%200%200%200%206%208c0%201%20.2%202%201.5%203.5.8.8%201.3%201.5%201.5%202.5%22%2F%3E%3Cpath%20d%3D%22M9%2018h6%22%2F%3E%3Cpath%20d%3D%22M10%2022h4%22%2F%3E%3C%2Fsvg%3E")}
.ico-warn{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M10.29%203.86%201.82%2018a2%202%200%200%200%201.71%203h16.94a2%202%200%200%200%201.71-3L13.71%203.86a2%202%200%200%200-3.42%200z%22%2F%3E%3Cpath%20d%3D%22M12%209v4%22%2F%3E%3Cpath%20d%3D%22M12%2017h.01%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M10.29%203.86%201.82%2018a2%202%200%200%200%201.71%203h16.94a2%202%200%200%200%201.71-3L13.71%203.86a2%202%200%200%200-3.42%200z%22%2F%3E%3Cpath%20d%3D%22M12%209v4%22%2F%3E%3Cpath%20d%3D%22M12%2017h.01%22%2F%3E%3C%2Fsvg%3E")}
.ico-speech{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M7.9%2020A9%209%200%201%200%204%2016.1L2%2022z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M7.9%2020A9%209%200%201%200%204%2016.1L2%2022z%22%2F%3E%3C%2Fsvg%3E")}
.ico-think{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M9.09%209a3%203%200%200%201%205.83%201c0%202-3%203-3%203%22%2F%3E%3Cpath%20d%3D%22M12%2017h.01%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M9.09%209a3%203%200%200%201%205.83%201c0%202-3%203-3%203%22%2F%3E%3Cpath%20d%3D%22M12%2017h.01%22%2F%3E%3C%2Fsvg%3E")}
.ico-book{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%207v14%22%2F%3E%3Cpath%20d%3D%22M3%2018a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h5a4%204%200%200%201%204%204%204%204%200%200%201%204-4h5a1%201%200%200%201%201%201v13a1%201%200%200%201-1%201h-6a3%203%200%200%200-3%203%203%203%200%200%200-3-3z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%207v14%22%2F%3E%3Cpath%20d%3D%22M3%2018a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h5a4%204%200%200%201%204%204%204%204%200%200%201%204-4h5a1%201%200%200%201%201%201v13a1%201%200%200%201-1%201h-6a3%203%200%200%200-3%203%203%203%200%200%200-3-3z%22%2F%3E%3C%2Fsvg%3E")}
.ico-zap{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22%2F%3E%3C%2Fsvg%3E")}
.ico-ban{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22m4.9%204.9%2014.2%2014.2%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22m4.9%204.9%2014.2%2014.2%22%2F%3E%3C%2Fsvg%3E")}
.ico-battery{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%222%22%20y%3D%227%22%20width%3D%2216%22%20height%3D%2210%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M22%2011v2%22%2F%3E%3Cpath%20d%3D%22M6%2011v2%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%222%22%20y%3D%227%22%20width%3D%2216%22%20height%3D%2210%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M22%2011v2%22%2F%3E%3Cpath%20d%3D%22M6%2011v2%22%2F%3E%3C%2Fsvg%3E")}
.ico-note{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2020h9%22%2F%3E%3Cpath%20d%3D%22M16.5%203.5a2.12%202.12%200%200%201%203%203L7%2019l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M12%2020h9%22%2F%3E%3Cpath%20d%3D%22M16.5%203.5a2.12%202.12%200%200%201%203%203L7%2019l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E")}
.ico-chart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M3%203v18h18%22%2F%3E%3Cpath%20d%3D%22M18%2017V9%22%2F%3E%3Cpath%20d%3D%22M13%2017V5%22%2F%3E%3Cpath%20d%3D%22M8%2017v-3%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M3%203v18h18%22%2F%3E%3Cpath%20d%3D%22M18%2017V9%22%2F%3E%3Cpath%20d%3D%22M13%2017V5%22%2F%3E%3Cpath%20d%3D%22M8%2017v-3%22%2F%3E%3C%2Fsvg%3E")}
.ico-ruler{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M21.3%208.7%208.7%2021.3a1%201%200%200%201-1.4%200l-4.6-4.6a1%201%200%200%201%200-1.4L15.3%202.7a1%201%200%200%201%201.4%200l4.6%204.6a1%201%200%200%201%200%201.4z%22%2F%3E%3Cpath%20d%3D%22m7.5%2010.5%202%202%22%2F%3E%3Cpath%20d%3D%22m10.5%207.5%202%202%22%2F%3E%3Cpath%20d%3D%22m13.5%204.5%202%202%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%22M21.3%208.7%208.7%2021.3a1%201%200%200%201-1.4%200l-4.6-4.6a1%201%200%200%201%200-1.4L15.3%202.7a1%201%200%200%201%201.4%200l4.6%204.6a1%201%200%200%201%200%201.4z%22%2F%3E%3Cpath%20d%3D%22m7.5%2010.5%202%202%22%2F%3E%3Cpath%20d%3D%22m10.5%207.5%202%202%22%2F%3E%3Cpath%20d%3D%22m13.5%204.5%202%202%22%2F%3E%3C%2Fsvg%3E")}
.ico-compass{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22m16.24%207.76-1.8%205.41a2%202%200%200%201-1.27%201.27l-5.41%201.8%201.8-5.41a2%202%200%200%201%201.27-1.27z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22m16.24%207.76-1.8%205.41a2%202%200%200%201-1.27%201.27l-5.41%201.8%201.8-5.41a2%202%200%200%201%201.27-1.27z%22%2F%3E%3C%2Fsvg%3E")}
footer{background:#11241c;color:#a9c7b8;border-top:3px solid #3aa37a}
footer a:hover{color:#7fe3b6}
.m-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;background:none;border:0;cursor:pointer;padding:10px;border-radius:10px}
.m-burger span{display:block;height:2.5px;width:100%;background:#2b241d;border-radius:2px;transition:transform .25s,opacity .2s}
.m-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.m-burger.open span:nth-child(2){opacity:0}
.m-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.m-menu{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(250,246,238,0.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 18px 36px -12px rgba(40,25,40,.25);z-index:60}
.m-menu.open{display:block;animation:mDrop .22s ease}
@keyframes mDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.m-menu ul{display:flex;flex-direction:column;list-style:none;margin:0;padding:6px 0 12px}
.m-menu li{opacity:0;transform:translateY(-7px)}
.m-menu.open li{animation:mItem .28s ease forwards}
.m-menu.open li:nth-child(1){animation-delay:.02s}
.m-menu.open li:nth-child(2){animation-delay:.06s}
.m-menu.open li:nth-child(3){animation-delay:.10s}
.m-menu.open li:nth-child(4){animation-delay:.14s}
.m-menu.open li:nth-child(5){animation-delay:.18s}
.m-menu.open li:nth-child(6){animation-delay:.22s}
.m-menu.open li:nth-child(7){animation-delay:.26s}
@keyframes mItem{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
.m-menu.open{animation:none}
.m-menu li{opacity:1;transform:none}
.m-menu.open li{animation:none}
}
.m-menu a{display:block;padding:13px 26px;font-size:16px;font-family:'Fredoka',sans-serif;color:#2b241d;border-bottom:1px solid rgba(0,0,0,.04)}
.m-menu a:hover,.m-menu a.active{color:#3aa37a;background:rgba(58,163,122,.08)}
@media(max-width:560px){
.m-burger{display:flex}
}
@media(min-width:561px){
.m-burger,.m-menu{display:none!important}
}
em,i,cite,dfn{font-style:normal!important}
h1,h2,h3,h4{font-family:'Fredoka',sans-serif!important;font-weight:700;font-style:normal}
h1 em,h2 em,h3 em,h4 em{font-style:normal!important}
.subject-hero h1,.topic-hero h1,.hero h1{font-style:normal}
h1,h2,h3,h4,h5,h6,.section-head h2,.abschnitt-head h3,.sub-titel,.sub-num,.sub-arrow,.sub-meta,.topic-card h4,.grade-card h3,.subject-card h3,.subject-card h3 *,.aufgabe-title,.aufgabe-num,.worked h3,.applet h3,.hinweis-card h4,.glossar summary,.ausblick h3,.phase h4,.feature h4,.subtitle,.hero-lead,.lead,.topic-intro{font-family:'Fredoka',Inter,sans-serif!important;font-style:normal!important}
.subject-hero h1 em,.topic-hero h1 em,.hero h1 em{color:#fff!important;font-style:normal!important}
.fakten{width:100%;border-collapse:separate;border-spacing:0;margin:22px 0 28px;font-size:15.5px;background:#fff;border:1px solid var(--rule);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(40,25,70,.05),0 6px 18px -10px rgba(61,42,107,.35)}
.fakten caption{caption-side:top;text-align:center;font-weight:600;color:var(--mathe-ink);font-size:17px;margin-bottom:12px;font-family:'Fredoka',sans-serif;letter-spacing:-.008em}
.fakten th,.fakten td{padding:13px 16px;text-align:center;vertical-align:middle;border-bottom:1px solid #efe7d6;line-height:1.45}
.fakten thead th{background:linear-gradient(180deg,var(--mathe) 0%,#efe9fb 100%);color:var(--mathe-ink);font-weight:700;font-size:12.5px;letter-spacing:0.055em;text-transform:uppercase;border-bottom:2px solid rgba(58,90,140,.35)}
.fakten thead th+th{border-left:1px solid rgba(58,90,140,.16)}
.fakten tbody td+td{border-left:1px solid #f2ecdd}
.fakten tbody td:first-child{font-weight:600;color:var(--mathe-ink);background:rgba(58,90,140,.045)}
.fakten tbody tr:last-child td{border-bottom:0}
.fakten tbody tr:nth-child(even){background:var(--bg-soft)}
.fakten tbody tr:hover td{background:rgba(58,90,140,.075)}
@media(max-width:640px){
.fakten{font-size:14px}
.fakten th,.fakten td{padding:10px 9px}
}
.afb-badge{background:none;border:1px solid currentColor;padding:2px 10px;border-radius:999px;font-weight:700;line-height:1.5}
.afb-1{color:#3c5e1f}
.afb-2{color:#84511b}
.afb-3{color:#7a2222}
.ux-matrix{margin-left:auto;margin-right:auto}
.ux-matrix th,.ux-matrix td{text-align:center!important;vertical-align:middle!important}
.ux-matrix tbody th[scope=row]{text-align:center!important;font-weight:600}
.figur{background:#fff;border:1.5px solid var(--mathe-deep);border-radius:16px;padding:18px 20px;margin:24px 0;box-shadow:var(--sh-sm,0 1px 2px rgba(20,40,80,.06),0 3px 8px rgba(20,40,80,.07))}
.figur svg{width:100%;height:auto;display:block;background:linear-gradient(180deg,#fbfcff 0%,#f2f6fc 100%);border:1px solid var(--rule);border-radius:12px}
.figur .fig-title{font-family:'Fredoka',sans-serif;font-size:15.5px;font-weight:600;color:var(--mathe-ink);margin-bottom:10px;display:flex;align-items:center;gap:.45em}
.figur .fig-cap{font-size:13.5px;color:var(--ink-soft);line-height:1.65;margin-top:12px;text-align:center;max-width:none}
.figur .fig-cap strong{color:var(--mathe-ink)}
.subhead.sub-ab{display:block;font-size:20.5px;margin:32px 0 10px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:var(--mathe-strong)}
@media print{
.figur{break-inside:avoid;box-shadow:none}
}
.xlink{--xa:var(--mathe,#d6e4f5);--xad:var(--mathe-deep,#a8c5e3);--xas:var(--mathe-strong,#3a5a8c);--xai:var(--mathe-ink,#15294a);display:flex;align-items:center;gap:14px;margin:38px 0 4px;padding:20px 24px;border-radius:16px;background:linear-gradient(135deg,#fff 0%,var(--bg-soft,#faf6ee) 100%);border:1.5px solid var(--rule,#c9bb9a);box-shadow:0 2px 10px rgba(0,0,0,.05);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .2s;color:inherit;text-decoration:none}
.xlink.top{margin:18px 0 26px}
.xlink:hover{border-color:var(--xas);transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,0,0,.10)}
.xlink .xic{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--xa);color:var(--xai)}
.xlink .xic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.xlink .xtxt{flex:1;min-width:0}
.xlink .xk{display:block;font-family:'Fredoka',Inter,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--xas);margin-bottom:2px}
.xlink .xt{display:block;font-family:'Fredoka',Inter,sans-serif;font-size:18px;font-weight:600;color:var(--ink,#1a1612);line-height:1.3}
.xlink .xs{display:block;font-size:14px;color:var(--ink-soft,#5b4f43);margin-top:3px;line-height:1.45}
.xlink .xarr{flex-shrink:0;font-size:20px;opacity:.4;transition:opacity .2s,transform .2s,color .2s}
.xlink:hover .xarr{opacity:1;color:var(--xas);transform:translateX(3px)}
.xlink.back .xarr{transform:scaleX(-1)}
.xlink.back:hover .xarr{transform:scaleX(-1) translateX(3px)}
.xlink:focus-visible{outline:2.5px solid var(--xas);outline-offset:3px}
@media(max-width:560px){
.xlink{padding:16px 18px;gap:11px}
.xlink .xt{font-size:16px}
}
@media print{
.xlink{break-inside:avoid}
}
@media(prefers-reduced-motion:reduce){
.xlink,.xlink .xarr{transition:none}
.xlink:hover{transform:none}
}
.teilaufgaben{list-style:none;counter-reset:ta;display:grid;gap:12px;margin:16px 0 6px;padding:0}
.teilaufgaben li{position:relative;background:var(--bg-soft);border-left:3px solid var(--mathe-strong);border-radius:8px;padding:13px 18px 13px 46px;font-size:16px;line-height:1.8}
.teilaufgaben li::before{counter-increment:ta;content:counter(ta,lower-alpha);position:absolute;left:15px;top:14px;width:22px;height:22px;border-radius:50%;background:var(--mathe-strong);color:#fff;font-family:Inter;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}
.teilaufgaben .op{font-weight:600;color:var(--mathe-ink)}
.eh .answer p{margin:0 0 10px}
.eh .answer p:last-child{margin-bottom:0}
@media(max-width:640px){
.teilaufgaben li{padding:12px 14px 12px 42px}
}
@media print{
.teilaufgaben li{break-inside:avoid}
}
@media(max-width:900px){
.abi-overview{grid-template-columns:repeat(2,1fr)}
.abi-overview .abi-chip:last-child{grid-column:1/-1}
}
#a1,#a2,#a3,#a4,#a5{scroll-margin-top:86px;border-top-width:4px;border-top-style:solid}
#a1{border-top-color:#a9c283}
#a2,#a3,#a4{border-top-color:#ebc48f}
#a5{border-top-color:#dda3a3}
.m-badge{display:inline-flex;align-items:center;background:var(--mathe-strong);color:#fff;font-family:Inter;font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:2.5px 8px;border-radius:7px;margin-right:2px}
.teilaufgaben .op{border-bottom:2px solid var(--mathe-deep);padding-bottom:1px}
@media(prefers-reduced-motion:reduce){
.abi-chip{transition:none}
.abi-chip:hover{transform:none}
}
@media print{
.abi-overview{display:none}
.abi-total{display:none}
}
.phase-head .afb-badge{margin-left:auto;flex-shrink:0;font-family:Inter;font-size:11.5px;letter-spacing:.03em}
@media(max-width:640px){
.phase-head .afb-badge{margin-left:0}
}
.phase>.aufgabe{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;box-shadow:none!important;transform:none!important}
.ta-gruppe{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.ta-gruppe+.ta-gruppe{margin-top:10px}
.ta-box{border:1.5px solid;border-radius:8px;padding:9px 14px}
.ta-box>summary{list-style:none;cursor:pointer;outline:none;font-family:Inter;font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:8px}
.ta-box>summary::-webkit-details-marker{display:none}
.ta-box>summary::before{content:"+";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;border-radius:5px;font-size:14px;line-height:1;color:#fff}
.ta-box[open]>summary::before{content:"\2212"}
.ta-box>summary:focus-visible{outline:2.5px solid currentColor;outline-offset:3px;border-radius:4px}
.ta-hinweis{background:#fff8ec;border-color:#e8c8a8}
.ta-hinweis>summary{color:#6b3a14}
.ta-hinweis>summary::before{background:#e79a3a}
.ta-eh{background:#f3eefa;border-color:var(--mathe-deep)}
.ta-eh>summary{color:var(--mathe-ink)}
.ta-eh>summary::before{background:var(--mathe-strong)}
.ta-body{margin-top:9px;padding-top:9px;border-top:1px dashed rgba(21,41,74,.16);font-size:14.5px;line-height:1.7;color:var(--ink)}
.ta-body p{margin:0 0 9px}
.ta-body p:last-child{margin-bottom:0}
.ta-body .why{display:block;margin-top:9px;padding-top:8px;border-top:1px dashed rgba(21,41,74,.16);font-size:12.5px;font-style:normal;color:var(--ink-soft)}
@media print{
.ta-box{break-inside:avoid;background:#fff}
.ta-body{display:block!important}
}
.teilaufgaben .op{position:relative;cursor:help;border-radius:2px;outline:none;border-bottom:2px solid var(--mathe-deep);padding-bottom:1px}
.teilaufgaben .op:hover,.teilaufgaben .op:focus-visible{background:rgba(58,90,140,.10)}
.teilaufgaben .op::after{content:attr(data-tip);position:absolute;left:0;top:calc(100% + 8px);z-index:40;width:min(320px,80vw);padding:10px 12px;border-radius:10px;background:var(--mathe-ink,#15294a);color:#fff;font:400 13.5px/1.45 Inter,system-ui,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none;white-space:normal;border-bottom:0}
.teilaufgaben .op::before{content:"";position:absolute;left:14px;top:calc(100% + 2px);border:6px solid transparent;border-bottom-color:var(--mathe-ink,#15294a);opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;z-index:41}
.teilaufgaben .op:hover::after,.teilaufgaben .op:focus-visible::after,.teilaufgaben .op:hover::before,.teilaufgaben .op:focus-visible::before{opacity:1;visibility:visible;transform:none}
@media (prefers-reduced-motion:reduce){
.teilaufgaben .op::after,.teilaufgaben .op::before{transition:none}
}
@media print{
.teilaufgaben .op::after,.teilaufgaben .op::before{display:none}
}
.tbl-wrap{overflow-x:auto;margin:14px 0}
@media(max-width:560px){
.topic-hero h1{font-size:29px;line-height:1.15;hyphens:auto;overflow-wrap:break-word}
.topic-hero .breadcrumb{overflow-wrap:anywhere}
}
.teilaufgaben .op{position:static}
.teilaufgaben li{position:relative}
.teilaufgaben .op::after{left:15px;right:auto;width:min(320px,calc(100% - 30px))}
.teilaufgaben .op::before{left:29px}
.section-head .kick svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){
.phase-head{flex-wrap:wrap;row-gap:8px}
.phase-head h2{min-width:0;overflow-wrap:anywhere}
.phase-head .afb-badge{margin-left:66px}
}
.figur,.aufgabe,.aufgabe-text{min-width:0}
.tbl-wrap{max-width:100%}
.topic-hero{padding:34px 0 48px;background-image:none;background-color:#122236}
.topic-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px;opacity:.5;pointer-events:none}
.topic-hero>.container{position:relative;z-index:1}
.topic-hero .breadcrumb{margin-bottom:34px}
.topic-hero .hero-anim #heroAnim{max-width:400px}
.progress-sticky{margin-top:26px}
:root{--measure:none}
.erklaer-text,.intro-lead,.stichliste,.topic-intro,.lead,.kontext,.fakten,.erklaer-text p{max-width:none!important}
.erklaer-text,.erklaer-text p,.intro-lead,.topic-intro,.kontext{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;line-height:2.05}
.stichliste{line-height:1.95}
.stichliste li{line-height:1.85}
.aufgabe-text,.aufgabe-text p,.worked-step,.glossar-item .def{line-height:1.95}
.topic-hero{position:relative;overflow:hidden;height:400px;min-height:400px;display:flex;align-items:center;padding:80px 0 64px}
.topic-hero>.container{width:100%;position:relative;z-index:2}
.topic-hero .breadcrumb{margin-bottom:20px}
.topic-hero .kicker{margin-bottom:8px}
.topic-hero .hero-grid{align-items:center}
.topic-hero h1{white-space:nowrap;font-style:normal;margin-bottom:0;line-height:1.06}
.topic-hero h1 em,.topic-hero h1 i,.topic-hero h1 cite{font-style:normal!important}
.topic-hero .subtitle,.topic-hero .hero-lead,.topic-hero .lead{max-width:none;font-size:16.5px;line-height:1.58;margin-top:12px;margin-bottom:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.topic-hero .subtitle em,.topic-hero .subtitle i,.topic-hero .subtitle cite,.topic-hero .hero-lead em,.topic-hero .hero-lead i,.topic-hero .lead em,.topic-hero .lead i{font-style:normal!important;font-weight:600}
.topic-hero .hero-anim{max-height:250px;align-items:center}
.topic-hero .hero-anim svg,.topic-hero #heroAnim{height:250px;max-height:250px;width:auto;max-width:100%}
@media(max-width:820px){
.topic-hero{height:auto;min-height:0;display:block;padding:56px 0 44px}
.topic-hero h1{white-space:normal}
.topic-hero .hero-anim svg,.topic-hero #heroAnim{height:auto;width:100%;max-width:300px;max-height:200px}
}
@media print{
.topic-hero{height:auto;min-height:0}
}
.phase{background:var(--bg-soft);border:1px solid var(--rule);border-radius:20px;padding:32px 36px;margin:0 0 24px!important;box-shadow:var(--sh-sm,0 1px 2px rgba(40,25,70,.06),0 3px 8px rgba(40,25,70,.07))}
.phase-head{display:flex!important;align-items:center!important;gap:13px!important;grid-template-columns:none!important;border-bottom:0!important;padding-bottom:0!important;margin-bottom:14px!important}
.phase-num{width:28px!important;height:28px!important;flex-shrink:0;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:9px!important;background:var(--mathe-strong,#3a5a8c)!important;color:#fff!important;font-family:'Fredoka',sans-serif!important;font-style:normal!important;font-weight:600!important;font-size:14px!important;line-height:1!important;letter-spacing:0!important;box-shadow:0 3px 8px -2px rgba(61,42,107,.45)!important;text-align:center!important}
.phase-head h2{font-size:27px!important;line-height:1.16!important;color:var(--mathe-ink,#15294a)!important;letter-spacing:-0.012em!important;font-weight:700!important}
.phase-head h2 em{font-style:normal!important}
.aufgabe{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:24px 28px}
.uebersicht-card{background:#fff;border:1.5px solid var(--mathe-deep);border-radius:14px;padding:18px 20px;box-shadow:0 4px 14px rgba(58,90,140,.10)}
.formeln{background:var(--bg-soft);border:1px solid var(--rule);border-left:4px solid var(--mathe-strong,#3a5a8c);border-radius:10px;padding:12px 14px}
@media(max-width:640px){
.phase{padding:24px 20px}
.phase-head h2{font-size:23px!important}
}
.topic-hero h1{white-space:normal!important;line-height:1.06!important}
.topic-hero h1 .hl{display:block;white-space:nowrap}
.topic-hero .subtitle,.topic-hero .hero-lead,.topic-hero .lead{-webkit-line-clamp:2!important}
@media(max-width:820px){
.topic-hero h1 .hl{white-space:normal}
}
.subject-hero h1,.topic-hero h1,.hero h1{font-size:clamp(38px,5vw,58px)!important;line-height:1.06!important;letter-spacing:-0.015em!important;margin-bottom:0!important;white-space:normal!important}
.subject-hero .subtitle,.subject-hero .hero-lead,.subject-hero .lead,.subject-hero .untertitel,.subject-hero .topic-intro,.subject-hero .ah-lead,.subject-hero .sub,.topic-hero .subtitle,.topic-hero .hero-lead,.topic-hero .lead,.topic-hero .untertitel,.topic-hero .topic-intro,.topic-hero .ah-lead,.topic-hero .sub,.hero .subtitle,.hero .hero-lead,.hero .lead,.hero .untertitel,.hero .topic-intro,.hero .ah-lead,.hero .sub{font-family:'Fredoka',Inter,sans-serif!important;font-weight:400!important;font-size:16.5px!important;line-height:1.58!important;max-width:620px!important;margin-top:12px!important;margin-bottom:0!important;color:rgba(255,255,255,0.92)!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;text-wrap:initial!important}
.subject-hero .subtitle em,.subject-hero .hero-lead em,.subject-hero .lead em,.topic-hero .subtitle em,.topic-hero .hero-lead em,.topic-hero .lead em,.hero .subtitle em,.hero .hero-lead em,.hero .lead em,.subject-hero .subtitle strong,.topic-hero .subtitle strong,.hero .subtitle strong,.topic-hero .hero-lead strong,.topic-hero .lead strong{font-style:normal!important;font-weight:500!important;color:#fff!important}
.subject-hero .hero-grid,.topic-hero .hero-grid,.hero .hero-grid{grid-template-columns:620px minmax(0,1fr)!important}
@media(max-width:820px){
.subject-hero .hero-grid,.topic-hero .hero-grid,.hero .hero-grid{grid-template-columns:1fr!important}
}
@media(max-width:700px){
.subject-hero .subtitle,.subject-hero .hero-lead,.subject-hero .lead,.topic-hero .subtitle,.topic-hero .hero-lead,.topic-hero .lead,.hero .subtitle,.hero .hero-lead,.hero .lead{max-width:100%!important;-webkit-line-clamp:4!important}
}
.sub-card:hover,.sub-card.reakt-card:hover,.sub-card.ka-card:hover,.sub-card.coming-soon:hover,.sub-ueb:hover,.xlink:hover,.topic-card:hover,.subject-card:hover,.grade-card:hover,.feature:hover,.hinweis-card:hover,.video-item:hover,.abi-chip:hover,.zg-card:hover,.coming-soon:hover{box-shadow:0 1px 2px rgba(40,30,25,.06)!important}
.sub-card:hover .sub-num,.sub-card.ka-card:hover .sub-num.icon{box-shadow:none!important}