/* Kit-Seiten: Seitenschicht auf LeZo UI 2.0. 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}

.kopf nav a{min-height:var(--tipp)}
.fuss nav a{display:flex;align-items:center;min-height:var(--tipp);padding:0}

.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)}

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 table{width:100%;border-collapse:collapse;margin:var(--a4) 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}
@media (max-width:700px){
  .seite{padding:var(--a5) var(--a4) 0}
  .doc{padding:var(--a4)}
  /* Tabellen scrollen in sich (Seite bleibt fest). Schatten am Rand zeigen, dass es weitergeht (#2953). */
  .doc table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
    background:linear-gradient(to right,var(--flaeche) 30%,rgba(255,255,255,0)) 0 0/2.5rem 100% no-repeat local,
      linear-gradient(to left,var(--flaeche) 30%,rgba(255,255,255,0)) 100% 0/2.5rem 100% no-repeat local,
      radial-gradient(farthest-side at 0 50%,rgba(15,23,42,.22),rgba(15,23,42,0)) 0 0/.7rem 100% no-repeat scroll,
      radial-gradient(farthest-side at 100% 50%,rgba(15,23,42,.22),rgba(15,23,42,0)) 100% 0/.7rem 100% no-repeat scroll}
  .doc th,.doc td{padding:var(--a2)}
}

/* Bezahlhinweis-Box (render.js): PayPal-Link als 44-px-Tippflaeche (#3023) */
.zahlbox a{display:inline-block;min-height:44px;line-height:44px}

@page{size:A4;margin:18mm}
@media print{
  body{background:#fff;color:#000;font-size:11pt;line-height:1.5}
  .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 h2{break-before:auto}
  .doc pre.code{background:none;border:1px solid #999;color:#000;break-inside:avoid}
  .doc th,.doc td{border:1px solid #999;color:#000}
  .doc th{background:#eee}
  .doc tr{break-inside:avoid}
  .doc table{display:table;overflow:visible;background:none}
  .small{color:#000}
  .zahlbox a{display:inline;min-height:0;line-height:inherit}
  .doc a{color:#000;text-decoration:underline}
  /* Teil 04: jeder Aushang auf einer eigenen A4-Seite; der interne Hinweis «Wichtig» steht als erstes h2 auf Seite 1 bei der Einleitung (nicht auf einem Aushang) */
  .aushaenge .doc h2{break-before:page}
  .aushaenge .doc h2:first-of-type{break-before:auto}
  /* Review #256 (cfo b + L1): Teil 02, Abschnitt D (Aushang Waschküche) auf eigener Seite, E danach wieder neu */
  .waschkueche .doc h2:nth-of-type(4),.waschkueche .doc h2:nth-of-type(5){break-before:page}
  /* Test #3172: E beginnt oben auf neuer Seite, ohne Aussenabstand (sonst 48 px Leerzeile) */
  .waschkueche .doc h2:nth-of-type(5){margin-top:0}
  /* Review #256: Steuer-Titel «A. Aushang …» nicht aufs Aushangblatt drucken; das Element bleibt für den Seitenumbruch */
  .aushaenge .doc h2:not(:first-of-type),
  .waschkueche .doc h2:nth-of-type(4){font-size:0;line-height:0;height:0;min-height:0;margin:0;padding:0;border:0;overflow:hidden}
  /* Teil 07 (A8, #3168): B Einsatzplan, C Aushang, D Kontrollprotokoll, E KI-Prompts je auf eigener Seite; Steuer-Titel «C.» nicht aufs Aushangblatt drucken */
  .winterdienst .doc h2:nth-of-type(3),.winterdienst .doc h2:nth-of-type(4),.winterdienst .doc h2:nth-of-type(5),.winterdienst .doc h2:nth-of-type(6){break-before:page}
  .winterdienst .doc h2:nth-of-type(4){font-size:0;line-height:0;height:0;min-height:0;margin:0;padding:0;border:0;overflow:hidden}
}