/*
 * Preisorientierung – mobile final composition
 *
 * This file intentionally loads after the legacy bundle.  The background plate
 * and the HTML overlays use one coordinate system, so inherited card/grid rules
 * from earlier iterations cannot change the composition.
 */
@media (max-width: 680px) {
  body.home section.pricing#preise {
    position: relative !important;
    isolation: isolate !important;
    width: 100% !important;
    height: 100svh !important;
    min-height: 100svh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: none !important;
  }

  body.home section.pricing#preise::before,
  body.home section.pricing#preise::after {
    display: none !important;
    content: none !important;
  }

  body.home section.pricing#preise > .container {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* The desktop header/grid must not take part in the mobile composition. */
  body.home section.pricing#preise > .container > .section__head,
  body.home section.pricing#preise .pricing__grid,
  body.home section.pricing#preise > .container > .pricing__note {
    display: none !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile {
    position: relative !important;
    top: auto !important;
    display: block !important;
    width: 100% !important;
    height: 100svh !important;
    min-height: 0 !important;
    max-height: 100svh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #f8f4ee !important;
    isolation: isolate !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__background {
    position: absolute !important;
    z-index: 0 !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    opacity: 1 !important;
    filter: none !important;
    pointer-events: none !important;
    user-select: none !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__head {
    position: absolute !important;
    z-index: 5 !important;
    top: 8.65% !important;
    left: 6.55% !important;
    display: block !important;
    width: 64% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    opacity: 1 !important;
    transform: none !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__head .eyebrow {
    display: block !important;
    margin: 0 0 10px !important;
    color: #a47738 !important;
    font-family: "Manrope", var(--font-body), sans-serif !important;
    font-size: clamp(.48rem, 1.72vw, .68rem) !important;
    font-weight: 800 !important;
    letter-spacing: .22em !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__head .eyebrow__dot {
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    margin: 0 8px 0 0 !important;
    border-radius: 50% !important;
    background: #bd8b42 !important;
    vertical-align: middle !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__head h2 {
    max-width: 10.8ch !important;
    margin: 0 !important;
    color: #171719 !important;
    font-family: "General Sans", "Manrope", var(--font-body), sans-serif !important;
    font-size: clamp(2rem, 9.45vw, 3.35rem) !important;
    font-weight: 700 !important;
    letter-spacing: -.065em !important;
    line-height: .93 !important;
    text-shadow: none !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__intro {
    display: block !important;
    margin: 13px 0 0 !important;
    color: #68635d !important;
    font-family: "Manrope", var(--font-body), sans-serif !important;
    font-size: clamp(.6rem, 2.2vw, .86rem) !important;
    font-weight: 500 !important;
    letter-spacing: -.025em !important;
    line-height: 1.35 !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__timeline {
    position: absolute !important;
    z-index: 2 !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__line {
    position: absolute !important;
    z-index: 1 !important;
    top: 33.4% !important;
    left: 50% !important;
    display: block !important;
    width: 12px !important;
    height: 50.7% !important;
    overflow: visible !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__line path {
    fill: none !important;
    vector-effect: non-scaling-stroke !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__line-base {
    stroke: #bda47d !important;
    stroke-width: 1 !important;
    opacity: .38 !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__line-progress {
    stroke: #b48743 !important;
    stroke-width: 1.35 !important;
    stroke-linecap: round !important;
    stroke-dasharray: 1 !important;
    stroke-dashoffset: 1 !important;
    opacity: .95 !important;
    transition: stroke-dashoffset .45s linear !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__station {
    position: absolute !important;
    z-index: 3 !important;
    display: block !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translate3d(0, 12px, 0) !important;
    transition: opacity .42s ease, transform .6s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .6s !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__station.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate3d(0, 0, 0) !important;
    transition-delay: 0s !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="1"] {
    top: 30.45% !important;
    left: 7.25% !important;
    width: 44.2% !important;
    height: 11.9% !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="2"] {
    top: 42.55% !important;
    left: 51.7% !important;
    width: 41.9% !important;
    height: 11.6% !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="3"] {
    top: 49.1% !important;
    left: 3.1% !important;
    width: 48.1% !important;
    height: 22.2% !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="4"] {
    top: 69.15% !important;
    left: 52.1% !important;
    width: 41.8% !important;
    height: 11.1% !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="5"] {
    top: 77.95% !important;
    left: 7.2% !important;
    width: 44.1% !important;
    height: 10.6% !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__station::after {
    display: none !important;
    content: none !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__card,
  body.home section.pricing#preise .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__card {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__visual {
    display: none !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__content {
    position: absolute !important;
    z-index: 4 !important;
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    transform: none !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="1"] .wxn-pricing-mobile__content { top: 14%; left: 39.5%; width: 59.5% !important; }
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="2"] .wxn-pricing-mobile__content { top: 18%; left: 3.5%; width: 68% !important; }
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="3"] .wxn-pricing-mobile__content { top: 11%; left: 46%; width: 53% !important; }
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="4"] .wxn-pricing-mobile__content { top: 14%; left: 4%; width: 66% !important; }
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="5"] .wxn-pricing-mobile__content { top: 11%; left: 43%; width: 58% !important; }

  body.home section.pricing#preise .wxn-pricing-mobile__label {
    display: block !important;
    margin: 0 0 4px !important;
    color: #a47738 !important;
    font-family: "Manrope", var(--font-body), sans-serif !important;
    font-size: clamp(.42rem, 1.5vw, .61rem) !important;
    font-weight: 800 !important;
    letter-spacing: .16em !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__from {
    display: block !important;
    color: #7b756d !important;
    font-family: "Manrope", var(--font-body), sans-serif !important;
    font-size: clamp(.45rem, 1.55vw, .63rem) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__price {
    display: block !important;
    margin: 2px 0 7px !important;
    color: #171719 !important;
    font-family: "General Sans", "Manrope", var(--font-body), sans-serif !important;
    font-size: clamp(1.25rem, 5.35vw, 1.9rem) !important;
    font-weight: 750 !important;
    letter-spacing: -.06em !important;
    line-height: .92 !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__price small {
    font-family: "Manrope", var(--font-body), sans-serif !important;
    font-size: clamp(.45rem, 1.7vw, .68rem) !important;
    font-weight: 700 !important;
    letter-spacing: -.02em !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__cta {
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 25px !important;
    margin: 0 !important;
    padding: 4px 9px !important;
    border: 1px solid rgba(176, 133, 67, .72) !important;
    border-radius: 999px !important;
    background: rgba(255, 253, 249, .9) !important;
    color: #292522 !important;
    font-family: "Manrope", var(--font-body), sans-serif !important;
    font-size: clamp(.44rem, 1.65vw, .63rem) !important;
    font-weight: 750 !important;
    gap: 6px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__cta--gold {
    border-color: #b48743 !important;
    background: #b48743 !important;
    color: #fffdf8 !important;
    box-shadow: 0 6px 12px rgba(157, 111, 44, .18) !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__cta svg,
  body.home section.pricing#preise .wxn-pricing-mobile__global-cta svg {
    width: 12px !important;
    height: 12px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    stroke-width: 1.65 !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__features {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    gap: 2px !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__features li {
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 0 0 9px !important;
    color: #625d56 !important;
    font-family: "Manrope", var(--font-body), sans-serif !important;
    font-size: clamp(.37rem, 1.35vw, .52rem) !important;
    font-weight: 500 !important;
    line-height: 1.22 !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__features li::before {
    position: absolute !important;
    top: .44em !important;
    left: 0 !important;
    display: block !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: #b48743 !important;
    content: "" !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__node {
    position: absolute !important;
    z-index: 6 !important;
    top: 50% !important;
    right: -18px !important;
    display: grid !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    place-items: center !important;
    border: 1px solid #b48743 !important;
    border-radius: 50% !important;
    background: #fbf8f2 !important;
    box-shadow: 0 0 0 4px rgba(248, 244, 238, .88) !important;
    color: #ab7937 !important;
    font-family: "Manrope", var(--font-body), sans-serif !important;
    font-size: .56rem !important;
    font-weight: 750 !important;
    letter-spacing: .03em !important;
    opacity: 0 !important;
    transform: translate(50%, -50%) scale(.78) !important;
    transition: opacity .26s ease, transform .38s cubic-bezier(.22, 1, .36, 1) !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__station--right .wxn-pricing-mobile__node {
    right: auto !important;
    left: -18px !important;
    transform: translate(-50%, -50%) scale(.78) !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="3"] .wxn-pricing-mobile__node {
    top: 30% !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__station.is-visible .wxn-pricing-mobile__node {
    opacity: 1 !important;
    transform: translate(50%, -50%) scale(1) !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__station--right.is-visible .wxn-pricing-mobile__node {
    transform: translate(-50%, -50%) scale(1) !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__note {
    position: absolute !important;
    z-index: 5 !important;
    bottom: 8.3% !important;
    left: 18% !important;
    display: flex !important;
    width: 64% !important;
    margin: 0 !important;
    padding: 1.25% 2.45% !important;
    align-items: flex-start !important;
    gap: 8px !important;
    border: 1px solid rgba(164, 132, 88, .22) !important;
    border-radius: 13px !important;
    background: rgba(255, 252, 247, .56) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.84) !important;
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: opacity .4s ease, transform .5s cubic-bezier(.22, 1, .36, 1) !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile.is-ready .wxn-pricing-mobile__note {
    opacity: 1 !important;
    transform: none !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__note-icon {
    display: grid !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    place-items: center !important;
    border: 1px solid #b48743 !important;
    border-radius: 50% !important;
    color: #a87938 !important;
    font-family: Georgia, serif !important;
    font-size: .75rem !important;
    font-weight: 700 !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__note p {
    margin: 0 !important;
    color: #706a62 !important;
    font-family: "Manrope", var(--font-body), sans-serif !important;
    font-size: clamp(.43rem, 1.58vw, .61rem) !important;
    font-weight: 500 !important;
    line-height: 1.28 !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__global-cta {
    position: absolute !important;
    z-index: 5 !important;
    bottom: 1.9% !important;
    left: 18% !important;
    display: flex !important;
    width: 64% !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #191918 !important;
    box-shadow: 0 10px 18px rgba(26, 23, 20, .18) !important;
    color: #fffdf8 !important;
    font-family: "Manrope", var(--font-body), sans-serif !important;
    font-size: clamp(.56rem, 2vw, .75rem) !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    opacity: 0 !important;
    transform: translateY(10px) !important;
    transition: opacity .4s ease .15s, transform .5s cubic-bezier(.22, 1, .36, 1) .15s !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile.is-ready .wxn-pricing-mobile__global-cta {
    opacity: 1 !important;
    transform: none !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__global-cta svg {
    width: 15px !important;
    height: 15px !important;
    color: #d5a054 !important;
  }
}

@media (max-width: 680px) and (prefers-reduced-motion: reduce) {
  body.home section.pricing#preise {
    height: 100svh !important;
    min-height: 100svh !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile {
    position: relative !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__station,
  body.home section.pricing#preise .wxn-pricing-mobile__note,
  body.home section.pricing#preise .wxn-pricing-mobile__global-cta {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__node,
  body.home section.pricing#preise .wxn-pricing-mobile__station--right .wxn-pricing-mobile__node {
    opacity: 1 !important;
    transition: none !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__node {
    transform: translate(50%, -50%) scale(1) !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__station--right .wxn-pricing-mobile__node {
    transform: translate(-50%, -50%) scale(1) !important;
  }

  body.home section.pricing#preise .wxn-pricing-mobile__line-progress {
    stroke-dashoffset: 0 !important;
    transition: none !important;
  }
}