/*
Theme Name: Erdoyo
Template: twentytwentyfive
Description: Child-Theme für die Erdo Village Community in Europe. Gestaltung nach dem Tur Abdin: Kalkstein, Tinte, Granatapfel – Rundbogen als Leitform.
Version: 2.0.0
*/

/* ==========================================================================
   Grundlagen
   ========================================================================== */

:root {
    --erdoyo-arch: 50vw 50vw 3px 3px;
    --erdoyo-rule: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-4) 28%, transparent);
}

body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* Sichtbarer Tastaturfokus überall – Barrierefreiheit, nicht verhandelbar. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 2px solid var(--wp--preset--color--accent-2);
    outline-offset: 3px;
    border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.001ms !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}

/* ==========================================================================
   Kopfbereich
   ========================================================================== */

.wp-block-template-part header .wp-block-site-title a,
header .wp-block-site-title a {
    text-decoration: none;
}

/* Navigation: ruhige Zeile, Unterstreichung erst bei Hover/aktiv. */
header .wp-block-navigation .wp-block-navigation-item__content {
    text-decoration: none;
    padding-block: 0.25em;
    border-bottom: 2px solid transparent;
    transition: border-color 0.18s ease, color 0.18s ease;
}

header .wp-block-navigation .wp-block-navigation-item__content:hover,
header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content {
    border-bottom-color: var(--wp--preset--color--accent-1);
    text-decoration: none;
}

/* Sprachumschalter: kompakt statt Aufzählungsliste. */
.erdoyo-sprachumschalter,
.erdoyo-sprachumschalter ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 0.15rem;
}

.erdoyo-sprachumschalter li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.erdoyo-sprachumschalter li + li::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 0.85em;
    margin-inline: 0.35rem;
    vertical-align: -0.05em;
    background: color-mix(in srgb, var(--wp--preset--color--accent-4) 45%, transparent);
}

.erdoyo-sprachumschalter a {
    text-decoration: none;
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--wp--preset--color--accent-4);
    padding: 0.2em 0.15em;
}

.erdoyo-sprachumschalter a:hover {
    color: var(--wp--preset--color--accent-1);
}

.erdoyo-sprachumschalter .current-lang a,
.erdoyo-sprachumschalter .lang-item-first a[aria-current] {
    color: var(--wp--preset--color--contrast);
}

/* ==========================================================================
   Dunkle Bänder (Fußzeile, Hero, Zwischenabschnitte)
   ========================================================================== */

.erdoyo-band-dunkel a:where(:not(.wp-element-button)) {
    color: color-mix(in srgb, var(--wp--preset--color--base) 85%, transparent);
    text-decoration-color: color-mix(in srgb, var(--wp--preset--color--accent-2) 60%, transparent);
    text-underline-offset: 0.25em;
}

.erdoyo-band-dunkel a:where(:not(.wp-element-button)):hover {
    color: var(--wp--preset--color--accent-2);
}

.erdoyo-band-dunkel .wp-block-navigation .wp-block-navigation-item__content {
    text-decoration: none;
}

.erdoyo-band-dunkel .wp-block-navigation .wp-block-navigation-item__content:hover {
    text-decoration: underline;
}

.erdoyo-band-dunkel .wp-block-site-title a {
    color: var(--wp--preset--color--base);
    text-decoration: none;
}

/* ==========================================================================
   Leitform: der Rundbogen des Tur Abdin
   ========================================================================== */

.erdoyo-arch img,
.erdoyo-arch .wp-block-image img,
figure.erdoyo-arch img {
    border-radius: var(--erdoyo-arch);
    display: block;
    width: 100%;
}

/* Bildunterschrift soll die Bogenform nicht mitmachen. */
.erdoyo-arch figcaption,
figure.erdoyo-arch figcaption {
    border-radius: 0;
    margin-top: 0.7rem;
}

.erdoyo-arch--klein img {
    border-radius: 40vw 40vw 3px 3px;
}

/* ==========================================================================
   Wiederkehrende Textbausteine
   ========================================================================== */

.erdoyo-eyebrow {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    /* Reines accent-2 auf hellem Grund erreicht nur 2,55:1 Kontrast. Der Anteil
       ist am *dunkleren* Sandton (accent-5) bemessen, nicht an base – dort waren
       60 % noch 4,21:1. Jetzt 5,47:1 auf Sand, 6,22:1 auf Kalkstein. */
    color: color-mix(in srgb, var(--wp--preset--color--accent-2) 45%, var(--wp--preset--color--contrast) 55%);
    margin-bottom: 0.9rem;
}

.erdoyo-lead {
    font-size: clamp(1.1rem, 0.9rem + 0.5vw, 1.25rem);
    line-height: 1.55;
    color: color-mix(in srgb, var(--wp--preset--color--contrast) 88%, transparent);
}

.erdoyo-band-dunkel .erdoyo-lead {
    color: color-mix(in srgb, var(--wp--preset--color--base) 86%, transparent);
}

.erdoyo-band-dunkel .erdoyo-eyebrow {
    color: var(--wp--preset--color--accent-2);
}

/* ==========================================================================
   Kennzahlen – die Geschichte des Dorfes in Zahlen
   ========================================================================== */

