/* Startseite: Einstiegsblock als Milchglas (statt Dunkelgrün) – Schrift, Knöpfe und Animation passend */
#creatorHome .hs-hero { position: relative; isolation: isolate; overflow: hidden; background: transparent !important; color: #14323a;
  border: 1px solid #ffffffb3; box-shadow: 0 40px 90px -40px #14323a66, 0 2px 0 #ffffffcc inset, 0 0 0 1px #14323a0f !important;
  -webkit-backdrop-filter: blur(24px) saturate(160%); backdrop-filter: blur(24px) saturate(160%); }
/* Farbflächen hinter dem Glas – langsam schwebend */
#creatorHome .hs-hero::after { content: ""; position: absolute; inset: -30%; z-index: -2; pointer-events: none; filter: blur(46px); opacity: .9;
  background: radial-gradient(28% 36% at 18% 30%, #2f9a83aa, transparent 70%), radial-gradient(26% 34% at 78% 22%, #e7b878aa, transparent 70%),
    radial-gradient(30% 38% at 62% 82%, #6aa7c788, transparent 70%), radial-gradient(22% 30% at 30% 88%, #c4e6da99, transparent 70%) !important;
  animation: mg-schweben 22s ease-in-out infinite alternate !important; height: auto !important; }
@keyframes mg-schweben { 0% { transform: translate3d(0, 0, 0) rotate(0deg) scale(1); } 50% { transform: translate3d(4%, -3%, 0) rotate(8deg) scale(1.06); } 100% { transform: translate3d(-3%, 3%, 0) rotate(-6deg) scale(1.02); } }
/* Milchglas-Schleier mit feinem Lichtrand */
#creatorHome .hs-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit;
  background: linear-gradient(135deg, #ffffffb3 0%, #ffffff73 45%, #ffffffa1 100%); }
#creatorHome .hs-hero .hs-hero-copy, #creatorHome .hs-hero .hs-hero-art { position: relative; z-index: 1; }

/* Schrift */
#creatorHome .hs-hero .hs-kicker { color: #1d6d5e !important; font-weight: 800 !important; }
#creatorHome .hs-hero .hs-kicker span { background: #c99a5b !important; box-shadow: 0 0 0 4px #c99a5b33 !important; }
#creatorHome .hs-hero h1 { color: #14323a !important; text-shadow: none !important; }
#creatorHome .hs-hero h1 em { color: #a96f2c !important; }
#creatorHome .hs-hero .dx-word { background: linear-gradient(100deg, #17705f, #2a9079 40%, #b07a3c 95%) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; }
#creatorHome .hs-hero .hs-hero-copy > p { color: #3d5258 !important; }
#creatorHome .hs-hero .hs-hero-facts { border-color: #14323a1f !important; }
#creatorHome .hs-hero .hs-hero-facts span { color: #5a6d72 !important; }
#creatorHome .hs-hero .hs-hero-facts b { color: #14323a !important; }
#creatorHome .hs-hero .sx-trust, #creatorHome .hs-hero .sx-trust * { color: #1d6d5e !important; }

/* Knöpfe */
#creatorHome .hs-hero #creatorNewProject { background: linear-gradient(135deg, #1d6d5e, #14323a) !important; color: #fff !important; border: 0 !important; box-shadow: 0 14px 28px -12px #14323a99 !important; }
#creatorHome .hs-hero #creatorNewProject span { color: #f1d6a8 !important; }
#creatorHome .hs-hero #creatorNewProject:hover { filter: brightness(1.1); transform: translateY(-1px); }
#creatorHome .hs-hero .ws-hero-btn { background: #ffffffb3 !important; color: #16564b !important; border: 1.5px solid #2a907966 !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
#creatorHome .hs-hero .ws-hero-btn span { color: #16564b !important; }
#creatorHome .hs-hero .ws-hero-btn:hover { background: #fff !important; border-color: #2a9079 !important; }
#creatorHome .hs-hero #creatorContinueProject { background: transparent !important; color: #14323a !important; border: 1.5px solid #14323a40 !important; }
#creatorHome .hs-hero #creatorContinueProject span { color: #14323a !important; }
#creatorHome .hs-hero #creatorContinueProject:hover { background: #14323a !important; color: #fff !important; border-color: #14323a !important; }
#creatorHome .hs-hero #creatorContinueProject:hover span { color: #f1d6a8 !important; }
#creatorHome .hs-hero #creatorContinueProject .pl-badge { background: #1d6d5e !important; color: #fff !important; }

/* Szene rechts: Schritt-Leiste und Beschriftung aus Glas */
#creatorHome .hs-hero .sd-steps button, #creatorHome .hs-hero .sd-steps > * { background: #ffffff99 !important; color: #14323a !important; border-color: #14323a1f !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
#creatorHome .hs-hero .sd-steps .on, #creatorHome .hs-hero .sd-steps [aria-current="step"], #creatorHome .hs-hero .sd-steps .active { background: #14323a !important; color: #fff !important; }
#creatorHome .hs-hero .sd-steps .on *, #creatorHome .hs-hero .sd-steps .active * { color: #fff !important; }
#creatorHome .hs-hero .sd-play { background: #ffffffb3 !important; color: #14323a !important; border-color: #14323a26 !important; }
#creatorHome .hs-hero .sd-caption { color: #3d5258 !important; }
#creatorHome .hs-hero .hs-art-caption, #creatorHome .hs-hero .hs-art-caption * { color: #14323a !important; }

/* Pakete: Knöpfe immer lesbar – Grün mit heller Schrift, auf der dunklen Empfehlung Gold */
#creatorHome .sx-package button { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 48px; padding: 0 18px !important; border-radius: 14px !important; border: 0 !important;
  background: linear-gradient(135deg, #2a9079, #1d6d5e) !important; color: #fff !important; font: 800 14.5px Manrope, "Segoe UI", system-ui, sans-serif !important;
  box-shadow: 0 10px 22px -12px #1d6d5ecc !important; cursor: pointer; transition: transform .18s, box-shadow .18s, background .18s !important; }
#creatorHome .sx-package button:hover, #creatorHome .sx-package button:focus-visible { background: linear-gradient(135deg, #1f7a68, #14323a) !important; color: #fff !important; transform: translateY(-2px); box-shadow: 0 16px 30px -12px #14323acc !important; outline: none; }
#creatorHome .sx-package button:focus-visible { box-shadow: 0 0 0 4px #c99a5b66, 0 16px 30px -12px #14323acc !important; }
#creatorHome .sx-package.sx-featured button { background: linear-gradient(135deg, #f6e2bf, #d4a868) !important; color: #14323a !important; box-shadow: 0 12px 26px -12px #d4a868 !important; }
#creatorHome .sx-package.sx-featured button:hover, #creatorHome .sx-package.sx-featured button:focus-visible { background: linear-gradient(135deg, #fff1d8, #e2b878) !important; color: #14323a !important; }
#creatorHome .sx-package { transition: transform .25s cubic-bezier(.2, .8, .2, 1), box-shadow .25s !important; }
#creatorHome .sx-package:hover { transform: translateY(-4px); box-shadow: 0 26px 50px -24px #14323a66 !important; }
#creatorHome .sx-artikel { margin: 0 0 16px; padding: 10px 12px; border-radius: 12px; background: #f3faf7; border: 1px solid #cfe5dc; color: #16564b; font: 600 13px/1.45 Manrope, "Segoe UI", system-ui, sans-serif; }
#creatorHome .sx-artikel b { display: block; color: #14323a; font-size: 13.5px; margin-bottom: 2px; }
#creatorHome .sx-featured .sx-artikel { background: #ffffff14; border-color: #ffffff2e; color: #e5efec; }
#creatorHome .sx-featured .sx-artikel b { color: #fff; }

/* Dunkelmodus: dunkles Glas */
body.dark #creatorHome .hs-hero::before { background: linear-gradient(135deg, #14323acc, #0e2a30b3) !important; }
body.dark #creatorHome .hs-hero h1, body.dark #creatorHome .hs-hero .hs-hero-facts b { color: #f3f7f5 !important; }
body.dark #creatorHome .hs-hero .hs-hero-copy > p, body.dark #creatorHome .hs-hero .hs-hero-facts span { color: #c9d8d4 !important; }

@media (prefers-reduced-motion: reduce) { #creatorHome .hs-hero::after { animation: none !important; } }