/* Gemeinsamer Stil der Rechtsseiten des Terminbuchs (Impressum, Datenschutz).
   Bewusst eine eigene, kleine Datei statt der großen index.html-Stile: Diese
   Seiten sollen auch dann sauber aussehen, wenn die Anwendung sich ändert. */
:root{
  --ink:#0d2b33; --body:#4a656d; --teal:#0e6e7e; --teal-d:#0a5460;
  --sky:#f8fbfc; --line:#dbe8ec; --green:#12a866; --r:14px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
@font-face{
  font-family:"Manrope"; src:url("/manrope-800.woff2") format("woff2");
  font-weight:800; font-display:swap;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--sky); color:var(--body);
  font:16px/1.65 var(--font); padding:0 16px 64px;
}
.huelle{max-width:760px; margin:0 auto}
header{padding:28px 0 8px; border-bottom:1px solid var(--line); margin-bottom:28px}
.marke-logo{display:flex; align-items:center; gap:10px; text-decoration:none}
.marke-logo img{height:26px; width:auto}
.wortmarke{
  font-family:"Manrope",var(--font); font-weight:800; font-size:20px;
  letter-spacing:.08em; color:var(--green);
}
h1{color:var(--ink); font-size:28px; line-height:1.25; margin:24px 0 4px}
h2{color:var(--ink); font-size:18px; margin:32px 0 6px}
.augenbraue{
  text-transform:uppercase; letter-spacing:.12em; font-size:12px;
  color:var(--teal); font-weight:700; margin:0;
}
p,li{margin:10px 0}
ul{padding-left:20px}
a{color:var(--teal-d)}
table{border-collapse:collapse; width:100%; margin:14px 0}
th,td{border:1px solid var(--line); padding:8px 10px; text-align:left; vertical-align:top}
th{background:#eef6f8; color:var(--ink); font-weight:600}
.kasten{
  background:#fff; border:1px solid var(--line); border-radius:var(--r);
  padding:16px 18px; margin:18px 0;
}
.zurueck{display:inline-block; margin-top:36px}
footer{margin-top:40px; padding-top:16px; border-top:1px solid var(--line); font-size:14px}
@media (max-width:520px){ h1{font-size:23px} body{font-size:15px} }