/* === Layout / Basis === */
.lmn-thanks { max-width:980px; margin:0 auto; padding:32px 20px; display:grid; gap:24px; }
.lmn-thanks__media { text-align:center; }
.lmn-thanks__media img { border-radius:16px; inline-size:220px; block-size:220px; object-fit:cover; }
.lmn-thanks__cta { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.lmn-thanks__card { border:1px solid #eee; border-radius:16px; padding:18px; }
.lmn-btn { display:inline-block; padding:.75rem 1rem; border-radius:12px; text-decoration:none; }
.lmn-btn--primary { background:#111; color:#fff; }
.lmn-btn--secondary { background:#f2f2f2; color:#111; }
.lmn-thanks__foot { color:#555; }
.lmn-link { text-decoration:underline; }

@media (max-width:800px){
  .lmn-thanks__cta { grid-template-columns:1fr; }
  .lmn-thanks__media img { inline-size:160px; block-size:160px; }
}

/* === Typo-Scope nur für die Danke-Sektion === */
.lmn-thanks {
  --h1: clamp(1.6rem, 2.5vw, 2.2rem);
  --h2: clamp(1.15rem, 1.8vw, 1.5rem);
  --text: clamp(0.95rem, 1.2vw, 1rem);
  --muted: #555;
  --card-radius: 16px;
}

/* H1 Grundstil innerhalb des Header-Bereichs */
.lmn-thanks .lmn-thanks__head h1 {
  font-size: var(--h1);
  line-height: 1.15;
  margin: .2em 0 .2em;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.lmn-thanks__content h2 {
  font-size: var(--h1);
  line-height: 1.15;
  margin: .2em 0 .2em;
  font-weight: 800;
  letter-spacing: -0.01em;
}

/* ↓ Override NUR auf dieser Seite: kleinere H1 per Klasse */
.lmn-thanks .lmn-thanks__head h1.lmn-smaller-h1 {
  font-size: 1.8rem;
  line-height: 1.2;
}

/* H2 in den Karten runterregeln + fett */
.lmn-thanks .lmn-thanks__card h2 {
  font-size: var(--h2);
  line-height: 1.2;
  margin: 0 0 .25em;
  font-weight: 800;
}

/* Standard-Textgrößen in diesem Block */
.lmn-thanks p,
.lmn-thanks small,
.lmn-thanks a,
.lmn-thanks .lmn-btn {
  font-size: var(--text);
}

/* Karten-Layout klarziehen (falls global was reinfunkt) */
.lmn-thanks .lmn-thanks__cta { display:grid; grid-template-columns: 1fr 1fr; gap:18px; }
.lmn-thanks .lmn-thanks__card {
  border:1px solid #eee;
  border-radius: var(--card-radius);
  padding:18px;
  background:#fff;
}

/* Buttons */
.lmn-thanks .lmn-btn { padding:.75rem 1rem; border-radius:12px; text-decoration:none; display:inline-block; }
.lmn-thanks .lmn-btn--primary { background:#111; color:#fff; }
.lmn-thanks .lmn-btn--secondary { background:#f2f2f2; color:#111; }

/* Feinschliff */
.lmn-thanks .lmn-thanks__head p,
.lmn-thanks .lmn-thanks__foot { color: var(--muted); }

/* Mobile */
@media (max-width: 800px){
  .lmn-thanks .lmn-thanks__cta { grid-template-columns: 1fr; }
}

/* Abstand vor den Buttons */
.lmn-thanks .lmn-btn { margin-top: 0.6em; }

/* Immer Umbruch nach Button + extra Abstand */
.lmn-thanks .lmn-btn + * {
  display: block;
  margin-top: 0.4em;
}

/* Eigene Headline für „Was dich erwartet“ */
.lmn-thanks .lmn-expected-headline {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-top: 1.5rem;
  font-weight: 800;
}