/* Cosmic-Hintergrund wie landingpage; weiße Typo/CTA/Burger, Logo per Filter dunkelgrau */
    #leiste-embed {
      --hg-orange: #ff911d;
      --hg-orange-dark: #e67e17;
      --hg-text: #0a0d12;
      --hg-muted: rgba(58, 54, 50, 0.72);
      --n1-pad-x: clamp(1.25rem, 4vw, 2rem);
      --n1-content-max: clamp(1280px, 92vw, 1720px);
      --nav-open-duration: 0.38s;
      --nav-open-ease: cubic-bezier(0.32, 0.72, 0, 1);
      position: relative;
      width: 100%;
      max-width: none;
      background: transparent;
      font-family: "Inter", system-ui, -apple-system, sans-serif;
    }

    #leiste-embed *,
    #leiste-embed *::before,
    #leiste-embed *::after {
      box-sizing: border-box;
    }

    #leiste-embed .n1-topbar {
      position: sticky;
      top: 0;
      z-index: 100;
      /* Volle Viewport-Breite auch in eingebetteten / Tablet-Layouts */
      width: 100vw;
      max-width: 100vw;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      padding: env(safe-area-inset-top, 0px) 0 0;
      overflow: hidden;
      border-bottom: none;
      box-shadow: 0 10px 32px -16px rgba(80, 35, 8, 0.45);
      /* Fallback (sichtbar nur wenn Cosmic-Ebene nicht zeichnet); kein background-Shorthand */
      background-color: #7c2d0e;
    }

    #leiste-embed .n1-cosmic {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      z-index: 0;
      pointer-events: none;
      overflow: hidden;
      background-image:
        radial-gradient(ellipse 125% 195% at 25% 112%, rgba(255, 195, 135, 0.5) 0%, transparent 60%),
        radial-gradient(ellipse 110% 185% at 82% -12%, rgba(255, 168, 95, 0.36) 0%, transparent 56%),
        linear-gradient(
          99deg,
          #a8480c 0%,
          #b85710 10%,
          #ca6514 20%,
          var(--hg-orange-dark) 30%,
          #f08026 40%,
          var(--hg-orange) 48%,
          #ffa040 54%,
          #ffc090 60%,
          var(--hg-orange) 70%,
          #e86814 82%,
          #b8520e 94%,
          #943f0a 100%
        );
      background-size: 190% 160%, 175% 150%, 420% 100%;
      background-position: 0% 100%, 100% 0%, 0% 50%;
      animation: n1l1-cosmic-aurora 12s ease-in-out infinite alternate;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
    }

    @media (min-width: 901px) {
      #leiste-embed .n1-cosmic {
        background-image:
          radial-gradient(ellipse 130% 200% at 22% 108%, rgba(255, 198, 140, 0.52) 0%, transparent 58%),
          radial-gradient(ellipse 115% 190% at 88% -8%, rgba(255, 175, 105, 0.38) 0%, transparent 55%),
          linear-gradient(
            102deg,
            #b84d12 0%,
            #c65f14 8%,
            #d97716 18%,
            var(--hg-orange-dark) 28%,
            #f08828 38%,
            var(--hg-orange) 46%,
            #ffa64a 52%,
            #ffc978 58%,
            var(--hg-orange) 66%,
            #f07818 78%,
            #c95a11 92%,
            #a8480c 100%
          );
        background-size: 185% 155%, 170% 145%, 400% 100%;
        background-position: 0% 100%, 100% 0%, 0% 50%;
        animation: n1l1-cosmic-aurora 11s ease-in-out infinite alternate;
      }
    }

    @keyframes n1l1-cosmic-aurora {
      0% {
        background-position: 0% 96%, 100% 8%, 5% 50%;
      }
      100% {
        background-position: 18% 88%, 82% 18%, 96% 50%;
      }
    }

    #leiste-embed .n1-cosmic__warp {
      position: absolute;
      inset: 0;
      z-index: 1;
      overflow: hidden;
      pointer-events: none;
      filter: saturate(1.04) brightness(1.02);
    }

    #leiste-embed .n1-cosmic__warp::before,
    #leiste-embed .n1-cosmic__warp::after {
      content: "";
      position: absolute;
      pointer-events: none;
      mix-blend-mode: soft-light;
      filter: blur(16px);
      opacity: 0.72;
    }

    #leiste-embed .n1-cosmic__warp::before {
      width: 88%;
      height: 270%;
      left: -24%;
      top: -92%;
      border-radius: 44% 56% 52% 48% / 46% 44% 56% 54%;
      background: radial-gradient(
        ellipse 68% 58% at 48% 52%,
        rgba(255, 220, 185, 0.55) 0%,
        rgba(255, 155, 72, 0.28) 42%,
        transparent 70%
      );
      animation: n1l1-cosmic-swirl-a 15s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
    }

    #leiste-embed .n1-cosmic__warp::after {
      width: 92%;
      height: 260%;
      right: -28%;
      top: -78%;
      left: auto;
      border-radius: 54% 46% 44% 56% / 52% 48% 44% 56%;
      background: radial-gradient(
        ellipse 62% 54% at 52% 46%,
        rgba(255, 245, 225, 0.42) 0%,
        rgba(230, 120, 32, 0.22) 48%,
        transparent 72%
      );
      opacity: 0.62;
      animation: n1l1-cosmic-swirl-b 19s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite reverse;
      animation-delay: -7s;
    }

    @keyframes n1l1-cosmic-swirl-a {
      0%,
      100% {
        transform: translate(0, 0) rotate(0deg) scale(1);
        border-radius: 44% 56% 52% 48% / 46% 44% 56% 54%;
      }
      32% {
        transform: translate(6%, 7%) rotate(108deg) scale(1.07);
        border-radius: 56% 44% 46% 54% / 54% 46% 52% 48%;
      }
      64% {
        transform: translate(-5%, 5%) rotate(216deg) scale(0.93);
        border-radius: 48% 52% 58% 42% / 44% 54% 48% 52%;
      }
    }

    @keyframes n1l1-cosmic-swirl-b {
      0%,
      100% {
        transform: translate(0, 0) rotate(0deg) scale(1);
        border-radius: 54% 46% 44% 56% / 52% 48% 44% 56%;
      }
      38% {
        transform: translate(-9%, 9%) rotate(-118deg) scale(1.11);
        border-radius: 46% 54% 56% 44% / 48% 52% 56% 44%;
      }
      72% {
        transform: translate(7%, -4%) rotate(-236deg) scale(0.89);
        border-radius: 52% 48% 50% 50% / 56% 44% 48% 52%;
      }
    }

    #leiste-embed .n1-cosmic__waves {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      display: block;
      pointer-events: none;
    }

    #leiste-embed .n1-cosmic__w-scroll {
      will-change: transform;
      transform-box: fill-box;
      transform-origin: 50% 100%;
    }

    #leiste-embed .n1-cosmic__w-scroll--1 {
      mix-blend-mode: soft-light;
      opacity: 0.88;
      animation: n1l1-cosmic-wave-1 5.5s cubic-bezier(0.42, 0, 0.58, 1) infinite;
    }

    #leiste-embed .n1-cosmic__w-scroll--2 {
      mix-blend-mode: soft-light;
      opacity: 0.72;
      animation: n1l1-cosmic-wave-2 8s cubic-bezier(0.42, 0, 0.58, 1) -1.7s infinite;
    }

    @keyframes n1l1-cosmic-wave-1 {
      0%,
      100% {
        transform: translate(0, 0) rotate(0deg);
      }
      22% {
        transform: translate(-52, 2.5) rotate(1.85deg);
      }
      48% {
        transform: translate(-116, -3) rotate(-1.35deg);
      }
      74% {
        transform: translate(-184, 1.8) rotate(1.1deg);
      }
      100% {
        transform: translate(-240, 0) rotate(0deg);
      }
    }

    @keyframes n1l1-cosmic-wave-2 {
      0%,
      100% {
        transform: translate(0, 0) rotate(0deg);
      }
      26% {
        transform: translate(-62, -2.2) rotate(-1.65deg);
      }
      52% {
        transform: translate(-124, 3.2) rotate(1.2deg);
      }
      78% {
        transform: translate(-190, -1.4) rotate(-0.85deg);
      }
      100% {
        transform: translate(-240, 0) rotate(0deg);
      }
    }

    #leiste-embed .n1-cosmic__shimmer {
      position: absolute;
      inset: -15%;
      z-index: 2;
      pointer-events: none;
      background: linear-gradient(
        118deg,
        transparent 0%,
        rgba(255, 255, 255, 0.18) 38%,
        rgba(255, 215, 175, 0.32) 50%,
        transparent 64%
      );
      background-size: 240% 240%;
      background-position: 50% 50%;
      mix-blend-mode: soft-light;
      filter: blur(1px);
      animation: n1l1-cosmic-shimmer 4.8s ease-in-out infinite;
    }

    @keyframes n1l1-cosmic-shimmer {
      0%,
      100% {
        background-position: 8% 42%;
        transform: rotate(-2deg) scale(1.02);
        opacity: 0.58;
      }
      50% {
        background-position: 92% 58%;
        transform: rotate(2.5deg) scale(1.06);
        opacity: 0.92;
      }
    }

    /* Mobil / Tablet / Touch: Leiste = wie Topbar-CTA (Gold-Verlauf + n1l1-cta-move / -glint); kein 100vw-Bleed */
    @media (max-width: 1200px), (hover: none) and (pointer: coarse) {
      #leiste-embed .n1-topbar {
        isolation: isolate;
        background-color: var(--hg-orange-dark);
        background-image: linear-gradient(
          110deg,
          var(--hg-orange-dark) 0%,
          var(--hg-orange) 28%,
          #ffc978 50%,
          var(--hg-orange) 72%,
          var(--hg-orange-dark) 100%
        );
        background-size: 240% 100%;
        animation: n1l1-cta-move 5s ease-in-out infinite;
        border-bottom: 1px solid rgba(230, 120, 40, 0.35);
        box-shadow:
          0 2px 6px rgba(0, 0, 0, 0.2),
          0 6px 20px rgba(0, 0, 0, 0.18);
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        will-change: auto;
      }

      #leiste-embed .n1-topbar::after {
        content: "";
        position: absolute;
        inset: -40%;
        background: radial-gradient(circle at 30% 50%, rgba(255, 255, 255, 0.35) 0%, transparent 45%);
        opacity: 0.5;
        animation: n1l1-cta-glint 4s ease-in-out infinite;
        pointer-events: none;
        z-index: 1;
      }

      #leiste-embed .n1-cosmic {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        background-image: none;
        background-color: transparent;
        animation: none !important;
        -webkit-animation: none !important;
        box-shadow: none;
      }

      #leiste-embed .n1-cosmic * {
        animation: none !important;
        -webkit-animation: none !important;
      }
    }

    #leiste-embed .n1-topbar__inner {
      position: relative;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: clamp(0.75rem, 2vw, 1.5rem);
      width: 100%;
      max-width: min(100%, var(--n1-content-max));
      min-height: clamp(3.1rem, 5.2vh, 3.65rem);
      margin: 0 auto;
      padding: 0.62rem var(--n1-pad-x) 0.65rem;
    }

    @media (min-width: 901px) {
      #leiste-embed .n1-topbar__inner {
        min-height: clamp(2.85rem, 4.5vh, 3.35rem);
        padding: 0.52rem var(--n1-pad-x) 0.55rem;
      }
    }

    #leiste-embed .n1-brand {
      display: inline-flex;
      align-items: center;
      line-height: 0;
      text-decoration: none;
      flex-shrink: 0;
      color: inherit;
      z-index: 2;
    }

    #leiste-embed .n1-brand img {
      display: block;
      height: clamp(32px, 4.2vw, 44px);
      width: auto;
      filter: grayscale(1) brightness(0.3) contrast(1.08);
    }

    #leiste-embed .n1-topbar__actions {
      display: flex;
      align-items: center;
      gap: clamp(0.35rem, 1.2vw, 0.65rem);
      flex-shrink: 0;
    }

    #leiste-embed .n1-topbar__nav {
      display: none;
      align-items: center;
      gap: clamp(0.35rem, 1.1vw, 0.85rem);
      margin-right: auto;
      margin-left: clamp(0.5rem, 2vw, 1.25rem);
    }

    @media (min-width: 901px) {
      #leiste-embed .n1-topbar__nav {
        display: inline-flex;
      }
    }

    #leiste-embed .n1-topbar__nav a {
      display: inline-flex;
      align-items: center;
      padding: 0.42rem 0.72rem;
      border-radius: 999px;
      font-size: 0.78rem;
      font-weight: 600;
      letter-spacing: 0.01em;
      color: rgba(255, 255, 255, 0.92);
      text-decoration: none;
      border: 1px solid rgba(255, 255, 255, 0.22);
      background: rgba(255, 255, 255, 0.08);
      transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
    }

    #leiste-embed .n1-topbar__nav a:hover {
      background: rgba(255, 255, 255, 0.16);
      border-color: rgba(255, 255, 255, 0.34);
      transform: translateY(-1px);
    }

    #leiste-embed .n1-topbar__actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-shrink: 0;
      min-width: 0;
      gap: 0.625rem;
    }

    #leiste-embed .n1-topbar__utility {
      display: flex;
      align-items: center;
      flex-shrink: 0;
      gap: 0.5rem;
      padding-right: 0.75rem;
      margin-right: 0.125rem;
      border-right: 1px solid rgba(255, 255, 255, 0.22);
    }

    #leiste-embed .n1-topbar__cta-wrap {
      display: flex;
      align-items: center;
      flex-shrink: 0;
    }

    #leiste-embed .n1-topbar__cta {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0.56rem 1.25rem;
      font-family: "DM Sans", system-ui, sans-serif;
      font-size: 0.90625rem;
      font-weight: 600;
      letter-spacing: -0.02em;
      color: #fff !important;
      text-decoration: none !important;
      white-space: nowrap;
      border-radius: 999px;
      border: 1px solid rgba(255, 210, 170, 0.45);
      overflow: hidden;
      isolation: isolate;
      cursor: pointer;
      background: linear-gradient(
        110deg,
        var(--hg-orange-dark) 0%,
        var(--hg-orange) 28%,
        #ffc978 50%,
        var(--hg-orange) 72%,
        var(--hg-orange-dark) 100%
      );
      background-size: 240% 100%;
      animation: n1l1-cta-move 5s ease-in-out infinite;
      box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.2),
        0 6px 20px rgba(0, 0, 0, 0.18);
      transition: transform 0.2s ease;
    }

    #leiste-embed .n1-topbar__cta::after {
      content: "";
      position: absolute;
      inset: -40%;
      background: radial-gradient(circle at 30% 50%, rgba(255, 255, 255, 0.35) 0%, transparent 45%);
      opacity: 0.5;
      animation: n1l1-cta-glint 4s ease-in-out infinite;
      pointer-events: none;
      z-index: 0;
    }

    #leiste-embed .n1-topbar__cta > span {
      position: relative;
      z-index: 1;
    }

    #leiste-embed .n1-topbar__cta:hover {
      transform: translateY(-1px) scale(1.02);
    }

    @keyframes n1l1-cta-move {
      0%,
      100% {
        background-position: 8% 50%;
      }
      50% {
        background-position: 92% 50%;
      }
    }

    @keyframes n1l1-cta-glint {
      0%,
      100% {
        transform: translate(-12%, 0) rotate(12deg);
        opacity: 0.35;
      }
      50% {
        transform: translate(18%, 0) rotate(12deg);
        opacity: 0.65;
      }
    }

    #leiste-embed .n1-topbar__login {
      display: inline-flex;
      align-items: center;
      gap: 0.42rem;
      padding: 0.48rem 0.9rem;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 0.84375rem;
      font-weight: 500;
      letter-spacing: -0.01em;
      line-height: 1;
      color: rgba(255, 255, 255, 0.94) !important;
      text-decoration: none !important;
      white-space: nowrap;
      border-radius: 8px;
      border: 1px solid rgba(255, 255, 255, 0.28) !important;
      background: rgba(255, 255, 255, 0.07) !important;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
      transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
    }

    #leiste-embed .n1-topbar__login:hover {
      background: rgba(255, 255, 255, 0.14) !important;
      border-color: rgba(255, 255, 255, 0.42) !important;
      transform: translateY(-0.5px);
    }

    #leiste-embed .n1-topbar__dashboard {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      padding: 0.48rem 0.9rem;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 0.84375rem;
      font-weight: 600;
      letter-spacing: -0.01em;
      line-height: 1;
      color: #fff !important;
      text-decoration: none !important;
      white-space: nowrap;
      border-radius: 8px;
      border: 1px solid rgba(255, 255, 255, 0.38) !important;
      background: rgba(255, 255, 255, 0.16) !important;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 2px 8px rgba(0, 0, 0, 0.12);
      transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
    }

    #leiste-embed .n1-topbar__dashboard svg {
      width: 1rem;
      height: 1rem;
      flex-shrink: 0;
      opacity: 0.92;
    }

    #leiste-embed .n1-topbar__dashboard:hover {
      background: rgba(255, 255, 255, 0.24) !important;
      border-color: rgba(255, 255, 255, 0.52) !important;
      transform: translateY(-0.5px);
    }

    #leiste-embed [data-hg-dashboard-btn] {
      display: none !important;
    }

    #leiste-embed.hg-auth-signed-in [data-hg-dashboard-btn] {
      display: inline-flex !important;
    }

    #leiste-embed .n1-topbar__dashboard--mobile {
      display: none !important;
      flex-shrink: 0;
    }

    #leiste-embed.hg-auth-signed-in .n1-topbar__login,
    #leiste-embed.hg-auth-signed-in .n1-drawer__login {
      border-color: rgba(255, 255, 255, 0.22) !important;
      background: rgba(0, 0, 0, 0.12) !important;
    }

    #leiste-embed .n1-auth-icon {
      width: 1rem;
      height: 1rem;
      flex-shrink: 0;
      opacity: 0.88;
    }

    #leiste-embed .n1-drawer__login .n1-auth-icon {
      width: 1.05rem;
      height: 1.05rem;
    }

    #leiste-embed.hg-auth-signed-in .n1-auth-icon--login,
    #leiste-embed:not(.hg-auth-signed-in) .n1-auth-icon--logout {
      display: none;
    }

    #leiste-embed .n1-burger {
      display: inline-flex;
      position: relative;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 6px;
      width: 2.75rem;
      height: 2.75rem;
      margin: 0;
      padding: 0;
      border: none;
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.14);
      color: #fff;
      cursor: pointer;
      transition: background 0.2s ease;
      -webkit-tap-highlight-color: transparent;
    }

    #leiste-embed .n1-burger:hover {
      background: rgba(255, 255, 255, 0.24);
    }

    #leiste-embed .n1-burger:focus-visible {
      outline: 2px solid rgba(255, 255, 255, 0.9);
      outline-offset: 3px;
    }

    #leiste-embed .n1-burger span {
      display: block;
      width: 1.35rem;
      height: 2px;
      background: currentColor;
      border-radius: 2px;
      transition: transform 0.3s var(--nav-open-ease), opacity 0.2s ease;
      transform-origin: center;
    }

    #leiste-embed .n1-burger.is-open span:nth-child(1) {
      transform: translateY(8px) rotate(45deg);
    }

    #leiste-embed .n1-burger.is-open span:nth-child(2) {
      opacity: 0;
      transform: scaleX(0);
    }

    #leiste-embed .n1-burger.is-open span:nth-child(3) {
      transform: translateY(-8px) rotate(-45deg);
    }

    @media (min-width: 901px) {
      #leiste-embed .n1-brand img {
        height: clamp(28px, 3.4vw, 40px);
      }
    }

    @media (min-width: 901px) and (max-width: 1180px) {
      #leiste-embed .n1-topbar__cta {
        padding: 0.52rem 1rem;
        font-size: 0.84375rem;
      }

      #leiste-embed .n1-topbar__utility {
        padding-right: 0.625rem;
        margin-right: 0;
      }
    }

    @media (max-width: 900px) {
      #leiste-embed .n1-topbar__utility,
      #leiste-embed .n1-topbar__cta-wrap {
        display: none !important;
      }

      #leiste-embed .n1-topbar__dashboard--mobile {
        display: inline-flex !important;
      }

      #leiste-embed .n1-topbar__inner {
        min-height: clamp(3.2rem, 12vw, 3.75rem);
        max-width: 100%;
        width: 100%;
        padding: 0.52rem max(0.95rem, env(safe-area-inset-left, 0px)) 0.55rem
          max(0.95rem, env(safe-area-inset-right, 0px));
      }

      #leiste-embed .n1-brand img {
        height: clamp(32px, 9.2vw, 40px);
      }

      #leiste-embed {
        --n1-pad-x: max(0.95rem, env(safe-area-inset-left, 0px));
      }
    }

    @media (max-width: 520px) {
      #leiste-embed .n1-burger {
        width: 2.5rem;
        height: 2.5rem;
      }

      #leiste-embed .n1-topbar__dashboard--mobile {
        padding: 0.44rem 0.72rem;
        font-size: 0.8125rem;
        gap: 0.35rem;
      }

      #leiste-embed .n1-topbar__dashboard--mobile svg {
        width: 0.9375rem;
        height: 0.9375rem;
      }

      #leiste-embed .n1-drawer__artikel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

    }

    #leiste-embed .n1-drawer {
      position: fixed;
      top: var(--l1-drawer-top, 0px);
      left: var(--l1-drawer-left, 0px);
      right: auto;
      bottom: auto;
      width: var(--l1-drawer-width, 100%);
      height: var(--l1-drawer-height, 100dvh);
      max-height: var(--l1-drawer-height, 100dvh);
      z-index: 1000;
      box-sizing: border-box;
      pointer-events: none;
    }

    #leiste-embed .n1-drawer.is-open {
      pointer-events: auto;
    }

    #leiste-embed .n1-drawer__backdrop {
      position: absolute;
      inset: 0;
      margin: 0;
      padding: 0;
      border: none;
      border-radius: 0;
      cursor: pointer;
      display: block;
      appearance: none;
      -webkit-appearance: none;
      background: rgba(14, 16, 22, 0.42);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      opacity: 0;
      transition: opacity var(--nav-open-duration) ease;
    }

    #leiste-embed .n1-drawer.is-open .n1-drawer__backdrop {
      opacity: 1;
    }

    #leiste-embed .n1-drawer__panel {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: min(100vw, 22.5rem);
      max-width: 100%;
      height: 100%;
      max-height: inherit;
      z-index: 2;
      display: flex;
      flex-direction: column;
      padding: env(safe-area-inset-top, 0px) 0
        max(env(safe-area-inset-bottom, 0px), 24px, 52px, var(--l1-drawer-pad-extra, 0px));
      background: rgba(28, 30, 34, 0.38);
      -webkit-backdrop-filter: blur(22px) saturate(1.12);
      backdrop-filter: blur(22px) saturate(1.12);
      border-left: 1px solid rgba(255, 255, 255, 0.12);
      box-shadow:
        -24px 0 48px rgba(0, 0, 0, 0.18),
        inset 0 0 0 1px rgba(255, 255, 255, 0.06);
      transform: translateX(104%);
      transition: transform var(--nav-open-duration) var(--nav-open-ease);
    }

    #leiste-embed .n1-drawer.is-open .n1-drawer__panel {
      transform: translateX(0);
    }

    @media (max-width: 900px) {
      #leiste-embed .n1-drawer__panel {
        width: 100%;
        max-width: 100%;
        box-shadow: none;
      }

      #leiste-embed .n1-drawer__head {
        padding: 0.75rem max(1rem, env(safe-area-inset-left, 0px)) 0.65rem max(1rem, env(safe-area-inset-right, 0px));
      }

      #leiste-embed .n1-drawer__nav {
        padding-left: max(0.65rem, env(safe-area-inset-left, 0px));
        padding-right: max(0.65rem, env(safe-area-inset-right, 0px));
      }
    }

    #leiste-embed .n1-drawer__head {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 0.85rem 1.25rem 0.75rem;
      flex-shrink: 0;
    }

    #leiste-embed .n1-drawer__close {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 2.5rem;
      height: 2.5rem;
      margin: 0;
      padding: 0;
      border: none;
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.1);
      color: #fff;
      cursor: pointer;
      transition: background 0.18s ease, transform 0.18s ease;
      -webkit-tap-highlight-color: transparent;
    }

    #leiste-embed .n1-drawer__close:hover {
      background: rgba(255, 255, 255, 0.18);
      transform: rotate(90deg);
    }

    #leiste-embed .n1-drawer__close:focus-visible {
      outline: 2px solid rgba(255, 255, 255, 0.85);
      outline-offset: 2px;
    }

    #leiste-embed .n1-drawer__close svg {
      width: 1.125rem;
      height: 1.125rem;
    }

    #leiste-embed .n1-drawer__scroll {
      flex: 1;
      min-height: 0;
      overflow-y: auto;
      overscroll-behavior: contain;
      padding: 0.5rem 0
        max(2rem, calc(env(safe-area-inset-bottom, 0px) + 1.25rem), 52px, var(--l1-drawer-pad-extra, 0px));
      -webkit-overflow-scrolling: touch;
    }

    #leiste-embed .n1-drawer__nav {
      display: flex;
      flex-direction: column;
      gap: 0.62rem;
      padding: 0 1rem;
      margin: 0;
    }

    #leiste-embed .n1-drawer__nav .n1-topbar__cta,
    #leiste-embed .n1-drawer__nav .n1-drawer__cta--secondary,
    #leiste-embed .n1-drawer__nav .n1-drawer__dashboard,
    #leiste-embed .n1-drawer__nav .n1-drawer__login {
      width: 100%;
      justify-content: center;
      box-sizing: border-box;
      opacity: 0;
      transform: translateX(1.25rem);
      text-align: center;
      white-space: normal;
      border-radius: 12px;
    }

    #leiste-embed .n1-drawer.is-open .n1-drawer__nav .n1-topbar__cta,
    #leiste-embed .n1-drawer.is-open .n1-drawer__nav .n1-drawer__cta--secondary,
    #leiste-embed .n1-drawer.is-open .n1-drawer__nav .n1-drawer__dashboard,
    #leiste-embed .n1-drawer.is-open .n1-drawer__nav .n1-drawer__login {
      animation: n1-drawer-link-in 0.55s var(--nav-open-ease) forwards;
    }

    #leiste-embed .n1-drawer.is-open .n1-drawer__nav > a:nth-child(1) {
      animation-delay: 0.04s;
    }

    #leiste-embed .n1-drawer.is-open .n1-drawer__nav > a:nth-child(2) {
      animation-delay: 0.09s;
    }

    #leiste-embed .n1-drawer.is-open .n1-drawer__nav > a:nth-child(3) {
      animation-delay: 0.12s;
    }

    #leiste-embed .n1-drawer.is-open .n1-drawer__nav > a:nth-child(4) {
      animation-delay: 0.15s;
    }

    #leiste-embed .n1-drawer.is-open .n1-drawer__nav > a:nth-child(5) {
      animation-delay: 0.18s;
    }

    #leiste-embed .n1-drawer__divider {
      height: 1px;
      margin: 0.35rem 0 0.15rem;
      background: rgba(255, 255, 255, 0.14);
      opacity: 0;
      transform: translateX(1.25rem);
    }

    #leiste-embed .n1-drawer.is-open .n1-drawer__divider {
      animation: n1-drawer-link-in 0.55s var(--nav-open-ease) 0.12s forwards;
    }

    #leiste-embed .n1-drawer__login {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.45rem;
      padding: 0.72rem 1.25rem;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 0.90625rem;
      font-weight: 500;
      letter-spacing: -0.01em;
      color: rgba(255, 255, 255, 0.88) !important;
      text-decoration: none !important;
      border-radius: 10px;
      border: 1px solid rgba(255, 255, 255, 0.16);
      background: rgba(255, 255, 255, 0.06);
      transition: background 0.18s ease, border-color 0.18s ease;
    }

    #leiste-embed .n1-drawer__login:hover {
      background: rgba(255, 255, 255, 0.11);
      border-color: rgba(255, 255, 255, 0.26);
    }

    #leiste-embed .n1-drawer__dashboard {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.4rem;
      padding: 0.56rem 1.25rem;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 0.90625rem;
      font-weight: 600;
      letter-spacing: -0.01em;
      line-height: 1;
      color: #fff !important;
      text-decoration: none !important;
      white-space: nowrap;
      border-radius: 12px;
      border: 1px solid rgba(255, 255, 255, 0.38) !important;
      background: rgba(255, 255, 255, 0.16) !important;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 2px 8px rgba(0, 0, 0, 0.12);
      transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
    }

    #leiste-embed .n1-drawer__dashboard svg {
      width: 1rem;
      height: 1rem;
      flex-shrink: 0;
      opacity: 0.92;
    }

    #leiste-embed .n1-drawer__dashboard:hover {
      background: rgba(255, 255, 255, 0.24) !important;
      border-color: rgba(255, 255, 255, 0.52) !important;
      transform: translateY(-0.5px);
    }

    /* Verkaufsguide & Login: dunkles Glasmaß, gleicher Verlauf / Glanz wie CTA, nur Grautöne */
    #leiste-embed .n1-drawer__cta--secondary {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0.56rem 1.25rem;
      font-family: "DM Sans", system-ui, sans-serif;
      font-size: 0.90625rem;
      font-weight: 600;
      letter-spacing: -0.02em;
      color: #fff !important;
      text-decoration: none !important;
      border-radius: 999px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      overflow: hidden;
      isolation: isolate;
      cursor: pointer;
      background-image:
        linear-gradient(
          110deg,
          rgba(255, 255, 255, 0.12) 0%,
          rgba(255, 255, 255, 0.02) 35%,
          rgba(180, 186, 196, 0.08) 50%,
          rgba(255, 255, 255, 0.04) 65%,
          rgba(255, 255, 255, 0.1) 100%
        ),
        linear-gradient(
          110deg,
          #2a2d33 0%,
          #454950 26%,
          #6a717c 50%,
          #3e4249 74%,
          #1e2024 100%
        );
      background-size: 240% 100%, 240% 100%;
      background-repeat: no-repeat, no-repeat;
      animation: n1l1-drawer-gray-shift 5s ease-in-out infinite;
      box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.28),
        0 6px 20px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
      transition: transform 0.2s ease;
    }

    #leiste-embed .n1-drawer__cta--secondary::after {
      content: "";
      position: absolute;
      inset: -40%;
      background: radial-gradient(circle at 30% 50%, rgba(255, 255, 255, 0.22) 0%, transparent 45%);
      opacity: 0.45;
      animation: n1l1-cta-glint 4s ease-in-out infinite;
      pointer-events: none;
      z-index: 0;
    }

    #leiste-embed .n1-drawer__cta--secondary > span {
      position: relative;
      z-index: 1;
    }

    #leiste-embed .n1-drawer__cta--secondary:hover {
      transform: translateY(-1px) scale(1.02);
    }

    /* Verkaufsguide: blauer Verlauf wie Schritt 3 – Animation auf ::before, damit Menü sichtbar bleibt */
    #leiste-embed .n1-drawer__cta--artikel {
      background: linear-gradient(135deg, rgba(16, 185, 129, 0.92), rgba(5, 150, 105, 0.96));
      border-color: rgba(110, 231, 183, 0.45);
      color: #fff;
    }

    #leiste-embed .n1-drawer.is-open .n1-drawer__nav .n1-drawer__cta--artikel {
      animation: n1-drawer-link-in 0.55s var(--nav-open-ease) 0.12s forwards;
    }

    #leiste-embed .n1-drawer__artikel-wrap {
      display: flex;
      flex-direction: column;
      gap: 0.4rem;
      margin: 0.05rem 0 0.15rem;
      opacity: 0;
      transform: translateX(1.25rem);
    }

    #leiste-embed .n1-drawer.is-open .n1-drawer__artikel-wrap {
      animation: n1-drawer-link-in 0.55s var(--nav-open-ease) 0.14s forwards;
    }

    #leiste-embed .n1-drawer__artikel-label {
      margin: 0;
      padding: 0 0.1rem;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 0.6875rem;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.52);
    }

    #leiste-embed .n1-drawer__artikel {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.45rem;
      max-height: none;
      overflow: visible;
      padding: 0;
    }

    #leiste-embed .n1-drawer__artikel-link {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 0.32rem;
      min-height: 0;
      padding: 0.48rem 0.52rem;
      border-radius: 10px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-left: 3px solid var(--drawer-art-accent, rgba(255, 157, 47, 0.55));
      background: color-mix(in srgb, var(--drawer-art-accent, #ff9d2f) 10%, rgba(255, 255, 255, 0.06));
      text-decoration: none !important;
      color: rgba(255, 255, 255, 0.92) !important;
      transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
    }

    #leiste-embed .n1-drawer__artikel-link:hover {
      background: color-mix(in srgb, var(--drawer-art-accent, #ff9d2f) 18%, rgba(255, 255, 255, 0.1));
      border-color: color-mix(in srgb, var(--drawer-art-accent, #ff9d2f) 42%, rgba(255, 255, 255, 0.2));
      transform: translateY(-1px);
    }

    #leiste-embed .n1-drawer__artikel-link--wert { --drawer-art-accent: #ea580c; }
    #leiste-embed .n1-drawer__artikel-link--ablauf { --drawer-art-accent: #f97316; }
    #leiste-embed .n1-drawer__artikel-link--strategie { --drawer-art-accent: #3b82f6; }
    #leiste-embed .n1-drawer__artikel-link--erbe { --drawer-art-accent: #8b5cf6; }
    #leiste-embed .n1-drawer__artikel-link--check { --drawer-art-accent: #06b6d4; }
    #leiste-embed .n1-drawer__artikel-link--sanierung { --drawer-art-accent: #eab308; }
    #leiste-embed .n1-drawer__artikel-link--solar { --drawer-art-accent: #facc15; }
    #leiste-embed .n1-drawer__artikel-link--kosten { --drawer-art-accent: #ef4444; }
    #leiste-embed .n1-drawer__artikel-link--energie { --drawer-art-accent: #22c55e; }
    #leiste-embed .n1-drawer__artikel-link--miete { --drawer-art-accent: #0ea5e9; }
    #leiste-embed .n1-drawer__artikel-link--steuer { --drawer-art-accent: #a855f7; }
    #leiste-embed .n1-drawer__artikel-link--expose { --drawer-art-accent: #ec4899; }
    #leiste-embed .n1-drawer__artikel-link--privat { --drawer-art-accent: #14b8a6; }

    #leiste-embed .n1-drawer__artikel-tag {
      flex: 0 0 auto;
      margin: 0;
      padding: 0.12rem 0.38rem;
      border-radius: 999px;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 0.58rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #fff7ed;
      background: color-mix(in srgb, var(--drawer-art-accent, #ff9d2f) 34%, rgba(255, 255, 255, 0.08));
      border: 1px solid color-mix(in srgb, var(--drawer-art-accent, #ff9d2f) 48%, rgba(255, 255, 255, 0.16));
    }

    #leiste-embed .n1-drawer__artikel-title {
      flex: 1 1 auto;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 0.74rem;
      font-weight: 600;
      line-height: 1.28;
      letter-spacing: -0.01em;
    }

    #leiste-embed .n1-drawer__cta--verkaufsguide {
      border: 1px solid rgba(175, 195, 255, 0.48) !important;
      background-image: none !important;
      background-color: transparent !important;
      animation: none;
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.2),
        0 2px 6px rgba(0, 0, 0, 0.2),
        0 6px 20px rgba(36, 62, 158, 0.28);
    }

    #leiste-embed .n1-drawer__cta--verkaufsguide::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      z-index: 0;
      pointer-events: none;
      background: linear-gradient(
        110deg,
        #243e9e 0%,
        #3a62e3 28%,
        #7d95f5 50%,
        #3a62e3 72%,
        #243e9e 100%
      );
      background-size: 240% 100%;
      animation: n1l1-drawer-blue-shift 16s ease-in-out infinite;
    }

    #leiste-embed .n1-drawer__cta--verkaufsguide::after {
      z-index: 0;
      background: radial-gradient(circle at 30% 50%, rgba(255, 255, 255, 0.35) 0%, transparent 45%);
      opacity: 0.5;
      animation: n1l1-cta-glint 12s ease-in-out infinite;
    }

    #leiste-embed .n1-drawer.is-open .n1-drawer__nav .n1-drawer__cta--verkaufsguide {
      animation: n1-drawer-link-in 0.55s var(--nav-open-ease) 0.09s forwards;
    }

    #leiste-embed .n1-drawer__cta--verkaufsguide:hover {
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.22),
        0 2px 8px rgba(0, 0, 0, 0.22),
        0 10px 28px rgba(36, 62, 158, 0.32);
    }

    @keyframes n1l1-drawer-blue-shift {
      0%,
      100% {
        background-position: 8% 50%;
      }
      50% {
        background-position: 92% 50%;
      }
    }

    @keyframes n1l1-drawer-gray-shift {
      0%,
      100% {
        background-position: 8% 50%, 8% 50%;
      }
      50% {
        background-position: 92% 50%, 92% 50%;
      }
    }

    @keyframes n1-drawer-link-in {
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    body.n1-nav-open {
      overflow: hidden;
    }

    body.n1-nav-open #leiste-embed {
      z-index: 10200;
    }

    @media (prefers-reduced-motion: reduce) {
      #leiste-embed .n1-cosmic__w-scroll,
      #leiste-embed .n1-cosmic__shimmer {
        animation: none !important;
      }

      #leiste-embed .n1-cosmic__shimmer {
        transform: none;
      }

      #leiste-embed .n1-cosmic__warp::before,
      #leiste-embed .n1-cosmic__warp::after {
        animation: none !important;
      }

      #leiste-embed .n1-cosmic {
        animation: none !important;
        background-position: 12% 94%, 88% 12%, 45% 50%;
      }

      #leiste-embed .n1-topbar {
        animation: none !important;
        -webkit-animation: none !important;
        will-change: auto;
        background-size: 100% 100% !important;
      }

      #leiste-embed .n1-topbar::after {
        animation: none !important;
        -webkit-animation: none !important;
        opacity: 0.35;
      }

      #leiste-embed .n1-topbar__cta,
      #leiste-embed .n1-topbar__cta::after {
        animation: none !important;
      }

      #leiste-embed .n1-topbar__cta {
        background-size: 100% 100%;
      }

      #leiste-embed .n1-drawer__panel {
        transition-duration: 0.01ms;
      }

      #leiste-embed .n1-drawer__backdrop {
        transition-duration: 0.01ms;
      }

      #leiste-embed .n1-drawer__nav .n1-topbar__cta,
      #leiste-embed .n1-drawer__nav .n1-drawer__cta--secondary,
      #leiste-embed .n1-drawer__nav .n1-drawer__dashboard,
      #leiste-embed .n1-drawer__nav .n1-drawer__login,
      #leiste-embed .n1-drawer__divider,
      #leiste-embed .n1-drawer__artikel-wrap {
        opacity: 1;
        transform: none;
        animation: none !important;
      }

      #leiste-embed .n1-drawer__cta--secondary,
      #leiste-embed .n1-drawer__cta--secondary::after,
      #leiste-embed .n1-drawer__cta--verkaufsguide::before,
      #leiste-embed .n1-drawer__cta--verkaufsguide::after {
        animation: none !important;
      }

      #leiste-embed .n1-drawer__cta--secondary {
        background-position: 50% 50%, 50% 50% !important;
        background-size: 100% 100%, 100% 100% !important;
      }

      #leiste-embed .n1-drawer__cta--verkaufsguide::before {
        background-position: 50% 50%;
        background-size: 100% 100%;
      }

      #leiste-embed .n1-burger span {
        transition-duration: 0.01ms;
      }
    }

    html {
      overflow-x: hidden;
    }

    body {
      margin: 0;
    }

