/* Dieselben Komponenten passen sich ausschließlich über CSS an. */
@media (max-width: 767px) {
  .offer-grid { grid-template-columns: minmax(0, 1fr); width: min(350px, calc(100vw - 30px)) !important; gap: 24px; }
  .wizard-page { min-height: 540px; padding: 70px 22px; }
  .wizard h1 { font-size: 25px; }
  .wizard-answers { flex-direction: column; margin: 30px 0; }
  #SITE_HEADER { position: relative !important; height: 80px !important; min-height: 80px !important; width: 100% !important; }
  #SITE_HEADER [data-mesh-id="SITE_HEADERinlineContent-gridContainer"] { display: block !important; min-height: 80px !important; }
  #comp-lg4z87np { position: absolute !important; top: 20px !important; left: 24px !important; margin: 0 !important; }
  #comp-k4l8sbg1 { display: none !important; }
  .navigation-toggle { display: block; position: absolute; right: 24px; top: 22px; border: 0; background: transparent; color: var(--brand-ink); font-size: 25px; z-index: 100007; }
  body.navigation-open #comp-k4l8sbg1 { display: block !important; position: fixed !important; inset: 80px 0 0 !important; width: 100vw !important; height: calc(100dvh - 80px) !important; z-index: 100006; background: var(--brand-background); margin: 0 !important; }
  body.navigation-open #comp-k4l8sbg1itemsContainer { display: flex; flex-direction: column; align-items: center; padding: 35px 10px; gap: 24px; }
  body.navigation-open #comp-k4l8sbg1itemsContainer > li { display: list-item !important; visibility: visible !important; }
  body.navigation-open #comp-k4l8sbg1itemsContainer > li:last-child { display: none !important; }
}

@media (max-width: 767px) {
  #comp-l9q3z3sp, #comp-m7yy38au { display: none !important; }
  body[data-page="/"] [data-mesh-id="comp-mbia0n4winlineContent-gridContainer"] { display: flex !important; flex-direction: column; align-items: center; }
  body[data-page="/"] #comp-mbia0n6l { order: 1; margin: 55px 0 20px !important; left: 0 !important; width: 274px; color: white; }
  body[data-page="/"] #comp-mbia0n6l h1 { font-size: 31px !important; line-height: 1.25 !important; }
  body[data-page="/"] #comp-mbia0n6l h1 span { font-size: inherit !important; }
  body[data-page="/"] #comp-mbia0n60 { order: 2; margin: 0 0 20px !important; left: 0 !important; }
  body[data-page="/"] #comp-mbia0n7d1 { order: 3; margin: 0 0 20px !important; left: 0 !important; width: 274px; height: 45px; }
  body[data-page="/"] #comp-mbia0n6g { order: 4; margin: 0 0 35px !important; left: 0 !important; width: 274px; color: white; }
  body[data-page="/"] #comp-mbia0n7i1 { order: 5; margin: 0 0 35px !important; left: 0 !important; }
}

@media (max-width: 767px) {
  #PAGES_CONTAINER h1 { font-size: 32px !important; line-height: 1.25 !important; overflow-wrap: normal; }
  #PAGES_CONTAINER h1 span { font-size: inherit !important; }
}
@media (max-width: 767px) {
  body.navigation-open #comp-k4l8sbg1itemsContainer a { display: flex; align-items: center; justify-content: center; min-height: 44px; color: var(--brand-ink) !important; font: 500 17px/1.5 var(--brand-font) !important; text-decoration: none; }
  body.navigation-open #comp-k4l8sbg1itemsContainer p { color: inherit !important; font: inherit !important; margin: 0; }
  body.navigation-open .navigation-toggle { font-size: 0; }
  body.navigation-open .navigation-toggle::after { content: '×'; font-size: 30px; }
}