.erdoyo-zahlen {
    display: grid;
    /* Feste Spaltenzahl statt auto-fit: Bei vier Kennzahlen ergaben sich auf
       Tabletbreite drei Spalten, die vierte stand allein in einer zweiten
       Zeile und daneben klafften zwei leere Kästen. */
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background: color-mix(in srgb, var(--wp--preset--color--accent-4) 25%, transparent);
    border-block: var(--erdoyo-rule);
}

.erdoyo-zahl {
    background: var(--wp--preset--color--base);
    padding: 2rem 1.25rem;
}

.erdoyo-band-dunkel .erdoyo-zahl {
    background: var(--wp--preset--color--contrast);
}

.erdoyo-zahl__wert {
    font-family: var(--wp--preset--font-family--display);
    font-size: clamp(1.9rem, 2.5vw, 2.4rem);
    line-height: 1;
    color: var(--wp--preset--color--accent-1);
    display: block;
}

.erdoyo-band-dunkel .erdoyo-zahl__wert {
    color: var(--wp--preset--color--accent-2);
}

.erdoyo-zahl__label {
    display: block;
    margin-top: 0.7rem;
    font-size: 0.9rem;
    line-height: 1.4;
    color: var(--wp--preset--color--accent-4);
}

.erdoyo-band-dunkel .erdoyo-zahl__label {
    color: color-mix(in srgb, var(--wp--preset--color--base) 72%, transparent);
}

/* ==========================================================================
   Faktenbox – belegte Angaben zum Dorf
   ========================================================================== */

.erdoyo-fakten {
    border-top: 2px solid var(--wp--preset--color--accent-2);
    padding-top: 1.5rem;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 1.5rem 2.5rem;
}

.erdoyo-fakten > div {
    display: grid;
    grid-template-columns: 9rem 1fr;
    gap: 0.75rem;
    align-items: baseline;
    padding-bottom: 0.9rem;
    border-bottom: var(--erdoyo-rule);
}

.erdoyo-fakten dt {
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--wp--preset--color--accent-4);
}

.erdoyo-fakten dd {
    margin: 0;
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.1rem;
}

@media (max-width: 600px) {
    .erdoyo-fakten > div {
        grid-template-columns: 1fr;
        gap: 0.15rem;
    }
}

/* ==========================================================================
   Diaspora – wo die Erdoye heute leben
   ========================================================================== */

.erdoyo-diaspora {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 2.5rem 2rem;
    margin-top: 2.5rem;
}

.erdoyo-diaspora__land {
    border-top: 2px solid var(--wp--preset--color--accent-2);
    padding-top: 0.9rem;
}

.erdoyo-diaspora__name {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.25rem;
    margin: 0 0 0.6rem;
}

.erdoyo-diaspora__orte {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.95rem;
    line-height: 1.9;
    color: color-mix(in srgb, var(--wp--preset--color--base) 80%, transparent);
}

/* ==========================================================================
   Komitee – Karten mit Kontaktdaten auf Klick
   ========================================================================== */

.erdoyo-komitee-region + .erdoyo-komitee-region {
    margin-top: 3.5rem;
}

.erdoyo-komitee-region__titel {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.3rem;
    margin: 0 0 0.35rem;
}

.erdoyo-komitee-region__linie {
    height: 2px;
    background: var(--wp--preset--color--accent-2);
    width: 3.5rem;
    margin-bottom: 1.75rem;
}

/* Die Porträts stammen aus 2010 und sind im Original nur 76–106 px breit.
   Kartenbreite deshalb bewusst knapp halten – ein kleines scharfes Bild
   wirkt besser als ein großes unscharfes. */
.erdoyo-komitee-gitter {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    gap: 2.5rem 1.75rem;
}

/* Karten einer Reihe gleich hoch, damit die aufklappbaren Kontaktdaten
   unten auf einer Linie sitzen statt die Reihe zu verziehen. */
.erdoyo-person {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.erdoyo-person .erdoyo-person__daten {
    margin-top: auto;
}

.erdoyo-person__bild {
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background: var(--wp--preset--color--accent-5);
    border-radius: var(--erdoyo-arch);
    margin-bottom: 0.9rem;
    max-width: 11rem;
}

.erdoyo-person__bild img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: saturate(0.92);
    transition: transform 0.4s ease;
}

.erdoyo-person:hover .erdoyo-person__bild img {
    transform: scale(1.03);
}

/* Feine Liste für Ansprechpartner ohne Foto */
.erdoyo-komitee-liste {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: 0;
    border-top: var(--erdoyo-rule);
}

.erdoyo-eintrag {
    padding: 1.1rem 1.5rem 1.1rem 0;
    border-bottom: var(--erdoyo-rule);
}

.erdoyo-eintrag__name {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.1rem;
    line-height: 1.25;
    margin: 0;
}

.erdoyo-eintrag__ort {
    font-size: 0.9rem;
    color: var(--wp--preset--color--accent-4);
    margin: 0.15rem 0 0;
}

.erdoyo-eintrag .erdoyo-person__daten,
.erdoyo-eintrag .erdoyo-person__hinweis {
    border-top: 0;
    padding-top: 0;
    margin-top: 0.5rem;
}

.erdoyo-person__name {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.15rem;
    line-height: 1.25;
    margin: 0;
}

