/* Gleiche Stilschicht wie impressum.html/datenschutz.html - konsistentes Erscheinungsbild */
.privacy-wrap { max-width: 860px; margin: 0 auto; }
.privacy-section { margin-bottom: 42px; scroll-margin-top: 100px; }
.privacy-section h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(13, 110, 253, 0.25);
}
.privacy-section p, .privacy-section li { line-height: 1.75; }
.privacy-card {
    background: rgba(255, 255, 255, 0.65);
    border-left: 4px solid #0d6efd;
    border-radius: 8px;
    padding: 22px 26px;
    margin-bottom: 20px;
}
.privacy-card p { margin-bottom: 0; }
.privacy-card p + p, .privacy-card p + ul { margin-top: 14px; }
.privacy-card ul { margin-bottom: 0; }
.privacy-card ul + p { margin-top: 14px; }
.privacy-meta { color: #6c757d; font-size: 0.9rem; margin-top: 50px; }

/* Zusätze für das Kündigungsformular */
.privacy-card.optional { border-left-color: #ffc107; }
.badge-optional {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    vertical-align: middle;
    margin-left: 10px;
}
.privacy-card.confirm { border-left-color: #198754; background: rgba(25, 135, 84, 0.06); }
.form-label { font-weight: 600; font-size: 0.92rem; }
.form-label .req { color: #dc3545; }
.form-hint { font-size: 0.85rem; color: #6c757d; margin-top: 6px; }
.error-msg { color: #dc3545; font-size: 0.9rem; font-weight: 600; margin-top: 12px; display: none; }
.error-msg.is-visible { display: block; }
.success-box { display: none; }
.success-box.is-visible { display: block; }
.is-hidden { display: none; }
.success-box dl { display: grid; grid-template-columns: auto 1fr; gap: 8px 18px; font-size: 0.92rem; background: #fff; border-radius: 8px; padding: 20px; margin-bottom: 18px; }
.success-box dt { color: #6c757d; }
.success-box dd { margin: 0; font-weight: 600; }

/* Eigene Checkbox statt Bootstraps .form-check-input:
   die blendet beim "checked"-Zustand ein data:-URI-Häkchen ein,
   das ebenfalls an der CSP (kein img-src mit data:) scheitert.
   accent-color ist eine native Browser-Funktion, ohne Bild-Ressource. */
.kuendigung-check {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: #0d6efd;
    cursor: pointer;
}

/* Kündigungstermin-Dropdown: bewusst ohne Bootstraps .form-select,
   da dessen Pfeil-Icon per data:-URI geladen wird und an der CSP
   (default-src 'self', kein img-src mit data: erlaubt) scheitert. */
.termin-select {
    max-width: 320px;
}

.summary-textarea {
    font-family: ui-monospace, Consolas, monospace;
    font-size: 0.85rem;
    background: #fff;
    cursor: text;
}