/* Hinweise (hinweise.js) – nutzt die Farben der Seite (--karte, --text …), sonst eigene */
[data-hinweise].hs-leer { display: none; }
.hs-hinweis { background: var(--karte, #fff); color: var(--text, #0f172a); border-radius: 16px; margin: 0 0 22px;
              padding: 20px clamp(18px, 5vw, 32px); border-left: 6px solid var(--hs-farbe);
              box-shadow: 0 1px 0 var(--linie, #e2e8f3), 0 10px 30px rgba(15, 23, 42, .05); }
.hs-stoerung { --hs-farbe: #d64545; --hs-grund: #fde8e8; --hs-schrift: #9b1c1c; }
.hs-wartung  { --hs-farbe: #d98a00; --hs-grund: #fff3d6; --hs-schrift: #8a5300; }
.hs-info     { --hs-farbe: #2b59c3; --hs-grund: #e6edfb; --hs-schrift: #2148a3; }
@media (prefers-color-scheme: dark) {
  :root:not([data-thema="hell"]) .hs-stoerung { --hs-grund: #3b1a1f; --hs-schrift: #ff9b9b; }
  :root:not([data-thema="hell"]) .hs-wartung  { --hs-grund: #3a2a0c; --hs-schrift: #ffc970; }
  :root:not([data-thema="hell"]) .hs-info     { --hs-grund: #16223a; --hs-schrift: #8db1ff; }
}
:root[data-thema="dunkel"] .hs-stoerung { --hs-grund: #3b1a1f; --hs-schrift: #ff9b9b; }
:root[data-thema="dunkel"] .hs-wartung  { --hs-grund: #3a2a0c; --hs-schrift: #ffc970; }
:root[data-thema="dunkel"] .hs-info     { --hs-grund: #16223a; --hs-schrift: #8db1ff; }
.hs-kopf { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 6px; }
.hs-art, .hs-schild, .kachel .hs-schild { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
                      padding: 3px 9px; border-radius: 999px; background: var(--hs-grund); color: var(--hs-schrift); }
.hs-betrifft { font-size: 14px; color: var(--leise, #52607a); }
.hs-titel { font-size: 20px; line-height: 1.3; margin: 0 0 6px; color: var(--tinte, #0f172a); }
.hs-text { margin: 0 0 6px; white-space: pre-line; overflow-wrap: anywhere; }
.hs-zeit { margin: 0; font-size: 14px; color: var(--leise, #52607a); }
.hs-schild, .kachel .hs-schild { margin-left: 8px; vertical-align: 2px; letter-spacing: .04em; line-height: 1.4; }
