/* Seitenschicht der ki-*-Einstiegsseiten (ki-verein, ki-lehrbetriebe, ki-handwerk, ki-gastro, ki-coiffeur, ki-praxis,
   ki-treuhand, ki-garage) auf LeZo UI 2.0. Wird NACH lezo-ui.css geladen (<link href="../lezo/lezo-ui.css"> dann
   <link href="../lezo/ki-seite.css">). Enthält nur, was es nur auf diesen Seiten gibt. Chef-Auftrag #940, Aufgabe #982. */

.ki-hero{background:var(--flaeche);border-bottom:1px solid var(--linie)}
.ki-hero .in{max-width:46rem;margin:0 auto;padding:var(--a10) var(--a5) var(--a8)}
.ki-hero h1{margin:0 0 var(--a3)}
.ki-hero p{margin:0;color:var(--text-2);font-size:var(--fs-l)}

.seite{max-width:46rem;margin:0 auto;padding:var(--a8) var(--a5) 0}
.seite>h1:first-child,.seite>h2:first-child{margin-top:0}

/* Kopierbare Prompts und Muster */
.seite pre{margin:0 0 var(--a4);padding:var(--a4);background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-m);white-space:pre-wrap;overflow-wrap:break-word;font-family:inherit;font-size:var(--fs-s);line-height:1.6;color:var(--text)}

/* Preis und Kauf */
.preisbox{background:var(--akzent-weich);border-color:var(--akzent-rand);margin:var(--a6) 0}
.preisbox p:last-child{margin-bottom:0}
.seite ul{padding-left:1.4em}
.seite li{margin:0 0 var(--a1)}

/* Tippflächen (#1027, Punkt 7): Kopf- und Fusszeilen-Links auch mit Maus 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}

@media (max-width:700px){
  .ki-hero .in{padding:var(--a6) var(--a4) var(--a5)}
  .seite{padding:var(--a5) var(--a4) 0}
}
@media print{
  @page{size:A4;margin:18mm}
  body{background:#fff;color:#000}
  .ki-hero{background:none;border:0}
  .seite pre{border:1px solid #999;color:#000}
  .btn{display:none!important}
}

/* #3230 (Mobiltest #3036, K2/K3): Sprungleiste tippbar, Anker nicht unter dem sticky Kopf (mobil 105 px hoch) */
html{scroll-padding-top:120px}
nav[aria-label="Auf dieser Seite"] a{display:inline-block;padding:12px 6px;min-width:44px;text-align:center;box-sizing:border-box}
