/* Gemeinsames Stylesheet der Rechtsseiten.
   Gleiche Farbwelt und Schriften wie die Hauptseiten, nur ruhiger gesetzt:
   Pflichttexte muessen lesbar sein, nicht beeindrucken. */

:root{
  --bg:#f7f5f1; --card:#fffdf9; --tint:#eee9e0;
  --ink:#191713; --ink2:#6d675c; --hair:#dcd6ca;
  --gold:#8c6d3f; --gold2:#ab8a54;
  --disp:"Cormorant Garamond",Georgia,serif; --sans:"Archivo",system-ui,sans-serif;
}
*{box-sizing:border-box; margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg); color:var(--ink); font-family:var(--sans); font-size:16.5px; line-height:1.7; -webkit-font-smoothing:antialiased}
.wrap{max-width:820px; margin:0 auto; padding:0 30px}
a{color:var(--gold)} a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--gold); outline-offset:3px}

header{position:sticky; top:0; z-index:20; background:rgba(247,245,241,.94); backdrop-filter:blur(10px); border-bottom:1px solid var(--hair)}
header .wrap{max-width:1240px; display:flex; align-items:center; justify-content:space-between; height:70px; gap:20px}
.logo{font-family:var(--disp); font-size:1.45rem; font-weight:600; color:var(--ink); text-decoration:none}
.logo span{font-family:var(--sans); font-size:.62rem; letter-spacing:.28em; text-transform:uppercase; color:var(--ink2); margin-left:10px; font-weight:600}
.back{font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; font-weight:600; color:var(--ink2); text-decoration:none}
.back:hover{color:var(--gold); text-decoration:none}

.label{font-size:.7rem; letter-spacing:.3em; text-transform:uppercase; font-weight:600; color:var(--ink2)}
h1{font-family:var(--disp); font-weight:500; font-size:clamp(2.4rem,5.5vw,4rem); line-height:1.04; letter-spacing:-.02em; margin:14px 0 0}
h2{font-family:var(--disp); font-weight:500; font-size:1.85rem; line-height:1.15; margin:52px 0 14px; padding-top:26px; border-top:1px solid var(--hair)}
h2:first-of-type{border-top:none; padding-top:0}
h3{font-family:var(--sans); font-weight:600; font-size:1rem; margin:26px 0 8px}
p{margin-bottom:1em}
ul,ol{margin:0 0 1.1em; padding-left:22px}
li{margin-bottom:.5em}
main{padding:56px 0 90px}
.lede{font-family:var(--disp); font-size:1.35rem; line-height:1.45; color:var(--ink2); margin:20px 0 8px}
.small{font-size:.87rem; line-height:1.62} .muted{color:var(--ink2)}
strong,b{font-weight:600}

/* Entwurfs-Hinweis — vor dem Livegang loeschen, siehe Kommentar in jeder Datei */
.draftnote{background:#fff4d6; border:1px solid #e2c477; padding:18px 22px; margin:28px 0 0; font-size:.88rem; line-height:1.6}
.draftnote b{display:block; margin-bottom:4px}

.box{background:var(--card); border:1px solid var(--hair); padding:26px 28px; margin:22px 0}
.box h3:first-child{margin-top:0}
.callout{border-left:2px solid var(--gold); padding:4px 0 4px 20px; margin:22px 0; color:var(--ink2)}
.formular{background:var(--card); border:1px dashed var(--hair); padding:26px 28px; margin:22px 0; font-size:.92rem}
.formular .line{border-bottom:1px solid var(--hair); height:1.9em}
address{font-style:normal}
dl{margin:0 0 1.1em} dt{font-weight:600; margin-top:14px} dd{margin:0; color:var(--ink2)}
table{width:100%; border-collapse:collapse; margin:18px 0; font-size:.9rem}
th,td{text-align:left; padding:10px 12px 10px 0; border-bottom:1px solid var(--hair); vertical-align:top}
th{font-size:.68rem; letter-spacing:.16em; text-transform:uppercase; color:var(--ink2); font-weight:600}
.ph{background:var(--tint); padding:1px 7px; font-weight:600; white-space:nowrap}

footer{background:var(--ink); color:#a39c8d; padding:52px 0 36px; font-size:.86rem}
footer .wrap{max-width:1240px}
footer a{color:#a39c8d} footer a:hover{color:var(--gold2)}
footer .nav{display:flex; gap:22px; flex-wrap:wrap; margin-bottom:22px}
.fine{border-top:1px solid #37332b; padding-top:20px; font-size:.8rem; color:#7c766a}

/* Widerrufsbutton nach § 356a BGB, Pflicht seit 19.06.2026.
   Muss sich im Footer DEUTLICH von Impressum/AGB abheben — die
   Gesetzesbegruendung verlangt ausdruecklich Farbe oder Kontrast und eine
   hervorgehobene Platzierung. Ein normaler Textlink genuegt nicht.
   Nicht abschwaechen, auch wenn es gestalterisch ruhiger waere. */
footer .nav a.wbtn{
  background:var(--gold); color:#fff; padding:9px 18px; font-weight:600;
  font-size:.78rem; letter-spacing:.1em; text-transform:uppercase;
  border:1px solid var(--gold); margin-top:-9px;
}
footer .nav a.wbtn:hover{background:var(--gold2); border-color:var(--gold2); color:#fff; text-decoration:none}