/* Erzeugerbereich (m7.3a66). Nur Klassen mit Praefix ez-; nutzt die Farben des Backoffice. */
.ez-spalte { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.ez-zurueck { margin-bottom: 10px; }
.ez-kacheln { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; padding: 4px 0 8px; }
.ez-kachel { border: 1px solid var(--border); border-radius: var(--radius); padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; background: var(--surface-sunk); align-items: flex-start; min-width: 0; }
.ez-kachel.ist-an { background: var(--olive-tint); border-color: var(--olive-border); }
.ez-gesperrt { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.ez-grund { max-width: 46ch; }
.ez-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.ez-wege { display: flex; flex-wrap: wrap; gap: 8px; }
.ez-zeile { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.ez-karten { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.ez-karte { border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); padding: 14px 16px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ez-karte h3 { font-size: 15px; margin: 0; }
.ez .tabs { flex-wrap: wrap; }
.ez .tab { text-decoration: none; }
.ez .table { min-width: 0; }
.ez-linkknopf { background: none; border: 0; padding: 0; font: inherit; font-weight: 600; color: inherit; text-align: left; cursor: pointer; text-decoration: underline; text-decoration-color: var(--border-strong); text-underline-offset: 3px; }
.ez-linkknopf:hover { text-decoration-color: var(--olive); }
.ez .form .form-grid + .form-grid { margin-top: 18px; }
.ez .form-section-title { margin-bottom: 14px; }
@media (max-width: 640px) { .ez .tab { padding: 10px 10px; } .ez .ez-mobil-aus { display: none; } }