/* Parkseite deinaufenthalt.de — Tokens aus brand/styleguide/Styleguide.html.
   Schriften liegen lokal (keine Google Fonts), nur das Latin-Subset. */
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fonts/source-sans-3-latin.woff2) format('woff2');}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fonts/source-serif-4-latin.woff2) format('woff2');}

:root{
  color-scheme:light;
  --color-white:#FFFFFF; --color-offwhite:#FAF8F6;
  --color-border:#E3DED7; --color-gray-500:#6B6258; --color-ink:#232B30;
  --flag-black:#000; --flag-red:#DD0000; --flag-gold:#FFCE00;
  --font-serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --font-sans:'Source Sans 3',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;
  background:var(--color-offwhite);color:var(--color-ink);
  font:400 1.0625rem/1.65 var(--font-sans);}
p{hyphens:auto;-webkit-hyphens:auto}
h1{font-family:var(--font-serif);font-weight:600;font-size:1.875rem;line-height:1.18;
  margin:0 0 16px;hyphens:manual}

.flagbar{height:8px;flex:0 0 auto;background:linear-gradient(to bottom,
  var(--flag-black) 0 33.33%,var(--flag-red) 33.33% 66.66%,var(--flag-gold) 66.66% 100%)}

main{flex:1 0 auto;width:100%;margin:0 auto;padding:40px 16px 48px}
.park{max-width:36rem;text-align:center;display:flex;flex-direction:column;justify-content:center}
.park .logo{display:block;width:240px;max-width:100%;height:auto;margin:0 auto 40px}
.park .lead{font-size:1.125rem;color:var(--color-gray-500);margin:0 auto}

footer{flex:0 0 auto;border-top:1px solid var(--color-border);background:var(--color-white);
  padding:16px;text-align:center;font-size:0.9375rem;color:var(--color-gray-500)}
footer p{margin:0}

@media (min-width:768px){
  main{padding-top:72px}
  h1{font-size:2.25rem}
  .park .logo{width:280px}
}