@import url("styles.v6.css");

/* Blog: Newsletter-Anmeldung folgt der Einleitung auf allen Bildschirmgrößen. */
.blog-newsletter { padding: clamp(2.5rem, 6vw, 5rem) var(--pad); background: var(--paper-deep); }
.blog-newsletter__inner { display: grid; gap: clamp(1.5rem, 4vw, 3rem); width: min(100%, var(--content)); margin: 0 auto; }
.blog-newsletter__intro { align-self: center; max-width: 34rem; }
.blog-newsletter__intro h2 { margin-bottom: .35em; }
.blog-newsletter__intro p { max-width: 32rem; margin-bottom: 0; color: var(--forest); font-family: "Playfair Display", Georgia, serif; font-size: clamp(1.2rem, 2vw, 1.55rem); line-height: 1.38; }
.blog-newsletter .waitlist-form { max-width: none; }
.waitlist-form__reassurance { max-width: 40rem; margin: -1rem 0 1.5rem; color: var(--muted); font-size: .9rem; line-height: 1.5; }

@media (min-width: 48rem) {
  .blog-newsletter__inner { grid-template-columns: minmax(0, .78fr) minmax(27rem, 1.22fr); align-items: center; }
}