/* Impressum and Datenschutz: same palette and fonts as the home page, plain readable column. */
:root{
  --main:#110716;
  --ink:#ffffff;
  --ink-body:rgba(255,255,255,.78);
  --ink-quiet:rgba(255,255,255,.5);
  --rule:rgba(255,255,255,.14);
  --display:"Italiana", "Didot", "Bodoni 72", "Times New Roman", serif;
  --text:"Karla", "Helvetica Neue", Arial, sans-serif;
  --track:0.16em;
  color-scheme:dark;
}
html{background:var(--main)}
body{margin:0;min-height:100vh;background:radial-gradient(90% 60% at 50% 0%, #2a1238 0%, var(--main) 100%) no-repeat;color:var(--ink-body);font-family:var(--text);font-size:16px;line-height:1.6}
.page{max-width:680px;margin:0 auto;padding:40px 20px 64px}
.top{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:56px}
.brand{font-family:var(--display);font-size:40px;line-height:1;color:var(--ink);text-decoration:none}
.top nav{display:flex;gap:20px;font-size:12px;letter-spacing:var(--track)}
h1{margin:0 0 8px;font-family:var(--display);font-weight:400;font-size:48px;line-height:1.1;color:var(--ink)}
.note{margin:0 0 40px;font-size:13px;letter-spacing:var(--track);color:var(--ink-quiet)}
h2{margin:40px 0 12px;font-size:13px;font-weight:400;letter-spacing:var(--track);text-transform:uppercase;color:var(--ink)}
p,ul,address{margin:0 0 12px}
address{font-style:normal}
ul{padding-left:20px}
a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px}
a:hover,a:focus-visible{text-decoration-color:var(--ink)}
a:focus-visible{outline:1px solid var(--ink-quiet);outline-offset:3px}
.top nav a{color:var(--ink-quiet);text-decoration:none}
.top nav a:hover,.top nav a:focus-visible,.top nav a[aria-current]{color:var(--ink)}
@media (max-width:760px){
  .page{padding-top:24px}
  .top{margin-bottom:40px}
  .brand{font-size:32px}
  h1{font-size:36px;hyphens:auto}
}