/* Gemeinsames Stylesheet für Impressum & Datenschutz */
:root{
  --bg:#0a0a0a;--fg:#f2f2f2;--fg-dim:#9b9b9b;--fg-dimmer:#6a6a6a;
  --line:rgba(255,255,255,.12);--line-soft:rgba(255,255,255,.06);
  --ease:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--fg);
  font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:300;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased;
}
a{color:inherit}
.wrap{max-width:820px;margin:0 auto;padding:0 28px}

.nav{
  position:sticky;top:0;z-index:50;height:64px;display:flex;align-items:center;
  background:rgba(8,8,8,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);
}
.nav .wrap{max-width:1240px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-family:"Poiret One",cursive;font-size:1.32rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.back{
  font-family:"Oswald",sans-serif;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;
  color:var(--fg-dim);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:3px;
  transition:color .3s var(--ease),border-color .3s var(--ease);
}
.back:hover{color:#fff;border-bottom-color:#fff}

header.page{padding:clamp(56px,9vw,110px) 0 0}
h1{
  font-family:"Oswald",sans-serif;font-weight:300;
  font-size:clamp(1.9rem,5vw,3rem);letter-spacing:.22em;text-transform:uppercase;margin:0;
}
.sub{font-family:"Oswald",sans-serif;font-size:.68rem;letter-spacing:.4em;text-transform:uppercase;color:var(--fg-dimmer);margin:0 0 14px}
.rule{width:64px;height:1px;background:rgba(255,255,255,.35);margin:26px 0 0}

main{padding:clamp(44px,6vw,72px) 0 clamp(70px,9vw,120px)}
h2{
  font-family:"Oswald",sans-serif;font-weight:300;font-size:1.04rem;
  letter-spacing:.2em;text-transform:uppercase;margin:54px 0 14px;color:#e6e6e6;
}
h3{font-family:"Oswald",sans-serif;font-weight:300;font-size:.9rem;letter-spacing:.16em;text-transform:uppercase;margin:30px 0 8px;color:#d4d4d4}
p,li{color:#b8b8b8;font-size:.95rem}
p{margin:0 0 16px}
ul{padding-left:20px;margin:0 0 16px}
li{margin-bottom:7px}
address{font-style:normal;color:#d4d4d4}
a.inline{color:#ddd;border-bottom:1px solid var(--line);text-decoration:none;transition:border-color .3s var(--ease)}
a.inline:hover{border-bottom-color:#fff}
.todo{
  display:inline-block;background:rgba(255,255,255,.08);border:1px dashed var(--line);
  padding:1px 8px;border-radius:2px;color:#e8e8e8;font-size:.86rem;letter-spacing:.03em;
}
.note{
  border:1px dashed var(--line);padding:20px 22px;margin:34px 0;
  color:var(--fg-dim);font-size:.86rem;
}
.note strong{font-family:"Oswald",sans-serif;font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:#ddd;display:block;margin-bottom:6px}

footer{background:#060606;border-top:1px solid var(--line-soft);padding:34px 0}
footer .wrap{max-width:1240px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;font-size:.76rem;color:var(--fg-dimmer)}
footer a{text-decoration:none;transition:color .3s var(--ease)}
footer a:hover{color:#fff}
.f-legal{display:flex;gap:26px}