.erdoyo-person__ort {
    font-size: 0.9rem;
    color: var(--wp--preset--color--accent-4);
    margin: 0.2rem 0 0;
}

/* Aufklappbare Kontaktdaten */
.erdoyo-person__daten {
    margin-top: 0.75rem;
    border-top: var(--erdoyo-rule);
    padding-top: 0.6rem;
}

.erdoyo-person__daten > summary {
    cursor: pointer;
    list-style: none;
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--wp--preset--color--accent-3);
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.erdoyo-person__daten > summary::-webkit-details-marker {
    display: none;
}

.erdoyo-person__daten > summary::before {
    content: "+";
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.1em;
    line-height: 1;
    width: 1.15em;
    height: 1.15em;
    display: grid;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
}

.erdoyo-person__daten[open] > summary::before {
    content: "−";
}

.erdoyo-person__daten > summary:hover {
    color: var(--wp--preset--color--accent-1);
}

.erdoyo-kontaktliste {
    margin: 0.75rem 0 0;
    font-size: 0.9rem;
    line-height: 1.5;
    display: grid;
    gap: 0.5rem;
}

.erdoyo-kontaktliste div {
    display: grid;
    grid-template-columns: 4.5rem 1fr;
    gap: 0.5rem;
}

.erdoyo-kontaktliste dt {
    color: var(--wp--preset--color--accent-4);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding-top: 0.15em;
}

.erdoyo-kontaktliste dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.erdoyo-person__hinweis {
    margin: 0.75rem 0 0;
    font-size: 0.88rem;
    color: var(--wp--preset--color--accent-4);
    border-top: var(--erdoyo-rule);
    padding-top: 0.6rem;
}

/* ==========================================================================
   Galerie – Bögen statt Kacheln
   ========================================================================== */

.erdoyo-galerie-vorschau {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 1.5rem;
}

.erdoyo-galerie-vorschau figure {
    margin: 0;
}

.erdoyo-galerie-vorschau .erdoyo-person__bild {
    margin-bottom: 0.6rem;
}

/* ==========================================================================
   Mobil
   ========================================================================== */

@media (max-width: 780px) {
    .erdoyo-zahl {
        padding: 1.5rem 1rem;
    }
    .erdoyo-kontaktliste div {
        grid-template-columns: 1fr;
        gap: 0.1rem;
    }
}

.erdoyo-feldhinweis {
    font-size: 0.85rem;
    color: var(--wp--preset--color--accent-4);
    line-height: 1.4;
    display: inline-block;
    margin-top: 0.2rem;
}

/* ==========================================================================
   Meldungen (News und Veranstaltungen)
   ========================================================================== */

.erdoyo-meldungen {
    display: grid;
    gap: 2.5rem;
}

.erdoyo-meldung {
    border-top: 2px solid var(--wp--preset--color--accent-2);
    padding-top: 1rem;
}

.erdoyo-meldung__datum {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--wp--preset--color--accent-2);
    margin: 0 0 0.4rem;
}

.erdoyo-meldung__titel {
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.25rem;
    line-height: 1.2;
    margin: 0 0 0.5rem;
}

.erdoyo-meldung__text p:last-child { margin-bottom: 0; }

/* Auf der Startseite nebeneinander */
.erdoyo-meldungen--spalten {
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 2rem;
}

/* ==========================================================================
   Formulare – Anmeldung, Konto, Kontakt
   Eine Gestaltung für alle Formulare der Seite. Sie stehen als eigene Fläche
   auf dem Kalkstein, damit sie nicht im Fließtext verloren wirken.
   ========================================================================== */

.erdoyo-formular {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.15rem 1.4rem;
    max-width: 44rem;
    padding: clamp(1.4rem, 4vw, 2.4rem);
    background: #FAF6EE;
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-4) 22%, transparent);
    border-top: 3px solid var(--wp--preset--color--accent-2);
    border-radius: 3px;
}

/* Standard ist die volle Breite; kurze Felder stehen zu zweit nebeneinander. */
.erdoyo-formular > * { grid-column: 1 / -1; margin: 0; }
.erdoyo-formular > .erdoyo-halb { grid-column: span 1; }

.erdoyo-formular label {
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent);
}

/* Feldtypen bewusst nicht einzeln aufzählen – sonst fehlt beim nächsten
   neuen Feld wieder die Breite (so geschehen bei type="tel"). */
.erdoyo-formular input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.erdoyo-formular textarea {
    width: 100%;
    /* Polster und Rahmen zählen zur Breite - sonst quellen die Felder
       aus ihrer Spalte und stoßen aneinander. */
    box-sizing: border-box;
    margin-top: 0.45rem;
    padding: 0.7em 0.85em;
    font: inherit;
    font-size: 1rem;
    color: var(--wp--preset--color--contrast);
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-4) 38%, transparent);
    border-radius: 3px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.erdoyo-formular input:not([type="checkbox"]):not([type="radio"]):focus,
.erdoyo-formular textarea:focus {
    border-color: var(--wp--preset--color--accent-1);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--accent-1) 15%, transparent);
    outline: none;
}

.erdoyo-formular textarea { min-height: 7rem; resize: vertical; }

/* Ankreuzfelder: hängender Einzug, damit Folgezeilen unter dem Text beginnen
   und nicht unter dem Kästchen. Bewusst kein Raster - diese Beschriftungen
   enthalten teils noch einen Link, der sonst zu einer eigenen Zelle würde. */
