:root {
  --rsp-cyan: #43f0e3;
  --rsp-green: #223a2f;      /* Mildes dunkles Grün als Hintergrund */
  --rsp-purple: #a965d7;
  --rsp-dark: #151d1d;
  --rsp-white: #ffffff;
}

body {
  min-height: 100vh;
  margin: 0;
  background: var(--rsp-green);
  color: var(--rsp-cyan);
  font-family: 'Segoe UI', Arial, sans-serif;
}

.header {
  color: var(--rsp-cyan);
  font-weight: bold;
  letter-spacing: 2px;
}

.button-rsp {
  background: var(--rsp-cyan);
  color: var(--rsp-dark);
  border: none;
  box-shadow: 0 0 12px var(--rsp-cyan);
  padding: 0.7em 2em;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.25s, color 0.25s, box-shadow 0.25s;
}

.button-rsp:hover {
  background: var(--rsp-purple);
  color: var(--rsp-white);
  box-shadow: 0 0 18px var(--rsp-purple);
}