/* Seiten-CSS aus dem ACP (head_styles) – automatisch erzeugt, nicht bearbeiten */
/* Übersichtsseite /graal-mueritz/ (Seite 3, AA-uebersicht) – seitenbezogene Anordnung der Kanon-Bausteine, nur Tokens */
.gm-uebersicht .gm-usp-lead, .gm-ue-jahr > [data-ue-text], .gm-ue-wissen > [data-ue-text] { max-width: var(--gm-measure); }
.gm-ue-buehne { margin: var(--gm-space-lg) 0 0; }
/* Kennzahl-Labels trennen statt abschneiden (Phase 5, WCAG 1.4.12 bei 360 px) */
.gm-ue-intro .gm-stat-label { hyphens: auto; overflow-wrap: anywhere; }
.gm-ue-buehne .gm-media-zoom img { aspect-ratio: 16 / 9; }
/* Rhythmus: EIN Abstand zwischen allen Blöcken (--gm-space-block). Das Basis-Theme gibt <section> 90 px Innenabstand – hier aus. */
.gm-uebersicht > section:not(.gm-home-map) { padding: 0; }
.gm-uebersicht > * { margin-block: 0; }
.gm-uebersicht > * + * { margin-top: var(--gm-space-block); }
.gm-uebersicht > .gm-home-map + * { margin-top: var(--gm-space-block); }
.gm-uebersicht + .gm-cta { margin-top: var(--gm-space-block); }
.gm-uebersicht:has(+ .gm-cta) { padding-bottom: 0; }
.gm-ue-intro h1 { margin-top: 0; }
.gm-ue-intro .gm-stats { margin-bottom: 0; }
.gm-uebersicht > :last-child > :last-child { margin-bottom: 0; }

/* Lagekarte: se_karte-Sektion über die volle Breite, Bauform wie /rhododendronpark/ (gm-rhodo-mapsection) */
.gm-ue-mapsection { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.gm-ue-mapsection.gm-home-map { padding-block: var(--gm-space-2xl); }
.gm-ue-mapsection .gm-osm-map { min-height: clamp(360px, 52vh, 560px); }

/* Lukaskirche: Hochformat-Foto ganz zeigen, nicht auf 4:3 beschneiden (Turmspitze) */
#lukaskirche .gm-media-zoom img { aspect-ratio: 4 / 5; }
.gm-uebersicht .gm-media-body p:has(.gm-link-arrow) { display: flex; flex-wrap: wrap; gap: var(--gm-space-xs) var(--gm-space-md); }


/* Abschnitte 8 und 9: Titel linksbündig wie Eyebrow und Text */
.gm-ue-jahr .gm-usp-sub, .gm-ue-wissen .gm-usp-sub { text-align: left; }
.gm-uebersicht .gm-eyebrow + h2.gm-usp-sub { margin-top: 0; }

/* Jahresband-Fußzeile: »Alle Veranstaltungen« schließt das Band über die volle Breite ab (André 26.10.2026: »steht verloren da«) */
.gm-ue-jahr .gm-jahresband { margin-bottom: 0; }
.gm-ue-jahr .gm-jb-monat:last-child { padding-bottom: 0; }
.gm-ue-jahr > p:last-child { margin: var(--gm-space-xl) 0 0; padding-top: var(--gm-space-md); border-top: 2px solid var(--gm-sand); }

/* Gut zu wissen: Text und WELCMpass-QR nebeneinander (QR wie /kurabgabe-graal-mueritz/, André 26.10.2026) */
.gm-ue-wissen-kopf { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--gm-space-lg) var(--gm-space-2xl); align-items: center; }
.gm-ue-wissen-kopf > [data-ue-text] { max-width: var(--gm-measure); margin: 0; }
.gm-ue-welcm { display: flex; align-items: center; gap: var(--gm-space-md); padding: var(--gm-space-md); background: var(--gm-flaeche-ruhig); border-radius: var(--gm-radius); }
.gm-ue-welcm-qr { flex: none; background: var(--gm-flaeche-grund); border: 1px solid var(--gm-border); border-radius: var(--gm-radius); padding: var(--gm-space-xs); }
.gm-ue-welcm-qr img { display: block; width: 118px; height: 118px; }
.gm-ue-welcm-text p { margin: 0; }
.gm-ue-welcm-cap { font-size: var(--gm-fs-kompakt); color: var(--gm-text); margin: 0 0 var(--gm-space-sm) !important; }
.gm-ue-welcm-btn { display: inline-flex; align-items: center; gap: var(--gm-space-xs); white-space: nowrap; }
@media (max-width: 767.98px) { .gm-ue-wissen-kopf { grid-template-columns: minmax(0, 1fr); } }  /* minmax(0,…): Reflow 320 px (Phase 5, WCAG 1.4.10) */
@media (max-width: 575.98px) { .gm-ue-welcm { flex-direction: column; align-items: flex-start; padding: var(--gm-space-sm); } }

