* {
  color: black !important;
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  max-width: 720px;
  margin: 24px auto;
  padding: 0 14px;
  background: #0b1220;
  color: #e7eefc;
}
h1{margin: 0 0 6px}
p{color:#a8b3cc}
a{color:#4da3ff}
ul{
  list-style: none;
  padding: 0;
  margin: 16px 0;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  overflow: hidden;
}
li{
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
}
li:last-child{border-bottom:none}
strong{font-size: 18px}
.subtitle{
  margin-top: 6px;
  color: #a8b3cc;
  font-size: 16px;
}

body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;

  background-image: url("background.jpg");   /* oder img/background.jpg */
  background-size: cover;        /* füllt ganzen Bildschirm */
  background-position: center;   /* zentriert */
  background-repeat: no-repeat;  /* nicht kacheln */
  background-attachment: fixed;  /* bleibt beim Scrollen stehen */
}
.container {
  background: rgba(0, 0, 0, 0.6);  /* dunkle Transparenz */
  color: black;
  padding: 20px;
  border-radius: 12px;
  max-width: 700px;
  margin: 40px auto;
}
body {
  background-image: url("hintergrund.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
body {
  color: black;
}
body {
  background-image:
    linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.4)),
    url("hintergrund.jpg");
  background-size: cover;
  background-position: center;
}
body {
  padding: 60px 0 0 60px;  /* oben 60px, links 60px */
}