/**
 * Mobile Hero — NEXORA · PROFESSIONAL · FREIRAUM (≤1024px)
 * Exakte Referenz: Titel → Linie + 3 Punkte → Schlagwörter → Button-Grid
 */

@media (max-width: 1024px) {
/* FREIRAUM: kein Portrait / Oval im Hero (Desktop unverändert) */
body[data-world="freiraum"] #slide-home .home-hero-experience {
  background-image: none !important;
  background:
    radial-gradient(ellipse 85% 65% at 18% 22%, rgba(255, 139, 189, 0.22), transparent 52%),
    radial-gradient(ellipse 75% 55% at 82% 68%, rgba(255, 209, 102, 0.16), transparent 50%),
    linear-gradient(168deg, #2a1420 0%, #1a1028 42%, #120a1a 100%) !important;
}

body[data-world="freiraum"] #slide-home .home-hero-experience::after {
  content: none !important;
  display: none !important;
}

/* FREIRAUM: nur Hero-Deko ausblenden — Profilbild im Intro-Block bleibt sichtbar */
body[data-world="freiraum"] #slide-home .home-hero-experience .home-portrait-card,
body[data-world="freiraum"] #slide-home .home-hero-experience .portrait-photo,
body[data-world="freiraum"] #slide-home .dna-unified-scene .home-portrait-card,
body[data-world="freiraum"] #slide-home .dna-premium-canvas,
body[data-world="freiraum"] #slide-home .dna-particles-canvas,
body[data-world="freiraum"] #slide-home .dna-holo-arm,
body[data-world="freiraum"] #slide-home .dna-visual-stack,
body[data-world="freiraum"] #slide-home .dna-layer,
body[data-world="freiraum"] #slide-home .dna-asset {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

body[data-world="freiraum"] #slide-home .home-main-block .home-portrait-card,
body[data-world="freiraum"] #slide-contact .contact-visual {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: relative !important;
  overflow: hidden !important;
}

body[data-world="freiraum"] #slide-home .home-main-block .portrait-photo,
body[data-world="freiraum"] #slide-home .home-main-block img#heroPhoto,
body[data-world="freiraum"] #slide-contact .portrait-photo,
body[data-world="freiraum"] #slide-contact img#contactPhoto {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

} /* end FREIRAUM mobile-only block */

/* FREIRAUM Desktop/Laptop: kein Profilbild als Hero-Hintergrund */
@media (min-width: 1025px) {
  body[data-world="freiraum"] #slide-home .home-hero-experience {
    background-image: none !important;
    background:
      radial-gradient(circle at 16% 22%, rgba(255, 208, 48, 0.25), transparent 28%),
      radial-gradient(circle at 74% 18%, rgba(255, 48, 126, 0.24), transparent 30%),
      radial-gradient(circle at 82% 76%, rgba(0, 220, 210, 0.22), transparent 28%),
      linear-gradient(135deg, #170d1f 0%, #25102e 42%, #111827 100%) !important;
    background-size: auto !important;
    background-position: center center !important;
  }
}

/* Alte Desktop-Hero-Elemente ausblenden */
@media (max-width: 1024px) {
  .dna-stage,
  .orbit-stage,
  .nexora-brain,
  .nexora-hero-brain,
  .freiraum-oval,
  .freiraum-desktop-hero,
  .old-hero-buttons,
  body[data-world="nexora"] #slide-home #dnaOrbitGroup,
  body[data-world="nexora"] #slide-home .dna-orbit-group,
  body[data-world="nexora"] #slide-home .dna-ring-scene,
  body[data-world="nexora"] #slide-home .dna-ring,
  body[data-world="nexora"] #slide-home .dna-slide,
  body[data-world="nexora"] #slide-home .neuro-core,
  body[data-world="nexora"] #slide-home .neuro-core *,
  body[data-world="nexora"] #slide-home .nexora-orbit-nav,
  body[data-world="nexora"] #slide-home .dna-particles-canvas,
  body[data-world="nexora"] #slide-home .dna-premium-canvas,
  body[data-world="nexora"] #slide-home .dna-unified-scene,
  body[data-world="nexora"] #slide-home .home-hero-experience::after,
  body[data-world="freiraum"] #slide-home .dna-ring-scene .dna-visual-stack,
  body[data-world="freiraum"] #slide-home .dna-holo-arm {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  /* Pseudo-Titel / alte Claims */
  body[data-world="freiraum"] #slide-home .dna-unified-scene::before,
  body[data-world="freiraum"] #slide-home .dna-unified-scene::after,
  body[data-world="vertex"] #slide-home .dna-unified-scene::before,
  body[data-world="vertex"] #slide-home .dna-unified-scene::after,
  body[data-world="nexora"] #slide-home .home-hero-experience::before {
    content: none !important;
    display: none !important;
  }
}