.erdoyo-formular label:has(input[type="checkbox"]) {
    display: block;
    padding-left: 1.75rem;
    text-indent: -1.75rem;
    font-weight: 400;
    line-height: 1.55;
}

.erdoyo-formular input[type="checkbox"] {
    width: 1.1rem;
    height: 1.1rem;
    margin: 0 0.6rem 0 0;
    vertical-align: -0.15em;
    accent-color: var(--wp--preset--color--accent-1);
}

.erdoyo-feldhinweis {
    display: block;
    margin-top: 0.45rem;
    font-size: 0.85rem;
    line-height: 1.5;
    font-weight: 400;
    color: var(--wp--preset--color--accent-4);
}

.erdoyo-formular button,
.erdoyo-formular input[type="submit"] {
    justify-self: start;
    padding: 0.85em 2.2em;
    font: inherit;
    font-size: 1rem;
    color: #fff;
    background: var(--wp--preset--color--accent-1);
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.erdoyo-formular button:hover,
.erdoyo-formular input[type="submit"]:hover {
    background: color-mix(in srgb, var(--wp--preset--color--accent-1) 85%, #000);
}

/* Meldungen über dem Formular */
.erdoyo-fehler,
.erdoyo-erfolg {
    padding: 0.75em 1em;
    border-left: 3px solid;
    border-radius: 3px;
    font-size: 0.95rem;
}

.erdoyo-fehler {
    color: #8C2B25;
    background: color-mix(in srgb, var(--wp--preset--color--accent-1) 8%, #fff);
    border-color: var(--wp--preset--color--accent-1);
}

.erdoyo-erfolg {
    color: #1E5C39;
    background: #EBF3ED;
    border-color: #2E7D50;
}

/* Der WordPress-Login setzt die Beschriftung neben das Feld statt darüber. */
.erdoyo-formular label[for] { margin-bottom: 0.45rem; }
.erdoyo-formular .login-remember label { margin-bottom: 0; }

@media (max-width: 600px) {
    .erdoyo-formular { grid-template-columns: 1fr; }
    .erdoyo-formular > .erdoyo-halb { grid-column: 1 / -1; }
}

/* ==========================================================================
   Mitgliederbereich – Stammbaum, Personenliste, Personenblatt
   Früher als Inline-CSS im Plugin; hier, weil alle Gestaltung an einer
   Stelle stehen soll.
   ========================================================================== */

/* Hinweis für Gäste und schwebende Kontoänderungen */
.erdoyo-gesperrt {
    background: #FAF6EE;
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-4) 22%, transparent);
    border-left: 3px solid var(--wp--preset--color--accent-2);
    border-radius: 3px;
    padding: clamp(1.4rem, 3vw, 2rem);
    max-width: 44rem;
}

.erdoyo-gesperrt p { margin: 0 0 0.8rem; }
.erdoyo-gesperrt p:last-child { margin-bottom: 0; }

/* Zwei Einstiege oben auf der Stammbaum-Seite */
.erdoyo-werkzeuge {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 1rem;
    margin: 0 0 2.5rem;
    max-width: 44rem;
}

.erdoyo-werkzeug {
    display: block;
    padding: 1.1rem 1.3rem;
    background: #FAF6EE;
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-4) 22%, transparent);
    border-radius: 3px;
    text-decoration: none;
    transition: border-color 0.15s ease, transform 0.15s ease;
}

.erdoyo-werkzeug:hover {
    border-color: var(--wp--preset--color--accent-2);
    transform: translateY(-2px);
}

.erdoyo-werkzeug__titel {
    display: block;
    font-family: var(--wp--preset--font-family--display);
    font-size: 1.05rem;
    line-height: 1.3;
    color: var(--wp--preset--color--contrast);
}

.erdoyo-werkzeug__zusatz {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.85rem;
    color: var(--wp--preset--color--accent-4);
}

/* Suchzeile mit Trefferzahl */
.erdoyo-listenkopf {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: var(--erdoyo-rule);
}

.erdoyo-suche {
    display: flex;
    gap: 0.5rem;
    flex: 1 1 18rem;
    max-width: 26rem;
}

.erdoyo-suche input[type="search"] {
    flex: 1;
    box-sizing: border-box;
    padding: 0.65em 0.85em;
    font: inherit;
    font-size: 0.95rem;
    background: #fff;
    color: var(--wp--preset--color--contrast);
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-4) 38%, transparent);
    border-radius: 3px;
}

.erdoyo-suche input[type="search"]:focus {
    border-color: var(--wp--preset--color--accent-1);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--accent-1) 15%, transparent);
    outline: none;
}

.erdoyo-suche button {
    padding: 0.65em 1.3em;
    font: inherit;
    font-size: 0.95rem;
    color: #fff;
    background: var(--wp--preset--color--accent-1);
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
}

.erdoyo-suche button:hover {
    background: color-mix(in srgb, var(--wp--preset--color--accent-1) 85%, #000);
}

.erdoyo-anzahl {
    margin: 0;
    font-size: 0.85rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--wp--preset--color--accent-4);
}

/* Buchstabenleiste */
.erdoyo-alphabet {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin: 1.4rem 0 2rem;
}

