/*
 * 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; }

/* Knöpfe einzeilig (28.10.2026): «Sport · Schüeli-Kalender» brach um und war höher als die anderen. */
.wp-block-group[style*="padding-left:0"] > .wp-block-buttons > .wp-block-button { flex-basis: 272px; width: 272px !important; }
.wp-block-group[style*="padding-left:0"] > .wp-block-buttons > .wp-block-button > .wp-block-button__link { white-space: nowrap; padding-left: 14px !important; padding-right: 14px !important; height: 100%; }

/* Bildpaare bündig nebeneinander (28.10.2026): Startbilder (117) und T-Shirts (232) statt versetzter Collage gleich gross, ohne Überlappung. */
.wp-block-column:has(> figure img.wp-image-117), .wp-block-column:has(> figure img.wp-image-232) { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-content: center; }
.wp-block-column:has(> figure img.wp-image-117) > figure, .wp-block-column:has(> figure img.wp-image-232) > figure,
.wp-block-column:has(> figure img.wp-image-117) > .wp-block-group, .wp-block-column:has(> figure img.wp-image-232) > .wp-block-group,
.wp-block-column:has(> figure img.wp-image-117) > .wp-block-group > figure, .wp-block-column:has(> figure img.wp-image-232) > .wp-block-group > figure { margin: 0 !important; float: none; width: auto; max-width: none; }
.wp-block-column:has(> figure img.wp-image-117) img, .wp-block-column:has(> figure img.wp-image-232) img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 1; object-fit: cover; }