.hero {
  position: relative;
  background: #000;
  padding: 4rem 2rem;
  overflow: visible; /* sorgt dafür, dass nichts herausragt */
  text-align: center;
}

.gradient-circle {
  position: absolute;
  width: 300px;
  height: 300px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(
    circle at center,
    #5500ffcc 0%,
    transparent 80%  /* nach außen transparent */
  );
  border-radius: 50%;
  filter: blur(80px);
  z-index: 0;
}