/* =========================
   toabai.media · Unified Hero System
   v741 · loaded last after page CSS
========================= */

@media (max-width: 767px) {
  :root {
    --tm-u-hero-top: 48px;
    --tm-u-hero-bottom: 58px;
    --tm-u-eyebrow-size: .74rem;
    --tm-u-eyebrow-weight: 900;
    --tm-u-eyebrow-spacing: .15em;
    --tm-u-eyebrow-color: #2563eb;
    --tm-u-eyebrow-gap: 18px;
    --tm-u-title-size: clamp(2.6rem, 10.4vw, 3.7rem);
    --tm-u-title-size-strong: clamp(2.65rem, 10.8vw, 3.8rem);
    --tm-u-title-line: 1.01;
    --tm-u-title-spacing: -.065em;
    --tm-u-lead-size: 1.02rem;
    --tm-u-lead-line: 1.68;
  }

  /* Tatsächliche Hero-Wrapper der Hauptseiten */
  body .tm-home-hero-question,
  body .tm-maint-hero,
  body .tm-v200-hero,
  body .tm-care-sites-hero,
  body .tm-web-hero,
  body .tm-about-hero,
  body .tm-contact-hero,
  body .tm-wc-landing-hero {
    padding-top: var(--tm-u-hero-top) !important;
    padding-bottom: var(--tm-u-hero-bottom) !important;
  }

  /* Wissen ist technisch kein klassischer Hero */
  body .tm-wissen-shell {
    padding-top: var(--tm-u-hero-top) !important;
  }

  /* Innere Wrapper dürfen die Eyebrow nicht zusätzlich verschieben */
  body .tm-home-hero-question > .tm-page-inner-wide,
  body .tm-maint-hero > .tm-page-inner-wide,
  body .tm-v200-hero > .tm-page-inner-wide,
  body .tm-care-sites-hero > .tm-page-inner-wide,
  body .tm-web-hero > .tm-page-inner-wide,
  body .tm-about-hero > .tm-page-inner-wide,
  body .tm-contact-hero > .tm-page-inner-wide,
  body .tm-wc-landing-hero > .tm-page-inner-wide,
  body .tm-wissen-shell > .tm-page-inner-wide {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* Einheitliche Eyebrow-Startposition */
  body .tm-home-hero-question .tm-eyebrow,
  body .tm-maint-hero .tm-eyebrow,
  body .tm-v200-hero .tm-eyebrow,
  body .tm-care-sites-hero .tm-care-sites-eyebrow,
  body .tm-web-hero .tm-eyebrow,
  body .tm-about-hero .tm-eyebrow,
  body .tm-contact-hero .tm-eyebrow,
  body .tm-contact-hero .tm-contact-eyebrow,
  body .tm-wc-landing-hero .tm-eyebrow,
  body .tm-wissen-sidebar-head .tm-eyebrow {
    display: block !important;
    margin-top: 0 !important;
    margin-bottom: var(--tm-u-eyebrow-gap) !important;
    padding-top: 0 !important;
    color: var(--tm-u-eyebrow-color) !important;
    font-size: var(--tm-u-eyebrow-size) !important;
    font-weight: var(--tm-u-eyebrow-weight) !important;
    letter-spacing: var(--tm-u-eyebrow-spacing) !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
  }

  body .tm-about-hero .tm-eyebrow {
    color: #60a5fa !important;
  }

  /* Einheitliche mobile Hero-Typografie */
  body .tm-maint-hero h1,
  body .tm-v200-hero h1,
  body .tm-care-sites-hero h1,
  body .tm-web-hero h1,
  body .tm-about-hero h1,
  body .tm-contact-hero h1,
  body .tm-wc-landing-hero h1,
  body .tm-wissen-sidebar-head h1 {
    font-size: var(--tm-u-title-size) !important;
    line-height: var(--tm-u-title-line) !important;
    letter-spacing: var(--tm-u-title-spacing) !important;
  }

  body .tm-home-hero-question h1 {
    font-size: var(--tm-u-title-size-strong) !important;
    line-height: var(--tm-u-title-line) !important;
    letter-spacing: var(--tm-u-title-spacing) !important;
  }

  body .tm-home-hero-question h1 br,
  body .tm-web-hero-title br {
    display: none !important;
  }

  body .tm-home-hero-question h1 span,
  body .tm-web-hero-title span {
    display: inline !important;
  }

  body .tm-home-hero-question .tm-lead,
  body .tm-maint-hero .tm-page-hero-lead,
  body .tm-v200-hero .tm-page-hero-lead,
  body .tm-care-sites-hero .tm-care-sites-lead,
  body .tm-web-hero .tm-page-hero-lead,
  body .tm-about-hero .tm-page-hero-lead,
  body .tm-contact-hero p:not(.tm-eyebrow):not(.tm-contact-eyebrow),
  body .tm-wc-landing-hero .tm-page-hero-lead,
  body .tm-wissen-sidebar-head > p:not(.tm-eyebrow) {
    margin-top: 22px !important;
    font-size: var(--tm-u-lead-size) !important;
    line-height: var(--tm-u-lead-line) !important;
  }

  body .tm-home-hero-question .tm-hero-mockup-actions,
  body .tm-maint-hero .tm-page-hero-actions,
  body .tm-v200-hero .tm-page-hero-actions,
  body .tm-care-sites-hero .tm-care-sites-actions,
  body .tm-web-hero .tm-page-hero-actions,
  body .tm-about-hero .tm-page-hero-actions,
  body .tm-contact-hero .tm-contact-hero-actions {
    margin-top: 28px !important;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  body .tm-home-hero-question,
  body .tm-maint-hero,
  body .tm-v200-hero,
  body .tm-care-sites-hero,
  body .tm-web-hero,
  body .tm-about-hero,
  body .tm-contact-hero,
  body .tm-wc-landing-hero {
    padding-top: 72px !important;
  }

  body .tm-wissen-shell {
    padding-top: 72px !important;
  }

  body .tm-home-hero-question .tm-eyebrow,
  body .tm-maint-hero .tm-eyebrow,
  body .tm-v200-hero .tm-eyebrow,
  body .tm-care-sites-hero .tm-care-sites-eyebrow,
  body .tm-web-hero .tm-eyebrow,
  body .tm-about-hero .tm-eyebrow,
  body .tm-contact-hero .tm-eyebrow,
  body .tm-contact-hero .tm-contact-eyebrow,
  body .tm-wc-landing-hero .tm-eyebrow,
  body .tm-wissen-sidebar-head .tm-eyebrow {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
  }
}


/* v748 · Startseite Desktop Hero Buttons */
@media (min-width: 761px) {
  body .tm-home-hero-question .tm-hero-mockup-actions,
  body .tm-home-hero-question .tm-home-hero-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
  }

  body .tm-home-hero-question .tm-hero-mockup-actions > a,
  body .tm-home-hero-question .tm-home-hero-actions > a,
  body .tm-home-hero-question .tm-hero-mockup-actions .tm-btn,
  body .tm-home-hero-question .tm-home-hero-actions .tm-btn,
  body .tm-home-hero-question .tm-hero-text-link {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
  }
}