/* Gemeinsames Design: Farben, Schriften, Kopf, Fußzeile, Knöpfe, Grundlayout */
:root {
  --bg:#f3ece0; --paper:#faf6ee; --sand:#e6d9c2; --caramel:#b8976a; --ink:#2e261e;
  --soft:#5e5246; --muted:#8a7c6c; --em:#0b5e47; --forest:#1d3a30; --forest-ink:#e9e1d2; --line:#ddd0b9;
  --serif:"Newsreader", Georgia, serif;
  --sans:"Source Sans 3", system-ui, sans-serif;
  --hand:"Caveat", cursive;
}
*, *::before, *::after { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; font-family:var(--sans); color:var(--ink); background:var(--bg); }
img, svg { max-width:100%; }
a { color:inherit; }
h1, h2, h3 { font-family:var(--serif); font-weight:400; margin:0; color:var(--ink); letter-spacing:-.01em; }
p { font-size:18px; line-height:1.65; color:var(--soft); margin:0 0 14px; }

.wrap { max-width:860px; margin:0 auto; padding:0 36px; }
.eyebrow { display:flex; align-items:center; gap:10px; font-size:12.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:600; color:var(--soft); }
.dark .eyebrow, .final .eyebrow { color:#b9c9bf; }
section { scroll-margin-top:20px; }

/* Knöpfe */
.knopf { display:inline-block; background:var(--em); color:#f4ede1; padding:12px 24px; border-radius:40px; font-weight:600; font-size:16px; text-decoration:none; }
.knopf--hell { background:#f4ede1; color:var(--forest); }

/* Kopf */
.kopf { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 40px; background:#f7f3ec; }
.kopf .logo { display:flex; align-items:center; gap:18px; color:#1e1a15; text-decoration:none; }
.kopf .logo svg { flex:none; }
.kopf .logo b { display:block; font-size:19px; letter-spacing:.12em; font-weight:600; color:#1e1a15; }
.kopf .logo small { display:block; font-size:12px; letter-spacing:.32em; color:#3d342b; margin-top:3px; }
.kopf .menue { display:flex; gap:26px; align-items:center; color:#1e1a15; font-size:16px; }
.kopf .menue a { text-decoration:none; }
.kopf .menue a.knopf { color:#f4ede1; }

/* Fußzeile */
.fuss { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:26px 36px; font-size:14px; color:var(--muted); background:var(--bg); }
.fuss a { color:inherit; }

/* Filmstreifen als Trenner (Startseite und Ehrliches Mitteilen) */
.filmstreifen { height:76px; background:url('/assets/img/filmstreifen-bild.svg') repeat-x left center, url('/assets/img/filmstreifen-rand.svg') repeat-x; box-shadow:inset 0 6px 10px rgba(0,0,0,.35), inset 0 -6px 10px rgba(0,0,0,.35); }

@media (max-width:760px) {
  .kopf { padding:12px 16px; }
  .kopf .logo { gap:10px; }
  .kopf .logo svg { width:52px; height:45px; }
  .kopf .logo b { font-size:15px; }
  .kopf .logo small { font-size:9.5px; letter-spacing:.2em; }
  .kopf .menue { gap:12px; }
  .kopf .menue a.txt[href="/#ueber-mich"] { display:none; }
  .kopf .menue a.txt { font-size:14.5px; line-height:1.2; text-align:right; }
  .kopf .menue a.knopf { padding:10px 16px; font-size:14.5px; }
  .wrap { padding:0 20px; }
  .fuss { padding:22px 20px; }
}

@media (max-width:400px) {
  .kopf { padding:10px 12px; gap:10px; }
  .kopf .logo { gap:8px; }
  .kopf .logo svg { width:40px; height:35px; }
  .kopf .logo b { font-size:13px; letter-spacing:.08em; }
  .kopf .logo small { font-size:8.5px; letter-spacing:.12em; }
  .kopf .menue { gap:8px; }
  .kopf .menue a.txt { font-size:13.5px; }
  .kopf .menue a.knopf { padding:8px 12px; font-size:13.5px; }
}

/* Schriften lokal (SIL OFL), kein Abruf bei Google */
@font-face { font-family:"Newsreader"; font-style:normal; font-weight:400; font-display:swap; src:url('/assets/fonts/newsreader-latin-ext-400-normal.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; }
@font-face { font-family:"Newsreader"; font-style:normal; font-weight:400; font-display:swap; src:url('/assets/fonts/newsreader-latin-400-normal.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:"Newsreader"; font-style:normal; font-weight:500; font-display:swap; src:url('/assets/fonts/newsreader-latin-ext-500-normal.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; }
@font-face { font-family:"Newsreader"; font-style:normal; font-weight:500; font-display:swap; src:url('/assets/fonts/newsreader-latin-500-normal.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:"Newsreader"; font-style:italic; font-weight:400; font-display:swap; src:url('/assets/fonts/newsreader-latin-ext-400-italic.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; }
@font-face { font-family:"Newsreader"; font-style:italic; font-weight:400; font-display:swap; src:url('/assets/fonts/newsreader-latin-400-italic.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:"Source Sans 3"; font-style:normal; font-weight:400; font-display:swap; src:url('/assets/fonts/source-sans-3-latin-ext-400-normal.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:"Source Sans 3"; font-style:normal; font-weight:400; font-display:swap; src:url('/assets/fonts/source-sans-3-latin-400-normal.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:"Source Sans 3"; font-style:normal; font-weight:500; font-display:swap; src:url('/assets/fonts/source-sans-3-latin-ext-500-normal.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:"Source Sans 3"; font-style:normal; font-weight:500; font-display:swap; src:url('/assets/fonts/source-sans-3-latin-500-normal.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:"Source Sans 3"; font-style:normal; font-weight:600; font-display:swap; src:url('/assets/fonts/source-sans-3-latin-ext-600-normal.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:"Source Sans 3"; font-style:normal; font-weight:600; font-display:swap; src:url('/assets/fonts/source-sans-3-latin-600-normal.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:"Caveat"; font-style:normal; font-weight:500; font-display:swap; src:url('/assets/fonts/caveat-latin-ext-500-normal.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; }
@font-face { font-family:"Caveat"; font-style:normal; font-weight:500; font-display:swap; src:url('/assets/fonts/caveat-latin-500-normal.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; }