*,
    *::before,
    *::after {
      box-sizing: border-box;
    }

    

    /* Footer: durchgehend Dark Theme (unabhängig vom System-Light/Dark-Mode) */
    #footer-embed {
      --hg-footer-link: #f8fafc;
      --hg-footer-muted: #cbd5e1;
      --hg-footer-accent: #ffc978;
      --hg-footer-bg-dark: #0f1014;
      --hg-footer-content-max: clamp(1100px, 90vw, 1640px);
      position: relative;
      z-index: 10100; /* über fixierter Sticky-CTA (stickywerbung), damit Leiste „dahinter“ liegt */
      width: 100%;
      max-width: none;
      font-family: "Inter", system-ui, -apple-system, sans-serif;
      color-scheme: dark;
    }

    #footer-embed .hg-footer {
      position: relative;
      overflow: hidden;
      width: 100%;
      margin: 0;
      padding: 0;
      border-top: none;
      box-shadow:
        0 -14px 36px -14px rgba(0, 0, 0, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        inset 0 -1px 0 rgba(0, 0, 0, 0.44);
      background-color: var(--hg-footer-bg-dark);
      isolation: isolate;
    }

    #footer-embed .hg-f-cosmic {
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      overflow: hidden;
      background-color: var(--hg-footer-bg-dark);
      background-image:
        linear-gradient(
          110deg,
          rgba(255, 255, 255, 0.038) 0%,
          rgba(92, 118, 158, 0.07) 22%,
          rgba(255, 145, 85, 0.04) 48%,
          rgba(110, 132, 168, 0.06) 72%,
          rgba(255, 255, 255, 0.032) 100%
        ),
        linear-gradient(
          110deg,
          #12131a 0%,
          #161922 26%,
          #1c202a 50%,
          #15171e 74%,
          #0c0d11 100%
        ),
        radial-gradient(ellipse 85% 70% at 78% -12%, rgba(255, 160, 95, 0.055), transparent 58%),
        radial-gradient(ellipse 75% 65% at -8% 108%, rgba(115, 140, 190, 0.06), transparent 55%);
      background-size: 240% 100%, 240% 100%, 100% 100%, 100% 100%;
      background-repeat: no-repeat;
      background-position: 8% 50%, 8% 50%, 0 0, 0 0;
      animation: hg-f-cosmic-aurora-dark 24s ease-in-out infinite;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.075),
        inset 0 -1px 0 rgba(0, 0, 0, 0.44),
        inset 0 0 120px rgba(0, 0, 0, 0.22);
    }

    @keyframes hg-f-cosmic-aurora-dark {
      0%,
      100% {
        background-position: 8% 50%, 8% 50%, 0 0, 0 0;
      }
      50% {
        background-position: 92% 50%, 92% 50%, 0 0, 0 0;
      }
    }

    #footer-embed .hg-f-cosmic__warp {
      position: absolute;
      inset: 0;
      z-index: 1;
      overflow: hidden;
      pointer-events: none;
      filter: saturate(0.92) brightness(0.88);
    }

    #footer-embed .hg-f-cosmic__warp::before,
    #footer-embed .hg-f-cosmic__warp::after {
      content: "";
      position: absolute;
      pointer-events: none;
      mix-blend-mode: screen;
      filter: blur(16px);
      opacity: 0.42;
    }

    #footer-embed .hg-f-cosmic__warp::before {
      width: 88%;
      height: 270%;
      left: -24%;
      top: -92%;
      border-radius: 44% 56% 52% 48% / 46% 44% 56% 54%;
      background: radial-gradient(
        ellipse 68% 58% at 48% 52%,
        rgba(255, 220, 185, 0.55) 0%,
        rgba(255, 155, 72, 0.28) 42%,
        transparent 70%
      );
      animation: hg-f-cosmic-swirl-a 60s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
    }

    #footer-embed .hg-f-cosmic__warp::after {
      width: 92%;
      height: 260%;
      right: -28%;
      top: -78%;
      left: auto;
      border-radius: 54% 46% 44% 56% / 52% 48% 44% 56%;
      background: radial-gradient(
        ellipse 62% 54% at 52% 46%,
        rgba(255, 245, 225, 0.42) 0%,
        rgba(230, 120, 32, 0.22) 48%,
        transparent 72%
      );
      opacity: 0.62;
      animation: hg-f-cosmic-swirl-b 76s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite reverse;
      animation-delay: -28s;
    }

    @keyframes hg-f-cosmic-swirl-a {
      0%,
      100% {
        transform: translate(0, 0) rotate(0deg) scale(1);
        border-radius: 44% 56% 52% 48% / 46% 44% 56% 54%;
      }
      32% {
        transform: translate(6%, 7%) rotate(108deg) scale(1.07);
        border-radius: 56% 44% 46% 54% / 54% 46% 52% 48%;
      }
      64% {
        transform: translate(-5%, 5%) rotate(216deg) scale(0.93);
        border-radius: 48% 52% 58% 42% / 44% 54% 48% 52%;
      }
    }

    @keyframes hg-f-cosmic-swirl-b {
      0%,
      100% {
        transform: translate(0, 0) rotate(0deg) scale(1);
        border-radius: 54% 46% 44% 56% / 52% 48% 44% 56%;
      }
      38% {
        transform: translate(-9%, 9%) rotate(-118deg) scale(1.11);
        border-radius: 46% 54% 56% 44% / 48% 52% 56% 44%;
      }
      72% {
        transform: translate(7%, -4%) rotate(-236deg) scale(0.89);
        border-radius: 52% 48% 50% 50% / 56% 44% 48% 52%;
      }
    }

    #footer-embed .hg-f-cosmic__shimmer {
      position: absolute;
      inset: -15%;
      z-index: 2;
      pointer-events: none;
      background: linear-gradient(
        118deg,
        transparent 0%,
        rgba(255, 255, 255, 0.18) 38%,
        rgba(255, 215, 175, 0.32) 50%,
        transparent 64%
      );
      background-size: 240% 240%;
      background-position: 50% 50%;
      mix-blend-mode: overlay;
      filter: blur(1px);
      opacity: 0.48;
      animation: hg-f-cosmic-shimmer 20s ease-in-out infinite;
    }

    @keyframes hg-f-cosmic-shimmer {
      0%,
      100% {
        background-position: 8% 42%;
        transform: rotate(-2deg) scale(1.02);
        opacity: 0.58;
      }
      50% {
        background-position: 92% 58%;
        transform: rotate(2.5deg) scale(1.06);
        opacity: 0.92;
      }
    }

    #footer-embed .hg-footer__inner {
      position: relative;
      z-index: 3;
      max-width: min(100%, var(--hg-footer-content-max));
      margin: 0 auto;
      padding: clamp(2.15rem, 4.5vw, 2.75rem) clamp(0.75rem, 3vw, 1.25rem) 1.15rem;
    }

    #footer-embed .hg-footer-links {
      background: transparent;
      padding: 0;
      margin: 0 0 1rem;
    }

    #footer-embed .hg-footer-links__list {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      gap: 8px 18px;
    }

    #footer-embed .hg-footer-links a {
      display: inline-block;
      color: var(--hg-footer-link);
      text-decoration: none;
      font-size: 12.5px;
      line-height: 1.35;
      font-weight: 500;
      font-family: "DM Sans", system-ui, sans-serif;
      transition: color 0.18s ease, opacity 0.18s ease;
    }

    #footer-embed .hg-footer-links a:hover,
    #footer-embed .hg-footer-links a:focus-visible {
      color: var(--hg-footer-accent);
      outline: none;
    }

    @media (max-width: 767px) {
      /* 2 Spalten × 4 Zeilen, zentriert, kompakt mit klarem Rhythmus */
      #footer-embed .hg-footer-links__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-flow: row;
        column-gap: 1rem;
        row-gap: 0.45rem;
        justify-items: center;
        justify-content: center;
        text-align: center;
        max-width: min(100%, 19.5rem);
        margin-left: auto;
        margin-right: auto;
      }

      #footer-embed .hg-footer-links a {
        font-size: 11px;
        line-height: 1.28;
        padding: 2px 0;
        word-break: break-word;
        hyphens: manual;
      }
    }

    @media (min-width: 768px) {
      #footer-embed .hg-footer__inner {
        padding-top: clamp(2.35rem, 4vw, 2.85rem);
        padding-bottom: 1.25rem;
      }

      #footer-embed .hg-footer-links__list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px 24px;
      }

      #footer-embed .hg-footer-links a {
        font-size: 12px;
        color: var(--hg-footer-muted);
      }

      #footer-embed .hg-footer-links a:hover,
      #footer-embed .hg-footer-links a:focus-visible {
        color: var(--hg-footer-accent);
      }
    }

    #footer-embed .hg-footer__rule {
      margin: 0 0 1rem;
      border: none;
      height: 0;
      border-top: 1px dashed rgba(255, 255, 255, 0.28);
      opacity: 0.9;
    }

    #footer-embed .hg-footer__bar {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      gap: 0.85rem;
      text-align: center;
    }

    @media (min-width: 640px) {
      #footer-embed .hg-footer__bar {
        flex-direction: row;
        align-items: center;
        text-align: left;
      }
    }

    #footer-embed .hg-footer__copy {
      margin: 0;
      font-size: 12px;
      line-height: 1.4;
      color: rgba(232, 240, 250, 0.78);
      font-family: "DM Sans", system-ui, sans-serif;
    }

    #footer-embed .hg-footer__brand {
      display: inline-flex;
      align-items: center;
      line-height: 0;
      text-decoration: none;
    }

    /* Logo weiß auf Dark Theme */
    #footer-embed .hg-footer__brand img {
      display: block;
      height: clamp(26px, 5vw, 34px);
      width: auto;
      filter: brightness(0) invert(1);
    }

    @media (prefers-reduced-motion: reduce) {
      #footer-embed .hg-f-cosmic__shimmer {
        animation: none !important;
      }

      #footer-embed .hg-f-cosmic__shimmer {
        transform: none;
        opacity: 0.65;
      }

      #footer-embed .hg-f-cosmic__warp::before,
      #footer-embed .hg-f-cosmic__warp::after {
        animation: none !important;
      }

      #footer-embed .hg-f-cosmic {
        animation: none !important;
        background-position: 8% 50%, 8% 50%, 0 0, 0 0;
      }
    }