/* =========================================================================
   Streuobst vo Dahoam – Formular-Layout (EXT:form)

   Ursache des ursprünglich verrutschten Layouts: layout.css enthält die
   Powermail-Altlast  fieldset { width:50%; float:left; ... }  die JEDES
   fieldset floatet. Diese Datei lädt NACH layout.css und neutralisiert die
   Regel gezielt, dann sauberes Flex-Layout + Zeilen-Ausrichtung.
   ========================================================================= */

/* 1) Altlast neutralisieren (spezifischer als "fieldset" -> gewinnt sicher) */
form fieldset {
    width: auto;
    float: none;
    padding: 0;
}

/* 2) Obere Zeile: zwei gleich breite Spalten nebeneinander.
      ">*:not(legend)" trifft die Spalten, egal ob EXT:form sie direkt als
      <fieldset> oder in einem Wrapper-<div> ausgibt. */
.streuobst-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0 3rem;
    margin: 0 0 1.5rem;
    border: 0;

    /* Einheitliche Zeilenhöhe für die Ausrichtung links/rechts.
       Wert bei Bedarf anpassen, falls Zeilen minimal verrutschen. */
    --row-h: 4.25rem;
}
.streuobst-row > *:not(legend) {
    flex: 1 1 320px;
    min-width: 0;
}

/* 3) Zeilen-Ausrichtung: jede "Zeile" (Überschrift ODER Feld) gleich hoch,
      damit nebeneinanderstehende Felder exakt fluchten. */
.streuobst-row legend,
.streuobst-row fieldset > *:not(legend) {
    min-height: var(--row-h);
    margin: 0;
    box-sizing: border-box;
}
/* Überschriften-Text oben ausrichten, Resthöhe füllt die Zeile */
.streuobst-row legend {
    display: flex;
    align-items: flex-start;
}

/* 4) Volle-Breite-Bereiche */
.streuobst-full {
    margin: 0 0 1.5rem;
    clear: both;
}

/* 5) Leere Layout-Legenden ausblenden (reine Container-Fieldsets) */
form fieldset > legend:empty {
    display: none;
}

/* 6) Mobil: eine Spalte, Zeilenhöhen wieder freigeben */
@media (max-width: 780px) {
    .streuobst-row {
        display: block;
    }
    .streuobst-row > *:not(legend) {
        margin-bottom: 1.5rem;
    }
    .streuobst-row legend,
    .streuobst-row fieldset > *:not(legend) {
        min-height: 0;
    }
}

/* =========================================================================
   Allgemein: Absätze im Inhaltsbereich
   Der html5doctor-Reset in layout.css setzt p{margin:0}. Für den Content-
   Bereich (#content / .content-wrap) wird der Abstand nie wieder gesetzt,
   daher kleben die Absätze der Text-Content-Blocks aneinander. Hier fix:
   ========================================================================= */
#content p,
.content-wrap p {
    margin: 0 0 1em;
}
#content p:last-child,
.content-wrap p:last-child {
    margin-bottom: 0;
}