/* Gemeinsame Gestaltung für Impressum und Datenschutzerklärung.
   Bewusst schlicht: das sind Pflichttexte, keine Verkaufsflächen.
   Farben und Radien stammen aus dem Designsystem der Startseite. */

:root{
  --violet:#7B61FF; --violet-lo:#A99CFF;
  --ink:#0B0817; --ink-1:#120D24; --line:#2A2246; --line-lo:#191331;
  --paper:#F4F2FF; --muted:#9C95BE;
  --sans:system-ui,-apple-system,"Segoe UI Variable Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--ink);color:var(--paper);font-family:var(--sans);
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;
  padding:0 clamp(20px,5vw,40px) 80px;
}
.wrap{max-width:760px;margin-inline:auto}

.topbar{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding-block:22px;margin-bottom:clamp(36px,6vw,64px);
  border-bottom:1px solid var(--line-lo);flex-wrap:wrap;
}
.topbar a.home{display:flex;align-items:center;gap:11px;text-decoration:none}
.topbar img{width:36px;height:auto;display:block}
.topbar .name{
  font-weight:800;font-size:.92rem;letter-spacing:.16em;text-transform:uppercase;
}
.topbar nav{display:flex;gap:20px;font-size:.88rem}
.topbar nav a{color:var(--muted);text-decoration:none}
.topbar nav a:hover,.topbar nav a[aria-current="page"]{color:var(--paper)}

h1{
  font-size:clamp(1.7rem,4.4vw,2.5rem);font-weight:800;text-transform:uppercase;
  letter-spacing:.08em;line-height:1.1;margin-bottom:10px;
}
.stand{color:var(--muted);font-size:.88rem;margin-bottom:clamp(32px,5vw,52px)}
h2{
  font-size:1.12rem;font-weight:700;letter-spacing:.01em;
  margin:44px 0 14px;padding-top:26px;border-top:1px solid var(--line-lo);
}
h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
h3{font-size:.98rem;font-weight:700;margin:26px 0 8px}
p{margin-bottom:14px;color:#D9D5F0}
ul{margin:0 0 16px 20px;color:#D9D5F0}
li{margin-bottom:7px}
a{color:var(--violet-lo)}
strong{color:var(--paper)}

address{font-style:normal;color:#D9D5F0}

.todo{
  display:block;border:1px dashed var(--violet);border-radius:10px;
  background:rgba(123,97,255,.1);padding:14px 16px;margin-bottom:16px;
  color:var(--violet-lo);font-size:.9rem;
}
.todo b{display:block;color:var(--paper);margin-bottom:4px;letter-spacing:.04em;
  text-transform:uppercase;font-size:.74rem}

.box{
  border:1px solid var(--line);border-radius:12px;background:var(--ink-1);
  padding:20px 22px;margin-bottom:18px;
}
.box p:last-child{margin-bottom:0}

table{width:100%;border-collapse:collapse;font-size:.92rem;margin-bottom:18px}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line-lo);vertical-align:top}
th{color:var(--violet-lo);font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}
td{color:#D9D5F0}

footer{
  margin-top:60px;padding-top:22px;border-top:1px solid var(--line-lo);
  color:#6E6790;font-size:.82rem;display:flex;justify-content:space-between;
  gap:16px;flex-wrap:wrap;
}
footer a{color:#6E6790;text-decoration:none}
footer a:hover{color:var(--paper)}

@media (max-width:560px){
  table,thead,tbody,tr,th,td{display:block}
  th{border-bottom:0;padding-bottom:2px}
  td{padding-top:0;padding-bottom:14px}
}