/* ── Tablet 769–1024px (Referenzwerte) ── */
@media (min-width: 769px) and (max-width: 1024px) {
  body[data-world="nexora"] #slide-home .home-hero-experience,
  body[data-world="nexora"] #slide-home #dnaStage.home-hero-experience,
  body[data-world="freiraum"] #slide-home .home-hero-experience,
  body[data-world="vertex"] #slide-home .home-hero-experience,
  html.welten-mobile-hero .hero-mobile,
  html.welten-mobile-hero .mobile-hero,
  html.welten-mobile-hero .home-hero {
    min-height: auto !important;
    height: auto !important;
    padding-top: 72px !important;
    padding-bottom: 72px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
    touch-action: pan-y !important;
    box-sizing: border-box !important;
  }

  .welten-mobile-hero-title {
    order: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto 28px !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: clamp(56px, 7vw, 76px) !important;
    letter-spacing: 0.16em !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    pointer-events: none !important;
    position: relative !important;
    z-index: 2 !important;
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
  }

  .welten-mobile-hero-meta {
    order: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 76vw !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 3 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  .welten-mobile-hero-line {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 76vw !important;
    margin: 0 auto 30px !important;
    height: 1px !important;
  }

  .welten-mobile-hero-line::before,
  .welten-mobile-hero-line::after {
    content: "" !important;
    flex: 1 1 0 !important;
    height: 1px !important;
    min-width: 0 !important;
    max-width: none !important;
    opacity: 1 !important;
  }

  .welten-mobile-hero-line span {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    opacity: 1 !important;
  }

  .welten-mobile-hero-keywords {
    display: block !important;
    width: 100% !important;
    margin: 0 0 40px !important;
    padding: 0 !important;
    border: none !important;
    text-align: center !important;
    font-size: clamp(16px, 2.2vw, 22px) !important;
    letter-spacing: 0.2em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    line-height: 1.35 !important;
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
  }

  body[data-world="nexora"] #slide-home .nexora-orbit-buttons,
  body[data-world="freiraum"] #slide-home .dna-orbit-group,
  body[data-world="vertex"] #slide-home .dna-orbit-group {
    order: 3 !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 82vw !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 10 !important;
    touch-action: pan-y !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  body[data-world="nexora"] #slide-home .nexora-orbit-ring,
  body[data-world="freiraum"] #slide-home .dna-ring,
  body[data-world="vertex"] #slide-home .dna-ring,
  .welten-mobile-hero-grid {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 82vw !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: none !important;
    justify-content: center !important;
    align-items: stretch !important;
    flex-wrap: unset !important;
  }

  body[data-world] #slide-home .hero-button[data-go="home"],
  body[data-world] #slide-home .nexora-orbit-button[data-go="home"],
  body[data-world] #slide-home .dna-slide[data-go="home"] {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
  }

  body[data-world="nexora"] #slide-home .nexora-orbit-button,
  body[data-world="vertex"] #slide-home .dna-slide,
  body[data-world="freiraum"] #slide-home .dna-slide {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 64px !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: clamp(14px, 1.8vw, 18px) !important;
    letter-spacing: 0.06em !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    padding: 0 26px !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    flex: unset !important;
  }
}

