/* Mobile adaptation: original design is fixed 1440px (Paper export).
   Rules below only reshape layout for narrow viewports; no content changes. */
/* new pages + spacing */
/* whitespace + restrained hierarchy */
@media (min-width: 901px) {
  .frame { align-items: center !important; }
  .frame { width: 100% !important; max-width: 1440px; }
  .frame > :not([style*="position: absolute"]) { zoom: var(--z, 0.95); }
}
@media (max-width: 900px) {
  .frame { width: 100% !important; gap: 36px; }
  [data-sec] { width: 100% !important; padding-left: 28px !important; padding-right: 28px !important; }
  [data-sec] * { max-width: 100% !important; }
  [data-sec] > .fxr, [data-sec] > .fxc { width: 100% !important; }

  /* nav: logo + Demo buchen only (matches "Home - Hero neu - Mobile 390" frame) */
  [data-node-id="31D-0"] { display: none !important; }
  [data-node-id="31A-0"], [data-node-id="31I-0"] { width: auto !important; }

  /* stack card rows */
  [data-sec="4"] > .fxr,
  [data-sec="6"] > .fxr,
  [data-sec="7"] > .fxr,
  [data-sec="10"] > .fxr { flex-direction: column !important; }

  /* FAQ card */
  [data-sec="8"] > .fxr { flex-direction: column !important; padding: 28px !important; border-radius: 28px !important; }

  /* step cards: text over mockup */
  [data-sec="5"] .fxr[style*="height: 700px"] { flex-direction: column !important; height: auto !important; width: 100% !important; }
  [data-sec="5"] .fxc[style*="width: 560px"] { width: 100% !important; }

  /* type scale (hero H1 36px per "Home - Hero neu - Mobile 390") */
  .fs-76, .fs-72, .fs-68 { font-size: 38px !important; line-height: 42px !important; }
  .fs-64, .fs-60, .fs-56 { font-size: 32px !important; line-height: 38px !important; }
  .fs-48, .fs-42, .fs-40 { font-size: 28px !important; line-height: 34px !important; }
  .fs-36 { font-size: 26px !important; line-height: 32px !important; }
  .fs-32, .fs-30 { font-size: 24px !important; line-height: 30px !important; }
  .fs-28, .fs-26 { font-size: 22px !important; line-height: 28px !important; }
  .fs-24 { font-size: 20px !important; line-height: 26px !important; }
  .fs-22, .fs-21 { font-size: 18px !important; line-height: 26px !important; }
  .fs-20 { font-size: 17px !important; }

  /* step tab bar: compress so all 3 tabs fit */
  [data-sec="5"] .fxr[style*="padding-inline: 30px"] { padding-inline: 12px !important; }
  [data-sec="5"] .fxr[style*="padding-inline: 30px"] .fs-17 { font-size: 14px !important; }

  /* step-card feature rows: 40/60 split instead of intrinsic widths */
  [data-sec="5"] .fxr[style*="border-top"] > div:first-child { width: 40% !important; min-width: 0 !important; flex-shrink: 0 !important; }
  [data-sec="5"] .fxr[style*="border-top"] > div:last-child { width: 60% !important; min-width: 0 !important; flex: 1 !important; }

  /* phone channel pills: wrap instead of clip */
  [data-sec="5"] .fxr[style*="margin-top: 30px"] { flex-wrap: wrap !important; justify-content: center !important; row-gap: 8px !important; }

  /* CRM diagram (636px fixed, absolute children): scale down */
  [data-node-id="4V4-0"] { height: 250px !important; align-items: flex-start !important; }
  [data-node-id="4V5-0"] { max-width: none !important; width: 636px !important; transform: scale(0.5); transform-origin: top center; }

  /* footer link columns: wrap */
  [data-node-id="4WJ-0"] { flex-wrap: wrap !important; gap: 40px !important; }

  /* channel pills bar under phone mockup: wrap */
  [data-node-id="371-0"] { flex-wrap: wrap !important; justify-content: center !important; max-width: 100% !important; }


  [data-node-id="4WJ-0"] { margin-top: 28px !important; }

  /* Beispiel tags: move to bottom-right of their mockup area on mobile */
  [data-node-id="34W-0"], [data-node-id="36Y-0"] { top: auto !important; bottom: 20px !important; right: 20px !important; }

  /* kanaele.html */
  .p-kan [data-node-id="4NG-0"], .p-pre [data-node-id="3KB-0"] { display: none !important; }
  .p-kan [data-node-id="4ND-0"], .p-kan [data-node-id="4NL-0"], .p-pre [data-node-id="3K8-0"], .p-pre [data-node-id="3KG-0"] { width: auto !important; }
  .p-kan [data-node-id="38V-0"] { height: auto !important; }
  .p-kan [data-node-id="391-0"] { flex-direction: column !important; width: 100% !important; }
  .p-kan [data-node-id="392-0"] { width: 100% !important; }
  .p-kan [data-node-id="393-0"] { height: auto !important; padding-inline: 14px !important; }
  /* preise.html */
  .p-pre [data-node-id="3KP-0"], .p-pre [data-node-id="3KS-0"] { width: 100% !important; }
  .p-pre [data-node-id="3KS-0"] { padding: 36px 24px !important; }
  .p-pre [data-node-id="3KQ-0"], .p-pre [data-node-id="3KR-0"] { display: none !important; }
  .p-kan [data-node-id="39D-0"] { height: auto !important; padding-inline: 14px !important; }
  .p-kan [data-node-id="39M-0"], .p-kan [data-node-id="3DZ-0"] { zoom: 0.78; max-width: none !important; }
  .p-kan [data-node-id="39B-0"], .p-kan [data-node-id="39K-0"] { overflow: hidden !important; padding-inline: 0 !important; }
  .p-kan [data-node-id="4XJ-0"], .p-pre [data-node-id="4WY-0"] { flex-direction: column !important; gap: 28px !important; }
  .p-kan [data-node-id="4XP-0"], .p-pre [data-node-id="4X4-0"] { flex-wrap: wrap !important; gap: 40px !important; }
  .frame { gap: 20px; }
  /* header: logo + button fit with side margins */
  [data-node-id="4NN-0"], [data-node-id="3KI-0"], [data-node-id="31K-0"] { padding-inline: 16px !important; }
  [data-node-id="4NF-0"], [data-node-id="3KA-0"], [data-node-id="31C-0"] { font-size: 18px !important; }
}

/* sticky navigation bar: stays visible while scrolling (nav nodes: home/demo 318-0, kanaele 4NB-0, preise 3K6-0) */
.frame > [data-node-id="318-0"], .frame > [data-node-id="4NB-0"], .frame > [data-node-id="3K6-0"] { position: sticky !important; top: 0; z-index: 50; }
.frame > [data-node-id="318-0"] > div, .frame > [data-node-id="4NB-0"] > div, .frame > [data-node-id="3K6-0"] > div { backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }