body { font-family: Arial, sans-serif; background-color: #121212; margin: 0; padding: 0; color: #c1fdd5;
}
.container { max-width: 600px; margin: auto; padding: 20px;
}
h1 { text-align: center; color: #98ffb0;
}
input[type="text"] { padding: 10px; width: 80%; margin-bottom: 15px; border: none; border-radius: 5px;
}
button { background-color: #40ff9c; color: black; padding: 10px 25px; border: none; border-radius: 6px; font-size: 16px; cursor: pointer;
}
button:hover { background-color: #32cc7c;
}
.frage { margin-top: 20px;
}
label { display: block; margin: 10px 0; padding: 10px; background-color: #222; border-radius: 5px; transition: 0.2s; border: 1px solid #40ff9c;
}
input[type="radio"]:checked + label, label:hover { background-color: #2a2a2a; box-shadow: 0 0 10px #40ff9c;
}
#ergebnis {
  margin-top: 30px; font-size: 20px; font-weight: bold; padding: 20px; border-radius: 10px; background-color: #1a1a1a; border: 2px solid #40ff9c; 
  color: #b8ffda;
}