/* ── Handy ≤768px (Referenzwerte) ── */
@media (max-width: 768px) {
  body[data-world="nexora"] #slide-home .home-hero-experience,
  body[data-world="nexora"] #slide-home #dnaStage.home-hero-experience,
  body[data-world="freiraum"] #slide-home .home-hero-experience,
  body[data-world="vertex"] #slide-home .home-hero-experience,
  html.welten-mobile-hero .hero-mobile,
  html.welten-mobile-hero .mobile-hero,
  html.welten-mobile-hero .home-hero {
    min-height: auto !important;
    height: auto !important;
    padding-top: 56px !important;
    padding-bottom: 56px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
    touch-action: pan-y !important;
    box-sizing: border-box !important;
  }

  .welten-mobile-hero-title {
    order: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto 22px !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: clamp(42px, 10vw, 58px) !important;
    letter-spacing: 0.14em !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    pointer-events: none !important;
    position: relative !important;
    z-index: 2 !important;
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
  }

  .welten-mobile-hero-meta {
    order: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 78vw !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 3 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  .welten-mobile-hero-line {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 78vw !important;
    margin: 0 auto 26px !important;
    height: 1px !important;
  }

  .welten-mobile-hero-line::before,
  .welten-mobile-hero-line::after {
    content: "" !important;
    flex: 1 1 0 !important;
    height: 1px !important;
    min-width: 0 !important;
    max-width: none !important;
    opacity: 1 !important;
  }

  .welten-mobile-hero-line span {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    opacity: 1 !important;
  }

  .welten-mobile-hero-keywords {
    display: block !important;
    width: 100% !important;
    margin: 0 0 34px !important;
    padding: 0 !important;
    border: none !important;
    text-align: center !important;
    font-size: clamp(13px, 3.2vw, 18px) !important;
    letter-spacing: 0.18em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    line-height: 1.35 !important;
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
  }

  body[data-world="nexora"] #slide-home .nexora-orbit-buttons,
  body[data-world="freiraum"] #slide-home .dna-orbit-group,
  body[data-world="vertex"] #slide-home .dna-orbit-group {
    order: 3 !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 86vw !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 10 !important;
    touch-action: pan-y !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  body[data-world="nexora"] #slide-home .nexora-orbit-ring,
  body[data-world="freiraum"] #slide-home .dna-ring,
  body[data-world="vertex"] #slide-home .dna-ring,
  .welten-mobile-hero-grid {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 86vw !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: none !important;
    justify-content: center !important;
    align-items: stretch !important;
    flex-wrap: unset !important;
  }

  body[data-world="nexora"] #slide-home .nexora-orbit-button,
  body[data-world="vertex"] #slide-home .dna-slide,
  body[data-world="freiraum"] #slide-home .dna-slide {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 58px !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: clamp(13px, 3.4vw, 17px) !important;
    letter-spacing: 0.06em !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    padding: 0 22px !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    flex: unset !important;
  }
}

