/* Bodymed Center Seesen — Ruhend-Seite
   Sechs Grundentscheidungen (bewusst gesetzt, nicht Framework-Default):
   1 Akzent   #98BF0C Limette + #003C6D Blau — direkt aus dem Marken-Logo gemessen
   2 Neutrals warmes Papier statt Weiss, Neutralrampe leicht ins Warme getoent
   3 Typo     zwei Rollen: Serif-Display (Charakter) / System-Sans (Text) — keine externen Fonts
   4 Radius   crisp 3px, konsequent — kein rounded-lg-Teppich
   5 Tiefe    Hairline-Borders statt Schatten
   6 Motion   eine Kurve: cubic-bezier(.32,.72,0,1), 180ms
*/

:root{
  --lime:#98BF0C;
  --lime-tief:#7c9d0a;
  --blau:#003C6D;
  --blau-hell:#2a6392;

  --papier:#f4f3ec;               /* warmes Papier, kein #fff */
  --flaeche:#fdfcf7;
  --linie:#ddd9c9;
  --linie-zart:#e9e6da;
  --text:#22303a;
  --text-leise:#5f6b6f;

  --radius:3px;
  --ease:cubic-bezier(.32,.72,0,1);
  --dauer:180ms;
}

@media (prefers-color-scheme: dark){
  :root{
    --lime:#b8dd3a;
    --lime-tief:#c9e85c;
    --blau:#7fb2d8;
    --blau-hell:#9cc6e4;

    --papier:#12181c;
    --flaeche:#182025;
    --linie:#2b363c;
    --linie-zart:#232d33;
    --text:#e6e8e4;
    --text-leise:#9aa5a8;
  }
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}

body{
  font-family:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  font-size:17px;
  line-height:1.68;
  color:var(--text);
  background:var(--papier);
  -webkit-font-smoothing:antialiased;
}

/* Asymmetrisch: schmale Markenkante links, Inhalt linksbuendig.
   Bewusst KEIN zentrierter Karten-Hero. */
.rahmen{
  min-height:100vh;
  border-left:6px solid var(--lime);
  padding:clamp(32px,7vw,86px) clamp(22px,6vw,72px);
}
.spalte{max-width:62ch}

.logo{
  display:block;
  width:clamp(230px,42vw,310px);
  height:auto;
  margin-bottom:clamp(34px,6vw,54px);
}
@media (prefers-color-scheme: dark){
  /* dunkles Logo-Blau auf dunklem Grund aufhellen, ohne die Limette zu kippen */
  .logo{filter:brightness(1.35) saturate(1.05)}
}

/* Display-Rolle: Serif mit Charakter, negatives Tracking, leichte Weite */
h1{
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  font-size:clamp(30px,5.4vw,50px);
  line-height:1.1;
  letter-spacing:-.022em;
  font-weight:600;
  color:var(--blau);
  margin-bottom:26px;
}

.status{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--lime-tief);
  border:1px solid var(--lime);
  border-radius:var(--radius);
  padding:5px 11px;
  margin-bottom:24px;
}
@media (prefers-color-scheme: dark){ .status{color:var(--lime)} }

.lead{
  font-size:clamp(19px,2.4vw,21px);
  line-height:1.6;
  color:var(--text);
  margin-bottom:22px;
}
p{margin-bottom:20px}
p:last-child{margin-bottom:0}

/* Welle — das Signaturelement der Marke, als Trenner statt einer 08/15-Linie */
.welle{
  display:block;
  width:100%;
  max-width:520px;
  height:auto;
  margin:clamp(34px,5vw,48px) 0 clamp(28px,4vw,38px);
  overflow:visible;
}

.kontakt{
  border-top:1px solid var(--linie);
  padding-top:22px;
}
.kontakt dt{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--text-leise);
  margin-bottom:6px;
}
.kontakt dd{font-size:18px}
.kontakt a{
  color:var(--blau);
  text-decoration:none;
  border-bottom:1px solid var(--lime);
  padding-bottom:1px;
  transition:color var(--dauer) var(--ease),border-color var(--dauer) var(--ease);
}
.kontakt a:hover{color:var(--lime-tief);border-bottom-color:var(--blau)}

footer{
  margin-top:clamp(44px,7vw,72px);
  padding-top:18px;
  border-top:1px solid var(--linie-zart);
  font-size:14px;
  color:var(--text-leise);
}
footer a{
  color:var(--text-leise);
  text-decoration:none;
  transition:color var(--dauer) var(--ease);
}
footer a:hover{color:var(--blau)}
footer .trenn{margin:0 10px;opacity:.5}

a:focus-visible,:focus-visible{
  outline:2px solid var(--lime);
  outline-offset:3px;
  border-radius:var(--radius);
}

/* ---- Rechtstexte (Impressum / Datenschutz) ---- */
.doc h1{font-size:clamp(27px,4.4vw,38px);margin-bottom:30px}
.doc h2{
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  font-size:20px;
  font-weight:600;
  color:var(--blau);
  letter-spacing:-.012em;
  margin:34px 0 10px;
}
.doc h2:first-of-type{margin-top:0}
.doc .spalte{max-width:70ch}
.doc address{font-style:normal;margin-bottom:18px}
.doc ul{margin:0 0 20px 20px}
.doc li{margin-bottom:6px}
.doc a{color:var(--blau)}
.stand{
  margin-top:34px;
  font-size:14px;
  color:var(--text-leise);
}

@media (prefers-reduced-motion: reduce){
  *{transition:none !important;animation:none !important}
}