.erdoyo-alphabet a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.1rem;
    padding: 0.35em 0.5em;
    font-size: 0.9rem;
    line-height: 1;
    text-decoration: none;
    color: var(--wp--preset--color--accent-4);
    border: 1px solid transparent;
    border-radius: 3px;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.erdoyo-alphabet a:hover {
    background: color-mix(in srgb, var(--wp--preset--color--accent-2) 18%, transparent);
    color: var(--wp--preset--color--contrast);
}

.erdoyo-alphabet a[aria-current] {
    background: var(--wp--preset--color--accent-1);
    color: #fff;
}

/* Namensliste: mehrspaltig, ohne Aufzählungspunkte */
.erdoyo-personenliste {
    list-style: none;
    margin: 0 0 2rem;
    padding: 0;
    columns: 3;
    column-gap: 2.5rem;
}

.erdoyo-personenliste li {
    break-inside: avoid;
    margin: 0;
}

.erdoyo-personenliste a {
    display: block;
    padding: 0.4em 0.6em 0.4em 0;
    text-decoration: none;
    color: var(--wp--preset--color--contrast);
    border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-4) 15%, transparent);
    transition: color 0.12s ease, padding-left 0.12s ease;
}

.erdoyo-personenliste a:hover {
    color: var(--wp--preset--color--accent-1);
    padding-left: 0.4em;
}

/* Seitenwechsel */
.erdoyo-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin: 0;
    padding-top: 1.4rem;
    border-top: var(--erdoyo-rule);
}

.erdoyo-pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.1rem;
    padding: 0.35em 0.5em;
    font-size: 0.9rem;
    line-height: 1;
    text-decoration: none;
    color: var(--wp--preset--color--accent-4);
    border-radius: 3px;
}

.erdoyo-pagination a:hover {
    background: color-mix(in srgb, var(--wp--preset--color--accent-2) 18%, transparent);
    color: var(--wp--preset--color--contrast);
}

.erdoyo-pagination a[aria-current] {
    background: var(--wp--preset--color--accent-1);
    color: #fff;
}

/* Personenblatt */
.erdoyo-zurueck {
    display: inline-block;
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
    text-decoration: none;
    color: var(--wp--preset--color--accent-4);
}

.erdoyo-zurueck::before { content: "← "; }
.erdoyo-zurueck:hover { color: var(--wp--preset--color--accent-1); }

.erdoyo-personenblatt {
    background: #FAF6EE;
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-4) 22%, transparent);
    border-top: 3px solid var(--wp--preset--color--accent-2);
    border-radius: 3px;
    padding: clamp(1.4rem, 4vw, 2.2rem);
    max-width: 44rem;
}

.erdoyo-personenblatt__kopf {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    padding-bottom: 1.4rem;
    margin-bottom: 1.4rem;
    border-bottom: var(--erdoyo-rule);
}

/* Die Porträts sind Scans von 2010 und klein – lieber knapp und scharf. */
.erdoyo-personenblatt__bild img {
    display: block;
    width: 110px;
    height: auto;
    border-radius: 40vw 40vw 3px 3px;
}

.erdoyo-personenblatt__kopf .erdoyo-eyebrow { margin-bottom: 0.4rem; }

.erdoyo-personenblatt__name {
    margin: 0;
    font-size: clamp(1.45rem, 2vw, 1.8rem);
    line-height: 1.15;
}

.erdoyo-person-tabelle {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.erdoyo-person-tabelle tr + tr th,
.erdoyo-person-tabelle tr + tr td {
    border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-4) 15%, transparent);
}

.erdoyo-person-tabelle th {
    width: 9rem;
    text-align: left;
    vertical-align: top;
    padding: 0.7rem 1rem 0.7rem 0;
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--wp--preset--color--accent-4);
}

.erdoyo-person-tabelle td {
    padding: 0.7rem 0;
    vertical-align: top;
}

/* Knopf im Textfluss, etwa "im großen Baum ansehen" */
.erdoyo-knopf {
    display: inline-block;
    padding: 0.8em 1.6em;
    font-size: 0.95rem;
    color: #fff;
    background: var(--wp--preset--color--accent-1);
    border-radius: 3px;
    text-decoration: none;
}

.erdoyo-knopf:hover {
    background: color-mix(in srgb, var(--wp--preset--color--accent-1) 85%, #000);
    color: #fff;
}

@media (max-width: 900px) {
    .erdoyo-personenliste { columns: 2; }
}

@media (max-width: 600px) {
    .erdoyo-personenliste { columns: 1; }
    .erdoyo-listenkopf { flex-direction: column; align-items: stretch; }
    /* flex-grow wirkt in der gestapelten Anordnung auf die Höhe - hier also aus. */
    .erdoyo-suche { flex: none; max-width: none; width: 100%; }
}

/* ==========================================================================
   Stammbaum-Grafik (family-chart)
   Die Bibliothek erwartet ihre Farben als CSS-Variablen; sie ist auf dunklen
   Grund ausgelegt, deshalb die Linienfarbe ausdrücklich überschreiben.
   ========================================================================== */

.erdoyo-baum-wrap { margin: 1.5rem 0 2.5rem; }

.erdoyo-baum-leiste {
    display: flex;
    align-items: center;
    /* Links packen statt auseinanderziehen: bei space-between rutschte der
       letzte Knopf allein in eine zweite Zeile, obwohl daneben Platz war. */
    justify-content: flex-start;
    gap: 0.75rem 1rem;
    flex-wrap: wrap;
    margin-bottom: 0.8rem;
}

.erdoyo-baum-suche { margin-right: auto; }

.erdoyo-baum {
    border-radius: 3px;
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-4) 25%, transparent);
    background: #FAF6EE;
    --background-color: #FAF6EE;
    --text-color: #FAF6EE;
    /* Blau für Männer, Rosé für Frauen – dieselbe Zuordnung wie in der
       gedruckten Stammtafel. Beide Töne sind so dunkel gewählt, dass die
       helle Kartenschrift mindestens 4,5:1 Kontrast hat; die vorigen Werte
       lagen bei 4,09 und 3,08. */
    --male-color: #3E6E77;
    --female-color: #9E4B55;
    --genderless-color: #767065;
}

