:root{
  --raum:#05060f;
  --akzent:#34d6e0;
  --akzent-warm:#7b5cff;
  --stern:#eef1ff;
  --grau:#8b90b4;
  --glas:rgba(16,19,40,.55);
  --glas-rand:rgba(150,170,255,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100%;
  background:
    radial-gradient(1100px 700px at 82% -8%, rgba(52,214,224,.1), transparent 62%),
    radial-gradient(900px 640px at 6% 8%, rgba(123,92,255,.16), transparent 60%),
    var(--raum);
  color:var(--stern);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}

/* Sternenfeld als leichtes Muster – kein Skript nötig */
.sterne{
  position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:
    radial-gradient(1.4px 1.4px at 12% 22%, rgba(238,241,255,.9), transparent),
    radial-gradient(1.2px 1.2px at 68% 12%, rgba(200,220,255,.75), transparent),
    radial-gradient(1.6px 1.6px at 41% 63%, rgba(238,241,255,.7), transparent),
    radial-gradient(1.1px 1.1px at 86% 47%, rgba(255,235,215,.7), transparent),
    radial-gradient(1.3px 1.3px at 24% 84%, rgba(238,241,255,.65), transparent),
    radial-gradient(1px 1px   at 57% 34%, rgba(200,220,255,.6), transparent),
    radial-gradient(1.5px 1.5px at 92% 78%, rgba(238,241,255,.6), transparent),
    radial-gradient(1px 1px   at 8%  56%, rgba(238,241,255,.55), transparent);
  background-size:520px 520px, 700px 700px, 460px 460px, 820px 820px, 600px 600px, 380px 380px, 760px 760px, 440px 440px;
}

.huelle{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:clamp(2rem,6vh,4.5rem) clamp(1.15rem,4vw,2rem) clamp(3rem,8vh,5rem)}

.zurueck{
  display:inline-flex;align-items:center;gap:.5rem;
  font-weight:600;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--akzent);text-decoration:none;
  margin-bottom:clamp(1.6rem,4vh,2.6rem);
}
.zurueck:hover{filter:brightness(1.15)}
.zurueck .pfeil{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.zurueck:hover .pfeil{transform:translateX(-4px)}

h1{
  font-family:"Poppins","Inter",sans-serif;font-weight:700;
  font-size:clamp(1.9rem,5.4vw,2.9rem);letter-spacing:.01em;line-height:1.14;
  margin:0 0 .7rem;text-wrap:balance;
  background:linear-gradient(97deg,#ffffff 10%,#cfe4ff 48%,var(--akzent) 92%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.vorspann{margin:0 0 clamp(2rem,5vh,3rem);color:var(--grau);font-size:.95rem;line-height:1.7;max-width:62ch}

section{
  background:var(--glas);
  border:1px solid var(--glas-rand);
  border-radius:18px;
  padding:clamp(1.25rem,3.2vw,1.75rem);
  margin-bottom:1rem;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
section h2{
  display:flex;align-items:baseline;gap:.7rem;
  font-family:"Poppins","Inter",sans-serif;font-weight:600;
  font-size:1.02rem;line-height:1.35;margin:0 0 .85rem;
}
section h2 .nr{
  font-size:.7rem;font-weight:600;letter-spacing:.1em;
  color:var(--akzent);opacity:.85;font-variant-numeric:tabular-nums;
}
section p{margin:0 0 .8rem;font-size:.9rem;line-height:1.75;color:#c3c8dd}
section p:last-child{margin-bottom:0}
section ul{margin:0 0 .8rem;padding-left:1.15rem;font-size:.9rem;line-height:1.75;color:#c3c8dd}
section li{margin-bottom:.3rem}
section a{color:var(--akzent);text-decoration:none;border-bottom:1px solid rgba(52,214,224,.35);word-break:break-word}
section a:hover{border-bottom-color:var(--akzent)}
section strong{color:var(--stern);font-weight:600}
.anschrift{font-style:normal;font-size:.9rem;line-height:1.8;color:#c3c8dd}

footer{
  margin-top:clamp(2rem,5vh,3rem);
  display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem 1.1rem;
  font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(139,144,180,.65);
}
footer a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}
footer a:hover{color:var(--akzent);border-bottom-color:rgba(52,214,224,.5)}
footer .punkt{opacity:.4}

:focus-visible{outline:2px solid var(--akzent);outline-offset:3px;border-radius:4px}