@media screen and (width <= 1024px) {
  .haupt .abschnitt,
  .fragen,
  .zitat,
  .skalierung { margin: 6rem 0; }
  .lauftext { margin: 4rem 0; margin-bottom: 3rem !important; }
  .lauftext--mitte { margin: 5rem 0 !important; }
  .zkopf:not(.zkopf--ohne-abstand) { margin: 6rem 0; }
  .fragen .zkopf { padding-bottom: 3.2rem; }
  .zkopf .behaelter,
  .held .zkopf .behaelter { row-gap: 1.4rem !important; }

  .held__kopfbereich { padding-bottom: 2.4rem; }
  .held__hut { letter-spacing: .06rem; font-size: 1.4rem; }
  .zkopf__titel .held__hut { margin-bottom: 1.4rem; }
  .held__innen h1.zkopf__titel {
    max-width: 36rem;
    transform: none;
    letter-spacing: -.06rem;
    font-size: 2.4rem !important;
    line-height: 125% !important;
  }
  .zkopf--gross .zkopf__titel.t1 { letter-spacing: -.06rem; font-size: 2.4rem; line-height: 125%; }
  .held__versprechen {
    max-width: 34rem;
    color: var(--farbe-tinte);
    letter-spacing: -.03rem;
    font: 700 1.65rem/135% Inter, sans-serif;
  }
  .held__kopfbereich > .behaelter:has(.heldbuehne) { display: flex; flex-direction: column; gap: 2rem; margin-top: 1rem; }
  .heldbuehne,
  .heldbuehne__seite { display: contents; }
  .heldbuehne__video { order: 1; flex: none; width: 100%; }
  .heldbuehne__handlung { order: 2; flex: none; gap: .8rem; }
  .heldbuehne__siegel { order: 3; flex: none; margin-top: 0; }
  .heldbuehne__punkte { order: 4; flex: none; gap: 1.2rem; }
  .held__kopfbereich > .behaelter > .held__mitte { order: 5; flex: none; margin: 1.2rem 0 0; }
  .heldbuehne__punkt { font-size: 1.55rem; line-height: 140%; }
  .heldbuehne__hinweis { font-size: 1.35rem; }
  .heldbuehne__ergebnis { margin: .8rem auto 0; max-width: 34rem; text-align: center; font: 500 1.55rem/140% Inter, sans-serif; }

  .zkopf__pille .pille,
  .augenbraue {
    background: transparent;
    min-height: 0;
    padding: 0;
    color: var(--farbe-text-zweit);
    letter-spacing: .1rem;
    text-transform: uppercase;
    font: 600 1.35rem/1.3 Inter, sans-serif;
  }
  .zkopf__pille .pille::before { display: none; }
  .zkopf__pille .pille h3 { margin: 0; letter-spacing: inherit; font: inherit; }
  .bildgrund--dunkel .augenbraue { color: var(--farbe-text-blass); }

  .zkopf--gross .zkopf__titel.t2,
  .zkopf__titel.t2,
  .skalierung__titel,
  .signetablauf__titel,
  .fusszeile__titel { letter-spacing: -.05rem; font: 800 2.2rem/125% Inter, sans-serif; }
  .galerie__titel,
  .schuldblock__titel,
  .personblock__titel,
  .teamkarte__name { letter-spacing: -.05rem; font-size: 2.1rem; line-height: 125%; }
  .zitat__text { letter-spacing: -.04rem; font: 750 2rem/125% Inter, sans-serif; line-height: 125% !important; }
  .zkopf__text { letter-spacing: -.02rem; font: 400 1.6rem/150% Inter, sans-serif; }
  .zkopf__text h3 { font: inherit; }
  .lauftext__satz { letter-spacing: -.06rem; font-size: 2rem; line-height: 1.1; }
  .skalierung__text { margin-top: 2rem; font-size: 1.6rem; line-height: 150%; }
  .signetablauf__text { font-size: 1.6rem; line-height: 150%; }

  .haupt .knopf--blau,
  .fusszeile .knopf--blau { display: flex; width: 100%; max-width: none; }
  .haupt .knopf--blau .knopf__innen,
  .fusszeile .knopf--blau .knopf__innen {
    width: 100%;
    height: auto;
    min-height: 6rem;
    padding: 1.2rem 2rem;
    white-space: normal;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.2;
  }

  .skalierung__kopf { gap: 2rem; margin-bottom: 3.2rem; }
  .skalierung__liste { gap: 4rem; }
  .signetablauf { padding-block: 5rem; }
  .signetablauf__raster { margin-top: 2.4rem; gap: 3rem; }
  .signetablauf__spalte { row-gap: 2.4rem; }
  .stufen { row-gap: 4.8rem; margin-top: 3rem; }
  .vergleichskarte { padding: 2.8rem 2rem; }
  .vergleichsliste { margin-top: 2.4rem; }
  .zitat__inhalt { gap: 2.4rem; }
  .teamblock { gap: 3.2rem; }
  .galerie { gap: 2.4rem; margin-top: 4rem; }
  .mobilbild { margin-bottom: 2.4rem; }
  .frage__antwort { padding: 0 2rem 2.4rem; }
  .fusszeile__innen { padding: 8rem 2rem 4rem; }
  .fusszeile__oben { margin-bottom: 8rem; }
  .newsletter { padding: 6rem 0 6.5rem; }
}

@media screen and (width >= 641px) and (width <= 1024px) {
  .haupt .knopf.knopf--blau,
  .fusszeile .knopf.knopf--blau {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
  }
}