/* Gemeinsames Aussehen der Rechtstexte.
   Bewusst schmal und ruhig: Diese Seiten werden gelesen, nicht überflogen.
   Farben und Schrift stammen aus der App, damit sie zur Startseite gehören. */

@font-face{
  font-family:"Nunito";font-style:normal;font-weight:400 900;font-display:swap;
  src:url(schriften/nunito-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
    U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Nunito";font-style:normal;font-weight:400 900;font-display:swap;
  src:url(schriften/nunito-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,
    U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,
    U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root{
  color-scheme:light dark;
  --tinte:#142A16; --tinte2:#4A6249; --tinte3:#7B8F7A;
  --gruen:#2E7D1E; --limette:#8FD14F; --sonne:#F2C14E; --papier:#E4EFD6;
  --ui:"Nunito",ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{ --tinte:#EAF2E4; --tinte2:#A8BCA2; --tinte3:#7E9179;
         --gruen:#5AAE3F; --papier:#0E1A0C; }
}

*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:var(--ui);color:var(--tinte);line-height:1.62;font-size:17px;
  background:
    radial-gradient(60% 30% at 8% 0%,  color-mix(in srgb,var(--limette) 45%,transparent) 0%, transparent 62%),
    radial-gradient(55% 26% at 96% 4%, color-mix(in srgb,var(--sonne)   38%,transparent) 0%, transparent 60%),
    var(--papier);
  background-attachment:fixed;
  min-height:100vh;
  padding:0 20px 72px;
}
.hof{max-width:40rem;margin:0 auto}

.zurueck{display:inline-flex;align-items:center;gap:8px;margin:28px 0 34px;
  font-size:14.5px;font-weight:800;color:var(--tinte2);text-decoration:none}
.zurueck:hover{color:var(--tinte)}
.zurueck svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.6;
  stroke-linecap:round;stroke-linejoin:round}

h1{font-size:clamp(28px,6vw,38px);font-weight:900;letter-spacing:-.028em;line-height:1.1}
h2{font-size:1.08rem;font-weight:900;letter-spacing:-.01em;margin:2.1rem 0 .4rem}
p{margin:0 0 .8rem;color:var(--tinte2);font-weight:600}
.stand{color:var(--tinte3);font-size:.92rem;font-weight:700;margin:.35rem 0 0}
a{color:var(--gruen);font-weight:800}
a:hover{color:var(--tinte)}

.anschrift{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.7);
  border-radius:20px;padding:20px 22px;color:var(--tinte);font-weight:700;line-height:1.7}
@media (prefers-color-scheme:dark){
  .anschrift{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
}

footer{margin-top:3.5rem;padding-top:1.4rem;
  border-top:1px solid color-mix(in srgb,var(--tinte) 12%,transparent);
  font-size:13.5px;font-weight:600;color:var(--tinte3)}
footer a{color:var(--tinte2);text-decoration:none;font-weight:700}
footer a:hover{color:var(--tinte);text-decoration:underline}