.erdoyo-baum .link { stroke: #948373 !important; }

.erdoyo-baum .card-inner {
    border-radius: 3px;
    box-shadow: 0 2px 8px rgb(22 38 44 / 0.16);
}

.erdoyo-baum .card-main .card-inner {
    outline: 3px solid var(--wp--preset--color--contrast);
    outline-offset: 2px;
}

#erdoyo-baum-voll {
    border-radius: 3px;
    height: 60vh !important;
    min-height: 380px;
    max-height: 640px;
}

@media (max-height: 700px) {
    #erdoyo-baum-voll { height: 50vh !important; min-height: 320px; }
}

.erdoyo-baum-reset {
    padding: 0.6em 1.2em;
    font: inherit;
    font-size: 0.9rem;
    color: #fff;
    background: var(--wp--preset--color--contrast);
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
}

.erdoyo-baum-reset:hover {
    background: color-mix(in srgb, var(--wp--preset--color--contrast) 82%, #fff);
}

.erdoyo-baum-suche { position: relative; width: 260px; max-width: 100%; }

.erdoyo-baum-suchfeld {
    width: 100%;
    box-sizing: border-box;
    padding: 0.6em 0.85em;
    font: inherit;
    font-size: 0.9rem;
    color: var(--wp--preset--color--contrast);
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-4) 38%, transparent);
    border-radius: 3px;
}

.erdoyo-baum-suchfeld:focus {
    border-color: var(--wp--preset--color--accent-1);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--accent-1) 15%, transparent);
    outline: none;
}

.erdoyo-baum-suchergebnisse {
    position: absolute;
    z-index: 6;
    inset: 100% 0 auto 0;
    margin: 0.25rem 0 0;
    padding: 0;
    list-style: none;
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-4) 38%, transparent);
    border-radius: 3px;
    max-height: 300px;
    overflow-y: auto;
    box-shadow: 0 6px 18px rgb(22 38 44 / 0.14);
}

.erdoyo-baum-suchergebnisse li {
    padding: 0.55em 0.85em;
    cursor: pointer;
    font-size: 0.92rem;
    color: var(--wp--preset--color--contrast);
    border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-4) 15%, transparent);
}

.erdoyo-baum-suchergebnisse li:last-child { border-bottom: none; }

.erdoyo-baum-suchergebnisse li:hover {
    background: color-mix(in srgb, var(--wp--preset--color--accent-2) 15%, transparent);
}

/* ==========================================================================
   Galerie-Blöcke – gleichmäßiges Raster
   Der Kern-Galerieblock nutzt Flexbox; bei unterschiedlichen Bildformaten
   werden die Reihen dadurch unruhig. Ein Raster mit festem Bildformat hält
   die Zeilen ruhig.
   ========================================================================== */

.wp-block-gallery.has-nested-images {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}

.wp-block-gallery.has-nested-images.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wp-block-gallery.has-nested-images.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.wp-block-gallery.has-nested-images figure.wp-block-image {
    width: auto !important;
    max-width: none;
    margin: 0;
    flex: none;
}

.wp-block-gallery.has-nested-images figure.wp-block-image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 3px;
    transition: transform 0.4s ease;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:hover img {
    transform: scale(1.02);
}

@media (max-width: 782px) {
    .wp-block-gallery.has-nested-images,
    .wp-block-gallery.has-nested-images.columns-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .wp-block-gallery.has-nested-images,
    .wp-block-gallery.has-nested-images.columns-2,
    .wp-block-gallery.has-nested-images.columns-4 {
        grid-template-columns: 1fr;
    }
}

/* Hilfslinks unter dem Anmeldeformular: eine ruhige Zeile statt zwei
   einzelner Absätze. */
.erdoyo-loginlink {
    display: inline-block;
    margin: 1.2rem 1.75rem 0 0;
    font-size: 0.9rem;
}

.erdoyo-loginlink a {
    color: var(--wp--preset--color--accent-4);
    text-decoration-color: color-mix(in srgb, var(--wp--preset--color--accent-4) 40%, transparent);
    text-underline-offset: 0.25em;
}

.erdoyo-loginlink a:hover { color: var(--wp--preset--color--accent-1); }

.erdoyo-gesperrt__aktionen {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
    margin-top: 1.4rem !important;
}

.erdoyo-gesperrt__aktionen a:not(.erdoyo-knopf) {
    font-size: 0.9rem;
    color: var(--wp--preset--color--accent-4);
}

