/* Neulandpro Effektebene: Nebel, Sternenstaub, Körnung, Leuchtrahmen, Schimmer */
html{background:#F7F5EF}
body{background:transparent!important}
.page:before,.page:after{display:none!important}

.fx-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:
  radial-gradient(120% 80% at 50% -10%,#FBFAF6 0%,#F7F5EF 45%,#F1EEE6 100%)}
.fx-neb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.9;will-change:transform}
.fx-neb.a{width:62vmax;height:62vmax;left:-14vmax;top:-22vmax;background:radial-gradient(closest-side,rgba(77,236,220,.30),rgba(77,236,220,0));animation:fxA 38s ease-in-out infinite alternate}
.fx-neb.b{width:54vmax;height:54vmax;right:-18vmax;top:12vh;background:radial-gradient(closest-side,rgba(150,128,255,.20),rgba(150,128,255,0));animation:fxB 46s ease-in-out infinite alternate}
.fx-neb.c{width:48vmax;height:48vmax;left:18vw;bottom:-26vmax;background:radial-gradient(closest-side,rgba(255,46,136,.13),rgba(255,46,136,0));animation:fxC 52s ease-in-out infinite alternate}
@keyframes fxA{to{transform:translate3d(12vw,10vh,0) scale(1.12)}}
@keyframes fxB{to{transform:translate3d(-14vw,14vh,0) scale(.92)}}
@keyframes fxC{to{transform:translate3d(10vw,-12vh,0) scale(1.15)}}
.fx-stars{position:absolute;inset:0;width:100%;height:100%}
.fx-grain{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
@keyframes fxGrain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}

/* Leuchtrahmen, folgt dem Mauszeiger */
.fx-glow{position:relative;isolation:isolate}
.fx-ring{position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;z-index:3;padding:1.5px;
  background:radial-gradient(240px circle at var(--mx,-999px) var(--my,-999px),hsl(var(--hue,172) 82% 52% / .95),hsl(var(--hue,172) 82% 60% / .25) 40%,transparent 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  opacity:var(--ring-o,0);transition:opacity .35s ease}
.fx-spot{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;mix-blend-mode:multiply;
  background:radial-gradient(320px circle at var(--mx,-999px) var(--my,-999px),hsl(var(--hue,172) 90% 60% / .09),transparent 65%);
  opacity:var(--ring-o,0);transition:opacity .35s ease}
.fx-glow{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
@media (hover:hover){.fx-glow.fx-lift:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(11,11,15,.04),0 24px 48px -18px rgba(11,11,15,.22)}}

/* Schimmer auf dem kursiven Akzentwort */
.fx-shimmer{background:linear-gradient(100deg,#0B7F72 0%,#0B7F72 38%,#2CCFBF 47%,#7A6BFF 52%,#0B7F72 62%,#0B7F72 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:fxShim 7s ease-in-out infinite}
.fx-shimmer.light{background-image:linear-gradient(100deg,#4DECDC 0%,#4DECDC 38%,#FFFFFF 47%,#B9A7FF 52%,#4DECDC 62%,#4DECDC 100%)}
@keyframes fxShim{0%,15%{background-position:100% 0}60%,100%{background-position:0 0}}

@media (prefers-reduced-motion:reduce){
  .fx-neb,.fx-grain,.fx-shimmer{animation:none!important}
  .fx-glow{transition:none}
}

/* Knöpfe: echtes Neulandpro Türkis, klare Kante, kein Glanz */
html body .btn{border-radius:10px;background:#4DECDC;color:#0B0B0F;border:1px solid #0B0B0F;
  box-shadow:0 2px 0 #0B0B0F;letter-spacing:.01em;
  transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}
html body .btn:after{content:none}
html body .btn:hover{background:#4DECDC;transform:translateY(-1px);box-shadow:0 3px 0 #0B0B0F}
html body .btn:active{transform:translateY(1px);box-shadow:0 1px 0 #0B0B0F}
html body .btn.sm{box-shadow:0 2px 0 #0B0B0F}
html body .cta-g,html body .s-btn,html body .wa{border-radius:10px}
html body .cta-g{border:1px solid #0B0B0F;box-shadow:0 2px 0 rgba(11,11,15,.35)}

/* WhatsApp: wie der offizielle Button, flaches WhatsApp-Grün, weißes Logo */
html body .wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-weight:700;letter-spacing:0;text-decoration:none;
  background:#25D366;border:0;border-radius:10px;box-shadow:0 1px 2px rgba(7,94,84,.25),0 10px 24px -12px rgba(37,211,102,.7);
  transition:background-color .15s ease,transform .15s ease}
html body .wa-btn:hover{background:#1EBE5A;transform:translateY(-1px);box-shadow:0 2px 4px rgba(7,94,84,.25),0 14px 28px -12px rgba(37,211,102,.8)}
html body .wa-btn:active{transform:none;background:#1AAE52}
html body .wa-btn:after{content:none}
.wa-btn .wa-ico{flex:none;width:24px;height:24px;display:grid;place-items:center;background:none}
.wa-btn .wa-ico svg{width:22px;height:22px;fill:#fff}

/* Weg-Linie: nur ein feiner Strich, der sich beim Scrollen füllt */
.fx-weg{position:fixed;left:max(14px,calc((100vw - 1240px)/2 - 34px));top:120px;bottom:64px;width:1px;z-index:40;pointer-events:none}
.fx-weg .spur{position:absolute;inset:0;background:rgba(11,11,15,.07)}
.fx-weg .fuell{position:absolute;left:0;top:0;width:1px;height:100%;transform-origin:top;transform:scaleY(0);will-change:transform;
  background:linear-gradient(180deg,rgba(77,236,220,0),#4DECDC 18%,#0B7F72)}
.fx-weg .kopf,.fx-weg .halt{display:none}
@media (max-width:760px){.fx-weg{left:6px;top:84px;bottom:96px}}

/* Ruhige Typografie: eine Schrift, Akzent als türkiser Marker mit schwarzer Schrift */
html body h1 i,html body h2 i,html body h3 i,html body h1 em,html body .up i{font-family:inherit;font-style:normal;font-weight:inherit;
  color:inherit!important;-webkit-text-fill-color:currentColor;-webkit-background-clip:border-box!important;background-clip:border-box!important;background:linear-gradient(180deg,transparent 58%,rgba(77,236,220,.55) 58%,rgba(77,236,220,.55) 92%,transparent 92%);
  padding:0 .12em;margin:0 -.04em;-webkit-box-decoration-break:clone;box-decoration-break:clone;white-space:normal;display:inline}
html body .fx-shimmer{background:none;-webkit-text-fill-color:currentColor;animation:none}

/* Zweitrangige Knöpfe: ruhig, damit nur eine Hauptaktion farbig ist */
html body .btn.btn-leise{background:#fff;color:#0B0B0F;border:1px solid rgba(11,11,15,.14);box-shadow:0 1px 2px rgba(11,11,15,.06)}
html body .btn.btn-leise:hover{background:#fff;border-color:rgba(11,11,15,.35);box-shadow:0 4px 12px -6px rgba(11,11,15,.2)}

html body .s-btn.wa-btn{padding:14px 22px;font-size:14px;border:0}
html body .s-btn:not(.wa-btn){border-radius:10px;background:#fff;border:1px solid rgba(11,11,15,.14)}

/* Zwei Boni global: rosa Kapsel, fett, pink unterstrichen */
.boni{font-weight:800;color:#C2185B;background:linear-gradient(180deg,transparent 62%,rgba(255,46,136,.28) 62%,rgba(255,46,136,.28) 92%,transparent 92%);padding:0 2px}
.boni-kapsel{display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 12px;border-radius:999px;background:#FFE3EF;border:1px solid #F7B6D2;color:#8E0D47;font-size:15px;font-weight:500;line-height:1.35}
.boni-kapsel svg{width:18px;height:18px;flex:none;stroke:#D6176E}

/* Marker auf dunklem Grund: Schrift bleibt hell, Band etwas kräftiger */
html body .band h2 i,html body .final h2 i,html body .end h2 i,html body .dunkel h2 i{background:linear-gradient(180deg,transparent 60%,rgba(77,236,220,.42) 60%,rgba(77,236,220,.42) 92%,transparent 92%)}