@font-face{font-family:"Jost";font-weight:500;font-display:swap;src:url("jost-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Jost";font-weight:600;font-display:swap;src:url("jost-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Jost";font-weight:700;font-display:swap;src:url("jost-latin-700-normal.woff2") format("woff2")}

:root{
  --green:#054D27;--cream:#F5F0E8;--purple:#7B3FA0;--purple-dark:#663487;
  --sage-light:#9DB5A4;--sage-dark:#6B7F70;--grey-green:#5A665E;--ink:#1E2A22;--stone:#E4E1DA;
  --font:"Jost","Futura","Century Gothic",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--font);font-weight:500;font-size:18px;line-height:1.6;color:var(--ink);background:var(--cream)}
a{color:var(--green);text-underline-offset:3px}
a:hover{color:var(--purple)}
a:focus-visible{outline:3px solid var(--purple);outline-offset:2px;border-radius:2px}

/* Startseite */
.hero{min-height:100vh;min-height:100svh;background:var(--green);color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 16px 32px}
.hero img.logo{width:min(320px,70vw);height:auto;display:block}
.hero .date{margin-top:8px;font-weight:700;font-size:clamp(28px,6vw,48px);letter-spacing:.06em;text-transform:uppercase}
.hero .place{margin-top:8px;font-size:14px;letter-spacing:.32em;text-transform:uppercase;color:var(--sage-light)}
.hero .line{width:72px;height:2px;background:var(--purple);margin:28px auto}
.hero p.lead{max-width:30em;font-size:18px;color:var(--cream)}
.btn{display:inline-block;margin-top:28px;background:var(--purple);color:var(--cream);font-weight:600;text-decoration:none;padding:14px 28px;border-radius:10px;letter-spacing:.02em}
.btn:hover{background:var(--purple-dark);color:var(--cream)}
.btn:focus-visible{outline:3px solid var(--cream);outline-offset:2px}
.hero .mail{margin-top:18px;font-size:15px}
.hero .mail a{color:var(--cream)}
.hero .mail a:hover{color:var(--sage-light)}

footer{background:var(--green);color:var(--sage-light);text-align:center;padding:20px 16px 28px;font-size:14px;letter-spacing:.08em}
footer a{color:var(--cream);margin:0 10px}
footer a:hover{color:var(--sage-light)}
.hero + footer{border-top:1px solid rgba(157,181,164,.25)}

/* Rechtsseiten */
header.bar{background:var(--green);padding:16px}
header.bar .inner{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:14px}
header.bar img{width:44px;height:44px;border-radius:10px;display:block}
header.bar a.home{color:var(--cream);text-decoration:none;font-weight:600;letter-spacing:.28em;font-size:13px;text-transform:uppercase}
main.legal{max-width:760px;margin:0 auto;padding:48px 16px 64px}
main.legal h1{font-weight:700;font-size:clamp(32px,6vw,44px);line-height:1.15;color:var(--green);margin-bottom:28px}
main.legal h2{font-weight:600;font-size:22px;color:var(--green);margin:36px 0 10px}
main.legal p,main.legal li{margin-bottom:12px}
main.legal ul{padding-left:22px}
main.legal .small{font-size:14px;color:var(--grey-green)}