/* ===========================================================
   site.css — öffentliche Seiten (Landing, Impressum, Datenschutz)
   Gleiche Marken-Tokens wie brand.css, aber OHNE externe
   Schrift-Einbindung: keine Verbindung zu Google-Servern,
   dadurch datenschutzrechtlich unbedenklich.
   =========================================================== */

:root{
  --bordeaux:#6E1E33; --bordeaux-deep:#571426; --bordeaux-soft:#8A3A4E;
  --beige:#E8DCC8; --beige-deep:#DCCDB2;
  --creme:#F7F2E9; --creme-warm:#FBF7EF;
  --anthracite:#3A3431; --anthracite-soft:#6B625C;
  --forest:#2F4A39; --forest-deep:#21372A;
  --line:rgba(58,52,49,0.16); --line-soft:rgba(58,52,49,0.09);
  --primary:var(--bordeaux); --primary-deep:var(--bordeaux-deep);
  --paper-opacity:0.5;
  /* Systemschriften: lokal vorhanden, keine externen Requests.
     Cormorant-Ersatz mit gleicher eleganter Serifen-Anmutung. */
  --serif:Georgia,'Iowan Old Style','Palatino Linotype',Palatino,'Times New Roman',serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Helvetica,Arial,sans-serif;
  --label-tracking:0.22em;
  --maxw:1200px; --radius:3px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);color:var(--anthracite);background:var(--creme);font-weight:400;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* Backpapier-Textur */
.paper{position:relative}
.paper::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:var(--paper-opacity);background-image:repeating-linear-gradient(0deg,rgba(58,52,49,0.022) 0 1px,transparent 1px 26px),radial-gradient(circle at 18% 12%,rgba(110,30,51,0.022),transparent 60%);z-index:0}
.paper > *{position:relative;z-index:1}
body[data-paper="off"] .paper::before{display:none}

h1,h2,h3,h4{font-family:var(--serif);font-weight:400;color:var(--anthracite);margin:0;line-height:1.14}
em,.italic{font-style:italic}
p{margin:0 0 1em;text-wrap:pretty}
.lede{font-size:clamp(17px,1.7vw,21px);line-height:1.6}
a{color:var(--primary);text-decoration:none}
a:hover{color:var(--primary-deep);text-decoration:underline}

.label{font-family:var(--sans);font-weight:600;font-size:12px;letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--primary)}
.label--muted{color:var(--anthracite-soft)}
.eyebrow{display:inline-flex;align-items:center;gap:14px}
.eyebrow::before{content:"";width:30px;height:1px;background:var(--primary);display:block}

.btn{font-family:var(--sans);font-weight:600;font-size:15px;letter-spacing:.02em;padding:14px 26px;border-radius:999px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:background .25s,color .25s,border-color .25s;text-decoration:none}
.btn--primary{background:var(--primary);color:var(--creme-warm)}
.btn--primary:hover{background:var(--primary-deep);color:var(--creme-warm);text-decoration:none}
.btn--ghost{background:transparent;color:var(--primary);border-color:var(--primary)}
.btn--ghost:hover{background:var(--primary);color:var(--creme-warm);text-decoration:none}

.wm{font-family:var(--serif);font-weight:400;color:var(--primary);line-height:1;letter-spacing:.005em}
.hr{height:1px;background:var(--line);border:0}