/* MULTIVERSUM — eigenständige Welt, Pink + Eclipse + Logo-Gradient */ body[data-world="general"], html.mv-world-general body[data-world="general"] { --navy-0: #05070d; --navy-1: #0b111b; --navy-2: #101622; --ice: #ff59b2; --ice-dim: rgba(255, 89, 178, 0.35); --ice-glow: rgba(255, 89, 178, 0.22); --sand: #ff9b37; --text: #eef3ff; --text-muted: rgba(170, 181, 207, 0.88); --glass: rgba(16, 22, 34, 0.58); --glass-border: rgba(255, 89, 178, 0.18); --accent: #ff59b2; --accent2: #ff9b37; --accent3: #ffd86a; --mv-eclipse: 999px 28px 999px 28px / 999px 34px 999px 34px; --mv-eclipse-md: 28px 14px 34px 20px / 26px 18px 30px 22px; --mv-gradient-text: linear-gradient(90deg, #5ec4ff 0%, #9b6bff 22%, #ff59b2 48%, #ff9b37 72%, #ffd86a 100%); --mv-gradient-fill: linear-gradient(135deg, #5ec4ff 0%, #9b6bff 24%, #ff59b2 50%, #ff9b37 76%, #ffd86a 100%); --world-photo-filter: none; --world-photo-overlay: none; color: var(--text); } body[data-world="general"] #particle-canvas, body[data-world="general"] .bg-grid, body[data-world="general"] .light-beams, .mv-preview-lite #particle-canvas, .mv-preview-lite .bg-grid, .mv-preview-lite .light-beams { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } body[data-world="general"] .bg-root { background: radial-gradient(900px 620px at 14% -6%, rgba(255, 89, 178, 0.1), transparent 52%), radial-gradient(760px 520px at 88% 16%, rgba(155, 107, 255, 0.08), transparent 48%), radial-gradient(540px 420px at 72% 92%, rgba(255, 155, 55, 0.07), transparent 44%), linear-gradient(180deg, #05070d, #0b111b 48%, #06080f) !important; } body[data-world="general"] .home-hero-experience::before, body[data-world="general"] .home-hero-experience::after { display: none !important; content: none !important; } body[data-world="general"] .mv-dna-hidden, body[data-world="general"] #dnaStage.mv-dna-hidden, body[data-world="general"] .dna-premium-canvas, body[data-world="general"] .dna-particles-canvas, body[data-world="general"] .neuro-core, body[data-world="general"] .dna-holo-arm, body[data-world="general"] .dna-visual-stack, body[data-world="general"] .dna-unified-scene, body[data-world="general"] .dna-orbit-group { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } .mv-static-hero { width: 100%; min-height: 0; display: grid; place-items: center; padding: clamp(12px, 2.4vw, 28px) clamp(12px, 3vw, 24px) clamp(14px, 2.4vw, 28px); background: radial-gradient(ellipse 80% 60% at 50% 38%, rgba(255, 89, 178, 0.08), transparent 62%), radial-gradient(ellipse 60% 50% at 50% 72%, rgba(155, 107, 255, 0.06), transparent 58%), linear-gradient(180deg, rgba(5, 7, 13, 0.98), rgba(11, 17, 27, 0.92)); border-bottom: 1px solid rgba(255, 89, 178, 0.14); } .mv-static-hero__inner { width: min(100%, 920px); text-align: center; display: flex; flex-direction: column; align-items: center; gap: clamp(12px, 2.2vw, 20px); } .mv-static-hero__eyebrow { margin: 0; font-size: clamp(11px, 1.8vw, 13px); letter-spacing: 0.2em; text-transform: uppercase; color: rgba(170, 181, 207, 0.88); } .mv-static-hero__title { margin: 0; font-size: clamp(2.8rem, 12vw, 6.5rem); font-weight: 900; letter-spacing: -0.04em; line-height: 0.95; background: var(--mv-gradient-text, linear-gradient(90deg, #5ec4ff, #9b6bff 22%, #ff59b2 48%, #ff9b37 72%, #ffd86a)); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 8px 32px rgba(255, 89, 178, 0.12)); } .mv-static-hero__tag { margin: 0; font-size: clamp(11px, 2vw, 14px); letter-spacing: 0.16em; text-transform: uppercase; color: rgba(232, 238, 248, 0.78); } .mv-static-hero__tag .mv-tag-blue, .mv-static-hero__tag .mv-tag-warm { background: var(--mv-gradient-text, linear-gradient(90deg, #5ec4ff, #9b6bff, #ff59b2, #ff9b37, #ffd86a)); -webkit-background-clip: text; background-clip: text; color: transparent; } .mv-static-hero__tag .mv-tag-white { color: #eef3ff; } .mv-static-hero__nav { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 4px; } .mv-static-hero__nav-btn { font: inherit; cursor: pointer; padding: 10px 18px; border-radius: var(--mv-eclipse, 999px 28px 999px 28px / 999px 34px 999px 34px); border: 1px solid rgba(255, 89, 178, 0.22); background: rgba(255, 255, 255, 0.05); color: #eef3ff; font-weight: 700; font-size: clamp(10px, 2.2vw, 12px); letter-spacing: 0.08em; text-transform: uppercase; transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.22s ease; } .mv-static-hero__nav-btn:hover { transform: translateY(-1px); border-color: rgba(255, 89, 178, 0.48); box-shadow: 0 14px 28px rgba(255, 89, 178, 0.14); } .mv-static-hero__nav-btn.is-active { background: var(--mv-gradient-fill, linear-gradient(135deg, #5ec4ff, #9b6bff, #ff59b2, #ff9b37, #ffd86a)); border-color: transparent; color: #fff; box-shadow: 0 16px 38px rgba(255, 89, 178, 0.22); } body[data-world="general"] .glass-card { border-color: rgba(255, 89, 178, 0.16); border-radius: var(--mv-eclipse-md); } body[data-world="general"] .chapter-label { color: #ff59b2; } body[data-world="general"] .menu-links a.is-active { color: #ff59b2 !important; } body[data-world="general"] .menu-links a:hover { color: #ff59b2 !important; } body[data-world="general"] .section-title, body[data-world="general"] .home-copy h1 { background: var(--mv-gradient-text); -webkit-background-clip: text; background-clip: text; color: transparent; } body[data-world="general"] .btn-primary, body[data-world="general"] .cta-btn { border-radius: var(--mv-eclipse); border: none; background: var(--mv-gradient-fill); box-shadow: 0 16px 38px rgba(255, 89, 178, 0.2); } body[data-world="general"] .home-portrait-card img, body[data-world="general"] #heroPhoto, body[data-world="general"] #contactPhoto { filter: none; } body[data-world="general"] .home-portrait-card::after { display: none; } body[data-world="general"] .welten-chapter-box__scrim { background: linear-gradient(155deg, rgba(5, 7, 13, 0.84) 0%, rgba(5, 7, 13, 0.52) 42%, rgba(5, 7, 13, 0.76) 100%) !important; } .mv-leadform-wrap { grid-column: 1 / -1; margin-top: 18px; } .mv-leadform-wrap iframe { width: 100%; min-height: 720px; border: 1px solid rgba(255, 89, 178, 0.16); border-radius: 28px; background: #070b12; } @media (min-width: 901px) { #slide-contact .contact-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } } @media (max-width: 640px) { .mv-static-hero__nav-btn { padding: 8px 14px; font-size: 10px; } } @media (max-width: 1024px) { body[data-world="general"] .mv-static-hero__nav { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; width: 100% !important; max-width: min(390px, 92vw) !important; margin-top: 8px !important; flex-wrap: unset !important; justify-content: stretch !important; } body[data-world="general"] .mv-static-hero__nav-btn[data-go="home"] { grid-column: 1 / -1 !important; width: 100% !important; max-width: none !important; justify-self: stretch !important; } body[data-world="general"] .mv-static-hero__nav-btn { width: 100% !important; min-height: 52px !important; font-size: 14px !important; padding: 0 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; white-space: nowrap !important; letter-spacing: 0.06em !important; } body[data-world="general"] .mv-static-hero__tag .mv-tag-blue { background: var(--mv-gradient-text, linear-gradient(90deg, #5ec4ff, #9b6bff, #ff59b2, #ff9b37, #ffd86a)); -webkit-background-clip: text; background-clip: text; color: transparent; } } @media (min-width: 769px) and (max-width: 1024px) { body[data-world="general"] .mv-static-hero, body[data-world="general"] .welten-desktop-subpage-mv-hero.mv-static-hero { min-height: auto !important; height: auto !important; padding-top: clamp(20px, 3.5vw, 32px) !important; padding-bottom: clamp(14px, 2.5vw, 22px) !important; } body[data-world="general"] .mv-static-hero__inner { gap: clamp(8px, 1.6vw, 14px) !important; } body[data-world="general"] .mv-static-hero__nav { max-width: 720px !important; gap: 18px !important; margin-top: 0 !important; } body[data-world="general"] .mv-static-hero__nav-btn { min-height: 56px !important; font-size: clamp(13px, 1.6vw, 16px) !important; padding: 0 12px !important; } body[data-world="general"] .welten-mobile-chapter-hero { padding-bottom: clamp(10px, 2vw, 16px) !important; margin-bottom: clamp(10px, 2.5vw, 16px) !important; } } body[data-world="general"] .slide:not(#slide-home), body[data-world="general"] .slide, body[data-world="general"] .slides-root, body[data-world="general"] main.slides-root { background: transparent !important; } body[data-world="general"] .slide::before, body[data-world="general"] .slide::after, body[data-world="general"] .slides-root::before, body[data-world="general"] .slides-root::after, body[data-world="general"] .bg-root::before, body[data-world="general"] .bg-root::after { display: none !important; content: none !important; } body[data-world="general"] .experience-step { border: 1px solid rgba(255, 89, 178, 0.32) !important; background: rgba(255, 255, 255, 0.04) !important; backdrop-filter: none !important; } body[data-world="general"] .experience-step.is-active { transform: scale(1.28) !important; transform-origin: center center !important; border-color: transparent !important; background: var(--mv-gradient-fill) !important; box-shadow: 0 0 24px rgba(255, 89, 178, 0.32) !important; } body[data-world="general"] .experience-step::after { color: #eef3ff !important; } body[data-world="general"] .experience-rail::before { background: rgba(255, 89, 178, 0.18) !important; } body[data-world="general"] .brand-mark span:last-child, body[data-world="general"] .header-name span { background: var(--mv-gradient-text); -webkit-background-clip: text; background-clip: text; color: transparent !important; } body[data-world="general"] .btn-menu { border: 1px solid rgba(255, 89, 178, 0.22) !important; background: rgba(255, 255, 255, 0.05) !important; border-radius: var(--mv-eclipse) !important; backdrop-filter: none !important; color: #eef3ff !important; } body[data-world="general"] .btn-menu:hover { border-color: rgba(255, 89, 178, 0.48) !important; box-shadow: 0 14px 28px rgba(255, 89, 178, 0.14) !important; } body[data-world="general"] .header-meta:hover, body[data-world="general"] .header-meta:focus-visible { color: #ff59b2 !important; } body[data-world="general"] .menu-links a { color: rgba(232, 238, 248, 0.78) !important; } body[data-world="general"] .welten-page-hero, body[data-world="general"] .welten-page-hero::before, body[data-world="general"] .welten-page-hero::after { background: transparent !important; } body[data-world="general"] .welten-visual-sprint2, body[data-world="general"] [class*="matrix"], body[data-world="general"] [class*="binary"] { display: none !important; }