/* Willkommen-Strudel auf der Startseite, siehe js/willkommen.js */
.willkommen{display:none}
.fa-willkommen,.fa-willkommen body{overflow:hidden}
.fa-willkommen .willkommen{display:block;position:fixed;inset:0;z-index:3000;color:#fff;cursor:pointer}
.willkommen.dreht{pointer-events:none}
.willkommen-bg{position:absolute;inset:0;background:#1E3A2B;will-change:clip-path}
.willkommen-wort{position:absolute;inset:0;margin:0;display:grid;place-items:center;font-family:"Alegreya",Georgia,serif;font-weight:700;font-size:clamp(46px,8vw,96px);line-height:1;letter-spacing:-.01em}
.willkommen-wort span{display:inline-block;animation:willkommenWort .24s cubic-bezier(.16,1,.3,1)}
@keyframes willkommenWort{from{transform:translateY(30%);opacity:.15}to{transform:none;opacity:1}}
.willkommen-zeichen{position:fixed;z-index:3001;left:0;top:0;color:#fff;pointer-events:none;font-family:"Alegreya",Georgia,serif;font-weight:700;letter-spacing:-.01em;white-space:pre;will-change:transform,opacity}
.ffh-pill.willkommen-ankunft,.ffh-logo.willkommen-ankunft{animation:willkommenAnkunft .7s cubic-bezier(.16,1,.3,1)}
@keyframes willkommenAnkunft{0%{box-shadow:0 0 0 0 rgba(169,209,142,.9);scale:.9}45%{scale:1.12}100%{box-shadow:0 0 0 20px rgba(169,209,142,0);scale:1}}
/* A-011 Hero kommt nach dem Strudel aus leichter Unschärfe, Bewegung 1,4 s, Unschärfe 2 s */
.hero .wrap>div>*,.hero .card{transition:opacity 1.4s cubic-bezier(.16,1,.3,1),transform 1.4s cubic-bezier(.16,1,.3,1),filter 2s cubic-bezier(.16,1,.3,1)}
.hero .wrap>div>:nth-child(2){transition-delay:.1s}
.hero .wrap>div>:nth-child(3){transition-delay:.2s}
.hero .wrap>div>:nth-child(4){transition-delay:.3s}
.hero .card{transition-delay:.35s}
.fa-hero-wartet .hero .wrap>div>*,.fa-hero-wartet .hero .card{opacity:0;transform:translateY(1em) scale(.975);filter:blur(.25em);transition:none}