/* kapitel/einheit.css — EINHEITLICHES Aussehen von Merke-Box und „Allgemeine Hinweise“ auf allen Inhaltsseiten
   (Referenz: Chemie K9 › Flammenfärbung). Wird als LETZTES Stylesheet vor </body> eingebunden und überschreibt
   seiteneigene Altstile. Stand 14.10.2026. Markup:
   <div class="dbox dbox-merke"><span class="dbox-badge">Merke</span><div class="dbox-body"><p><strong class="dtitel">Begriff:</strong> …</p><p class="merke-formel">\( … \)</p></div></div>
   <div class="hinweis-grid"><div class="hinweis-card warn|tip"><h4>Titel</h4><p>Zwei Sätze.</p></div> … (genau 3)</div> */
html[data-fach="mathematik"]{--e-strong:#3a5a8c;--e-ink:#15294a}
html[data-fach="physik"]{--e-strong:#7c5fb5;--e-ink:#3d2a6b}
html[data-fach="informatik"]{--e-strong:#c47a3a;--e-ink:#6b3a14}
html[data-fach="chemie"]{--e-strong:#4a8a45;--e-ink:#1f4a1a}
html[data-fach="biologie"]{--e-strong:#b8542a;--e-ink:#5a2810}
:root{--e-rule:#d9cdb8}

.dbox.dbox-merke{position:relative!important;border:2.5px solid #4a7530!important;border-radius:16px!important;background:#fff!important;padding:20px 24px!important;margin:24px 0!important;box-shadow:0 5px 16px rgba(26,22,18,.07)!important}
.dbox.dbox-merke::after{content:'';display:block;clear:both}
.dbox.dbox-merke .dbox-badge{float:left!important;display:inline-block!important;margin:1px 14px 6px 0!important;padding:5px 16px!important;border-radius:999px!important;background:#4a7530!important;color:#fff!important;font-family:'Fredoka',sans-serif!important;font-weight:600!important;font-size:14px!important;letter-spacing:.04em!important;line-height:1.4!important;text-transform:none!important}
.dbox.dbox-merke .dbox-body{font-size:16.5px!important;line-height:1.8!important;color:var(--e-ink)!important}
.dbox.dbox-merke .dbox-body p{margin:0 0 6px!important}
.dbox.dbox-merke .dbox-body p:last-child{margin-bottom:0!important}
.dbox.dbox-merke .dtitel{font-family:'Fredoka',sans-serif;font-weight:600;color:var(--e-ink)}
.dbox.dbox-merke .merke-formel{clear:both;text-align:center!important;text-align-last:center;font-size:1.25em!important;margin:12px 0 10px!important;overflow-x:auto}
@media(max-width:640px){.dbox.dbox-merke{padding:18px 16px!important}.dbox.dbox-merke .dbox-badge{float:none!important;margin:0 0 10px!important}}

.hinweis-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:18px!important}
@media(max-width:900px){.hinweis-grid{grid-template-columns:1fr!important}}
.hinweis-card{padding:0!important;overflow:hidden;background:#fff!important;border:1px solid var(--e-rule)!important;border-top:1px solid var(--e-rule)!important;border-left:1px solid var(--e-rule)!important;border-radius:16px!important;box-shadow:0 1px 2px rgba(40,25,70,.06),0 6px 16px rgba(40,25,70,.07)!important;display:flex!important;flex-direction:column!important;transition:none!important;transform:none!important}
.hinweis-card h4{display:flex!important;align-items:center;gap:.6em;margin:0!important;padding:13px 18px!important;font-family:'Fredoka',sans-serif!important;font-size:16.5px!important;line-height:1.25!important;font-style:normal!important;color:var(--e-ink)!important;background:#f4ede0!important;border-bottom:1px solid var(--e-rule)!important}
.hinweis-card h4::before{content:"i";flex:0 0 24px;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;background:var(--e-strong)}
.hinweis-card.warn h4{background:#fbeeec!important}
.hinweis-card.warn h4::before{content:"!";background:#e2574c}
.hinweis-card.tip h4{background:#eef5e8!important}
.hinweis-card.tip h4::before{content:"\2713";background:#4a7530}
.hinweis-card p{padding:14px 18px 18px!important;font-size:14px!important;line-height:1.7!important;margin:0!important;color:#1a1612}
.hinweis-card .hint-tag{display:none!important}