/* ── Gemeinsame Layout-Struktur (≤1024px) ── */
@media (max-width: 1024px) {
  body[data-world="nexora"] #slide-home .home-hero-experience,
  body[data-world="nexora"] #slide-home #dnaStage.home-hero-experience {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: #0a0e14 !important;
    gap: 0 !important;
  }

  body[data-world="freiraum"] #slide-home .dna-unified-scene,
  body[data-world="vertex"] #slide-home .dna-unified-scene {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: auto !important;
    max-height: none !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    transform: none !important;
    background: transparent !important;
    overflow: visible !important;
    position: relative !important;
  }

  body[data-world="freiraum"] #slide-home .home-hero-experience,
  body[data-world="vertex"] #slide-home .home-hero-experience {
    min-height: auto !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    gap: 0 !important;
  }

  /* Performance-CSS vh-Höhen aufheben */
  body[data-world="vertex"] .home-hero-experience,
  body[data-world="vertex"] .dna-unified-scene,
  body[data-world="freiraum"] .home-hero-experience,
  body[data-world="freiraum"] .dna-unified-scene,
  body[data-world="nexora"] .home-hero-experience,
  html.welten-mobile .home-hero-experience,
  html.welten-mobile .dna-unified-scene {
    min-height: auto !important;
    max-height: none !important;
    height: auto !important;
  }

  /* NEXORA Look */
  body[data-world="nexora"] .welten-mobile-hero-title {
    background: linear-gradient(180deg, #78dcff 0%, #3a9eff 55%, #65d9ff 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    filter: drop-shadow(0 0 28px rgba(0, 180, 255, 0.35)) !important;
  }

  body[data-world="nexora"] .welten-mobile-hero-line::before,
  body[data-world="nexora"] .welten-mobile-hero-line::after {
    background: rgba(101, 217, 255, 0.85) !important;
  }

  body[data-world="nexora"] .welten-mobile-hero-line span {
    background: rgba(101, 217, 255, 0.95) !important;
    box-shadow: 0 0 8px rgba(0, 194, 255, 0.45) !important;
  }

  body[data-world="nexora"] .welten-mobile-hero-keywords {
    color: rgba(160, 220, 255, 0.92) !important;
  }

  body[data-world="nexora"] #slide-home .nexora-orbit-button {
    border-radius: 16px !important;
    border: 1px solid rgba(101, 217, 255, 0.62) !important;
    background: rgba(6, 18, 36, 0.78) !important;
    color: rgba(232, 248, 255, 0.98) !important;
    box-shadow: 0 0 14px rgba(0, 160, 255, 0.18) !important;
  }

  /* PROFESSIONAL Look */
  body[data-world="vertex"] .welten-mobile-hero-title {
    color: #111 !important;
    text-shadow: none !important;
  }

  body[data-world="vertex"] .welten-mobile-hero-line::before,
  body[data-world="vertex"] .welten-mobile-hero-line::after {
    background: rgba(17, 17, 17, 0.88) !important;
  }

  body[data-world="vertex"] .welten-mobile-hero-line span {
    background: rgba(17, 17, 17, 0.92) !important;
  }

  body[data-world="vertex"] .welten-mobile-hero-keywords {
    color: rgba(17, 17, 17, 0.72) !important;
  }

  body[data-world="vertex"] #slide-home .dna-slide {
    border-radius: 2px !important;
    border: 1px solid #111 !important;
    background: #050505 !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
  }

  /* FREIRAUM Look */
  body[data-world="freiraum"] .welten-mobile-hero-title {
    background: linear-gradient(90deg, #ffd166 0%, #ff8bbd 48%, #ff7a59 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(255, 120, 160, 0.28)) !important;
  }

  body[data-world="freiraum"] .welten-mobile-hero-line::before,
  body[data-world="freiraum"] .welten-mobile-hero-line::after {
    background: linear-gradient(90deg, rgba(255, 209, 102, 0.85), rgba(255, 139, 189, 0.85)) !important;
  }

  body[data-world="freiraum"] .welten-mobile-hero-line span {
    background: linear-gradient(135deg, #ffd166, #ff8bbd) !important;
    box-shadow: 0 0 8px rgba(255, 139, 189, 0.4) !important;
  }

  body[data-world="freiraum"] .welten-mobile-hero-keywords {
    color: rgba(255, 210, 180, 0.92) !important;
  }

  body[data-world="freiraum"] #slide-home .dna-slide,
  body[data-world="freiraum"] #slide-home .dna-slide:nth-child(n) {
    border-radius: 999px 26px 999px 26px !important;
    border: 1px solid rgba(255, 209, 102, 0.55) !important;
    background: linear-gradient(135deg, rgba(255, 111, 174, 0.28), rgba(255, 209, 102, 0.16)), rgba(38, 18, 48, 0.78) !important;
    color: rgba(255, 248, 239, 0.98) !important;
    box-shadow: 0 0 16px rgba(255, 111, 174, 0.18) !important;
    backdrop-filter: blur(12px) saturate(1.15) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.15) !important;
  }

  body[data-world="freiraum"] #slide-home .dna-slide:nth-child(n+6) {
    display: flex !important;
  }

  body[data-world="freiraum"] #slide-home .dna-ring-scene {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  body[data-world="freiraum"] #slide-home .dna-orbit-group {
    pointer-events: auto !important;
  }

  /* Flex-Layout aus Performance-CSS überschreiben */
  body[data-world="vertex"] #slide-home .dna-ring,
  body[data-world="freiraum"] #slide-home .dna-ring {
    display: grid !important;
    flex-wrap: unset !important;
    justify-content: stretch !important;
  }

  body[data-world="vertex"] #slide-home .dna-orbit-group {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  /* Hero → Intro: kein Extra-Loch */
  body[data-world="nexora"] #slide-home .home-main-block,
  body[data-world="freiraum"] #slide-home .home-main-block,
  body[data-world="vertex"] #slide-home .home-main-block {
    margin-top: 0 !important;
    padding-top: clamp(8px, 2vw, 16px) !important;
  }

  body[data-world="nexora"] #slide-home.slide,
  body[data-world="freiraum"] #slide-home.slide,
  body[data-world="vertex"] #slide-home.slide {
    padding-bottom: clamp(10px, 2.5vw, 20px) !important;
  }

}