/* Zeile für angemeldete Mitglieder: wer bin ich, wo ist mein Konto,
   wie komme ich wieder raus. */
.erdoyo-mitgliedszeile {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1.5rem;
    margin: 0 0 2rem;
    padding-bottom: 1rem;
    border-bottom: var(--erdoyo-rule);
    font-size: 0.9rem;
    color: var(--wp--preset--color--accent-4);
}

.erdoyo-mitgliedszeile span { margin-right: auto; }
.erdoyo-mitgliedszeile strong { color: var(--wp--preset--color--contrast); font-weight: 500; }
.erdoyo-mitgliedszeile a { color: var(--wp--preset--color--accent-4); text-underline-offset: 0.25em; }
.erdoyo-mitgliedszeile a:hover { color: var(--wp--preset--color--accent-1); }

@media (max-width: 600px) {
    .erdoyo-mitgliedszeile span { margin-right: 0; flex: 1 0 100%; }
}

/* Werkzeugleiste und Fußzeile der Baumgrafik */
.erdoyo-baum-tiefe {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: var(--wp--preset--color--accent-4);
}

.erdoyo-baum-tiefe select {
    padding: 0.45em 0.6em;
    font: inherit;
    font-size: 0.9rem;
    color: var(--wp--preset--color--contrast);
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-4) 38%, transparent);
    border-radius: 3px;
}

.erdoyo-baum-fuss {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1.5rem;
    margin: 0.8rem 0 0;
    font-size: 0.9rem;
}

.erdoyo-baum-legende {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--wp--preset--color--accent-4);
}

.erdoyo-baum-legende__punkt {
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 2px;
    display: inline-block;
}

.erdoyo-baum-legende__punkt--m { background: #3E6E77; }
.erdoyo-baum-legende__punkt--w { background: #9E4B55; margin-left: 0.9rem; }

.erdoyo-baum-blatt { text-underline-offset: 0.25em; }

@media (max-width: 600px) {
    .erdoyo-baum-leiste { flex-direction: column; align-items: stretch; }
    .erdoyo-baum-suche { width: 100%; }
    .erdoyo-baum-tiefe { justify-content: space-between; }
}

/* Überschriften: sauber trennen statt mitten im Wort umbrechen.
   Das Elternthema setzt word-break:break-word, wodurch auf schmalen
   Bildschirmen "Gesamtübersi|cht" entsteht. Deutsch hat viele lange
   Komposita – hier trennt der Browser sie an den richtigen Stellen. */
h1, h2, h3, h4, .erdoyo-personenblatt__name, .erdoyo-werkzeug__titel {
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: auto;
}

/* Zoomknöpfe: am Rechner ist Mausrad-Zoom nicht offensichtlich. */
.erdoyo-baum-zoom {
    display: inline-flex;
    gap: 0.3rem;
}

.erdoyo-baum-zoom button {
    width: 2.4rem;
    height: 2.4rem;
    font: inherit;
    font-size: 1.15rem;
    line-height: 1;
    color: var(--wp--preset--color--contrast);
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-4) 38%, transparent);
    border-radius: 3px;
    cursor: pointer;
}

.erdoyo-baum-zoom button:hover {
    border-color: var(--wp--preset--color--accent-2);
    background: color-mix(in srgb, var(--wp--preset--color--accent-2) 12%, #fff);
}

/* Weitere Aufnahmen einer Person: kleine Reihe unter dem Porträt.
   Die Scans von 2010 sind klein – lieber knapp und scharf als groß und weich. */
.erdoyo-personenblatt__bilder {
    padding-bottom: 1.4rem;
    margin-bottom: 1.4rem;
    border-bottom: var(--erdoyo-rule);
}

.erdoyo-personenblatt__bilder .erdoyo-eyebrow { margin-bottom: 0.7rem; }

.erdoyo-personenblatt__bilder ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.erdoyo-bildknopf {
    display: block;
    padding: 0;
    border: 0;
    background: none;
    cursor: zoom-in;
    line-height: 0;
}

.erdoyo-personenblatt__bilder img {
    display: block;
    width: 72px;
    height: 96px;
    object-fit: cover;
    border-radius: 3px;
    transition: transform 0.2s ease;
}

.erdoyo-personenblatt__bilder a:hover img { transform: scale(1.04); }

/* Großansicht der Personenbilder: durchblättern und schließen.
   Die WordPress-eigene Lightbox kann nur ein Bild zeigen, hier gehören
   Porträt und weitere Aufnahmen aber zu einer Reihe. */
.erdoyo-lightbox {
    position: fixed;
    inset: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.erdoyo-lightbox[hidden] { display: none; }

.erdoyo-lightbox__flaeche {
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, var(--wp--preset--color--contrast) 92%, transparent);
    cursor: zoom-out;
}

.erdoyo-lightbox__inhalt {
    position: relative;
    margin: 0;
    max-width: min(92vw, 60rem);
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.8rem;
}

.erdoyo-lightbox__inhalt img {
    max-width: 100%;
    max-height: 78vh;
    width: auto;
    height: auto;
    border-radius: 3px;
    box-shadow: 0 12px 40px rgb(0 0 0 / 0.45);
}

.erdoyo-lightbox__inhalt figcaption {
    font-size: 0.85rem;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--wp--preset--color--base) 75%, transparent);
}

