/*
 * Desktop und Tablet (ab 601 px): weniger Leerraum, Kopf auf einer Achse. Wird nur mit
 * media="screen and (min-width: 601px)" geladen. Styleguide docs/DESIGN.md: monochrom, Manrope,
 * Pillen-Knöpfe; hier nur Masse und Ausrichtung.
 */

/* Grosse Abstandsstufen etwas kleiner; der Kopf allein kostete 426 px. */
body {
  --wp--preset--spacing--60: clamp(1.5rem, 3vw, 2.25rem);
  --wp--preset--spacing--70: clamp(1.75rem, 3.5vw, 2.75rem);
  --wp--preset--spacing--80: clamp(2rem, 4vw, 3.25rem);
}

/* Kopf: Fuchs links neben dem Titel, gemeinsam zentriert. */
header.wp-block-template-part .wp-block-group:has(> .er-header-logo) {
  display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 20px;
  padding-top: 24px !important; padding-bottom: 24px !important;
}
header.wp-block-template-part .er-header-logo { margin: 0 !important; flex: 0 0 auto; }
header.wp-block-template-part .er-header-logo img { width: 76px; }
header.wp-block-template-part .wp-block-site-title {
  flex: 0 1 auto; width: auto; max-width: none; margin: 0 !important; padding: 0 !important;
  background: transparent !important; text-align: left; line-height: 1.1;
  font-size: clamp(1.75rem, 3.2vw, 2.6rem) !important;
}

/* Knopfleisten über die ganze Breite (Startseite): mittig statt links unter den Bildern. */
.wp-block-group[style*="padding-left:0"] > .wp-block-buttons { justify-content: center !important; }

/* Knöpfe der Startseite gleich gross (27.10.2026): gleiche Breite, jede Reihe mittig. */
.wp-block-group[style*="padding-left:0"] > .wp-block-buttons { display: flex !important; flex-wrap: wrap; justify-content: center !important; gap: 16px !important; max-width: 856px; margin-left: auto !important; margin-right: auto !important; }
.wp-block-group[style*="padding-left:0"] > .wp-block-buttons > .wp-block-button { flex: 0 0 264px; width: 264px !important; margin: 0 !important; }
.wp-block-group[style*="padding-left:0"] > .wp-block-buttons > .wp-block-button > .wp-block-button__link { display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; }