/* Gutenberg-Block-Inhalte auf statischen Seiten (page.php) */

.page-hero {
  padding-block: clamp(3rem, 6vw, 5rem) clamp(2rem, 4vw, 3rem);
  border-bottom: 1px solid var(--color-border);
}

.page-hero__title {
  grid-column: 1 / span 9;
}

.page-hero__lede {
  grid-column: 1 / span 7;
  margin-top: 1rem;
}

@media (max-width: 900px) {
  .page-hero__title,
  .page-hero__lede {
    grid-column: span 12;
  }
}

.entry-content {
  grid-column: 2 / span 8;
  max-width: 72ch;
}

@media (max-width: 900px) {
  .entry-content {
    grid-column: 1 / span 12;
  }
}

.entry-content > * {
  grid-column: auto;
}

.entry-content h2 {
  margin-top: 1.75em;
}

.entry-content h3 {
  margin-top: 1.4em;
}

.entry-content ul li,
.entry-content ol li {
  color: var(--color-ink-soft);
}

.entry-content .wp-block-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1.5rem, 3vw, 3rem);
  margin-block: 2rem;
}

@media (max-width: 600px) {
  .entry-content .wp-block-columns {
    grid-template-columns: 1fr;
  }
}

.entry-content .wp-block-group {
  background: var(--color-surface);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius);
  margin-block: 2rem;
}

.entry-content .wp-block-separator {
  border: none;
  border-top: 1px solid var(--color-border);
  margin-block: 2.5rem;
}

.entry-content figure img {
  border-radius: var(--radius);
}

.entry-content blockquote {
  border-left: 3px solid var(--color-accent);
  padding-left: 1.25rem;
  font-family: var(--font-display);
  font-size: 1.2rem;
  color: var(--color-ink);
  margin: 2rem 0;
}