/**
 * Inline-Layout für Checkliste-Download im Content (NICHT als Frame).
 * Form links 70%, Mockup-Bild rechts 30%.
 */
.checkliste-inline {
  display: grid;
  grid-template-columns: 7fr 3fr;
  gap: 2rem;
  align-items: start;
  margin: 2rem 0 3rem;
}

.checkliste-inline__mockup {
  display: flex;
  justify-content: flex-start;
  /* Bild nach links und hochgezogen — Oberkante bündig mit Form-Oberkante
     (negativer Top-Margin um die vorangehende H2-Höhe + Margin auszugleichen). */
  margin-top: -3.5rem;
  margin-left: -1.5rem;
}

.checkliste-inline__img {
  width: 280px;
  max-width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 768px) {
  .checkliste-inline {
    grid-template-columns: 1fr;
  }
  .checkliste-inline__mockup {
    order: -1;
    max-width: 60%;
    margin: 0 auto;
  }
}