/**
 * Join: einheitlich museo-sans auf allen Schritten (nach Bootstrap)
 */

html,
body {
  font-family: var(--atz-font-family) !important;
}

body .main-container :is(
  h1, h2, h3, h4, h5, h6,
  p, a, label, span, small, strong, em,
  button, input, textarea, select, option,
  .btn, .btn-lg,
  .home-btn, .lang-btn,
  .language-dropdown-content,
  .language-dropdown-content a,
  .footer-links,
  .footer-links a,
  .footer-cookie-link,
  .multiple-choice-hint,
  .kommentarFeld,
  .form-input,
  .weiterButton,
  .backButton,
  .slider-textbox,
  .slider-textbox h2,
  .slider-btn,
  .welcome-box,
  .content-box,
  .box label
),
body #slide2 :is(
  .slider-textbox,
  .slider-textbox h2,
  .slider-btn,
  .footer-links--slide2,
  .footer-links--slide2 a
),
body header :is(.lang-btn, .home-btn, .language-dropdown-content a),
body.join-at-slide2 .language-selector .home-btn,
body.join-at-slide2 .home-btn {
  font-family: var(--atz-font-family) !important;
  font-weight: 500 !important;
}

body .main-container input::placeholder,
body .main-container textarea::placeholder,
body .main-container .kommentarFeld::placeholder {
  font-family: var(--atz-font-family) !important;
}

/* Font Awesome: Icon-Font nicht ersetzen */
body :is(.fa, .fas, .far, .fab, .fal, .fad) {
  font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
}