/* Bewegter Kopfbereich (Vivien, 27.10.2026): fließende Wellen, feine Linien, atmender Movecia-Kiesel – mv_waves() in waves.inc.php */
.hero-x,.has-hw{position:relative;isolation:isolate}
.hero-x>*:not(.hw),.has-hw>*:not(.hw){position:relative;z-index:1}
.hw{position:absolute;z-index:0;top:-90px;-webkit-mask:linear-gradient(transparent,#000 110px);mask:linear-gradient(transparent,#000 110px);bottom:-1rem;left:50%;width:100vw;transform:translateX(-50%);overflow:hidden;pointer-events:none;
  background:radial-gradient(45% 55% at 82% 38%,rgba(232,214,202,.75),transparent 70%),radial-gradient(35% 45% at 8% 12%,rgba(234,223,222,.8),transparent 70%)}
.hw-wave,.hw-lines{position:absolute;left:0;width:200%;animation:hwdrift 34s linear infinite}
.hw-wave svg,.hw-lines svg{display:block;width:100%;height:100%}
.hw-wave{bottom:0;height:clamp(150px,24vw,330px);-webkit-mask:linear-gradient(#000 45%,transparent);mask:linear-gradient(#000 45%,transparent)}
.hw-wave.w1 path{fill:#E4DCD1}.hw-wave.w1{opacity:.95;animation-duration:38s}
.hw-wave.w2 path{fill:#E6DBCF}.hw-wave.w2{opacity:.75;animation-duration:30s;animation-direction:reverse;height:clamp(130px,20vw,280px)}
.hw-wave.w3 path{fill:#D8CFC4}.hw-wave.w3{opacity:.4;animation-duration:46s;height:clamp(110px,16vw,230px)}
.hw-lines{top:34%;height:clamp(120px,22vw,300px);opacity:.5;animation-duration:52s;animation-direction:reverse}
.hw-lines path{fill:none;stroke:var(--plum);stroke-width:1.2;vector-effect:non-scaling-stroke;opacity:.45}
.hw-lines path:nth-child(2){opacity:.3}.hw-lines path:nth-child(3){opacity:.22;stroke-dasharray:2 7}
@keyframes hwdrift{to{transform:translateX(-50%)}}
.hw-pebble{position:absolute;right:clamp(18px,7vw,150px);top:52%;width:clamp(240px,25vw,430px);transform:translateY(-55%);overflow:visible}
.hw-pebble .pb-soft{fill:#E6DBCF;transform-box:fill-box;transform-origin:center;animation:pbbreath 9s ease-in-out infinite alternate}
.hw-pebble .pb-line{fill:none;stroke:var(--plum);stroke-width:1.6;opacity:.75;transform-box:fill-box;transform-origin:center;animation:pbturn 22s ease-in-out infinite alternate}
.hw-pebble .pb-dot{fill:var(--plum);animation:pbdot 9s ease-in-out infinite alternate}
@keyframes pbbreath{from{transform:translate(-6px,-4px) scale(.94)}to{transform:translate(-2px,0) scale(1.06)}}
@keyframes pbturn{from{transform:translate(7px,4px) scale(.85) rotate(-6deg)}to{transform:translate(7px,4px) scale(.85) rotate(8deg)}}
@keyframes pbdot{from{transform:translate(0,0)}to{transform:translate(-3px,3px)}}
.hw-dot{position:absolute;border-radius:50%;background:var(--plum);opacity:.35;animation:hwfloat 11s ease-in-out infinite alternate}
.hw-dot.d1{width:9px;height:9px;left:62%;top:22%}.hw-dot.d2{width:6px;height:6px;left:90%;top:70%;animation-delay:-4s;background:#B9A2AC}
.hw-dot.d3{width:12px;height:12px;left:4%;top:58%;background:#E6DBCF;opacity:.9;animation-delay:-7s}.hw-dot.d4{width:5px;height:5px;left:54%;top:66%;animation-delay:-2s}
@keyframes hwfloat{to{transform:translate(14px,-22px)}}
@media(max-width:1099px){.hw-pebble{top:96px;right:16px;width:clamp(110px,22vw,200px);transform:none;opacity:.6}.hw-dot.d1{left:72%;top:14%}}
@media(max-width:699px){.hw{top:-70px}.hw-pebble{top:178px;right:14px;width:84px;opacity:.6}.hw-lines{top:70%;height:140px;width:400%}.hw-wave{width:400%}.hw-wave{height:150px}.hw-wave.w2{height:130px}.hw-wave.w3{height:110px}.hw-dot.d1{left:80%;top:9%}.hw-dot.d4{display:none}}
@media(prefers-reduced-motion:reduce){.hw-wave,.hw-lines,.hw-dot,.hw-pebble *{animation:none!important}}

/* Movecia-Handschrift für alle öffentlichen Seiten (27.10.2026): Pastell-Karten mit Icon-Blase und weicher Form in der Ecke */
.cute-cards>*{position:relative;overflow:hidden;isolation:isolate;border:0!important;transition:transform .4s ease,box-shadow .4s ease}
.cute-cards>*:hover{transform:translateY(-4px);box-shadow:0 18px 36px -26px rgba(74,58,65,.45)}
.cute-cards>*::after{content:"";position:absolute;right:-50px;bottom:-60px;width:150px;height:150px;border-radius:46% 54% 60% 40%/50% 42% 58% 50%;background:#4A3040;opacity:.06;z-index:-1;pointer-events:none}
.cute-cards>*:nth-child(5n+1){background:#FBF9F6!important}.cute-cards>*:nth-child(5n+2){background:#F3E2D8!important}.cute-cards>*:nth-child(5n+3){background:#EEDFE0!important}.cute-cards>*:nth-child(5n+4){background:#F8EFE7!important}.cute-cards>*:nth-child(5n+5){background:#E8D9DD!important}
.cute-cards>*>svg:first-child,.cute-cards .ib{display:grid;place-items:center;width:60px!important;height:60px!important;padding:12px;border-radius:50%;background:rgba(255,255,255,.75);color:#4A3040;margin-bottom:.8rem}
.cute-faq details{background:#FBF9F6;border:0!important;border-radius:18px;padding:1rem 1.2rem!important;margin-top:.6rem}
.cute-faq details:nth-child(2n){background:#F8EFE7}
@media(prefers-reduced-motion:reduce){.cute-cards>*{transition:none}}
@media(max-width:1099px){.hw.pb-desk .hw-pebble{display:none}}
/* Link in Bio: Wellen hinter dem Profil, über die ganze Breite */
.hw.bio{top:-10px;bottom:-1.5rem}
.hw.bio .hw-lines{top:44%}

/* Ruhige Fassung (Vivien, 30.10.2026: Wellen mit Strichen und Punkten wirkten altmodisch): keine Linien, keine Punkte, kein Kiesel;
   die Wellen bleiben, aber stark weichgezeichnet als langsam treibender Farbschleier */
.hw.calm .hw-lines,.hw.calm .hw-dot,.hw.calm .hw-pebble{display:none}
.hw.calm .hw-wave{filter:blur(42px);-webkit-mask:none;mask:none;bottom:-40px}
.hw.calm .hw-wave.w1{opacity:.7}.hw.calm .hw-wave.w2{opacity:.55}.hw.calm .hw-wave.w3{opacity:.3}
@media(max-width:699px){.hw.calm .hw-wave{filter:blur(28px)}}
.hw.calm{bottom:-160px;-webkit-mask:linear-gradient(transparent,#000 110px,#000 calc(100% - 170px),transparent);mask:linear-gradient(transparent,#000 110px,#000 calc(100% - 170px),transparent)}

/* Winter-Vögelchen mit Mütze und Schal auf Early-Bird-Kästchen (Vivien, 30.10.2026, 1.11.–15.1.) */
.mvb{position:absolute;top:-33px;right:22px;display:flex;align-items:flex-end;gap:3px;pointer-events:none;z-index:3}
.mvb.l{right:auto;left:20px}
.mvb .bird{width:44px;height:33px;color:#9A6F7A;transform-origin:50% 100%;animation:mvhop 3.4s ease-in-out infinite}
.mvb .bird.b2{width:36px;height:27px;color:#B58C99;animation-delay:-1.1s}
.mvb .bird.b3{width:32px;height:24px;color:#C9A0AE;transform:scaleX(-1);animation-name:mvhop2;animation-delay:-2.2s}
.mvb .bird .wing{transform-origin:20px 14px;animation:mvflap 1.6s ease-in-out infinite}
.mvb.s{top:-26px}.mvb.s .bird{width:34px;height:26px}.mvb.s .bird.b2{width:29px;height:22px}.mvb.s .bird.b3{width:25px;height:19px}
@keyframes mvhop{0%,70%,100%{transform:translateY(0)}78%{transform:translateY(-5px)}86%{transform:translateY(0)}}
@keyframes mvhop2{0%,60%,100%{transform:scaleX(-1) translateY(0)}68%{transform:scaleX(-1) translateY(-4px)}}
@keyframes mvflap{0%,100%{transform:none}50%{transform:rotate(-8deg)}}
@media(prefers-reduced-motion:reduce){.mvb .bird,.mvb .bird .wing{animation:none}}
