/* Gemeinsames Design für Impressum & Datenschutzerklärung
   – übernimmt Farben und Schriften der Startseite. */

:root{
  --ink:#191510;
  --ink-soft:#453e33;
  --cream:#f6f1e8;
  --paper:#fffdf8;
  --red:#a6222a;
  --red-deep:#7e161d;
  --gold:#b6892f;
  --line:rgba(25,21,16,.14);
  --shadow:0 24px 60px -24px rgba(25,21,16,.28);
  --radius:18px;
  --font-serif:"Cormorant Garamond",Georgia,serif;
  --font-sans:"Jost",system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-sans);
  color:var(--ink);
  background:var(--paper);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--red);color:#fff}
img{max-width:100%;display:block}
picture{display:contents}
a{color:var(--red);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--red-deep)}
.container{width:min(820px,92%);margin-inline:auto}

/* ---------- Kopfbereich ---------- */
header{
  background:linear-gradient(180deg,var(--cream),var(--paper));
  border-bottom:1px solid var(--line);
  padding:1.5rem 0;
}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.nav-wrap img{height:46px;width:auto}
.back{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;font-weight:500;
  text-decoration:none;color:var(--ink);
  border:1px solid var(--line);border-radius:999px;padding:.55rem 1.2rem;
  transition:background .25s,color .25s,border-color .25s;
}
.back:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.back svg{width:15px;height:15px}

/* ---------- Inhalt ---------- */
main{padding:3.5rem 0 4.5rem}
.page-title{font-family:var(--font-serif);font-size:clamp(2.2rem,5vw,3rem);line-height:1.1;margin-bottom:.4rem}
.page-sub{color:var(--ink-soft);margin-bottom:2.5rem;font-size:1.02rem}
h2{
  font-family:var(--font-serif);font-size:1.6rem;line-height:1.2;
  margin:2.6rem 0 .8rem;padding-top:1.6rem;border-top:1px dashed var(--line);
}
h2:first-of-type{border-top:0;padding-top:0;margin-top:2rem}
h3{font-family:var(--font-serif);font-size:1.25rem;margin:1.6rem 0 .5rem}
p{margin-bottom:1rem;color:var(--ink-soft)}
p strong,li strong{color:var(--ink);font-weight:600}
ul,ol{margin:0 0 1.2rem 1.3rem}
li{margin-bottom:.45rem;color:var(--ink-soft)}
address{font-style:normal;color:var(--ink-soft);margin-bottom:1rem;line-height:1.8}

/* Hinweisbox */
.notice{
  background:rgba(166,34,42,.06);border-left:3px solid var(--red);
  border-radius:0 12px 12px 0;padding:1.1rem 1.3rem;margin:0 0 2.5rem;
}
.notice p{margin-bottom:.5rem;color:var(--ink)}
.notice p:last-child{margin-bottom:0}
.notice strong{display:block;font-family:var(--font-serif);font-size:1.2rem;margin-bottom:.3rem}

/* Auszufüllende Platzhalter – bewusst auffällig */
.todo{
  background:#fff3b0;color:#5a4500;border-bottom:2px dotted #b8860b;
  padding:.1em .4em;border-radius:3px;font-weight:500;
}

/* Kontaktkarte */
.card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:1.6rem 1.8rem;margin-bottom:1.6rem;box-shadow:var(--shadow);
}
.card h3{margin-top:0}

table{width:100%;border-collapse:collapse;margin-bottom:1.4rem;font-size:.97rem}
th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:600;background:var(--cream);color:var(--ink)}
td{color:var(--ink-soft)}

/* ---------- Fußbereich ---------- */
footer{background:var(--ink);color:rgba(246,241,232,.75);padding:2.8rem 0 1.8rem;margin-top:3rem}
footer .container{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;align-items:center}
footer a{color:rgba(246,241,232,.85)}
footer a:hover{color:#fff}
footer img{height:56px;width:auto}
.footer-links{display:flex;gap:1.4rem;font-size:.9rem;flex-wrap:wrap}

@media (max-width:620px){
  main{padding:2.5rem 0 3rem}
  h2{font-size:1.4rem}
  .card{padding:1.3rem 1.4rem}
  footer .container{flex-direction:column;align-items:flex-start}
}
@media print{
  header .back,footer{display:none}
  body{background:#fff}
  .todo{background:none;border-bottom:1px solid #000}
}