﻿body { font-family: sans-serif; line-height: 1.6; max-width: 1200px; margin: 0 auto; padding: 20px; color: #333; }
header { border-bottom: 2px solid #333; margin-bottom: 20px; text-align: center; }
.text-block { margin-bottom: 40px; }
.two-columns { display: flex; gap: 40px; margin-bottom: 40px; }
.column-left, .column-right { flex: 1; border: 1px solid #ccc; padding: 20px; }
.footer-content { clear: both; border-top: 1px solid #ccc; padding-top: 20px; }
.footer-content img { float: left; margin-right: 20px; max-width: 250px; }
.form-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 20px;
}

.form-row input {
    margin-top: 5px;
    flex-shrink: 0;
}

.form-row label {
    margin-top: 0;
    font-weight: normal;
}

.field-row {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

.field-row label {
    flex: 0 0 150px; /* Feste Breite für die linke Seite */
    font-weight: bold;
    margin-top: 0;
}

.field-row input, .field-row textarea {
    flex: 1; /* Nimmt den restlichen Platz rechts ein */
    padding: 8px;
    border: 1px solid #ccc;
}

.form-row-full {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 15px;
}

.form-row-full label {
    font-weight: normal;
    font-size: 0.9em;
}

.form-row-full input {
    margin-top: 4px;
}
.button, button { display: block; margin-top: 20px; padding: 10px 20px; background: #007bff; color: white; text-decoration: none; border: none; cursor: pointer; text-align: center; }
@media (max-width: 768px) { .two-columns { flex-direction: column; } }