:root {
  --akzent: #2f6f73;
  --akzent-dunkel: #245a5d;
  --akzent-text: #ffffff;
  --orange-text: #2f6f73;
  --orange-hauch: #eaf3f3;
}
@media (prefers-color-scheme: dark) {
  :root {
    --orange-text: #7fb8bb;
    --orange-hauch: #1f3537;
  }
}
body:not(.drin) {
  background:
    linear-gradient(to top left, var(--akzent-dunkel) 0 22%, transparent 22.1%) no-repeat,
    linear-gradient(to top left, var(--akzent) 0 30%, transparent 30.1%) no-repeat,
    linear-gradient(to top left, color-mix(in srgb, var(--akzent) 60%, #fff) 0 38%, transparent 38.1%) no-repeat,
    var(--grund);
  background-position: right bottom;
  background-size: 100% 55vh;
}