/* ---------- Ruhender Verlauf im Startbereich (heller Papiergrund, 6 Kacheln) ---------- */
.hero.hat-verlauf { position: relative; isolation: isolate; background: var(--creme); color: var(--burgund); }

.verlauf { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.verlauf__kachel { position: absolute; overflow: hidden; }
/* Der Verlauf: kräftige Farbwolken */
.verlauf__farbe {
  position: absolute;
  background:
    radial-gradient(52% 85% at 10% 58%, #6e1f3f 0%, #a83f69 22%, #d98bb3 45%, rgba(226,182,211,0) 80%),
    radial-gradient(40% 70% at 92% 34%, rgba(39,50,135,.95) 0%, rgba(70,82,180,.6) 38%, rgba(39,50,135,0) 78%),
    radial-gradient(34% 45% at 72% 6%, rgba(216,230,60,.95) 0%, rgba(216,230,60,.4) 40%, rgba(216,230,60,0) 75%),
    radial-gradient(55% 60% at 60% 100%, #d995bb 0%, rgba(226,182,211,.7) 40%, rgba(226,182,211,0) 80%),
    linear-gradient(115deg, #f0d6e4 0%, #f3e6ee 45%, #e7e4f3 100%);
}
/* Papierstruktur wie im Plakat */
.verlauf__korn {
  position: absolute; inset: 0; opacity: .35; mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .5 0 0 0 0 .48 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23k)'/%3E%3C/svg%3E");
}