:root{--ink:#29232b;--muted:#857b88;--green:#70445f;--green2:#8a5577;--lime:#f0c4d9;--paper:#fbf7fa;--line:#eee4eb;--white:#fff;--orange:#eaa36f;--red:#cf6e7a;--shadow:0 16px 48px #4b2b4212}
.sidebar{background:#392837}.brand-mark{background:#f0c4d9;color:#4e3549}.brand-light,.streak-top,.active .nav-icon{color:#f0c4d9}.brand small,.streak-card p,.callout small,.exam-banner p{color:#ecd9e5}.side-label,.sidebar-foot,.week span{color:#c3afbf}.nav-item{color:#d3c4d0}.nav-item.active{background:#5a4057;box-shadow:inset 3px 0 #f0c4d9}.nav-icon{color:#c2aec0}.week i.done,.dot{background:#f0c4d9;color:#4e3549}
.hero h1 em{color:#b2678b}.hero-art{background:#f2e2ea}.hill{background:#d8b6cb}.hill.two{background:#bb91ac}.road{background:#71606d}.road:before{border-color:#f5e7ef}.sun,.car{background:#f0c4d9}.car:before{background:#d39ab9}.sign{background:#937289}.sign:before{background:#fff9fc;color:#70445f}.car:after{background:#392837;box-shadow:55px 0 #392837}.progress-pill{color:#746471}.progress-pill b{color:#9e587b}
.button{background:#70445f}.button:hover{background:#8a5577}.button.secondary{background:#f1e6ed;color:#684a60}.button.secondary:hover{background:#ead8e3}.button.outline{border-color:#eadde6;color:#684a60}.hero-copy>p,.section-head p,.view-title p,.stat label,.result p,.flash-card p{color:#887d8a}.footer{color:#928794}.footer a,.link-btn{color:#9b627e}
.stat-icon,.topic-emoji{background:#f7eaf1;color:#a05e80}.topic-card:hover{border-color:#dcb8cd}.bar{background:#f2eaf0}.bar i{background:#c27b9f}.topic-meta b{color:#9b627e}.callout,.exam-banner{background:#634357}.callout .button,.exam-banner .button{background:#f0c4d9;color:#52394c}.callout .button .arrow,.exam-banner .button .arrow{color:#70445f}
.filter{border-color:#eee2ea;color:#817382}.filter.active{background:#70445f;border-color:#70445f}.question-card{box-shadow:0 7px 24px #4b2b4208}.q-chip{background:#f7eaf1;color:#9b627e}.q-illustration{display:block;width:100%;height:auto;max-height:190px;margin:0 0 18px;border-radius:12px;background:#fbf4f8;border:1px solid #f0e4ec}.answer{border-color:#eee5eb}.answer:hover{border-color:#dcb8cd;background:#fdf8fb}.answer input{border-color:#d5c7d2}.answer input:checked{background:#84536f;border-color:#84536f}.answer span{color:#5e535e}.answer.correct{background:#f5edf3;border-color:#caa8bd}.answer.wrong{background:#fff1f1;border-color:#e5aaa6}.text-button{color:#887c88}.feedback.ok{background:#f4edf4;color:#634e66}.feedback.no{background:#fff0f0;color:#884c59}
.q-side{background:#f3e9ef}.q-side p{color:#837685}.q-side .mini{border-color:#e5d6e1;color:#776a78}.q-side .mini b{color:#604660}.learn-footer{color:#968a95}.result-score{color:#84536f}.timer{background:#f5eaf1;color:#784c68}.toast{background:#67445e}

/* Offizielle Lernbilder und Erklärungsfelder */
.official-image-panel{background:#f5e6ee;border:1px solid #ebd4e0;border-radius:18px;padding:19px;display:flex;flex-direction:column;justify-content:center;gap:11px;min-height:240px}
.official-image-panel .art-tag{position:static;background:#fff;color:#8d5675;align-self:flex-start}
.official-progress{display:flex;align-items:baseline;gap:10px;color:#80516c}
.official-progress b{font:800 42px Manrope;color:#a4527c}
.official-progress span{font-size:12px}
.official-image-panel>a,.official-sign-source>a{font-size:11px;color:#8f4c73;font-weight:700}
.official-sign-source{min-height:190px;border:1px solid #ecdce6;background:#fbf6f9;border-radius:14px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}
.official-sign-source p{font-size:12px;color:#756873;margin:0}
.source-badge{font-size:10px;font-weight:700;color:#8b5774;background:#f3e3ec;border-radius:20px;padding:6px 10px}
.easy-explain{display:grid;grid-template-columns:1fr auto;gap:16px;background:#fbf2f7;border:1px solid #ecd8e4;border-radius:11px;padding:14px;margin:14px 0;color:#5e4e59}
.easy-explain p{margin:7px 0 0;font-size:12px;line-height:1.6}
.key-words{display:grid;gap:6px;min-width:160px;font-size:10px}
.key-words span{display:flex;justify-content:space-between;gap:12px}
.key-words i{font-style:normal;color:#9b6683}
.help-button{border:1px solid #dfbfd1;border-radius:50%;width:27px;height:27px;background:#fff;color:#925878;font-weight:800;cursor:pointer}
.sign-art{width:170px;height:120px;object-fit:contain}
.sign-stage{display:flex;align-items:center;gap:20px;margin:20px 0;padding:16px;border-radius:13px;background:#fcf7fa}
.sign-stage p{font-size:11px;color:#887986}
.image-fallback{color:#765a6d;font-size:11px}
@media(max-width:700px){.easy-explain{grid-template-columns:1fr}.sign-stage{align-items:flex-start;flex-direction:column}}
.theorie24-photo{display:block;width:100%;max-height:190px;object-fit:contain;border-radius:10px;background:#fff}
.official-question-image{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;background:#fff;border:1px solid #eee2ea;border-radius:12px;margin:0 0 18px}

/* Weißer Hintergrund, Rosa als Akzent; Feedback mit klaren Prüfungsfarben */
:root{--paper:#fff;--line:#eee5eb}
body,.main,.content{background:#fff}
.sidebar{background:#fff;color:#392837;border-right:1px solid #eee5eb}
.brand,.nav-item{color:#392837}
.brand small,.side-label,.sidebar-foot,.week span{color:#8a7b87}
.nav-icon{color:#9a7e90}
.nav-item:hover{background:#fbf4f8;color:#392837}
.nav-item.active{background:#f7eaf1;color:#5e3f54;box-shadow:inset 3px 0 #c27b9f}
.nav-item.active .nav-icon,.brand-light,.streak-top{color:#a4527c}
.streak-card{background:#fff8fb;border-color:#ecdce6}
.streak-days{color:#5b4a56}
.hero-art{background:#fff;border:1px solid #eee5eb}
.question-card,.flash-card,.stat,.topic-card{background:#fff}
.answer.correct{background:#eaf7ed;border-color:#72bb83}
.answer.correct span{color:#246b37}
.answer.wrong{background:#fff0ef;border-color:#e28b85}
.answer.wrong span{color:#a52d2d}
.feedback.ok{background:#eaf7ed;color:#246b37;border:1px solid #b9dfc1}
.feedback.no{background:#fff0ef;color:#a52d2d;border:1px solid #efc1bd}