/* Kit pages: page layer on LeZo UI 2.0. lezo-ui.css (../../lezo/lezo-ui.css) is loaded first and provides tokens, header, footer, buttons, notices and cards.
   This file only holds what exists in the kit. Without JavaScript the text stays readable as plain text. */

.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)}
  .doc table{display:block;overflow-x:auto}
}

@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 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 a{color:#000;text-decoration:underline}
}