/* Gemeinsames Layout für Impressum und Datenschutz.
   Die Startseite bringt ihr CSS bewusst inline mit: sie ist eine einzige
   kurze Seite und soll mit einem einzigen Abruf fertig sein.
   Farben aus dem Players-Lounge-Layout (playersloungewesel, stil.css). */
:root{
  --grund:#0d0d10;
  --karte:#1b1b23;
  --rand:#292932;
  --text:#ecedf0;
  --gedaempft:#a2a4ad;
  --akzent:#e01b24;
  --akzent-hell:#ff4d4d;
  --schrift:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:var(--schrift);
  color:var(--text);
  background:var(--grund);
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
.inhalt{
  flex:1;
  width:100%;
  max-width:720px;
  margin:0 auto;
  padding:40px 20px 24px;
}
.zurueck{
  display:inline-block;
  margin-bottom:26px;
  font-size:.95rem;
  color:var(--text);
  text-decoration:none;
  border-bottom:2px solid var(--akzent);
  padding-bottom:1px;
}
.zurueck:hover,.zurueck:focus{color:var(--akzent-hell)}
h1{
  font-size:1.7rem;
  margin:0 0 24px;
  line-height:1.25;
}
h2{
  font-size:1.12rem;
  margin:32px 0 10px;
  line-height:1.35;
}
p,li{line-height:1.7;font-size:1rem}
ul{padding-left:22px}
address{font-style:normal;line-height:1.7}
a{color:var(--akzent-hell)}
a:hover,a:focus{color:var(--text)}
a:focus-visible{outline:2px solid var(--akzent-hell);outline-offset:3px}
.leise{color:var(--gedaempft);font-size:.93rem}
footer{
  text-align:center;
  padding:22px 20px 30px;
  font-size:.9rem;
  border-top:1px solid var(--rand);
  margin-top:40px;
}
footer a{
  color:var(--gedaempft);
  text-decoration:none;
  margin:0 10px;
  border-bottom:1px solid transparent;
}
footer a:hover,footer a:focus{color:var(--text);border-bottom-color:var(--akzent)}
@media (max-width:520px){
  h1{font-size:1.4rem}
  .inhalt{padding:28px 18px 20px}
}