#mitglied-form p { margin-bottom: 1em; }
.two-column-row span {
    //flex: 0 0 calc(40% - 0.25em); /* 0.25em Abstand von links/rechts ergibt 0.5em zwischen beiden */
	 display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5em; /* optional: Abstand zwischen den Spalten */
}

.two-column-row span {
    flex: 0 0 calc(40% - 0.25em); /* 0.25em Abstand von links/rechts ergibt 0.5em zwischen beiden */
}
#mitglied-form input, #mitglied-form textarea { padding:0.5em; border:1px solid #ccc; border-radius:4px; }
#form-message, .mitglied-message { display:none; padding:1em; border-radius:4px; font-weight:600; margin-top:1em; }
#form-message.error, .mitglied-message.error { display:block; color:#b00020; background:#fde7eb; border:1px solid #f5c2c7; }
#form-message.success, .mitglied-message.success { display:block; color:#0a6b00; background:#e6f8e5; border:1px solid #b9e2b7; }
#da-tabelle, #da-admin-tabelle {
    border-collapse: collapse !important;
    border-spacing: 0;
    width: 80%;              /* breiter als die Form/Container */
    margin: 1em auto 1em 0;   /* oben/unten Abstand, links an Seite */
	max-width: none;    
    font-family: Arial, sans-serif;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
	overflow-x: auto; 
}

#da-tabelle th, #da-tabelle td,
#da-admin-tabelle th, #da-admin-tabelle td {
    padding: 0.75em 1em;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

#da-tabelle thead th,
#da-admin-tabelle thead th {
    background-color: #f5f5f5  !important; 
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.95em;
}

#da-tabelle tbody tr:nth-child(even),
#da-admin-tabelle tbody tr:nth-child(even) {
    background-color: #fafafa;
}

#da-tabelle tbody tr:hover,
#da-admin-tabelle tbody tr:hover {
    background-color: #e8f0fe;
}

#da-tabelle td, #da-admin-tabelle td {
    transition: background-color 0.2s ease;
}

#da-tabelle td:last-child,
#da-admin-tabelle td:last-child {
    text-align: right;
}