@font-face { font-family: 'Gultan Bonte'; src: url('../fonts/Gultan-Bonte.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Sanchez'; src: url('../fonts/Sanchez-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Variable.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }

:root {
  --brown: #422D1A;
  --rust: #AC4A0A;
  --cream: #EEE1BF;
  --green: #005A25;
  --green-light: #1F8145;

  --font-display: 'Gultan Bonte', Georgia, serif;
  --font-heading: 'Sanchez', Georgia, serif;
  --font-body: 'Roboto', -apple-system, 'Segoe UI', sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.7;
  color: var(--brown);
  background: var(--cream);
}
img { max-width: 100%; display: block; height: auto; }
a { color: var(--green); }
a:hover { color: var(--rust); }

h1, h2 { font-family: var(--font-display); font-weight: 400; line-height: 1.1; margin: 0 0 .5em; color: var(--brown); }
p { margin: 0 0 1em; }

/* ---------- Startseite ---------- */
.home { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; }
.notice { flex: 1; width: 100%; max-width: 640px; margin: 0 auto; padding: 56px 20px 32px; text-align: center; display: flex; flex-direction: column; justify-content: center; }
.notice-logo { width: min(300px, 75vw); margin: 0 auto 32px; }
.notice h1 { font-size: clamp(2.6rem, 8vw, 4rem); }
.signature { font-family: var(--font-display); font-size: 1.8rem; color: var(--green); margin: 1.2em 0 0; line-height: 1.2; }

/* ---------- Footer ---------- */
.site-footer { text-align: center; padding: 24px 20px; font-size: .9rem; }
.site-footer a { color: var(--brown); margin: 0 6px; }
.site-footer a:hover { color: var(--rust); }

/* ---------- Rechtstexte ---------- */
.legal-head { padding: 24px 20px 0; text-align: center; }
.legal-head img { height: 64px; width: auto; margin: 0 auto; }
.legal { max-width: 760px; margin: 0 auto; padding: 32px 20px 48px; }
.legal h1 { font-size: clamp(2.2rem, 6vw, 3.2rem); }
.legal h2 { font-size: 1.6rem; margin-top: 1.6em; }
.back-link { display: inline-block; margin-bottom: 24px; font-size: .95rem; }

@media (max-width: 640px) {
  body { font-size: 16px; }
}