/* Marke Minijob-Stundenzettel (DESIGN.md) – nur Variablen und wenige kommentierte Zeilen, Basis ist /assets/kit/kit.css (K4a). */
:root {
  --marke: #1f4e79;
  --marke-dunkel: #173b5c;
  --marke-hell: #e8eff6;
  --akzent: #e8a33d;
  --flaeche: #f4f6f9;
  --text: #1d2430;
  --linie: #dfe3ea;
  --radius: 12px;
}
/* Textseiten (Ratgeber, Vorlagen, Rechtstexte): schmale Lesespalte unter dem Kopf */
main.text { max-width: 52rem; padding-block: 2.5rem 1.5rem; }
/* Druckvorlagen und Rechtstabellen: Gitterlinien, damit man auf Papier ausfüllen kann */
main.text th, main.text td { border: 1px solid var(--linie); }
/* Hinweise, die nicht mitgedruckt werden; Kopf im Startbereich ohne Lücke zum Logo auf schmalen Bildschirmen */
@media print { .noprint { display: none; } }
@media (max-width: 420px) { .logo { font-size: 1rem; } .kopf .btn { padding-inline: .9rem; } }
/* Lange deutsche Wörter (Aufzeichnungspflicht, Geschäftsbedingungen) dürfen bei 390 px nicht überlaufen; Textseiten mit kleinerer h1 */
h1, h2, h3, main.text { overflow-wrap: break-word; hyphens: auto; }
main.text h1 { font-size: clamp(1.75rem, 1.2rem + 2.4vw, 2.6rem); }
/* Breite Tabellen scrollen auf dem Handy in sich statt die Seite zu verbreitern */
@media (max-width: 760px) { main.text table { display: block; overflow-x: auto; } }