/* Unterseiten (Privacy, 404). Gleiche Farben und Schrift wie die Startseite,
   bewusst schlicht: dunkler Grund, eine Spalte, Gold nur als Akzent. */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300 700;font-display:swap;
  src:url(/fonts/montserrat-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}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300 700;font-display:swap;
  src:url(/fonts/montserrat-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}
:root{--bg:#0a0a0a;--gold:#dac26a;--text:rgba(255,255,255,.86);--muted:rgba(255,255,255,.62);--line:rgba(255,255,255,.12)}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);
  font-family:'Montserrat',system-ui,sans-serif;font-weight:300;font-size:16px;line-height:1.7}
a{color:var(--gold);text-decoration:none}
a:hover{opacity:.8}
a:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:2px}
.top,.page,.bottom{width:100%;max-width:760px;margin:0 auto;padding:0 24px}
.top{padding-top:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px}
.top img{display:block;height:22px;width:auto}
/* Rueckweg oben rechts (Ben, 28.09.), im Stil der Menuepunkte der Startseite,
   mit Pfeil nach links (Ben, 28.09.). Unterstrichen wird nur der Text. */
.top-link{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;line-height:1;color:#fff}
.top-link svg{width:14px;height:10px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
  transition:transform .45s cubic-bezier(.16,1,.3,1)}
.top-link span{position:relative}
.top-link span::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--gold);
  transform:scaleX(0);transform-origin:0 50%;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.top-link:hover{opacity:1}
.top-link:hover span::after,.top-link:focus-visible span::after{transform:scaleX(1)}
.top-link:hover svg,.top-link:focus-visible svg{transform:translateX(-3px)}
/* Telefon: Logo so hoch und Seitenrand so breit wie auf der Startseite, damit der Rueckweg daneben passt */
@media (max-width:640px){.top img{height:15px}.top,.page,.bottom{padding-inline:20px}.top{column-gap:12px}}
@media (prefers-reduced-motion:reduce){.top-link svg,.top-link span::after{transition:none}}
.page{flex:1;padding-top:clamp(56px,10vw,110px);padding-bottom:80px}
h1{font-size:clamp(1.6rem,4vw,2.3rem);font-weight:300;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:40px}
h2{font-size:.82rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:44px 0 12px}
p{margin-bottom:14px;max-width:62ch}
.stamp{color:var(--muted);font-size:.86rem}
.back{display:inline-block;margin-top:28px;font-size:.82rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.bottom{display:flex;flex-wrap:wrap;gap:8px 24px;padding-top:28px;padding-bottom:40px;border-top:1px solid var(--line);font-size:12px;letter-spacing:.03em;color:var(--muted)}
.bottom a{color:var(--muted)}
.bottom a:hover{color:var(--gold);opacity:1}