/* Gut zu wissen: Linkliste als Kacheln mit Icon */
.gm-ue-links { margin: var(--gm-space-lg) 0 0; display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); grid-auto-rows: 1fr; gap: var(--gm-space-sm); }
.gm-prose.gm-uebersicht .gm-ue-links a:not(.btn) { display: flex; align-items: center; height: 100%; gap: var(--gm-space-sm); min-height: var(--gm-target-min);
  padding: var(--gm-space-sm) var(--gm-space-md); background: var(--gm-flaeche-ruhig); border-radius: var(--gm-radius);
  color: var(--gm-primary); font-weight: var(--gm-fw-betont); text-decoration: none;
  transition: background-color var(--gm-dur-fast) var(--gm-ease-out), color var(--gm-dur-fast) var(--gm-ease-out); }
.gm-ue-links i { color: var(--gm-green-dark); font-size: 1.15em; width: 1.4em; text-align: center; }
.gm-prose.gm-uebersicht .gm-ue-links a:not(.btn):hover { background: var(--gm-flaeche-marke); color: var(--gm-text-invers); }
/* Hover-Farbe am Textträger: die Kanon-Regel a:not(…):hover in gm.css setzt die Linkfarbe sonst auf primary-hover (dunkel auf Marine) */
.gm-ue-links a:hover > span, .gm-ue-links a:hover > i { color: var(--gm-text-invers); }
.gm-ue-links a:focus-visible { outline: var(--gm-focus-width) solid var(--gm-fokus); outline-offset: 3px; }

/* Abschluss: Textaufrufe neben dem Hauptknopf */
.gm-cta .gm-cta-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gm-space-sm) var(--gm-space-lg); }

/* gm-takt-05112026 */
/* Weißraum /graal-mueritz/ (06.11.2026, mess-weissraum): Bild und Text beginnen oben bündig – zentriert entstand bis 84 px Spaltenversatz */
.gm-uebersicht > .gm-media { align-items: start; }
/* Eyebrow-Pille am Abschnittsanfang ohne Zeilen-Strut darüber (inline-block saß 4 px tief) */
.gm-uebersicht > section > .gm-eyebrow:first-child { vertical-align: top; }
/* Fotos vollständig im Originalformat, nie beschnitten (André 06.11.2026: »das Foto richtig zeigen – alle«).
   Überschreibt die Kanon-Vorgabe 4:3 und die frühere Regel #lukaskirche 4/5 (ID-Spezifität, darum #lukaskirche mitgenannt). */
.gm-uebersicht > .gm-media .gm-media-zoom img,
.gm-uebersicht > #lukaskirche .gm-media-zoom img { aspect-ratio: auto; height: auto; object-fit: contain; }
/* Mobil: Fotonachweis gehört zum Bild – mehr Luft zur folgenden Eyebrow als zwischen Bild und Nachweis */
@media (max-width: 767px) { .gm-uebersicht > .gm-media { gap: var(--gm-space-xl); } }
/* /gm-takt-05112026 */