/* Tablet-Padding auch für 769px exakt (falls nur max-width Block greift) */
@media (min-width: 769px) and (max-width: 1024px) {
  body[data-world="nexora"] #slide-home .home-hero-experience,
  body[data-world="nexora"] #slide-home #dnaStage.home-hero-experience,
  body[data-world="freiraum"] #slide-home .home-hero-experience,
  body[data-world="vertex"] #slide-home .home-hero-experience {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
}

/* ── Scroll: Unterseiten nur so hoch wie Inhalt (Home = eigener Scroll-Container) ── */
@media (max-width: 1024px) {
  html.welten-mobile .slide:not(#slide-home),
  html.welten-mobile .slide.active:not(#slide-home),
  html.welten-mobile .page,
  html.welten-mobile .section,
  html.welten-mobile .content-section,
  html.welten-mobile .subpage {
    min-height: auto !important;
    height: auto !important;
  }

  html.welten-mobile #slide-home.slide,
  html.welten-mobile #slide-home.slide.active {
    position: absolute !important;
    top: var(--header-h, 56px) !important;
    bottom: var(--dock-h, 0px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    overscroll-behavior-y: auto !important;
  }

  html.welten-mobile .slide:not(#slide-home) {
    padding-bottom: clamp(32px, 8vw, 72px) !important;
  }

  html.welten-mobile .slide::after,
  html.welten-mobile .page::after,
  html.welten-mobile .section::after {
    display: none !important;
    content: none !important;
    height: 0 !important;
  }

  /* Performance-CSS: Flex-Orbit → einheitliches Grid */
  body[data-world="vertex"] #slide-home .dna-ring,
  body[data-world="freiraum"] #slide-home .dna-ring,
  body[data-world="vertex"] #slide-home .dna-orbit-group,
  body[data-world="freiraum"] #slide-home .dna-orbit-group,
  body[data-world="nexora"] #slide-home .nexora-orbit-buttons,
  body[data-world="nexora"] #slide-home .nexora-orbit-ring {
    display: grid !important;
    flex-wrap: unset !important;
    flex-direction: unset !important;
    align-content: start !important;
  }

  body[data-world="vertex"] .home-hero-experience,
  body[data-world="vertex"] .dna-unified-scene,
  body[data-world="freiraum"] .home-hero-experience,
  body[data-world="freiraum"] .dna-unified-scene {
    min-height: auto !important;
    max-height: none !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-world="freiraum"] #slide-home #particle-canvas,
  body[data-world="freiraum"] #slide-home .light-beams,
  body[data-world="freiraum"] #slide-home .experience-rail,
  body[data-world="freiraum"] #slide-home .dna-ring-scene::before {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
  }

  body[data-world] #slide-home .nexora-orbit-buttons::after,
  body[data-world] #slide-home .dna-orbit-group::after {
    content: none !important;
    display: none !important;
  }

  /* NEXORA: kein Orbit-Drag / touch-action:none auf Mobile */
  body[data-world="nexora"] #slide-home .home-hero-experience,
  body[data-world="nexora"] #slide-home #dnaStage.home-hero-experience,
  body[data-world="nexora"] #slide-home .nexora-orbit-buttons,
  body[data-world="nexora"] #slide-home .nexora-orbit-ring {
    touch-action: pan-y !important;
    -ms-touch-action: pan-y !important;
  }

  body[data-world="nexora"] #slide-home .home-hero-experience.is-dragging,
  body[data-world="nexora"] #slide-home #dnaStage.is-dragging {
    touch-action: pan-y !important;
  }

  body[data-world="nexora"] #slide-home .nexora-orbit-button {
    touch-action: manipulation !important;
  }
}

/* =============================================================================
   Mobile/Tablet Responsive Pass (20260525) — Hero-Grid, Header, Scroll, Layering
   Desktop ≥1025px unverändert
   ============================================================================= */

