@import url("/preview-typography.css?v=20261102-harmony1");
@import url("/footer-unified.css?v=20261102-compact1");
/* Desktop-only eyebrow and small section-number sizing, DE + EN.
   Below 1024px all existing responsive sizes remain unchanged.
   Keep each component's existing colour, weight, tracking and spacing.
   The important layer also takes precedence over legacy unlayered font shorthands. */
@layer nino-label-typography {
  @media (min-width: 1024px) {
  :is(
    .marginal:not(.nm-hero-identity),
    .marginal b,
    .marginal strong,
    .eyebrow,
    body:not(.nm-magazine) .ed-kicker,
    .cro-kicker,
    .nm-pillar-takeaway-label,
    .ed-story-number,
    .nm-pillar-row .nm-num,
    .rnum,
    .nm-step-cards article > span,
    .la-kopf,
    .la-section > h2,
    .guide-kicker,
    .tool-meta250,
    .card-category,
    .offer-tag,
    .offer-fit-grid article > span,
    .offer-deliverables-grid article > span,
    .payment-kicker,
    .offer-label > span:first-child,
    .sp-price-label,
    .kb-label,
    .bo-label,
    .wlabel,
    .st-label,
    .probe-label,
    .case-label,
    .case-parts span,
    .case-next > h2,
    .kicker,
    .aktenkopf .rot,
    .wz-kopf .rot,
    .beweis figcaption b,
    .akte-section > h2,
    .wz-section > h2,
    .naechste .an,
    .ed-sample-label,
    .ed-reader-benefit > b,
    .ed-issue-question > span,
    .nm-wife-section-167 h3,
    .nl-themes b,
    body > main > p.tag,
    .flip-kicker,
    .flip-page .flip-benefit small,
    .flip-page .flip-question small,
    .flip-contents b,
    .flip-substance .substance-label,
    figcaption b[style*="color:var(--accent)"]
  ) { font-size: 12px !important; }
}
}


@layer nino-mobile-qa {
/* Mobile/tablet QA 2026-10-29. Existing eyebrow sizes are intentionally preserved. */
@media screen and (max-width:1100px){
  input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select{font-size: max(16px,1em)!important}
  footer nav{flex-wrap:wrap!important;min-width:0!important;max-width:100%!important;gap:8px 16px!important}
  footer a,.nm-guide-row>a{display:inline-flex!important;align-items:center!important;min-height:44px!important;min-width:44px!important;max-width:100%!important;box-sizing:border-box!important}
  button:not([hidden]){min-height:44px!important;min-width:44px!important}
  .nm-unified-toggle{height:44px!important;min-height:44px!important;width:76px!important}
  .nm-unified-brand{min-height:44px!important;display:flex!important;align-items:center!important}
  .nm-unified-languages{width:92px!important;height:44px!important;margin-left:8px!important}
  .nm-unified-languages>a{width:44px!important;min-width:44px!important;height:44px!important}
  .nm-unified-cta{height:44px!important;min-height:44px!important}
  .nm-unified-links>a{min-height:44px!important;box-sizing:border-box!important}
  .nm-dark-menu .brand{min-height:44px!important;display:flex!important;align-items:center!important}
  .nm-dark-menu .ed-menu-toggle{min-height:44px!important;min-width:76px!important}
  .nm-dark-menu .nav-links a,.nm-dark-menu .nm-languages a{min-height:44px!important;min-width:44px!important;box-sizing:border-box!important}
  .nm-dark-menu>.nav>.nav-cta,.nm-dark-menu>.nav>.nm-languages{display:none!important}
  .nm-dark-menu>.nav{max-width:100%!important;box-sizing:border-box!important}
  .nm-dark-menu .nav-links.is-open{max-width:100vw!important;max-height:calc(100dvh - 72px)!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  .nm-unified-links.is-open{max-height:calc(100dvh - 190px)!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  .nm-dark-menu .ed-menu-extra{flex-wrap:wrap!important;max-width:100%!important}
  .nm-magazine>footer{box-sizing:border-box!important;width:100%!important;max-width:100%!important}
  .la-form label:has(input[type=radio]),form label:has(input[type=radio]),form label:has(input[type=checkbox]){min-height:44px!important;cursor:pointer!important}
  .nm-guide-row>a,.offer-hero-link,.offer-inline-link,.offer-pdf-link{min-height:44px!important;display:inline-flex!important;align-items:center!important}
  .catalog-filters button,.catalog-filters-11 button,[data-filter],[data-filter-en]{min-width:44px!important;min-height:44px!important}
}
@media screen and (max-width:400px){
  .nm-unified-brand{width:100%!important;margin:0 0 4px!important}
  .nm-unified-toggle{margin:0 auto 0 0!important}
  .nm-unified-languages{margin:0!important}
}

}

@layer nino-mobile-qa {
 @media screen and (max-width:1100px){
  .offer-hero-copy>p:not([class]),.offer-deliverables-head>p,.offer-deliverables-grid p,.offer-heading>p:not(.eyebrow),.offer-fit-grid p,.offer-card>p:not([class]),.offer-card li,.offer-preparation-download p,.offer-meeting p,.sp-network-heading p:not(.ed-kicker),.nw-card-copy,.nw-confidential p,.payment-card p{font-size:16px!important}
  .offer-deliverables-grid a,.offer-hero-copy>a:not(.offer-button),.offer-experience-copy a,.offer-preparation-download a,.ed-news-legal a,.offer-footer a{display:inline-flex!important;align-items:center;min-height:44px!important;min-width:44px!important;max-width:100%}
 }
}

@layer nino-mobile-qa { @media screen and (min-width:500px) and (max-width:1100px) and (max-height:500px){
 .nm-dark-menu.ed-menu-open .nav-links{top:64px!important;max-height:calc(100dvh - 64px)!important;overflow-y:auto!important}
}}

/* Keep native vertical edge gestures (including pull-to-refresh) on phones.
   Only page roots: open menus retain their own scroll containment. */
@layer nino-mobile-qa {
 @media screen and (max-width:767px){
  html:root,html:root body{overscroll-behavior-y:auto!important}
 }
}

@layer nino-mobile-qa { @media screen and (max-width:767px){
 html:root:has(body.nm-magazine):not(:has(#gate)){overflow-y:auto!important}
 html:root body.nm-magazine:not(:has(#gate)){overflow-y:visible!important}
 body.nm-magazine .ed-paginated :is(.ed-page-flow,.ed-editor-note,.ed-toc-copy,.ed-issue-divider){overscroll-behavior-y:auto!important}
}}