.erdoyo-lightbox__zu,
.erdoyo-lightbox__pfeil {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--wp--preset--color--base);
    background: color-mix(in srgb, var(--wp--preset--color--contrast) 70%, transparent);
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--base) 30%, transparent);
    border-radius: 50%;
    cursor: pointer;
    line-height: 1;
}

.erdoyo-lightbox__zu {
    top: 1.2rem;
    right: 1.2rem;
    width: 2.8rem;
    height: 2.8rem;
    font-size: 1.6rem;
}

.erdoyo-lightbox__pfeil {
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
    font-size: 2rem;
}

.erdoyo-lightbox__pfeil--zurueck { left: 1.2rem; }
.erdoyo-lightbox__pfeil--vor { right: 1.2rem; }

.erdoyo-lightbox__zu:hover,
.erdoyo-lightbox__pfeil:hover {
    background: var(--wp--preset--color--accent-1);
    border-color: transparent;
}

@media (max-width: 600px) {
    .erdoyo-lightbox__pfeil { width: 2.6rem; height: 2.6rem; font-size: 1.7rem; }
    .erdoyo-lightbox__pfeil--zurueck { left: 0.5rem; }
    .erdoyo-lightbox__pfeil--vor { right: 0.5rem; }
    .erdoyo-lightbox__zu { top: 0.6rem; right: 0.6rem; }
}

/* Solange das Original lädt, steht das hochskalierte Vorschaubild da. */
.erdoyo-lightbox__laedt { filter: blur(2px); }

@media (max-width: 900px) {
    .erdoyo-zahlen { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 420px) {
    .erdoyo-zahlen { grid-template-columns: 1fr; }
}

.erdoyo-meldungen-leer {
    margin: 0;
    color: var(--wp--preset--color--accent-4);
}

.erdoyo-band-dunkel .erdoyo-meldungen-leer {
    color: color-mix(in srgb, var(--wp--preset--color--base) 72%, transparent);
}

/* Infokasten neben dem Formular: bündelt E-Mail, Facebook-Gruppe und die
   Angaben für den Stammbaum. Gleiche Fläche und Messingkante oben wie das
   Formular, damit die beiden als Paar gelesen werden. */
.erdoyo-infokasten {
    padding: clamp(1.4rem, 4vw, 2.2rem);
    background: #FAF6EE;
    border: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-4) 22%, transparent);
    border-top: 3px solid var(--wp--preset--color--accent-2);
    border-radius: 3px;
}

.erdoyo-infokasten .erdoyo-eyebrow { margin-bottom: 0.4rem; }

.erdoyo-infokasten h3 {
    margin: 0 0 0.5rem;
    font-size: 1.15rem;
    line-height: 1.3;
}

.erdoyo-infokasten p:not(.erdoyo-eyebrow) {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent);
}

.erdoyo-infokasten .wp-block-separator {
    margin: 1.5rem 0;
    border: 0;
    border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-4) 20%, transparent);
}

/* Hinweiskarte, etwa im Mitgliederbereich: abgesetzt, aber kein Alarm.
   Messingkante links statt Rahmen ringsum. */
.erdoyo-hinweiskarte {
    max-width: 44rem;
    margin: 0 0 2.5rem;
    padding: 1.3rem 1.5rem;
    background: #FAF6EE;
    border-left: 3px solid var(--wp--preset--color--accent-2);
    border-radius: 3px;
}

.erdoyo-hinweiskarte .erdoyo-eyebrow { margin-bottom: 0.5rem; }

.erdoyo-hinweiskarte h3 {
    margin: 0 0 0.5rem;
    font-size: 1.15rem;
    line-height: 1.3;
}

.erdoyo-hinweiskarte p:last-child {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent);
}

/* ==========================================================================
   Kopfzeile: Menü als Klappmenü bis 1000 Pixel
   Acht Menüpunkte auf Deutsch brauchen mit Titel und Sprachumschalter rund
   1400 Pixel. Darunter stapelte sich der Kopf auf drei Zeilen – Titel, Menü,
   Sprachen –, und bei 900 Pixeln war er 151 statt 72 Pixel hoch. WordPress
   schaltet das Klappmenü erst bei 600 Pixeln ein; hier bis 1240. Ab 1250
   steht wieder alles in einer Zeile – nachgemessen, nicht geschätzt. */

@media (min-width: 600px) and (max-width: 1240px) {
    header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }

    header .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
}

/* Formular und Infokasten nebeneinander gleich hoch enden lassen.
   Nur die Spalten, die einen dieser Kästen tragen – nicht jede Spalte
   der Seite. */
@media (min-width: 782px) {
    .wp-block-column:has(> .erdoyo-formular),
    .wp-block-column:has(> .erdoyo-infokasten) {
        display: flex;
        flex-direction: column;
    }

    .wp-block-column > .erdoyo-formular,
    .wp-block-column > .erdoyo-infokasten {
        flex: 1;
    }

    /* Die zusätzliche Höhe gehört ans Ende, nicht zwischen die Felder:
       Ein Raster verteilt sonst den Zugewinn auf alle Zeilen. */
    .wp-block-column > .erdoyo-formular { align-content: start; }
}