@media (max-width: 1024px) {
  /* Sticky Header: Hintergrund + Inhalt im selben Container */
  .site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10080 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    transform: none !important;
    isolation: isolate !important;
    pointer-events: auto !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.2) !important;
    backdrop-filter: blur(16px) saturate(1.2) !important;
    background: linear-gradient(180deg, rgba(4, 8, 14, 0.94) 0%, rgba(4, 8, 14, 0.82) 100%) !important;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.28) !important;
  }

  body[data-world="vertex"] .site-header {
    background: linear-gradient(180deg, rgba(244, 242, 238, 0.96) 0%, rgba(244, 242, 238, 0.88) 100%) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
  }

  body[data-world="freiraum"] .site-header {
    background: linear-gradient(180deg, rgba(28, 16, 38, 0.94) 0%, rgba(28, 16, 38, 0.82) 100%) !important;
  }

  .site-header .header-left,
  .site-header .btn-menu,
  .site-header .brand-mark,
  .site-header .header-meta {
    position: relative !important;
    z-index: 1 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  .site-header .header-meta {
    cursor: pointer !important;
  }

  .menu-overlay {
    z-index: 10100 !important;
  }

  /* Hero Shell: Grid + Kontakt-Reihe */
  body[data-world] #slide-home .hero-buttons-shell,
  body[data-world] #slide-home .nexora-orbit-buttons.hero-buttons-shell,
  body[data-world] #slide-home .dna-orbit-group.hero-buttons-shell {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    pointer-events: auto !important;
    z-index: 12 !important;
  }

  body[data-world] #slide-home .hero-buttons-grid,
  body[data-world] #slide-home .nexora-orbit-ring.hero-buttons-grid,
  body[data-world] #slide-home .dna-ring.hero-buttons-grid,
  body[data-world] #slide-home .welten-mobile-hero-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    flex-wrap: unset !important;
    flex-direction: unset !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    transform: none !important;
    position: relative !important;
    inset: auto !important;
    pointer-events: auto !important;
  }

  body[data-world] #slide-home .hero-button,
  body[data-world] #slide-home .nexora-orbit-button.hero-button,
  body[data-world] #slide-home .dna-slide.hero-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: unset !important;
    margin: 0 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    z-index: 2 !important;
  }

  body[data-world] #slide-home .hero-contact-button-row {
    display: none !important;
  }

  /* Kompaktere vertikale Hero-Abstände (bes. PROFESSIONAL) */
  body[data-world="vertex"] #slide-home .home-hero-experience {
    min-height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body[data-world="vertex"] #slide-home .dna-unified-scene {
    min-height: auto !important;
    gap: clamp(6px, 1.5vh, 10px) !important;
    padding: clamp(4px, 1.5vw, 8px) 10px clamp(8px, 2vw, 12px) !important;
  }

  body[data-world="vertex"] .welten-mobile-hero-title {
    margin-bottom: clamp(12px, 3vw, 18px) !important;
  }

  body[data-world="vertex"] .welten-mobile-hero-line {
    margin-bottom: clamp(14px, 3.5vw, 20px) !important;
  }

  body[data-world="vertex"] .welten-mobile-hero-keywords {
    margin-bottom: clamp(18px, 4vw, 26px) !important;
  }

  body[data-world="nexora"] .welten-mobile-hero-title {
    margin-bottom: clamp(14px, 3vw, 20px) !important;
  }

  body[data-world="nexora"] .welten-mobile-hero-keywords {
    margin-bottom: clamp(20px, 4vw, 28px) !important;
  }

  body[data-world="freiraum"] .welten-mobile-hero-keywords {
    margin-bottom: clamp(20px, 4vw, 28px) !important;
  }

  .menu-overlay.open {
    pointer-events: auto !important;
  }

  /* Profilbilder Mobile (alle Welten) — siehe welten-mobile-portraits.css für NEXORA/FREIRAUM-Touch */
  #slide-home .home-portrait-card,
  #slide-contact .contact-visual,
  body[data-world="vertex"] #slide-home .home-portrait-card,
  body[data-world="vertex"] #slide-contact .contact-visual {
    position: relative !important;
    width: min(88vw, 420px) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
    aspect-ratio: 4 / 5 !important;
    min-height: 240px !important;
    max-height: min(72vh, 520px) !important;
    box-sizing: border-box !important;
  }

  #slide-home .home-portrait-card img,
  #slide-home .home-portrait-card img.portrait-photo,
  #slide-home img#heroPhoto,
  #slide-contact .contact-visual img,
  #slide-contact .contact-visual img.contact-photo,
  #slide-contact img#contactPhoto,
  body[data-world="vertex"] #slide-home .home-portrait-card img,
  body[data-world="vertex"] #slide-contact .contact-visual img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
    margin: 0 !important;
    transform: none !important;
  }

  html.welten-mobile body[data-world="freiraum"] #slide-home .home-portrait-card img,
  html.welten-mobile body[data-world="freiraum"] #slide-home img#heroPhoto {
    object-position: center 22% !important;
  }

  html.welten-mobile body[data-world="freiraum"] #slide-contact .contact-visual img,
  html.welten-mobile body[data-world="freiraum"] #slide-contact img#contactPhoto {
    object-position: center 22% !important;
  }

  /* Home: gleicher Abstand unten wie Kontakt-Folien */
  html.welten-mobile #slide-home.slide,
  html.welten-mobile #slide-home.slide.active {
    padding-bottom: max(clamp(24px, 6vw, 48px), env(safe-area-inset-bottom, 0px)) !important;
  }

  html.welten-mobile #slide-home .home-main-block {
    padding-bottom: max(clamp(20px, 5vw, 40px), env(safe-area-inset-bottom, 0px)) !important;
  }

  html.welten-mobile #slide-home .home-portrait-card {
    margin-bottom: 0 !important;
    flex-shrink: 0 !important;
  }

  .contact-actions a[href^="mailto:"],
  .contact-actions a[href^="tel:"] {
    pointer-events: auto !important;
    touch-action: manipulation !important;
    position: relative !important;
    z-index: 3 !important;
  }
}

