/* Kit-Seiten: Seitenschicht auf LeZo UI 2.0 (Muster ki-verein/toolkit). Die Datei lezo-ui.css (../../lezo/lezo-ui.css) wird vorher geladen
   und liefert Tokens, Kopf, Fuss, Knöpfe, Meldungen und Karten. Hier steht nur, was es nur im Kit gibt. */

.seite{max-width:46rem;margin:0 auto;padding:var(--a8) var(--a5) 0}
.seite>h1{margin-top:0}
.werkzeug{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--a3);margin:0 0 var(--a6)}
.werkzeug a{display:inline-flex;align-items:center;min-height:var(--tipp);font-weight:500}

/* Tippflächen: Kopf- und Fusszeilen-Links mindestens 44 px hoch */
.kopf nav a{min-height:var(--tipp)}
.fuss nav a{display:flex;align-items:center;min-height:var(--tipp);padding:0}

/* Übersichtsseite */
.preisbox{background:var(--akzent-weich);border-color:var(--akzent-rand);margin:var(--a6) 0}
.preisbox p:last-child{margin-bottom:0}
.liste{list-style:none;margin:0 0 var(--a6);padding:0;display:grid;gap:var(--a2)}
.liste a{display:flex;align-items:center;min-height:var(--tipp);padding:var(--a3) var(--a4);background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-m);color:var(--ink);font-weight:500;text-decoration:none;transition:border-color var(--dauer),box-shadow var(--dauer)}
.liste a:hover{border-color:var(--linie-stark);box-shadow:var(--sch-2)}

/* Dokumentseiten: render.js ersetzt <pre id="src"> durch <div class="doc"> */
pre#src{white-space:pre-wrap;font-family:inherit}
.doc{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-l);padding:var(--a6);overflow-wrap:break-word}
.doc>:first-child{margin-top:0}
.doc>:last-child{margin-bottom:0}
.doc ul,.doc ol{margin:0 0 var(--a4);padding-left:1.4em}
.doc li{margin:0 0 var(--a1)}
.doc pre.code{margin:var(--a4) 0;padding:var(--a4);background:var(--flaeche-2);border:1px solid var(--linie);border-radius:var(--r-m);white-space:pre-wrap;font-family:inherit;font-size:var(--fs-s)}
.doc .tbl{overflow-x:auto;margin:var(--a4) 0}
.doc .tbl:focus-visible{outline:2px solid var(--akzent,#1a56db);outline-offset:2px}
.doc table{width:100%;border-collapse:collapse;margin:0;font-size:var(--fs-s)}
.doc th,.doc td{border:1px solid var(--linie);padding:var(--a2) var(--a3);text-align:left;vertical-align:top}
.doc th{background:var(--flaeche-2);color:var(--text-2);font-weight:600}

/* Breite Seiten (Wochenplan, Eigenplan): Querformat beim Drucken, Tabelle scrollt auf dem Handy */
body.quer .seite{max-width:80rem}
body.quer .doc table{font-size:.8rem;min-width:62rem}
/* #3418: Bildschirm mind. 14 px (0.875rem); Druck/A4 bleibt bei 7.5pt (Regel im @media print unten) */
@media screen{body.quer .doc table{font-size:.875rem;min-width:68rem}}
body.quer .doc td:nth-child(2){white-space:nowrap}
body.eigen .doc td{height:2.6em}
@media (max-width:700px){
  .seite{padding:var(--a5) var(--a4) 0}
  .doc{padding:var(--a4)}
  .doc table{min-width:34rem}
  body.quer .doc table{min-width:68rem}
}

/* Druck: A4, schwarz auf weiss. Kopf, Fuss und Werkzeugleiste blendet lezo-ui.css über .noprint aus. */
@page{size:A4;margin:18mm}
@media print{
  body{background:#fff;color:#000;font-size:11pt;line-height:1.5}
  .seite,body.quer .seite{max-width:none;padding:0}
  .btn{display:none!important}
  .doc{background:none;border:0;border-radius:0;padding:0}
  .doc h1,.doc h2,.doc h3{color:#000;break-after:avoid}
  .doc pre.code{background:none;border:1px solid #999;color:#000;break-inside:avoid}
  .doc .tbl{overflow:visible}
  .doc table,body.quer .doc table{min-width:0;width:100%}
  body.quer .doc table{font-size:7.5pt;line-height:1.3}
  body.quer .doc th,body.quer .doc td{padding:2pt 3pt}
  .doc th,.doc td{border:1px solid #999;color:#000}
  .doc th{background:#eee}
  .doc tr,.doc li{break-inside:avoid}
  .doc a{color:#000;text-decoration:underline}
}

/* Bezahlhinweis-Box (render.js): PayPal-Link als 44-px-Tippflaeche (#3036, wie A8 #3023) */
.zahlbox a{display:inline-block;min-height:44px;line-height:44px}
@media print{.zahlbox a{display:inline;min-height:0;line-height:inherit}}