/* EnSpector · Entwurf 2026-10 · Ergänzungen für Fragen, Anfrage und Rechtstexte.
   Nach stil.css einbinden. Nur, was stil.css nicht abdeckt. */

/* [hidden] muss auch gegen display-Regeln aus Klassen gewinnen (z. B. .formular{display:grid}) */
[hidden]{display:none!important}

/* Zwei Spalten: Text links, Inhalt rechts */
.spalten{row-gap:0}
.spalten>.links{grid-column:1/span 5}
.spalten>.rechts{grid-column:7/span 6}
.spalten .d2,.spalten .d3{margin-bottom:22px}
.spalten .links>p:not(.etikett){color:var(--fg-2);max-width:30em}
.spalten .links>p+p{margin-top:12px}
@media (max-width:980px){.spalten>.links,.spalten>.rechts{grid-column:1/-1}.spalten>.rechts{margin-top:40px}}

/* Fragen: Themengruppen, Überschrift links, Fragen rechts */
.fgruppe{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:var(--spalt);padding:clamp(32px,4vw,56px) 0;border-top:1px solid var(--linie)}
.fgruppe:last-child{padding-bottom:0}
.fgruppe .nr{display:block;font-family:var(--f-mono);font-size:.78rem;letter-spacing:.06em;color:var(--mark);font-weight:500;margin-bottom:12px}
@media (max-width:860px){.fgruppe{grid-template-columns:1fr;row-gap:20px}}

/* Anfrage: Formular als helles Blatt auf der dunklen Bühne */
.anf-blatt{align-self:start;padding:clamp(24px,3vw,40px);border:1px solid var(--linie)}
.anf-blatt .formular-danke{padding:0;border:0}
.anf-blatt .formular-danke .d3{margin:10px 0 12px}
.anf-blatt .formular-danke .aktionen{margin-top:24px}
.anf-text .mail{margin-top:28px;color:var(--fg-2)}
.anf-text .mail a{color:var(--fg);text-underline-offset:3px}
/* Felder dürfen schmaler werden als ihre Eingabebreite, sonst ragen sie in schmalen Spalten heraus */
.felder-2>*,.feld>input,.feld>select,.feld>textarea{min-width:0}
.wahl legend{padding:0;margin-bottom:10px;font-weight:500;font-size:.98rem}
.zustimmung label{align-items:flex-start;padding:12px 16px;line-height:1.45}
.zustimmung input{flex:none;margin-top:2px}
.zustimmung a{color:var(--fg)}