section
{
  padding: 0;
  margin: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  min-height: 100vh;
}

section #titelblok
{
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index: -1;
  align-items: start;
  justify-content: start;
  background:
    radial-gradient(circle at 20% 15%, #ffc0a156, transparent 50%),
    radial-gradient(circle at 75% 22%, #ffc0a173, transparent 60%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 166, 121, 0.11) 42%, var(--Achtergrond) 100%);
}

section #titelblok::before
{
  content: "";
  width: 100%;
  inset: 0;
  background: linear-gradient(180deg, rgba(248, 231, 201, 0.18), var(--Achtergrond));
  z-index: 10;
}

section #titelblok #titelParticles
{
  position: sticky;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: -999;
  pointer-events: none;

}

section #titelblok .titelContent
{
  position: relative;
  z-index: -1;
  text-align: center;
  padding: 1rem 2rem;
}


section h1
{
  position: relative;
  z-index: 2;
  margin: 0;
  color: var(--Text-Color);
  font-size: clamp(2rem, 5vw, 3rem);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 20px;
}