@media (max-width: 768px) {
  body[data-world] #slide-home .hero-buttons-grid,
  body[data-world] #slide-home .nexora-orbit-ring.hero-buttons-grid,
  body[data-world] #slide-home .dna-ring.hero-buttons-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    max-width: min(390px, 92vw) !important;
    padding: 0 16px !important;
  }

  /* Home-Button: volle Breite über beide Spalten, gleich hoch wie die anderen */
  body[data-world] #slide-home .hero-button[data-go="home"],
  body[data-world] #slide-home .nexora-orbit-button[data-go="home"],
  body[data-world] #slide-home .dna-slide[data-go="home"] {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
  }

  body[data-world] #slide-home .hero-button,
  body[data-world] #slide-home .nexora-orbit-button.hero-button,
  body[data-world] #slide-home .dna-slide.hero-button {
    min-height: 52px !important;
    font-size: 14px !important;
    border-radius: 14px !important;
    white-space: nowrap !important;
    padding: 0 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body[data-world="vertex"] #slide-home .dna-slide.hero-button {
    border-radius: 2px !important;
  }

  body[data-world="freiraum"] #slide-home .dna-slide.hero-button {
    border-radius: 999px 20px 999px 20px !important;
  }

  body[data-world="nexora"] #slide-home .home-hero-experience,
  body[data-world="freiraum"] #slide-home .home-hero-experience,
  body[data-world="vertex"] #slide-home .home-hero-experience {
    padding-top: 48px !important;
    padding-bottom: 40px !important;
  }

  .site-header .header-meta {
    font-size: clamp(0.72rem, 2.8vw, 0.82rem) !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  body[data-world] #slide-home .hero-buttons-grid,
  body[data-world] #slide-home .nexora-orbit-ring.hero-buttons-grid,
  body[data-world] #slide-home .dna-ring.hero-buttons-grid {
    gap: 18px !important;
    max-width: 720px !important;
    padding: 0 20px !important;
  }

  body[data-world] #slide-home .hero-button,
  body[data-world] #slide-home .nexora-orbit-button.hero-button,
  body[data-world] #slide-home .dna-slide.hero-button {
    min-height: 56px !important;
    font-size: clamp(13px, 1.6vw, 16px) !important;
    padding: 0 12px !important;
  }
}

/* Siehe welten-hero-hide-desktop-titles.css (wird als letztes Stylesheet geladen) */