/* ---------------------------------------------------------------
   FemiPower · Rechtsseiten
   Dieselbe Farbwelt und Schrift wie die Startseite, nur ruhiger
   gesetzt: eine schmale Spalte, viel Luft, nichts, was ablenkt.
   --------------------------------------------------------------- */
:root{
  --bg:#FDFCF9;
  --bg-warm:#F7F4EC;
  --fg:#2B302B;
  --fg-dim:#6E756D;
  --line:#E6E2D8;
  --gruen:#A9C4A4;
  --gruen-tief:#5E7D5C;
  --gruen-hauch:#EDF3EA;
  --gelb:#F0D98C;
  --gelb-hauch:#FBF5E2;
  --rand:clamp(20px, 6vw, 48px);
  --breite:680px;
  --serif:'Cormorant Garamond',Georgia,'Iowan Old Style',serif;
  --sans:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--fg);
  font-family:var(--sans);font-size:17px;line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
.mitte{width:100%;max-width:calc(var(--breite) + 2 * var(--rand));margin:0 auto;padding:0 var(--rand)}

/* Kopf */
.kopf{padding:clamp(38px,6vw,64px) 0 clamp(30px,5vw,48px);text-align:center}
.kopf a{display:inline-block;text-decoration:none}
.kopf img{width:clamp(40px,6vw,56px);height:auto;display:block;margin:0 auto 14px}
.marke{font-family:var(--serif);font-size:14px;letter-spacing:.34em;text-transform:uppercase;color:var(--gruen-tief)}

/* Titel */
h1{font-family:var(--serif);font-weight:500;font-size:clamp(38px,6.4vw,58px);line-height:1.08;margin:0 0 .35em;letter-spacing:-.01em}
.vorspann{font-size:clamp(19px,2.4vw,22px);color:var(--fg-dim);margin:0 0 clamp(34px,5vw,54px);font-family:var(--serif)}

/* Abschnitte */
section{padding:0 0 clamp(30px,4vw,42px)}
h2{font-family:var(--serif);font-weight:500;font-size:clamp(25px,3.4vw,31px);line-height:1.2;margin:clamp(30px,4vw,44px) 0 .5em}
h3{font-family:var(--serif);font-weight:500;font-size:20px;margin:26px 0 .4em}
p{margin:0 0 1em}
ul{margin:0 0 1.2em;padding-left:0;list-style:none}
li{position:relative;padding-left:22px;margin-bottom:.6em}
li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--gruen)}
a{color:var(--gruen-tief);text-underline-offset:3px}
b,strong{font-weight:600}
.adresse{font-style:normal;line-height:1.8}

/* Hervorhebungen */
.kasten{border:1px solid var(--line);border-radius:20px;padding:clamp(22px,3.4vw,32px);background:#fff;margin:0 0 1.4em}
.kasten.gelb{border-color:var(--gelb);background:linear-gradient(140deg,var(--gelb-hauch) 0%,#fff 62%)}
.kasten.gruen{border-color:var(--gruen);background:var(--gruen-hauch)}
.kasten :last-child{margin-bottom:0}
.kasten h2,.kasten h3{margin-top:0}
.klein{font-size:15px;color:var(--fg-dim)}
.stand{margin-top:clamp(40px,6vw,64px);padding-top:22px;border-top:1px solid var(--line);font-size:15px;color:var(--fg-dim)}

/* Fuß */
footer{margin-top:clamp(50px,7vw,80px);padding:44px 0 60px;border-top:1px solid var(--line);text-align:center;color:var(--fg-dim);font-size:14px}
footer a{margin:0 10px;color:var(--fg-dim)}
footer .heim{display:inline-block;margin-bottom:14px;font-family:var(--serif);font-size:16px;letter-spacing:.06em;color:var(--gruen-tief);text-decoration:none}