body {
    margin: 0;
    font-family: Arial, sans-serif;
    min-height: 100vh;
    background: linear-gradient(135deg, #160020, #7d1745, #ff4f81, #ffb86b);
    color: #ffffff;
}

.page {
    max-width: 1100px;
    margin: 40px auto;
    padding: 30px;
    background: rgba(0, 0, 0, 0.50);
    border-radius: 22px;
    box-shadow: 0 25px 70px rgba(0,0,0,0.35);
}

h1, h2, h3 {
    color: #ffe36e;
}

a {
    color: #ffffff;
    font-weight: bold;
}

.btn, button {
    display: inline-block;
    padding: 12px 18px;
    margin: 8px 6px 8px 0;
    border-radius: 12px;
    border: 0;
    background: #ffe36e;
    color: #2b102d;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

input, textarea, select {
    width: 100%;
    max-width: 420px;
    padding: 12px;
    margin: 8px 0 16px;
    border-radius: 10px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

label {
    display: block;
    font-weight: bold;
}

table {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    color: #222222;
    border-radius: 12px;
    overflow: hidden;
}

th {
    background: #7d1745;
    color: #ffffff;
}

td, th {
    padding: 12px;
    border-bottom: 1px solid #ddd;
}

.footer {
    text-align: center;
    padding: 25px;
    color: #ffffff;
}

/* LEGAL_PAGES_STYLE_V1 */
.footer {
    text-align: center;
    padding: 25px;
    color: #ffffff;
}

.footer-links {
    margin-top: 10px;
}

.footer-links a {
    display: inline-block;
    margin: 6px 10px;
    color: #ffe36e;
    text-decoration: none;
    font-weight: bold;
}

.footer-links a:hover {
    text-decoration: underline;
}

.legal-text {
    line-height: 1.65;
    font-size: 16px;
}

.legal-text h2 {
    margin-top: 28px;
}

.legal-note {
    background: rgba(255, 227, 110, 0.16);
    border-left: 5px solid #ffe36e;
    padding: 14px;
    border-radius: 10px;
    margin: 18px 0;
}

.small-muted {
    opacity: 0.85;
    font-size: 14px;
}

/* FRONTEND_HEADER_CONTACT_V1 */
.site-header {
    max-width: 1100px;
    margin: 28px auto 0 auto;
    padding: 0 18px;
}

.site-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    background: rgba(58, 4, 39, 0.88);
    border-radius: 22px;
    padding: 18px 24px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
}

.site-logo {
    font-size: 28px;
    font-weight: 700;
    color: #f5d95c;
    text-decoration: none;
}

.main-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.main-nav a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    padding: 10px 14px;
    border-radius: 12px;
    transition: 0.2s ease;
}

.main-nav a:hover {
    background: rgba(245, 217, 92, 0.16);
    color: #f5d95c;
}

.page-shell {
    max-width: 1100px;
    margin: 26px auto 40px auto;
    padding: 0 18px;
}

.content-card {
    background: rgba(88, 9, 52, 0.78);
    border-radius: 24px;
    padding: 34px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

.content-card h1,
.content-card h2,
.content-card h3 {
    color: #f5d95c;
}

.lead {
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 24px;
    color: #fff;
}

.text-block {
    color: #fff;
    line-height: 1.8;
    margin-bottom: 22px;
}

.button-row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 24px 0 26px 0;
}

.btn-link,
.button-row a,
.form-button,
.back-button {
    display: inline-block;
    background: #f5d95c;
    color: #3d1429;
    text-decoration: none;
    font-weight: 700;
    padding: 12px 20px;
    border-radius: 14px;
    border: none;
    cursor: pointer;
}

.btn-link:hover,
.button-row a:hover,
.form-button:hover,
.back-button:hover {
    opacity: 0.92;
}

.info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 18px;
    margin-top: 16px;
}

.info-box {
    background: rgba(255, 255, 255, 0.08);
    border-left: 4px solid #f5d95c;
    border-radius: 16px;
    padding: 18px;
    color: #fff;
}

.notice-box {
    background: rgba(255, 220, 120, 0.18);
    border-left: 4px solid #f5d95c;
    border-radius: 14px;
    padding: 16px 18px;
    color: #fff;
    margin-bottom: 24px;
}

.form-group {
    margin-bottom: 18px;
}

.form-group label {
    display: block;
    color: #fff;
    margin-bottom: 8px;
    font-weight: 600;
}

.form-input,
.form-textarea {
    width: 100%;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.95);
    color: #222;
    box-sizing: border-box;
    font-size: 16px;
}

.form-textarea {
    min-height: 160px;
    resize: vertical;
}

.success-box {
    background: rgba(70, 180, 90, 0.20);
    border-left: 4px solid #6be27c;
    border-radius: 14px;
    padding: 15px 18px;
    color: #fff;
    margin-bottom: 18px;
}

.error-box {
    background: rgba(220, 60, 60, 0.20);
    border-left: 4px solid #ff8b8b;
    border-radius: 14px;
    padding: 15px 18px;
    color: #fff;
    margin-bottom: 18px;
}

.section-spacer {
    margin-top: 28px;
}

.inline-list {
    padding-left: 20px;
    color: #fff;
    line-height: 1.8;
}

.small-note {
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    margin-top: 10px;
}

@media (max-width: 800px) {
    .site-header-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .main-nav {
        width: 100%;
    }

    .content-card {
        padding: 24px;
    }

    .lead {
        font-size: 18px;
    }
}

/* USER_AREA_V1 */
.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 18px;
    margin-top: 24px;
}

.dashboard-card {
    background: rgba(255, 255, 255, 0.08);
    border-left: 4px solid #f5d95c;
    border-radius: 18px;
    padding: 20px;
    color: #fff;
}

.dashboard-card h3 {
    margin-top: 0;
    color: #f5d95c;
}

.profile-view {
    background: rgba(255,255,255,0.08);
    border-radius: 18px;
    padding: 22px;
    margin-bottom: 24px;
}

.message-list {
    margin-top: 22px;
}

.message-box {
    background: rgba(255,255,255,0.09);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 14px;
    border-left: 4px solid #f5d95c;
}

.message-meta {
    font-size: 14px;
    opacity: 0.85;
    margin-bottom: 8px;
}

.message-text {
    line-height: 1.6;
}

/* ADMIN_USERS_V2 */
.admin-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 20px 0;
}

.admin-table-wrap {
    overflow-x: auto;
    margin-top: 20px;
}

.status-badge,
.role-badge {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 999px;
    font-weight: bold;
    font-size: 13px;
}

.status-active {
    background: #d4edda;
    color: #155724;
}

.status-banned {
    background: #f8d7da;
    color: #721c24;
}

.role-admin {
    background: #ffe36e;
    color: #3d1429;
}

.role-user {
    background: #d7e8ff;
    color: #103d6b;
}

.admin-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-actions form {
    display: inline-block;
    margin: 0;
}

.action-button {
    padding: 8px 11px;
    border-radius: 10px;
    border: none;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    background: #ffe36e;
    color: #2b102d;
}

.action-danger {
    background: #ff8b8b;
    color: #3d0000;
}

.action-neutral {
    background: #d7e8ff;
    color: #103d6b;
}

.admin-message {
    padding: 14px 18px;
    border-radius: 14px;
    margin: 16px 0;
    background: rgba(255, 227, 110, 0.18);
    border-left: 4px solid #ffe36e;
    color: #fff;
}

.admin-small {
    font-size: 13px;
    opacity: 0.85;
}

/* ADMIN_SETTINGS_V1 */
.settings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 18px;
    margin-top: 22px;
}

.setting-card {
    background: rgba(255, 255, 255, 0.08);
    border-left: 4px solid #f5d95c;
    border-radius: 18px;
    padding: 20px;
    color: #fff;
}

.setting-card h3 {
    margin-top: 0;
    color: #f5d95c;
}

.setting-row {
    margin-bottom: 18px;
}

.setting-row label {
    font-weight: bold;
    display: block;
    margin-bottom: 8px;
}

.setting-row input[type="text"],
.setting-row input[type="number"] {
    width: 100%;
    max-width: 360px;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.setting-check {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 14px 0;
    font-weight: bold;
}

.setting-check input {
    width: auto;
    max-width: none;
    transform: scale(1.25);
}

.setting-status-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.setting-status-box {
    background: rgba(255,255,255,0.08);
    border-radius: 16px;
    padding: 16px;
}

.status-on {
    color: #9cffad;
    font-weight: bold;
}

.status-off {
    color: #ffb3b3;
    font-weight: bold;
}

/* MONTHLY_SUBSCRIPTION_V1 */
.subscription-box {
background: rgba(255, 255, 255, 0.08);
border-left: 4px solid #f5d95c;
border-radius: 18px;
padding: 24px;
margin: 22px 0;
color: #fff;
}

.subscription-price {
font-size: 34px;
font-weight: bold;
color: #f5d95c;
margin: 12px 0;
}

.subscription-note {
line-height: 1.7;
opacity: 0.95;
}

.subscription-status {
background: rgba(255, 227, 110, 0.16);
border-radius: 14px;
padding: 16px;
margin: 18px 0;
}

.subscription-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 18px;
}

.subscription-danger {
background: #ff8b8b;
color: #3d0000;
}

.subscription-good {
background: #9cffad;
color: #103d1b;
}
/* ADMIN_SUBSCRIPTIONS_V1 */
.subscription-admin-summary {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 14px;
margin: 20px 0;
}
.subscription-admin-box {
background: rgba(255,255,255,0.08);
border-left: 4px solid #f5d95c;
border-radius: 16px;
padding: 16px;
}
.subscription-admin-box strong {
font-size: 26px;
color: #f5d95c;
}
.sub-status-active {
background: #d4edda;
color: #155724;
}
.sub-status-cancel {
background: #fff3cd;
color: #856404;
}
.sub-status-none {
background: #e2e3e5;
color: #383d41;
}
.sub-status-expired {
background: #f8d7da;
color: #721c24;
}
.message-list {
margin-top: 28px;
}
.message-item {
background: rgba(255,255,255,0.08);
border-radius: 16px;
padding: 16px;
margin: 12px 0;
}
.message-meta {
opacity: 0.85;
font-size: 14px;
margin-bottom: 8px;
}

/* DPFIX_30DAYS_DESIGN_2026_05_02 */
.dpfix-body {
    margin: 0;
    min-height: 100vh;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    background:
        radial-gradient(circle at top right, rgba(255, 76, 140, 0.95), transparent 38%),
        linear-gradient(135deg, #240020 0%, #7a0a42 48%, #ffb56b 100%);
}

.dpfix-wrap {
    width: min(1120px, calc(100% - 40px));
    margin: 0 auto;
    padding: 28px 0 60px;
}

.dpfix-header {
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 22px 26px;
    margin-bottom: 28px;
    background: rgba(57, 0, 34, 0.92);
    border-radius: 20px;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}

.dpfix-brand {
    color: #ffe94a;
    font-size: 28px;
    line-height: 0.95;
    font-weight: 900;
    text-decoration: none;
    min-width: 135px;
}

.dpfix-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px 28px;
}

.dpfix-nav a,
.dpfix-footer a {
    color: #ffe94a;
    font-weight: 800;
    text-decoration: none;
}

.dpfix-nav a:hover,
.dpfix-footer a:hover {
    text-decoration: underline;
}

.dpfix-card {
    background: rgba(115, 10, 62, 0.9);
    border-radius: 22px;
    padding: 34px;
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.25);
}

.dpfix-card h1,
.dpfix-card h2,
.dpfix-card h3 {
    color: #ffe94a;
}

.dpfix-card h1 {
    font-size: 34px;
    margin-top: 0;
}

.dpfix-card p {
    line-height: 1.55;
}

.dpfix-box {
    background: rgba(255, 255, 255, 0.10);
    border-radius: 16px;
    padding: 18px 20px;
    margin: 16px 0;
}

.dpfix-success {
    background: rgba(80, 190, 120, 0.20);
    border-left: 5px solid #5eee90;
    padding: 14px 18px;
    border-radius: 12px;
}

.dpfix-error {
    background: rgba(255, 80, 80, 0.20);
    border-left: 5px solid #ff7777;
    padding: 14px 18px;
    border-radius: 12px;
}

.dpfix-btn {
    display: inline-block;
    margin: 6px 8px 6px 0;
    padding: 12px 18px;
    border: 0;
    border-radius: 13px;
    background: #ffe04d;
    color: #210019 !important;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}

.dpfix-btn:hover {
    filter: brightness(1.05);
}

.dpfix-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: 18px;
    margin: 18px 0 28px;
}

.dpfix-table-wrap {
    overflow-x: auto;
    background: #ffffff;
    border-radius: 14px;
}

.dpfix-table {
    width: 100%;
    border-collapse: collapse;
    color: #1c1c1c;
    min-width: 880px;
}

.dpfix-table th {
    background: #8a164e;
    color: #ffffff;
    text-align: left;
    padding: 12px;
}

.dpfix-table td {
    padding: 12px;
    border-bottom: 1px solid #dddddd;
    vertical-align: top;
}

.dpfix-form-row textarea,
.dpfix-form-row input,
.dpfix-form-row select {
    width: min(620px, 100%);
    padding: 13px;
    border-radius: 10px;
    border: 0;
    margin-top: 8px;
}

.dpfix-footer {
    text-align: center;
    margin-top: 36px;
    color: #ffffff;
}

@media (max-width: 760px) {
    .dpfix-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .dpfix-grid {
        grid-template-columns: 1fr;
    }

    .dpfix-card {
        padding: 24px;
    }
}

/* DATINGBOX_ADMIN_SETTINGS_CHECKBOX_FIX_2026_05_03 */
.dpfix-card input[type="checkbox"],
.content-card input[type="checkbox"],
.dashboard-card input[type="checkbox"] {
    width: auto;
    min-width: auto;
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

.dpfix-card label,
.content-card label,
.dashboard-card label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0;
}

/* DATINGBOX_STATUS_AKTIV_GRUEN_2026_05_03 */
.dp-status-aktiv,
.status-aktiv,
.status-ok,
.status-active,
.badge-active,
strong.dp-status-aktiv {
    color: #50ff87 !important;
    font-weight: 800;
}

.dp-status-inaktiv,
.status-inaktiv,
.status-bad,
.badge-blocked {
    color: #ff8c8c !important;
    font-weight: 800;
}

/* DATINGBOX_REGISTER_FORM_LAYOUT_FIX_2026_05_06 */
.content-card form {
    max-width: 520px;
}

.content-card .form-group {
    display: block;
    margin: 0 0 24px 0;
}

.content-card .form-group label {
    display: block !important;
    margin: 0 0 8px 0;
    font-weight: 800;
    color: #ffffff;
}

.content-card .form-group input.form-input,
.content-card .form-group textarea.form-textarea,
.content-card .form-group select.form-input {
    display: block;
    width: 100%;
    max-width: 520px;
    box-sizing: border-box;
    margin: 0;
}

.content-card form .form-button,
.content-card form .btn-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
    margin-right: 10px;
}

/* DATINGBOX_MAILTEXTE_DESIGN_FIX_2026_05_06 */
.dp-mail-template-card {
    margin-top: 28px;
}

.dp-mail-template-card h2 {
    margin-top: 0;
}

.dp-mail-template-card .form-input,
.dp-mail-template-card .form-textarea {
    width: 100%;
    max-width: 760px;
}

.dp-mail-textarea {
    min-height: 260px;
    line-height: 1.45;
    resize: vertical;
}

.mail-help-box {
    margin-top: 20px;
    margin-bottom: 24px;
}

.mail-help-box code {
    font-weight: 800;
}

.mail-checkbox-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 16px 0 22px 0 !important;
}

.mail-checkbox-row input[type="checkbox"] {
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
}

/* Admin: Kontakt-Nachrichten */
.contact-log-box {
    white-space: pre-wrap;
    overflow-x: auto;
    padding: 1rem;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(255, 230, 80, 0.35);
    color: #ffffff;
    line-height: 1.55;
    max-height: 520px;
}

/* Admin: Kontakt-Nachrichten als Karten */
.contact-message-list {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.contact-message-card {
    padding: 1rem;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.16);
    border: 1px solid rgba(255, 230, 80, 0.35);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

.contact-message-card h3 {
    margin-top: 0.35rem;
    margin-bottom: 0.7rem;
}

.contact-message-meta {
    font-size: 0.9rem;
    opacity: 0.85;
}

.contact-message-text {
    margin-top: 0.8rem;
    padding: 0.9rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
    line-height: 1.55;
}

/* Admin: Kontakt-Nachrichten Archiv */
.contact-archive-box {
    margin-top: 1rem;
}

.contact-archive-form {
    display: grid;
    gap: 0.8rem;
    max-width: 520px;
}

.contact-confirm-line {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    font-weight: 700;
}

.contact-archive-form button:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

/* Startseite und Registrierung */
.start-hero {
    text-align: center;
}

.start-hero h1 {
    font-size: clamp(2.4rem, 7vw, 4.8rem);
    margin-bottom: 0.7rem;
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    font-weight: 700;
    background: rgba(255, 230, 80, 0.16);
    border: 1px solid rgba(255, 230, 80, 0.35);
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.8rem;
    margin-top: 1.4rem;
}

.trust-strip {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.7rem;
    margin-top: 1.4rem;
}

.trust-strip span {
    padding: 0.55rem 0.8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.13);
    font-weight: 700;
}

.feature-list {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.feature-list > div {
    padding: 1rem;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(255, 230, 80, 0.22);
}

.start-final-cta {
    margin-top: 1.4rem;
    text-align: center;
}

.register-card {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.register-card .lead {
    margin-bottom: 1rem;
}

.form-hint {
    margin: 0.35rem 0 0;
    font-size: 0.92rem;
    opacity: 0.82;
}

@media (min-width: 760px) {
    .feature-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Mitgliederübersicht */
.members-page {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

.member-search-form {
    margin: 1.2rem 0 1.6rem;
}

.member-search-form label {
    display: block;
    margin-bottom: 0.45rem;
    font-weight: 700;
}

.member-search-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    align-items: center;
}

.member-search-row .form-input {
    flex: 1 1 260px;
}

.members-grid {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.member-card {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    padding: 1rem;
    border-radius: 18px;
    background: rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 230, 80, 0.28);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
}

.member-avatar {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 1.7rem;
    font-weight: 800;
    background: rgba(255, 230, 80, 0.18);
    border: 1px solid rgba(255, 230, 80, 0.5);
    color: #ffe650;
}

.member-card h2 {
    margin-top: 0;
    margin-bottom: 0.35rem;
}

.member-username,
.member-empty {
    opacity: 0.85;
}

.member-interests {
    margin-top: 0.8rem;
    padding: 0.8rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
}

.member-actions {
    margin-top: 1rem;
}

@media (min-width: 860px) {
    .members-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .member-card {
        grid-template-columns: 1fr;
    }
}

/* DATINGBOX_PROFILE_FIELDS_2026_05_08 */
.profile-form {
    margin-top: 24px;
}

.profile-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.form-group {
    margin-bottom: 18px;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
}

.form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 18px;
}

.member-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 10px 0 14px;
}

.member-meta span {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 224, 74, 0.12);
    border: 1px solid rgba(255, 224, 74, 0.35);
    color: #ffe04a;
    font-weight: 700;
    font-size: 0.92rem;
}

.member-username {
    opacity: 0.9;
    margin-top: -4px;
}

.info-box {
    margin-top: 24px;
    padding: 22px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.08);
}

@media (max-width: 800px) {
    .profile-form-grid {
        grid-template-columns: 1fr;
    }

    .form-actions {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* DATINGBOX_MEMBERS_DESIGN_UPGRADE_2026_05_08 */

.members-hero {
    margin-bottom: 26px;
}

.member-search-box {
    margin-top: 22px;
}

.member-search-box label {
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
}

.member-search-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.member-search-row .form-input {
    flex: 1 1 360px;
    min-width: 260px;
}

.member-results-wrap {
    margin-top: 10px;
}

.member-results-head {
    margin-bottom: 20px;
}

.member-results-head h2 {
    margin: 0 0 6px;
    color: #f6d94c;
}

.member-results-head p {
    margin: 0;
    opacity: 0.95;
}

.member-empty-box {
    background: rgba(255,255,255,0.08);
    border: 2px solid rgba(246,217,76,0.85);
    border-radius: 22px;
    padding: 26px;
    box-shadow: 0 12px 28px rgba(0,0,0,0.15);
}

.member-empty-box h3 {
    margin-top: 0;
    margin-bottom: 12px;
    color: #f6d94c;
}

.member-empty-box p {
    margin-bottom: 18px;
    max-width: 760px;
}

.member-empty-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.member-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 22px;
}

.member-card {
    background: rgba(255,255,255,0.08);
    border-left: 3px solid #f6d94c;
    border-radius: 22px;
    padding: 22px;
    box-shadow: 0 14px 30px rgba(0,0,0,0.16);
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: 100%;
}

.member-card-top h3 {
    margin: 0 0 6px;
    color: #f6d94c;
    font-size: 1.55rem;
}

.member-username {
    font-size: 0.95rem;
    opacity: 0.85;
}

.member-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.member-chip {
    display: inline-block;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(246,217,76,0.14);
    border: 1px solid rgba(246,217,76,0.55);
    font-size: 0.92rem;
    line-height: 1.2;
}

.member-card-body {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.member-info-block {
    background: rgba(255,255,255,0.06);
    border-radius: 16px;
    padding: 14px 16px;
}

.member-info-block h4 {
    margin: 0 0 8px;
    color: #f6d94c;
    font-size: 1rem;
}

.member-info-block p {
    margin: 0;
    line-height: 1.5;
}

.member-card-actions {
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

@media (max-width: 720px) {
    .member-search-row {
        flex-direction: column;
        align-items: stretch;
    }

    .member-search-row .form-input {
        min-width: 0;
        width: 100%;
    }

    .member-grid {
        grid-template-columns: 1fr;
    }
}

/* DATINGBOX_PROFILE_IMAGES_2026_05_09 */
.profile-picture-panel {
    display: flex;
    gap: 24px;
    align-items: center;
    margin: 24px 0;
    padding: 22px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 226, 74, 0.25);
}

.profile-picture-preview {
    flex: 0 0 auto;
}

.profile-picture-preview img,
.profile-picture-placeholder,
.member-profile-photo,
.member-profile-initial {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #ffe24a;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

.profile-picture-placeholder,
.member-profile-initial {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 226, 74, 0.16);
    color: #ffe24a;
    font-size: 42px;
    font-weight: 900;
}

.profile-picture-fields {
    flex: 1;
}

.checkbox-line {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    font-weight: 700;
}

.member-directory {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 420px));
    gap: 24px;
    align-items: stretch;
    margin-top: 22px;
}

.member-profile-card {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 226, 74, 0.35);
    border-left: 4px solid #ffe24a;
    border-radius: 24px;
    padding: 22px;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.25);
}

.member-profile-head {
    display: flex;
    gap: 18px;
    align-items: center;
    margin-bottom: 18px;
}

.member-profile-photo,
.member-profile-initial {
    width: 86px;
    height: 86px;
    font-size: 32px;
}

.member-profile-card h2 {
    margin: 0 0 10px;
}

.member-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.member-tags span {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 226, 74, 0.14);
    border: 1px solid rgba(255, 226, 74, 0.45);
    color: #ffe24a;
    font-weight: 800;
    font-size: 0.9rem;
}

.member-card-body h3 {
    margin: 18px 0 8px;
    color: #ffe24a;
}

.member-card-actions {
    margin-top: 20px;
}

@media (max-width: 760px) {
    .profile-picture-panel,
    .member-profile-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .member-directory {
        grid-template-columns: 1fr;
    }
}

/* DATINGBOX_PROFILE_ORDER_IMAGE_POSITION_2026_05_09 */
.profile-clean-form,
.profile-form,
form[enctype="multipart/form-data"] {
    display: grid;
    gap: 20px;
}

.profile-section-card,
.profile-card,
form[enctype="multipart/form-data"] > section {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255, 225, 82, 0.28);
    border-radius: 22px;
    padding: 22px;
}

.profile-picture-editor,
.profile-image-editor {
    display: grid;
    grid-template-columns: 220px minmax(260px, 1fr);
    gap: 24px;
    align-items: start;
}

.profile-preview-circle,
.profile-image-preview,
.current-profile-picture {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #ffe74f;
    background: rgba(255, 225, 82, 0.14);
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-preview-circle img,
.profile-image-preview img,
.current-profile-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.range-row {
    display: grid;
    gap: 8px;
    margin: 14px 0;
}

.range-row input[type="range"] {
    width: 100%;
}

.profile-two-col {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 18px;
}

.profile-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}

@media (max-width: 760px) {
    .profile-picture-editor,
    .profile-image-editor,
    .profile-two-col {
        grid-template-columns: 1fr;
    }

    .profile-preview-circle,
    .profile-image-preview,
    .current-profile-picture {
        width: 150px;
        height: 150px;
    }
}

/* DATINGBOX_PROFILE_OPTIK_SCHRITT2_2026_05_09 */
.profile-form {
    display: grid;
    gap: 24px;
    margin-top: 24px;
}

.profile-picture-panel {
    display: grid;
    grid-template-columns: 210px minmax(260px, 1fr);
    gap: 26px;
    align-items: center;
    padding: 22px;
    border-radius: 22px;
    border: 1px solid rgba(255, 226, 72, 0.35);
    background: rgba(255, 255, 255, 0.07);
}

.profile-picture-preview {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #ffe34d;
    background: rgba(255, 255, 255, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-picture-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-picture-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    font-weight: 900;
    color: #ffe34d;
}

.profile-picture-fields {
    display: grid;
    gap: 12px;
}

.profile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(230px, 1fr));
    gap: 20px 24px;
    padding: 22px;
    border-radius: 22px;
    border: 1px solid rgba(255, 226, 72, 0.25);
    background: rgba(255, 255, 255, 0.05);
}

.profile-form .form-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
}

.profile-form label {
    font-weight: 800;
}

.profile-form .form-input {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

.profile-form textarea.form-input {
    min-height: 130px;
    resize: vertical;
}

.profile-form .form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}

@media (max-width: 760px) {
    .profile-picture-panel,
    .profile-grid {
        grid-template-columns: 1fr;
    }

    .profile-picture-preview {
        margin: 0 auto;
    }
}

/* DATINGBOX_PROFILE_BREITER_SCHRITT3_2026_05_09 */
.profile-form {
    width: min(100%, 820px);
    max-width: 820px;
    margin: 28px auto 0 auto;
    gap: 30px;
}

.profile-form > * {
    width: 100%;
    box-sizing: border-box;
}

.profile-picture-panel {
    width: 100%;
    max-width: 820px;
    grid-template-columns: 220px minmax(0, 1fr);
    justify-content: start;
}

.profile-picture-preview {
    width: 190px;
    height: 190px;
}

.profile-form input[type="text"],
.profile-form input[type="number"],
.profile-form input[type="email"],
.profile-form input[type="file"],
.profile-form textarea,
.profile-form select {
    width: 100%;
    box-sizing: border-box;
}

.profile-form textarea {
    min-height: 130px;
    resize: vertical;
}

.profile-form .form-grid,
.profile-form .profile-grid,
.profile-form .profile-fields-grid,
.profile-form .profile-basic-grid,
.profile-form .profile-meta-grid,
.profile-form .profile-data-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 26px;
}

.profile-form .button-row,
.profile-form .profile-actions,
.profile-form .form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 8px;
}

@media (max-width: 760px) {
    .profile-form {
        width: 100%;
        max-width: 100%;
        margin-top: 22px;
    }

    .profile-picture-panel {
        grid-template-columns: 1fr;
        text-align: center;
        justify-items: center;
    }

    .profile-form .form-grid,
    .profile-form .profile-grid,
    .profile-form .profile-fields-grid,
    .profile-form .profile-basic-grid,
    .profile-form .profile-meta-grid,
    .profile-form .profile-data-grid {
        grid-template-columns: 1fr;
    }
}

/* DATINGBOX_PROFILE_DATEIFELD_SCHRITT4_2026_05_09 */
.profile-picture-panel input[type="file"] {
    width: 100%;
    max-width: 320px;
    box-sizing: border-box;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 226, 72, 0.35);
    background: rgba(255, 255, 255, 0.92);
    color: #2b1020;
    font-size: 13px;
    line-height: 1.3;
}

.profile-picture-panel input[type="file"]::file-selector-button {
    margin-right: 12px;
    padding: 8px 12px;
    border: 0;
    border-radius: 10px;
    background: #ffe248;
    color: #2b1020;
    font-weight: 800;
    cursor: pointer;
}

.profile-picture-panel input[type="file"]::file-selector-button:hover {
    filter: brightness(0.95);
}

.profile-picture-panel label,
.profile-picture-panel .profile-picture-info,
.profile-picture-panel small {
    line-height: 1.35;
}

.profile-picture-panel .remove-picture-row,
.profile-picture-panel .profile-remove-picture {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

@media (max-width: 760px) {
    .profile-picture-panel input[type="file"] {
        max-width: 100%;
    }
}

/* DATINGBOX_BILDER_OPTIK_SCHRITT5_2026_05_09 */
.profile-picture-preview,
.member-avatar,
.member-card img,
.member-photo,
.message-avatar,
.chat-avatar,
.conversation-avatar,
.messages-contact-avatar {
    object-fit: cover;
    object-position: center center;
    background: rgba(255, 255, 255, 0.12);
}

.profile-picture-preview {
    display: block;
    border-radius: 50%;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

.profile-picture-panel {
    overflow: hidden;
}

.profile-picture-panel:hover .profile-picture-preview {
    transform: scale(1.015);
}

.profile-picture-preview {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.member-avatar,
.member-card img,
.member-photo {
    border-radius: 18px;
}

.message-avatar,
.chat-avatar,
.conversation-avatar,
.messages-contact-avatar {
    border-radius: 50%;
}

.profile-picture-help {
    opacity: 0.92;
}

@media (max-width: 760px) {
    .profile-picture-preview {
        width: 170px;
        height: 170px;
    }
}

/* DATINGBOX_STERNZEICHEN_SCHRITT6_2026_05_09 */
#zodiac_sign[readonly] {
    cursor: default;
    font-weight: 700;
    color: #2b1020;
    background: rgba(255, 255, 255, 0.94);
}

.profile-form input[type="date"] {
    width: 100%;
    box-sizing: border-box;
}

/* DATINGBOX_PERSONENSTATUS_SCHRITT7_2026_05_09 */
.profile-form select.form-input {
    width: 100%;
    box-sizing: border-box;
    min-height: 42px;
    cursor: pointer;
}

.profile-form select.form-input:focus {
    outline: 2px solid rgba(255, 226, 72, 0.65);
    outline-offset: 2px;
}

/* DATINGBOX_MITGLIEDERKARTEN_OPTIK_SCHRITT8_2026_05_09 */
.member-card {
    max-width: 520px;
    border-radius: 24px;
    border: 1px solid rgba(255, 226, 72, 0.34);
    background: linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035));
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.22);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.member-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 226, 72, 0.7);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.28);
}

.member-card h2,
.member-card h3 {
    color: #ffe248;
    letter-spacing: 0.01em;
}

.member-card p {
    line-height: 1.45;
}

.member-card span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 3px 4px 5px 0;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 226, 72, 0.32);
    background: rgba(255, 226, 72, 0.12);
    color: #ffe248;
    font-weight: 800;
    font-size: 13px;
    line-height: 1.2;
}

.member-card .form-button,
.member-card a.form-button {
    margin-top: 14px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18);
}

.member-card img,
.member-avatar,
.member-photo {
    border: 2px solid #ffe248;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.26);
}

.members-search,
.member-search,
.members-filter {
    max-width: 620px;
}

.members-search input,
.member-search input,
.members-filter input {
    min-height: 44px;
}

@media (max-width: 760px) {
    .member-card {
        max-width: 100%;
    }

    .member-card span {
        font-size: 12px;
        padding: 6px 9px;
    }
}

/* DATINGBOX_NACHRICHTEN_OPTIK_SCHRITT9_2026_05_09 */
.messages-layout {
    gap: 26px;
    align-items: stretch;
}

.messages-panel {
    border-radius: 24px;
    border: 1px solid rgba(255, 226, 72, 0.34);
    background: linear-gradient(145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.035));
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.20);
}

.contact-card {
    border-radius: 18px;
    border: 1px solid rgba(255, 226, 72, 0.32);
    background: rgba(255, 255, 255, 0.055);
    transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.contact-card:hover,
.contact-card.active {
    transform: translateY(-1px);
    border-color: rgba(255, 226, 72, 0.76);
    background: rgba(255, 226, 72, 0.10);
}

.contact-name {
    color: #ffe248;
    font-weight: 900;
}

.message-bubble {
    border-radius: 20px;
    border: 1px solid rgba(255, 226, 72, 0.24);
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16);
}

.message-bubble.mine,
.message-row.mine .message-bubble {
    background: rgba(255, 226, 72, 0.13);
    border-color: rgba(255, 226, 72, 0.42);
}

.message-bubble.theirs,
.message-row.theirs .message-bubble {
    background: rgba(255, 255, 255, 0.075);
}

.message-meta,
.message-time {
    opacity: 0.9;
    font-size: 12px;
}

.message-form textarea {
    min-height: 130px;
    border-radius: 16px;
    line-height: 1.45;
}

.message-form textarea:focus {
    outline: 2px solid rgba(255, 226, 72, 0.65);
    outline-offset: 2px;
}

.messages-panel .form-button,
.message-form .form-button {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18);
}

@media (max-width: 900px) {
    .messages-layout {
        grid-template-columns: 1fr;
    }
}

/* DATINGBOX_BILDPOSITION_SCHRITT12_2026_05_09 */
.profile-picture-preview {
    overflow: hidden;
}

.profile-picture-preview img,
.member-avatar,
.member-photo,
.msg-avatar img {
    transform-origin: center center;
}

.profile-picture-position-controls {
    display: grid;
    gap: 8px;
    margin-top: 14px;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(255, 226, 72, 0.28);
    background: rgba(255, 255, 255, 0.06);
}

.profile-picture-position-controls label {
    font-size: 13px;
    font-weight: 800;
    color: #fff;
}

.profile-picture-position-controls input[type="range"] {
    width: 100%;
    accent-color: #ffe248;
}

.profile-picture-position-controls small {
    color: rgba(255,255,255,0.82);
}

/* DATINGBOX_BILDPOSITION_LIVEVORSCHAU_CSS_SCHRITT13_FIX_2026_05_09 */
.profile-picture-preview {
    overflow: hidden;
}

.profile-picture-preview img {
    will-change: transform, object-position;
    transition: object-position 0.08s linear, transform 0.08s linear;
    transform-origin: center center;
}

/* DATINGBOX_BILDZOOM_WEITER_SCHRITT14_2026_05_09 */
.profile-picture-position-controls small {
    display: block;
    margin-top: 4px;
    line-height: 1.35;
}

/* DATINGBOX_BILD_DRAG_SCHRITT15_2026_05_09 */
.profile-picture-preview {
    overflow: hidden;
    user-select: none;
    touch-action: none;
}

.profile-picture-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: grab;
    transform-origin: center center;
    will-change: transform, object-position;
}

.profile-picture-preview.is-dragging img {
    cursor: grabbing;
}

.profile-picture-position-controls input[type="range"] {
    cursor: pointer;
}

/* DATINGBOX_BILDPOSITION_TRANSLATE_FIX_SCHRITT16_2026_05_09 */
.profile-picture-preview,
.member-avatar,
.member-photo,
.msg-avatar {
    overflow: hidden;
}

.profile-picture-preview img,
.member-avatar,
.member-photo,
.msg-avatar img {
    object-fit: cover;
    object-position: center center;
    transform-origin: center center;
    will-change: transform;
}

/* DATINGBOX_BILDPOSITION_STABIL_SCHRITT17_2026_05_09 */
.profile-picture-preview {
    overflow: hidden;
    user-select: none;
}

.profile-picture-preview img,
.member-avatar,
.member-photo,
.msg-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform-origin: center center;
    will-change: transform, object-position;
}

.profile-picture-position-controls input[type="range"] {
    cursor: pointer;
}

/* DATINGBOX_ADMIN_MITGLIEDERPROFILE_SCHRITT22_2026_05_09 */
.admin-profile-summary {
    display: grid;
    grid-template-columns: repeat(5, minmax(120px, 1fr));
    gap: 14px;
    margin: 22px 0;
}

.admin-profile-summary > div {
    border: 1px solid rgba(255, 226, 72, 0.28);
    border-radius: 18px;
    padding: 16px;
    background: rgba(255, 255, 255, 0.07);
}

.admin-profile-summary strong {
    display: block;
    font-size: 26px;
    color: #ffe248;
    line-height: 1.1;
}

.admin-profile-summary span {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.82);
}

.admin-members-table-wrap {
    overflow-x: auto;
    border-radius: 18px;
    border: 1px solid rgba(255, 226, 72, 0.26);
    background: rgba(255, 255, 255, 0.95);
}

.admin-members-table {
    width: 100%;
    min-width: 1060px;
    border-collapse: collapse;
    color: #2b1020;
}

.admin-members-table th,
.admin-members-table td {
    padding: 14px 12px;
    border-bottom: 1px solid rgba(43, 16, 32, 0.13);
    vertical-align: top;
    text-align: left;
}

.admin-members-table th {
    background: #7a0d41;
    color: #fff;
    font-weight: 800;
}

.admin-members-table tr:last-child td {
    border-bottom: 0;
}

.admin-members-table small {
    color: #4c3340;
    line-height: 1.45;
}

.admin-member-avatar {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #ffe248;
    background: #7a0d41;
    display: grid;
    place-items: center;
    color: #ffe248;
    font-weight: 900;
    font-size: 24px;
}

.admin-member-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--pos-x, 50%) var(--pos-y, 50%);
    transform: scale(var(--zoom, 1));
}

.admin-pill,
.admin-status-ok,
.admin-status-warn,
.admin-status-neutral {
    display: inline-block;
    margin-top: 6px;
    margin-right: 5px;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.admin-pill {
    background: #d9eaff;
    color: #153b66;
}

.admin-pill-ok,
.admin-status-ok {
    background: #d9f7df;
    color: #0b7731;
}

.admin-pill-bad,
.admin-status-warn {
    background: #ffe2a8;
    color: #7a4b00;
}

.admin-status-neutral {
    background: #eee;
    color: #333;
}

@media (max-width: 800px) {
    .admin-profile-summary {
        grid-template-columns: 1fr 1fr;
    }
}

/* DATINGBOX_ADMIN_MEMBERS_DESIGN_FIX_SCHRITT23_2026_05_09 */
.admin-members-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

.admin-members-table img {
    max-width: none;
}

.admin-member-avatar {
    flex: 0 0 auto;
}

.admin-member-avatar img {
    display: block;
}

/* DATINGBOX_LAST_SEEN_SCHRITT25_2026_05_10 */
.activity-pill {
    display: inline-block;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.activity-now {
    background: #d9f7df;
    color: #0b7731;
}

.activity-today {
    background: #fff0b8;
    color: #6b4b00;
}

.activity-recent {
    background: #d9eaff;
    color: #153b66;
}

.activity-old,
.activity-muted {
    background: rgba(255,255,255,0.75);
    color: #5a4350;
}

/* DATINGBOX_PROFILQUALITAET_DASHBOARD_SCHRITT26B_2026_05_10 */
.profile-quality-hint {
    margin-top: 10px;
    padding: 10px 12px;
    border-left: 4px solid rgba(255, 226, 72, 0.95);
    border-radius: 12px;
    background: rgba(255, 226, 72, 0.10);
    color: #fff;
    font-weight: 700;
    line-height: 1.35;
}

.profile-quality-ok {
    margin-top: 10px;
    padding: 10px 12px;
    border-left: 4px solid rgba(91, 255, 143, 0.95);
    border-radius: 12px;
    background: rgba(91, 255, 143, 0.10);
    color: #fff;
    font-weight: 700;
    line-height: 1.35;
}

/* DATINGBOX_PROFILQUALITAET_PROFILE_SCHRITT26C_2026_05_10 */
.profile-form + .profile-quality-hint,
.profile-form + .profile-quality-ok {
    margin-top: 18px;
}

.content-card > .profile-quality-hint,
.content-card > .profile-quality-ok {
    max-width: 520px;
    margin: 18px auto 22px auto;
}

/* DATINGBOX_GRUNDSATZ_SCHRITT27A_2026_05_10 */
.datingbox-principle-box {
    max-width: 720px;
    margin: 18px 0 26px 0;
    padding: 18px 20px;
    border-left: 4px solid #ffe24a;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.09);
    color: #fff;
    line-height: 1.45;
}

.datingbox-principle-box strong {
    display: block;
    color: #ffe24a;
    font-size: 1.05rem;
    margin-bottom: 8px;
}

.datingbox-principle-box p {
    margin: 6px 0;
}

@media (max-width: 720px) {
    .datingbox-principle-box {
        margin-left: 0;
        margin-right: 0;
        padding: 15px 16px;
    }
}

/* DATINGBOX_NACHRICHTEN_HINWEIS_SCHRITT28A_2026_05_10 */
.message-principle-hint {
    max-width: 520px;
    margin: 12px 0 16px 0;
    padding: 14px 16px;
    border-left: 4px solid #ffe24a;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    line-height: 1.4;
}

.message-principle-hint strong {
    display: block;
    color: #ffe24a;
    margin-bottom: 6px;
}

.message-principle-hint p {
    margin: 0;
}

/* DATINGBOX_ERSTNACHRICHT_HILFE_SCHRITT29A_FIX_2026_05_10 */
.message-suggestion-box {
    max-width: 560px;
    margin: 12px 0 18px 0;
    padding: 14px 16px;
    border: 1px solid rgba(255, 226, 74, 0.35);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
}

.message-suggestion-box strong {
    display: block;
    color: #ffe24a;
    margin-bottom: 6px;
}

.message-suggestion-box p {
    margin: 0 0 10px 0;
    line-height: 1.35;
}

.message-suggestion-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.message-suggestion-btn {
    appearance: none;
    border: 0;
    border-radius: 999px;
    padding: 8px 12px;
    background: #ffe24a;
    color: #2a001d;
    font-weight: 700;
    cursor: pointer;
}

.message-suggestion-btn:hover {
    filter: brightness(1.05);
}

.message-suggestion-btn:focus {
    outline: 3px solid rgba(255, 226, 74, 0.4);
    outline-offset: 2px;
}

/* DATINGBOX_PROFILTEXT_HILFE_SCHRITT30A_2026_05_10 */
.profile-text-help-box {
    max-width: 620px;
    margin: 10px 0 22px 0;
    padding: 14px 16px;
    border: 1px solid rgba(255, 226, 74, 0.35);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
}

.profile-text-help-box strong {
    display: block;
    color: #ffe24a;
    margin-bottom: 6px;
}

.profile-text-help-box p {
    margin: 0 0 10px 0;
    line-height: 1.35;
}

.profile-text-help-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.profile-text-suggestion-btn {
    appearance: none;
    border: 0;
    border-radius: 999px;
    padding: 8px 12px;
    background: #ffe24a;
    color: #2a001d;
    font-weight: 700;
    cursor: pointer;
}

.profile-text-suggestion-btn:hover {
    filter: brightness(1.05);
}

.profile-text-suggestion-btn:focus {
    outline: 3px solid rgba(255, 226, 74, 0.4);
    outline-offset: 2px;
}

/* DATINGBOX_MEMBER_CARD_SYMPATHISCH_SCHRITT32C_2026_05_10 */
.member-card-soft-note {
    margin: 12px 0 14px 0;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(255, 226, 74, 0.10);
    color: #ffe24a;
    font-weight: 700;
    line-height: 1.35;
}

/* DATINGBOX_PROFILE_BLOCK_MEMBERS_SCHRITT33E_2026_05_10 */
.member-block-form {
    margin-top: 10px;
}

.member-block-button {
    display: inline-block;
    border: 1px solid rgba(255, 226, 74, 0.75);
    border-radius: 999px;
    background: rgba(255, 226, 74, 0.10);
    color: #ffe24a;
    padding: 9px 14px;
    font-weight: 800;
    cursor: pointer;
}

.member-block-button:hover,
.member-block-button:focus {
    background: rgba(255, 226, 74, 0.22);
}

/* DATINGBOX_STARTSEITE_SCHRITT1_2026_05_10 */
.db-home {
    max-width: 1180px;
    margin: 0 auto;
    padding: 28px 18px 46px;
}

.db-home-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.75fr);
    gap: 24px;
    align-items: stretch;
    margin: 22px 0 28px;
}

.db-home-hero-text,
.db-home-hero-card,
.db-home-box,
.db-home-principle {
    border: 1px solid rgba(120, 80, 45, 0.16);
    background: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(255,248,240,0.92));
    border-radius: 24px;
    box-shadow: 0 14px 36px rgba(80, 46, 20, 0.10);
}

.db-home-hero-text {
    padding: 34px;
}

.db-home-kicker {
    display: inline-flex;
    align-items: center;
    padding: 7px 13px;
    border-radius: 999px;
    background: rgba(150, 92, 46, 0.10);
    color: #7a4724;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin: 0 0 14px;
}

.db-home-hero h1 {
    margin: 0;
    max-width: 760px;
    font-size: clamp(2rem, 4vw, 3.8rem);
    line-height: 1.04;
    color: #382113;
}

.db-home-lead {
    max-width: 760px;
    margin: 18px 0 0;
    font-size: 1.14rem;
    line-height: 1.7;
    color: #5f493b;
}

.db-home-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.db-home-actions .btn {
    text-decoration: none;
}

.db-home-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.db-home-trust span {
    display: inline-flex;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(92, 139, 96, 0.11);
    color: #355d38;
    font-weight: 650;
    font-size: 0.94rem;
}

.db-home-hero-card {
    padding: 28px;
}

.db-home-hero-card h2,
.db-home-box h2,
.db-home-principle h2 {
    margin-top: 0;
    color: #432617;
}

.db-home-hero-card p,
.db-home-box p,
.db-home-principle p {
    color: #604b3c;
    line-height: 1.68;
}

.db-home-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 24px 0;
}

.db-home-box {
    padding: 24px;
}

.db-home-principle {
    padding: 26px 30px;
    margin-top: 24px;
    background: linear-gradient(135deg, rgba(255,250,244,0.98), rgba(247,235,221,0.92));
}

@media (max-width: 860px) {
    .db-home-hero,
    .db-home-grid {
        grid-template-columns: 1fr;
    }

    .db-home-hero-text {
        padding: 26px;
    }
}

/* DATINGBOX_MITGLIEDERSEITE_SCHRITT2_2026_05_10 */
.members-page,
.member-page,
.members-wrap,
.members-container {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.members-header,
.member-header,
.members-intro {
    border: 1px solid rgba(120, 80, 45, 0.16);
    background: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(255,248,240,0.92));
    border-radius: 24px;
    box-shadow: 0 14px 34px rgba(80, 46, 20, 0.09);
    padding: 24px 28px;
    margin-bottom: 22px;
}

.members-header h1,
.member-header h1,
.members-intro h1 {
    color: #382113;
    letter-spacing: -0.02em;
}

.members-header p,
.member-header p,
.members-intro p {
    color: #604b3c;
    line-height: 1.65;
}

.members-grid,
.member-grid,
.profiles-grid {
    gap: 22px !important;
}

.member-card,
.members-card,
.profile-card,
.user-card {
    position: relative;
    overflow: hidden;
    border-radius: 24px !important;
    border: 1px solid rgba(120, 80, 45, 0.15) !important;
    background:
        radial-gradient(circle at top left, rgba(255, 238, 218, 0.78), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,0.98), rgba(255,248,240,0.92)) !important;
    box-shadow: 0 14px 36px rgba(70, 42, 20, 0.10) !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.member-card:hover,
.members-card:hover,
.profile-card:hover,
.user-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 44px rgba(70, 42, 20, 0.14) !important;
    border-color: rgba(150, 92, 46, 0.24) !important;
}

.member-card::before,
.members-card::before,
.profile-card::before,
.user-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 5px;
    background: linear-gradient(90deg, rgba(132, 83, 43, 0.78), rgba(190, 139, 89, 0.48), rgba(103, 145, 101, 0.42));
}

.member-card img,
.members-card img,
.profile-card img,
.user-card img,
.member-avatar,
.profile-avatar {
    box-shadow: 0 10px 28px rgba(70, 42, 20, 0.16);
    border: 4px solid rgba(255,255,255,0.96);
}

.member-card h2,
.members-card h2,
.profile-card h2,
.user-card h2,
.member-card h3,
.members-card h3,
.profile-card h3,
.user-card h3 {
    color: #3b2315;
    letter-spacing: -0.01em;
}

.member-card p,
.members-card p,
.profile-card p,
.user-card p {
    color: #5f493b;
    line-height: 1.62;
}

.member-meta,
.profile-meta,
.member-badges,
.profile-badges,
.member-tags,
.profile-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.member-meta span,
.profile-meta span,
.member-badges span,
.profile-badges span,
.member-tags span,
.profile-tags span,
.activity-badge {
    border-radius: 999px !important;
    padding: 7px 11px !important;
    background: rgba(150, 92, 46, 0.10) !important;
    color: #6f421f !important;
    font-weight: 650;
}

.member-card .btn,
.members-card .btn,
.profile-card .btn,
.user-card .btn,
.member-card a.button,
.members-card a.button,
.profile-card a.button,
.user-card a.button {
    border-radius: 999px !important;
    box-shadow: 0 8px 20px rgba(80, 46, 20, 0.12);
}

.members-search,
.member-search,
.search-box {
    border-radius: 22px !important;
    border: 1px solid rgba(120, 80, 45, 0.16) !important;
    background: rgba(255,255,255,0.90) !important;
    box-shadow: 0 10px 28px rgba(80, 46, 20, 0.07);
}

.members-search input,
.member-search input,
.search-box input,
input[type="search"] {
    border-radius: 999px !important;
}

@media (max-width: 760px) {
    .members-header,
    .member-header,
    .members-intro {
        padding: 20px;
        border-radius: 20px;
    }

    .member-card,
    .members-card,
    .profile-card,
    .user-card {
        border-radius: 20px !important;
    }
}

/* DATINGBOX_NACHRICHTENBEREICH_SCHRITT3_2026_05_10 */
.messages-page,
.message-page,
.messages-wrap,
.messages-container {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
}

.messages-header,
.message-header,
.chat-header,
.conversation-header {
    border: 1px solid rgba(120, 80, 45, 0.16);
    background: linear-gradient(135deg, rgba(255,255,255,0.97), rgba(255,248,240,0.93));
    border-radius: 24px;
    box-shadow: 0 14px 34px rgba(80, 46, 20, 0.09);
    padding: 22px 26px;
    margin-bottom: 20px;
}

.messages-header h1,
.message-header h1,
.chat-header h1,
.conversation-header h1 {
    color: #382113;
    letter-spacing: -0.02em;
}

.messages-header p,
.message-header p,
.chat-header p,
.conversation-header p {
    color: #604b3c;
    line-height: 1.65;
}

.messages-layout,
.message-layout,
.chat-layout,
.conversation-layout {
    gap: 22px !important;
    align-items: stretch;
}

.message-sidebar,
.messages-sidebar,
.chat-sidebar,
.conversation-list,
.contacts-list,
.message-contacts {
    border: 1px solid rgba(120, 80, 45, 0.15) !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.97), rgba(255,249,243,0.93)) !important;
    border-radius: 24px !important;
    box-shadow: 0 14px 34px rgba(80, 46, 20, 0.08);
}

.message-thread,
.messages-thread,
.chat-thread,
.conversation-thread,
.message-panel,
.chat-panel {
    border: 1px solid rgba(120, 80, 45, 0.15) !important;
    background:
        radial-gradient(circle at top right, rgba(255, 236, 214, 0.72), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,0.98), rgba(255,248,240,0.94)) !important;
    border-radius: 24px !important;
    box-shadow: 0 16px 40px rgba(80, 46, 20, 0.10);
}

.message-contact,
.contact-item,
.chat-contact,
.conversation-item {
    border-radius: 18px !important;
    transition: transform 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.message-contact:hover,
.contact-item:hover,
.chat-contact:hover,
.conversation-item:hover {
    transform: translateY(-1px);
    background: rgba(150, 92, 46, 0.08) !important;
    box-shadow: 0 8px 18px rgba(80, 46, 20, 0.07);
}

.message-contact.active,
.contact-item.active,
.chat-contact.active,
.conversation-item.active,
.message-contact.is-active,
.contact-item.is-active,
.chat-contact.is-active,
.conversation-item.is-active {
    background: linear-gradient(135deg, rgba(150, 92, 46, 0.13), rgba(255, 244, 232, 0.95)) !important;
    border-color: rgba(150, 92, 46, 0.24) !important;
}

.message-bubble,
.chat-bubble,
.bubble,
.message-row .message-text,
.conversation-message {
    border-radius: 22px !important;
    box-shadow: 0 9px 22px rgba(70, 42, 20, 0.08);
    line-height: 1.62;
}

.message-bubble.sent,
.chat-bubble.sent,
.bubble.sent,
.message-bubble.out,
.chat-bubble.out,
.bubble.out,
.message-bubble.mine,
.chat-bubble.mine,
.bubble.mine {
    background: linear-gradient(135deg, #7b4a28, #9b6a42) !important;
    color: #fffaf5 !important;
}

.message-bubble.received,
.chat-bubble.received,
.bubble.received,
.message-bubble.in,
.chat-bubble.in,
.bubble.in,
.message-bubble.theirs,
.chat-bubble.theirs,
.bubble.theirs {
    background: rgba(255,255,255,0.96) !important;
    color: #4d3322 !important;
    border: 1px solid rgba(120, 80, 45, 0.12);
}

.message-time,
.chat-time,
.bubble-time,
.message-date {
    opacity: 0.76;
    font-size: 0.82rem;
}

.message-compose,
.chat-compose,
.reply-box,
.new-message-box,
.message-form {
    border-top: 1px solid rgba(120, 80, 45, 0.12);
    background: rgba(255, 250, 245, 0.76);
    border-radius: 0 0 24px 24px;
}

.message-compose textarea,
.chat-compose textarea,
.reply-box textarea,
.new-message-box textarea,
.message-form textarea,
textarea[name="message"],
textarea[name="body"],
textarea[name="content"] {
    border-radius: 20px !important;
    border: 1px solid rgba(120, 80, 45, 0.20) !important;
    background: rgba(255,255,255,0.96) !important;
    box-shadow: inset 0 2px 7px rgba(80, 46, 20, 0.04);
    line-height: 1.55;
}

.message-compose textarea:focus,
.chat-compose textarea:focus,
.reply-box textarea:focus,
.new-message-box textarea:focus,
.message-form textarea:focus,
textarea[name="message"]:focus,
textarea[name="body"]:focus,
textarea[name="content"]:focus {
    outline: none !important;
    border-color: rgba(150, 92, 46, 0.48) !important;
    box-shadow: 0 0 0 4px rgba(150, 92, 46, 0.10);
}

.message-compose .btn,
.chat-compose .btn,
.reply-box .btn,
.new-message-box .btn,
.message-form .btn,
.message-compose button,
.chat-compose button,
.reply-box button,
.new-message-box button,
.message-form button {
    border-radius: 999px !important;
    box-shadow: 0 9px 20px rgba(80, 46, 20, 0.12);
}

.message-hint,
.chat-hint,
.first-message-help,
.writing-help,
.honest-writing-hint {
    border-radius: 20px !important;
    border: 1px solid rgba(103, 145, 101, 0.20) !important;
    background: linear-gradient(135deg, rgba(247,255,247,0.96), rgba(255,249,242,0.92)) !important;
    box-shadow: 0 10px 24px rgba(80, 46, 20, 0.07);
}

.unread,
.is-unread,
.unread-badge,
.message-unread {
    font-weight: 800 !important;
}

.unread-badge,
.message-unread,
.badge-unread {
    border-radius: 999px !important;
    background: rgba(125, 70, 35, 0.14) !important;
    color: #6b3a1c !important;
    padding: 5px 9px !important;
}

@media (max-width: 860px) {
    .messages-header,
    .message-header,
    .chat-header,
    .conversation-header,
    .message-sidebar,
    .messages-sidebar,
    .chat-sidebar,
    .conversation-list,
    .contacts-list,
    .message-contacts,
    .message-thread,
    .messages-thread,
    .chat-thread,
    .conversation-thread,
    .message-panel,
    .chat-panel {
        border-radius: 20px !important;
    }

    .messages-layout,
    .message-layout,
    .chat-layout,
    .conversation-layout {
        gap: 16px !important;
    }
}

/* DATINGBOX_ADMINBEREICH_SCHRITT4_2026_05_10 */
.admin-status-page {
    max-width: 1220px;
    margin: 0 auto;
    padding: 28px 18px 46px;
}

.admin-status-hero,
.admin-status-card,
.admin-status-panel,
.admin-status-dashboard-link {
    border: 1px solid rgba(120, 80, 45, 0.16);
    background: linear-gradient(135deg, rgba(255,255,255,0.97), rgba(255,248,240,0.93));
    border-radius: 24px;
    box-shadow: 0 14px 34px rgba(80, 46, 20, 0.09);
}

.admin-status-hero {
    padding: 28px 32px;
    margin-bottom: 22px;
}

.admin-status-kicker {
    display: inline-flex;
    padding: 7px 13px;
    border-radius: 999px;
    background: rgba(150, 92, 46, 0.10);
    color: #7a4724;
    font-weight: 800;
    margin: 0 0 12px;
}

.admin-status-hero h1 {
    margin: 0;
    color: #382113;
    letter-spacing: -0.02em;
}

.admin-status-hero p {
    color: #604b3c;
    line-height: 1.65;
    max-width: 850px;
}

.admin-status-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 22px;
}

.admin-status-card {
    padding: 22px;
}

.admin-status-number {
    display: block;
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 900;
    color: #7a4724;
    margin-bottom: 10px;
}

.admin-status-card strong {
    display: block;
    color: #3b2315;
    margin-bottom: 8px;
}

.admin-status-card p,
.admin-status-panel p {
    color: #604b3c;
    line-height: 1.6;
}

.admin-status-panel {
    padding: 24px;
    margin-bottom: 20px;
}

.admin-status-panel h2 {
    margin-top: 0;
    color: #3b2315;
}

.admin-status-table-wrap {
    overflow-x: auto;
}

.admin-status-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

.admin-status-table th,
.admin-status-table td {
    text-align: left;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(120, 80, 45, 0.13);
}

.admin-status-table th {
    background: rgba(150, 92, 46, 0.09);
    color: #4c2d1a;
}

.admin-status-table td {
    color: #4f3a2c;
}

.admin-status-backups {
    margin: 0;
    padding-left: 20px;
}

.admin-status-backups li {
    margin: 7px 0;
    color: #4f3a2c;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.92rem;
}

.admin-status-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.admin-status-dashboard-link {
    padding: 22px;
    margin: 20px 0;
}

.admin-status-dashboard-link h2 {
    margin-top: 0;
    color: #3b2315;
}

.admin-status-dashboard-link p {
    color: #604b3c;
}

@media (max-width: 900px) {
    .admin-status-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .admin-status-grid {
        grid-template-columns: 1fr;
    }

    .admin-status-hero,
    .admin-status-card,
    .admin-status-panel,
    .admin-status-dashboard-link {
        border-radius: 20px;
    }
}

/* DATINGBOX_PROFILSEITE_SCHRITT5_2026_05_10 */
.profile-compass-box {
    margin: 26px 0 34px;
    padding: 26px;
    border-radius: 24px;
    border: 1px solid rgba(120, 80, 45, 0.16);
    background:
        radial-gradient(circle at top left, rgba(255, 238, 218, 0.70), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,0.97), rgba(255,248,240,0.93));
    box-shadow: 0 14px 34px rgba(80, 46, 20, 0.09);
}

.profile-compass-head {
    max-width: 850px;
    margin-bottom: 18px;
}

.profile-compass-kicker {
    display: inline-flex;
    padding: 7px 13px;
    border-radius: 999px;
    background: rgba(150, 92, 46, 0.10);
    color: #7a4724;
    font-weight: 800;
    margin: 0 0 12px;
}

.profile-compass-head h2 {
    margin: 0;
    color: #382113;
    letter-spacing: -0.02em;
}

.profile-compass-head p {
    color: #604b3c;
    line-height: 1.65;
}

.profile-compass-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.profile-compass-card {
    padding: 18px;
    border-radius: 20px;
    background: rgba(255,255,255,0.88);
    border: 1px solid rgba(120, 80, 45, 0.12);
    box-shadow: 0 9px 22px rgba(80, 46, 20, 0.06);
}

.profile-compass-card strong {
    display: block;
    color: #3b2315;
    margin-bottom: 8px;
}

.profile-compass-card p {
    margin: 0;
    color: #604b3c;
    line-height: 1.58;
}

@media (max-width: 960px) {
    .profile-compass-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .profile-compass-box {
        padding: 20px;
        border-radius: 20px;
    }

    .profile-compass-grid {
        grid-template-columns: 1fr;
    }
}

/* DATINGBOX_TEXTE_SCHRITT8_2026_05_10 */
.db-text-principle {
    max-width: 980px;
    margin: 26px auto;
    padding: 26px 30px;
    border-radius: 24px;
    border: 1px solid rgba(120, 80, 45, 0.16);
    background:
        radial-gradient(circle at top left, rgba(255, 238, 218, 0.70), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,0.97), rgba(255,248,240,0.93));
    box-shadow: 0 14px 34px rgba(80, 46, 20, 0.09);
}

.db-text-kicker {
    display: inline-flex;
    padding: 7px 13px;
    border-radius: 999px;
    background: rgba(150, 92, 46, 0.10);
    color: #7a4724;
    font-weight: 800;
    margin: 0 0 12px;
}

.db-text-principle h2 {
    margin: 0 0 12px;
    color: #382113;
    letter-spacing: -0.02em;
}

.db-text-principle p {
    color: #604b3c;
    line-height: 1.68;
}

@media (max-width: 680px) {
    .db-text-principle {
        padding: 21px;
        border-radius: 20px;
    }
}

/* DATINGBOX_PROFILVORSCHAU_SCHRITT9_2026_05_10 */
.profile-preview-page {
    max-width: 1180px;
    margin: 0 auto;
    padding: 28px 18px 46px;
}

.profile-preview-hero,
.profile-preview-card,
.profile-preview-hint,
.profile-preview-dashboard-link {
    border: 1px solid rgba(120, 80, 45, 0.16);
    background: linear-gradient(135deg, rgba(255,255,255,0.97), rgba(255,248,240,0.93));
    border-radius: 24px;
    box-shadow: 0 14px 34px rgba(80, 46, 20, 0.09);
}

.profile-preview-hero {
    padding: 28px 32px;
    margin-bottom: 22px;
}

.profile-preview-kicker {
    display: inline-flex;
    padding: 7px 13px;
    border-radius: 999px;
    background: rgba(150, 92, 46, 0.10);
    color: #7a4724;
    font-weight: 800;
    margin: 0 0 12px;
}

.profile-preview-hero h1 {
    margin: 0;
    color: #382113;
    letter-spacing: -0.02em;
}

.profile-preview-hero p {
    color: #604b3c;
    line-height: 1.65;
    max-width: 860px;
}

.profile-preview-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.profile-preview-card {
    display: grid;
    grid-template-columns: minmax(240px, 0.38fr) minmax(0, 1fr);
    gap: 28px;
    padding: 28px;
    align-items: start;
}

.profile-preview-photo-wrap {
    width: 100%;
}

.profile-preview-photo-inner,
.profile-preview-photo-placeholder {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 28px;
    overflow: hidden;
    background: rgba(150, 92, 46, 0.10);
    box-shadow: 0 14px 34px rgba(70, 42, 20, 0.13);
    border: 5px solid rgba(255,255,255,0.96);
}

.profile-preview-photo-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform-origin: center center;
}

.profile-preview-photo-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    font-weight: 900;
    color: #7a4724;
}

.profile-preview-title-row {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 16px;
}

.profile-preview-title-row h2 {
    margin: 0;
    color: #382113;
    letter-spacing: -0.02em;
}

.profile-preview-subline {
    margin: 6px 0 0;
    color: #604b3c;
}

.profile-preview-quality {
    display: inline-flex;
    white-space: nowrap;
    padding: 8px 12px;
    border-radius: 999px;
    font-weight: 800;
}

.profile-preview-quality.is-good {
    background: rgba(92, 139, 96, 0.13);
    color: #355d38;
}

.profile-preview-quality.is-open {
    background: rgba(180, 110, 50, 0.13);
    color: #7a4724;
}

.profile-preview-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.profile-preview-facts span {
    display: inline-flex;
    padding: 8px 11px;
    border-radius: 999px;
    background: rgba(150, 92, 46, 0.10);
    color: #6f421f;
    font-weight: 650;
}

.profile-preview-section {
    padding: 18px 0;
    border-top: 1px solid rgba(120, 80, 45, 0.13);
}

.profile-preview-section h3 {
    margin: 0 0 8px;
    color: #3b2315;
}

.profile-preview-section p {
    color: #604b3c;
    line-height: 1.66;
}

.profile-preview-muted {
    opacity: 0.78;
    font-style: italic;
}

.profile-preview-hint,
.profile-preview-dashboard-link {
    margin-top: 22px;
    padding: 24px 28px;
}

.profile-preview-hint h2,
.profile-preview-dashboard-link h2 {
    margin-top: 0;
    color: #382113;
}

.profile-preview-hint p,
.profile-preview-dashboard-link p {
    color: #604b3c;
    line-height: 1.65;
}

@media (max-width: 820px) {
    .profile-preview-card {
        grid-template-columns: 1fr;
    }

    .profile-preview-photo-inner,
    .profile-preview-photo-placeholder {
        max-width: 360px;
        margin: 0 auto;
    }

    .profile-preview-title-row {
        flex-direction: column;
    }
}

@media (max-width: 620px) {
    .profile-preview-hero,
    .profile-preview-card,
    .profile-preview-hint,
    .profile-preview-dashboard-link {
        border-radius: 20px;
    }

    .profile-preview-card,
    .profile-preview-hero,
    .profile-preview-hint,
    .profile-preview-dashboard-link {
        padding: 21px;
    }
}

/* DATINGBOX_DUNKEL_DESIGN_FIX2_2026_05_10 */

/* Neue helle Bereiche konsequent ins vorhandene Datingbox-Dunkeldesign zurückholen */
.profile-preview-dashboard-link,
.admin-status-dashboard-link,
.profile-compass-box,
.profile-compass-card,
.profile-preview-hero,
.profile-preview-card,
.profile-preview-hint,
.admin-status-hero,
.admin-status-card,
.admin-status-panel,
.db-text-principle,
.db-home-hero-text,
.db-home-hero-card,
.db-home-box,
.db-home-principle,
.message-hint,
.chat-hint,
.first-message-help,
.writing-help,
.honest-writing-hint,
.new-message-box,
.reply-box,
.message-compose,
.chat-compose,
.message-form {
    background: linear-gradient(135deg, rgba(115, 9, 63, 0.98), rgba(132, 28, 78, 0.96)) !important;
    border: 1px solid rgba(255, 230, 77, 0.62) !important;
    color: #fff7ef !important;
    box-shadow: 0 18px 42px rgba(35, 0, 25, 0.34) !important;
}

/* Überschriften gelb wie im alten Design */
.profile-preview-dashboard-link h2,
.admin-status-dashboard-link h2,
.profile-compass-head h2,
.profile-compass-card strong,
.profile-preview-hero h1,
.profile-preview-title-row h2,
.profile-preview-section h3,
.profile-preview-hint h2,
.admin-status-hero h1,
.admin-status-card strong,
.admin-status-panel h2,
.db-text-principle h2,
.db-home-hero h1,
.db-home-hero-card h2,
.db-home-box h2,
.db-home-principle h2,
.message-hint h2,
.message-hint h3,
.chat-hint h2,
.chat-hint h3,
.first-message-help h2,
.first-message-help h3,
.writing-help h2,
.writing-help h3,
.honest-writing-hint h2,
.honest-writing-hint h3,
.new-message-box h2,
.new-message-box h3,
.reply-box h2,
.reply-box h3,
.message-compose h2,
.message-compose h3,
.chat-compose h2,
.chat-compose h3,
.message-form h2,
.message-form h3 {
    color: #ffe64d !important;
}

/* Texte wieder hell */
.profile-preview-dashboard-link p,
.admin-status-dashboard-link p,
.profile-compass-head p,
.profile-compass-card p,
.profile-preview-hero p,
.profile-preview-subline,
.profile-preview-section p,
.profile-preview-hint p,
.admin-status-hero p,
.admin-status-card p,
.admin-status-panel p,
.admin-status-table td,
.db-text-principle p,
.db-home-lead,
.db-home-hero-card p,
.db-home-box p,
.db-home-principle p,
.message-hint p,
.chat-hint p,
.first-message-help p,
.writing-help p,
.honest-writing-hint p,
.new-message-box p,
.reply-box p,
.message-compose p,
.chat-compose p,
.message-form p {
    color: #fff7ef !important;
}

/* Kleine Etiketten */
.profile-preview-kicker,
.admin-status-kicker,
.profile-compass-kicker,
.db-text-kicker,
.db-home-kicker {
    background: rgba(255, 230, 77, 0.16) !important;
    color: #ffe64d !important;
    border: 1px solid rgba(255, 230, 77, 0.52) !important;
}

/* Fakten-Badges */
.profile-preview-facts span,
.db-home-trust span,
.member-meta span,
.profile-meta span,
.member-badges span,
.profile-badges span,
.member-tags span,
.profile-tags span,
.activity-badge,
.unread-badge,
.message-unread,
.badge-unread {
    background: rgba(255, 230, 77, 0.14) !important;
    color: #ffe64d !important;
    border: 1px solid rgba(255, 230, 77, 0.42) !important;
}

/* Tabellen auf Admin-Statusseite */
.admin-status-table th {
    background: rgba(255, 230, 77, 0.14) !important;
    color: #ffe64d !important;
}

.admin-status-table th,
.admin-status-table td {
    border-bottom-color: rgba(255, 230, 77, 0.22) !important;
}

/* Profil-Vorschau Bildrahmen */
.profile-preview-photo-inner,
.profile-preview-photo-placeholder {
    border-color: #ffe64d !important;
    background: rgba(255, 230, 77, 0.12) !important;
}

.profile-preview-quality.is-good {
    background: rgba(40, 210, 125, 0.18) !important;
    color: #b9ffd5 !important;
    border: 1px solid rgba(40, 210, 125, 0.45) !important;
}

.profile-preview-quality.is-open {
    background: rgba(255, 230, 77, 0.16) !important;
    color: #ffe64d !important;
    border: 1px solid rgba(255, 230, 77, 0.45) !important;
}

.profile-preview-section {
    border-top-color: rgba(255, 230, 77, 0.24) !important;
}

/* Buttons in neuen Boxen */
.profile-preview-dashboard-link .btn,
.admin-status-dashboard-link .btn,
.profile-preview-actions .btn,
.admin-status-actions .btn,
.message-form .btn,
.message-compose .btn,
.chat-compose .btn,
.reply-box .btn,
.new-message-box .btn,
.message-form button,
.message-compose button,
.chat-compose button,
.reply-box button,
.new-message-box button {
    background: #ffe45c !important;
    color: #2b061f !important;
    border-color: #ffe45c !important;
}

/* Textfelder dürfen hell bleiben, aber sauber */
.message-form textarea,
.message-compose textarea,
.chat-compose textarea,
.reply-box textarea,
.new-message-box textarea,
textarea[name="message"],
textarea[name="body"],
textarea[name="content"] {
    background: #fff9f2 !important;
    color: #2b061f !important;
    border: 1px solid rgba(255, 230, 77, 0.55) !important;
}

/* Dashboard/Admin-Dashboard: neue Zusatzboxen nicht mehr hell */
main > .profile-preview-dashboard-link,
main > .admin-status-dashboard-link {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

/* DATINGBOX_ADMIN_STATUS_TABELLE_LESBAR_2026_05_10 */

/* Admin-Status: Zahlen oben wieder kräftig gelb */
.admin-status-page .admin-status-number {
    color: #ffe64d !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

/* Admin-Status: Tabellen komplett dunkel und lesbar */
.admin-status-page .admin-status-table-wrap {
    background: rgba(70, 4, 45, 0.55) !important;
    border: 1px solid rgba(255, 230, 77, 0.35) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

.admin-status-page .admin-status-table {
    background: transparent !important;
    color: #fff7ef !important;
    border-collapse: collapse !important;
}

.admin-status-page .admin-status-table thead,
.admin-status-page .admin-status-table tbody,
.admin-status-page .admin-status-table tr {
    background: transparent !important;
}

.admin-status-page .admin-status-table th {
    background: rgba(255, 230, 77, 0.18) !important;
    color: #ffe64d !important;
    font-weight: 900 !important;
    border-bottom: 1px solid rgba(255, 230, 77, 0.42) !important;
}

.admin-status-page .admin-status-table td {
    background: rgba(95, 10, 58, 0.62) !important;
    color: #fff7ef !important;
    border-bottom: 1px solid rgba(255, 230, 77, 0.18) !important;
}

.admin-status-page .admin-status-table tr:nth-child(even) td {
    background: rgba(115, 18, 69, 0.62) !important;
}

.admin-status-page .admin-status-table tr:hover td {
    background: rgba(145, 35, 85, 0.72) !important;
}

.admin-status-page .admin-status-table a,
.admin-status-page .admin-status-table code {
    color: #ffe64d !important;
}

/* Backup-Hinweis und Aktionszeile gut lesbar */
.admin-status-page .admin-status-panel,
.admin-status-page .admin-status-card,
.admin-status-page .admin-status-hero {
    color: #fff7ef !important;
}

.admin-status-page .admin-status-panel p,
.admin-status-page .admin-status-card p,
.admin-status-page .admin-status-hero p {
    color: #fff7ef !important;
}

/* DATINGBOX_ADMIN_TABELLEN_DUNKEL_2026_05_10 */

.admin-dark-table-page {
    color: #fff7ef !important;
}

.admin-dark-table-page h1,
.admin-dark-table-page h2,
.admin-dark-table-page h3,
.admin-dark-table-page strong {
    color: #ffe64d !important;
}

.admin-dark-table-page p {
    color: #fff7ef !important;
}

/* Alle Admin-Tabellen auf diesen Seiten dunkel und lesbar */
.admin-dark-table-page table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: rgba(70, 4, 45, 0.78) !important;
    color: #fff7ef !important;
    border: 1px solid rgba(255, 230, 77, 0.48) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

.admin-dark-table-page thead,
.admin-dark-table-page tbody,
.admin-dark-table-page tr {
    background: transparent !important;
}

.admin-dark-table-page th {
    background: rgba(255, 230, 77, 0.17) !important;
    color: #ffe64d !important;
    font-weight: 900 !important;
    border-bottom: 1px solid rgba(255, 230, 77, 0.45) !important;
    padding: 12px 14px !important;
}

.admin-dark-table-page td {
    background: rgba(95, 10, 58, 0.74) !important;
    color: #fff7ef !important;
    border-bottom: 1px solid rgba(255, 230, 77, 0.20) !important;
    padding: 13px 14px !important;
    vertical-align: top !important;
}

.admin-dark-table-page tr:nth-child(even) td {
    background: rgba(115, 18, 69, 0.76) !important;
}

.admin-dark-table-page tr:hover td {
    background: rgba(145, 35, 85, 0.82) !important;
}

/* Kleine Texte und E-Mail-Adressen */
.admin-dark-table-page td small,
.admin-dark-table-page td .muted,
.admin-dark-table-page td .hint,
.admin-dark-table-page td .subtext {
    color: #f5ded7 !important;
}

/* Badges lesbar halten */
.admin-dark-table-page .badge,
.admin-dark-table-page .role-badge,
.admin-dark-table-page .status-badge,
.admin-dark-table-page .profile-badge,
.admin-dark-table-page .pill {
    color: #2b061f !important;
    background: #ffe45c !important;
    border: 1px solid rgba(255, 230, 77, 0.65) !important;
    font-weight: 800 !important;
}

.admin-dark-table-page .badge-success,
.admin-dark-table-page .is-success,
.admin-dark-table-page .complete,
.admin-dark-table-page .active {
    background: #b9ffd5 !important;
    color: #07391f !important;
}

.admin-dark-table-page .badge-warning,
.admin-dark-table-page .warning,
.admin-dark-table-page .incomplete {
    background: #ffe7a3 !important;
    color: #4a2600 !important;
}

/* Bilder / Initialen */
.admin-dark-table-page img,
.admin-dark-table-page .avatar,
.admin-dark-table-page .profile-avatar {
    border: 3px solid #ffe64d !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28) !important;
}

.admin-dark-table-page a {
    color: #ffe64d !important;
}

.admin-dark-table-page .btn,
.admin-dark-table-page button,
.admin-dark-table-page a.button {
    background: #ffe45c !important;
    color: #2b061f !important;
    border-color: #ffe45c !important;
    font-weight: 800 !important;
}

/* Aktionsbuttons farblich behalten, aber kräftiger */
.admin-dark-table-page .btn-danger,
.admin-dark-table-page button[name*="delete"],
.admin-dark-table-page button[value*="delete"] {
    background: #ff7b83 !important;
    color: #2b061f !important;
}

.admin-dark-table-page .btn-secondary,
.admin-dark-table-page .btn-warning {
    background: #ffe45c !important;
    color: #2b061f !important;
}

/* DATINGBOX_ADMIN_BUTTONS_LESBAR_2026_05_10 */

/* Admin-Mitgliederprofile: obere Navigationsbuttons deutlich lesbar */
.admin-dark-table-page > a.btn,
.admin-dark-table-page > .btn,
.admin-dark-table-page .btn,
.admin-dark-table-page a.btn,
.admin-dark-table-page a.button,
.admin-dark-table-page button {
    background: #ffe45c !important;
    color: #2b061f !important;
    border: 1px solid #ffe45c !important;
    font-weight: 900 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    box-shadow: 0 8px 18px rgba(35, 0, 25, 0.22) !important;
}

/* Links innerhalb gelber Buttons dürfen nicht gelb werden */
.admin-dark-table-page .btn *,
.admin-dark-table-page a.btn *,
.admin-dark-table-page a.button *,
.admin-dark-table-page button * {
    color: #2b061f !important;
    text-shadow: none !important;
}

/* Hover bleibt lesbar */
.admin-dark-table-page > a.btn:hover,
.admin-dark-table-page .btn:hover,
.admin-dark-table-page a.btn:hover,
.admin-dark-table-page a.button:hover,
.admin-dark-table-page button:hover {
    background: #fff078 !important;
    color: #2b061f !important;
    border-color: #fff078 !important;
}

/* Tabellen-Links bleiben gelb, aber nicht Buttons */
.admin-dark-table-page table a:not(.btn):not(.button) {
    color: #ffe64d !important;
}

/* DATINGBOX_ADMIN_TOPBUTTONS_SCHRIFT_FIX_2026_05_10 */

/*
   Admin-Mitgliederprofile:
   Die oberen Navigationsbuttons sind Links zu Adminseiten.
   Diese Regel ist absichtlich sehr gezielt, damit Tabellenlinks nicht betroffen sind.
*/
.admin-dark-table-page a[href="/admin/dashboard.php"],
.admin-dark-table-page a[href="/admin/users.php"],
.admin-dark-table-page a[href="/admin/members.php"],
.admin-dark-table-page a[href="/admin/settings.php"],
.admin-dark-table-page a[href="/admin/contact_messages.php"],
.admin-dark-table-page a[href="/admin/status.php"] {
    background: #ffe45c !important;
    background-color: #ffe45c !important;
    color: #2b061f !important;
    border: 1px solid #ffe45c !important;
    font-weight: 900 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-text-fill-color: #2b061f !important;
}

/* Falls Text in einem inneren Element sitzt */
.admin-dark-table-page a[href="/admin/dashboard.php"] *,
.admin-dark-table-page a[href="/admin/users.php"] *,
.admin-dark-table-page a[href="/admin/members.php"] *,
.admin-dark-table-page a[href="/admin/settings.php"] *,
.admin-dark-table-page a[href="/admin/contact_messages.php"] *,
.admin-dark-table-page a[href="/admin/status.php"] * {
    color: #2b061f !important;
    -webkit-text-fill-color: #2b061f !important;
    text-shadow: none !important;
}

/* Hover ebenfalls lesbar */
.admin-dark-table-page a[href="/admin/dashboard.php"]:hover,
.admin-dark-table-page a[href="/admin/users.php"]:hover,
.admin-dark-table-page a[href="/admin/members.php"]:hover,
.admin-dark-table-page a[href="/admin/settings.php"]:hover,
.admin-dark-table-page a[href="/admin/contact_messages.php"]:hover,
.admin-dark-table-page a[href="/admin/status.php"]:hover {
    background: #fff078 !important;
    background-color: #fff078 !important;
    color: #2b061f !important;
    -webkit-text-fill-color: #2b061f !important;
}

/* DATINGBOX_ADMIN_TOPBUTTONS_KLASSE_FIX_2026_05_10 */

.admin-top-button-fix,
.admin-dark-table-page .admin-top-button-fix,
main.admin-dark-table-page .admin-top-button-fix,
a.admin-top-button-fix,
a.admin-top-button-fix:link,
a.admin-top-button-fix:visited,
a.admin-top-button-fix:hover,
a.admin-top-button-fix:active {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffe45c !important;
    background-color: #ffe45c !important;
    color: #210019 !important;
    -webkit-text-fill-color: #210019 !important;
    border: 1px solid #ffe45c !important;
    border-radius: 12px !important;
    padding: 12px 20px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: 0 8px 18px rgba(35, 0, 25, 0.22) !important;
}

a.admin-top-button-fix:hover {
    background: #fff078 !important;
    background-color: #fff078 !important;
    color: #210019 !important;
    -webkit-text-fill-color: #210019 !important;
}

/* DATINGBOX_BENUTZERVERWALTUNG_DUNKEL_2026_05_10 */

.admin-manage-users-readable-page {
    color: #fff7ef !important;
}

.admin-manage-users-readable-page h1,
.admin-manage-users-readable-page h2,
.admin-manage-users-readable-page h3,
.admin-manage-users-readable-page strong {
    color: #ffe64d !important;
}

.admin-manage-users-readable-page p,
.admin-manage-users-readable-page label,
.admin-manage-users-readable-page small {
    color: #fff7ef !important;
}

/* Benutzerverwaltung: Tabellen dunkel und gut lesbar */
.admin-manage-users-readable-page table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: rgba(70, 4, 45, 0.78) !important;
    color: #fff7ef !important;
    border: 1px solid rgba(255, 230, 77, 0.48) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

.admin-manage-users-readable-page thead,
.admin-manage-users-readable-page tbody,
.admin-manage-users-readable-page tr {
    background: transparent !important;
}

.admin-manage-users-readable-page th {
    background: rgba(255, 230, 77, 0.17) !important;
    color: #ffe64d !important;
    font-weight: 900 !important;
    border-bottom: 1px solid rgba(255, 230, 77, 0.45) !important;
    padding: 12px 14px !important;
}

.admin-manage-users-readable-page td {
    background: rgba(95, 10, 58, 0.74) !important;
    color: #fff7ef !important;
    border-bottom: 1px solid rgba(255, 230, 77, 0.20) !important;
    padding: 13px 14px !important;
    vertical-align: top !important;
}

.admin-manage-users-readable-page tr:nth-child(even) td {
    background: rgba(115, 18, 69, 0.76) !important;
}

.admin-manage-users-readable-page tr:hover td {
    background: rgba(145, 35, 85, 0.82) !important;
}

.admin-manage-users-readable-page td small,
.admin-manage-users-readable-page td .muted,
.admin-manage-users-readable-page td .hint,
.admin-manage-users-readable-page td .subtext {
    color: #f5ded7 !important;
}

/* Badges und Rollen */
.admin-manage-users-readable-page .badge,
.admin-manage-users-readable-page .role-badge,
.admin-manage-users-readable-page .status-badge,
.admin-manage-users-readable-page .pill {
    color: #2b061f !important;
    background: #ffe45c !important;
    border: 1px solid rgba(255, 230, 77, 0.65) !important;
    font-weight: 800 !important;
}

.admin-manage-users-readable-page .badge-success,
.admin-manage-users-readable-page .active,
.admin-manage-users-readable-page .is-success {
    background: #b9ffd5 !important;
    color: #07391f !important;
}

.admin-manage-users-readable-page .badge-danger,
.admin-manage-users-readable-page .blocked,
.admin-manage-users-readable-page .danger {
    background: #ff8b93 !important;
    color: #2b061f !important;
}

/* Buttons in Benutzerverwaltung */
.admin-manage-users-readable-page .btn,
.admin-manage-users-readable-page button,
.admin-manage-users-readable-page a.button,
.admin-manage-users-readable-page a.btn,
.admin-manage-users-readable-page .admin-top-button-fix {
    background: #ffe45c !important;
    background-color: #ffe45c !important;
    color: #210019 !important;
    -webkit-text-fill-color: #210019 !important;
    border: 1px solid #ffe45c !important;
    border-radius: 12px !important;
    font-weight: 900 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
    text-decoration: none !important;
}

.admin-manage-users-readable-page .btn *,
.admin-manage-users-readable-page button *,
.admin-manage-users-readable-page a.button *,
.admin-manage-users-readable-page a.btn *,
.admin-manage-users-readable-page .admin-top-button-fix * {
    color: #210019 !important;
    -webkit-text-fill-color: #210019 !important;
    text-shadow: none !important;
}

.admin-manage-users-readable-page .btn:hover,
.admin-manage-users-readable-page button:hover,
.admin-manage-users-readable-page a.button:hover,
.admin-manage-users-readable-page a.btn:hover,
.admin-manage-users-readable-page .admin-top-button-fix:hover {
    background: #fff078 !important;
    background-color: #fff078 !important;
    color: #210019 !important;
    -webkit-text-fill-color: #210019 !important;
}

/* Löschen/Sperren dürfen farblich warnen, aber lesbar */
.admin-manage-users-readable-page .btn-danger,
.admin-manage-users-readable-page button[name*="delete"],
.admin-manage-users-readable-page button[value*="delete"],
.admin-manage-users-readable-page button[name*="sperr"],
.admin-manage-users-readable-page button[value*="sperr"] {
    background: #ff8b93 !important;
    color: #210019 !important;
    -webkit-text-fill-color: #210019 !important;
    border-color: #ff8b93 !important;
}

/* DATINGBOX_MITGLIEDERKARTEN_OPTIK_2026_05_10 */

/* Mitgliederseite: Karten ruhiger, gleichmäßiger und besser lesbar */
.member-profile-card {
    max-width: 520px !important;
    min-height: 100% !important;
    padding: 24px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(255, 230, 77, 0.62) !important;
    background:
        radial-gradient(circle at top left, rgba(255, 230, 77, 0.08), transparent 34%),
        linear-gradient(135deg, rgba(115, 9, 63, 0.98), rgba(132, 28, 78, 0.96)) !important;
    box-shadow: 0 18px 42px rgba(35, 0, 25, 0.28) !important;
    color: #fff7ef !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.member-profile-head {
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: center !important;
}

.member-profile-photo,
.member-profile-initial {
    width: 76px !important;
    height: 76px !important;
    border-radius: 999px !important;
    border: 3px solid #ffe64d !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.30) !important;
    background: rgba(255, 230, 77, 0.12) !important;
    object-fit: cover !important;
}

.member-profile-initial {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffe64d !important;
    font-weight: 900 !important;
    font-size: 2.1rem !important;
}

.member-profile-card h2,
.member-profile-card h3,
.member-profile-card strong {
    color: #ffe64d !important;
}

.member-profile-card p,
.member-profile-card div,
.member-profile-card span {
    color: #fff7ef;
}

.member-profile-card .member-name,
.member-profile-card h2 {
    margin: 0 0 4px !important;
    line-height: 1.15 !important;
}

.member-profile-card .member-meta,
.member-profile-card .profile-meta,
.member-profile-card .member-badges,
.member-profile-card .profile-badges,
.member-profile-card .member-tags,
.member-profile-card .profile-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 8px 0 !important;
}

.member-profile-card .member-meta span,
.member-profile-card .profile-meta span,
.member-profile-card .member-badges span,
.member-profile-card .profile-badges span,
.member-profile-card .member-tags span,
.member-profile-card .profile-tags span {
    display: inline-flex !important;
    align-items: center !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    background: rgba(255, 230, 77, 0.14) !important;
    color: #ffe64d !important;
    border: 1px solid rgba(255, 230, 77, 0.42) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

.member-profile-card .member-section,
.member-profile-card .profile-section {
    padding-top: 14px !important;
    border-top: 1px solid rgba(255, 230, 77, 0.20) !important;
}

.member-profile-card .member-section h3,
.member-profile-card .profile-section h3 {
    margin: 0 0 8px !important;
}

.member-profile-card .member-section p,
.member-profile-card .profile-section p {
    margin: 0 !important;
    line-height: 1.62 !important;
}

.member-profile-card .member-actions,
.member-profile-card .profile-actions,
.member-profile-card form {
    margin-top: auto !important;
}

.member-profile-card .member-actions,
.member-profile-card .profile-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding-top: 12px !important;
}

.member-profile-card .btn,
.member-profile-card button,
.member-profile-card a.button {
    background: #ffe45c !important;
    color: #210019 !important;
    -webkit-text-fill-color: #210019 !important;
    border: 1px solid #ffe45c !important;
    border-radius: 12px !important;
    padding: 11px 16px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

.member-profile-card .btn:hover,
.member-profile-card button:hover,
.member-profile-card a.button:hover {
    background: #fff078 !important;
    color: #210019 !important;
    -webkit-text-fill-color: #210019 !important;
}

/* Profil verbergen dezenter, aber lesbar */
.member-profile-card button[name="profile_block_action"],
.member-profile-card button[value="block"] {
    background: transparent !important;
    color: #ffe64d !important;
    -webkit-text-fill-color: #ffe64d !important;
    border: 1px solid rgba(255, 230, 77, 0.62) !important;
}

/* Kartenraster, falls mehrere Mitglieder sichtbar sind */
.members-grid,
.member-list,
.members-list,
.member-results {
    align-items: stretch !important;
    gap: 20px !important;
}

/* Suchbereich ruhig und passend */
.members-search,
.member-search,
.members-filter,
.member-filter {
    color: #fff7ef !important;
}

.members-search input,
.member-search input,
.members-filter input,
.member-filter input,
input[name="q"] {
    min-height: 48px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 230, 77, 0.38) !important;
    background: #fff9f2 !important;
    color: #210019 !important;
    padding: 0 18px !important;
}

.members-search button,
.member-search button,
.members-filter button,
.member-filter button {
    min-height: 48px !important;
    border-radius: 14px !important;
    background: #ffe45c !important;
    color: #210019 !important;
    -webkit-text-fill-color: #210019 !important;
    border: 1px solid #ffe45c !important;
    font-weight: 900 !important;
}

/* Mobile Ansicht */
@media (max-width: 720px) {
    .member-profile-card {
        max-width: 100% !important;
        padding: 20px !important;
    }

    .member-profile-head {
        grid-template-columns: 64px minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    .member-profile-photo,
    .member-profile-initial {
        width: 62px !important;
        height: 62px !important;
    }

    .member-profile-card .member-actions,
    .member-profile-card .profile-actions {
        flex-direction: column !important;
    }

    .member-profile-card .btn,
    .member-profile-card button,
    .member-profile-card a.button {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* DATINGBOX_NACHRICHTEN_KOMPAKT_2026_05_11 */

/* Nachrichtenseite: ruhiger, kompakter, klarer */
.db-messages-compact-page {
    color: #fff7ef !important;
}

.db-messages-compact-page h1,
.db-messages-compact-page h2,
.db-messages-compact-page h3,
.db-messages-compact-page strong {
    color: #ffe64d !important;
}

.db-messages-compact-page p,
.db-messages-compact-page div,
.db-messages-compact-page span,
.db-messages-compact-page label {
    color: inherit;
}

/* Hauptbereiche etwas kompakter */
.db-messages-compact-page .messages-layout,
.db-messages-compact-page .message-layout,
.db-messages-compact-page .messages-grid,
.db-messages-compact-page .conversation-layout,
.db-messages-compact-page .inbox-layout {
    gap: 18px !important;
    align-items: start !important;
}

/* Kontaktspalte und Gesprächsbereich */
.db-messages-compact-page .contacts,
.db-messages-compact-page .contact-list,
.db-messages-compact-page .messages-contacts,
.db-messages-compact-page .message-contacts,
.db-messages-compact-page .conversation,
.db-messages-compact-page .conversation-panel,
.db-messages-compact-page .message-panel,
.db-messages-compact-page .messages-panel {
    background: rgba(105, 8, 58, 0.82) !important;
    border: 1px solid rgba(255, 230, 77, 0.42) !important;
    border-radius: 22px !important;
    box-shadow: 0 16px 36px rgba(35, 0, 25, 0.24) !important;
    color: #fff7ef !important;
}

/* Einzelne Kontaktkarte links */
.db-messages-compact-page .contact-card,
.db-messages-compact-page .message-contact,
.db-messages-compact-page .conversation-contact,
.db-messages-compact-page .contact-item {
    background: rgba(132, 28, 78, 0.86) !important;
    border: 1px solid rgba(255, 230, 77, 0.48) !important;
    border-radius: 18px !important;
    padding: 14px !important;
    color: #fff7ef !important;
}

/* Gesprächskopf kompakter */
.db-messages-compact-page .conversation-header,
.db-messages-compact-page .message-header,
.db-messages-compact-page .chat-header {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 14px !important;
}

/* Avatare */
.db-messages-compact-page img,
.db-messages-compact-page .avatar,
.db-messages-compact-page .message-avatar,
.db-messages-compact-page .contact-avatar {
    border: 3px solid #ffe64d !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28) !important;
}

/* Kleine Info-Pillen */
.db-messages-compact-page .pill,
.db-messages-compact-page .badge,
.db-messages-compact-page .tag,
.db-messages-compact-page .meta span,
.db-messages-compact-page .profile-meta span,
.db-messages-compact-page .member-meta span {
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: rgba(255, 230, 77, 0.14) !important;
    color: #ffe64d !important;
    border: 1px solid rgba(255, 230, 77, 0.42) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

/* Hinweisboxen im Nachrichtenschreiben dunkel statt hell */
.db-messages-compact-page .message-hint,
.db-messages-compact-page .first-message-help,
.db-messages-compact-page .honest-writing-hint,
.db-messages-compact-page .writing-help,
.db-messages-compact-page .compose-help,
.db-messages-compact-page .form-hint,
.db-messages-compact-page [class*="hint"],
.db-messages-compact-page [class*="help"] {
    background: rgba(132, 28, 78, 0.88) !important;
    border: 1px solid rgba(255, 230, 77, 0.34) !important;
    border-left: 4px solid #ffe64d !important;
    border-radius: 16px !important;
    color: #fff7ef !important;
    padding: 14px 16px !important;
}

/* Nachrichtentextfeld */
.db-messages-compact-page textarea,
.db-messages-compact-page input[type="text"] {
    background: #fff9f2 !important;
    color: #210019 !important;
    border: 1px solid rgba(255, 230, 77, 0.42) !important;
    border-radius: 16px !important;
    min-height: 110px !important;
    padding: 14px !important;
    font-size: 1rem !important;
    line-height: 1.45 !important;
}

/* Schreibformular kompakter */
.db-messages-compact-page form {
    margin-top: 14px !important;
}

.db-messages-compact-page .compose-box,
.db-messages-compact-page .message-form,
.db-messages-compact-page .reply-form,
.db-messages-compact-page .new-message {
    max-width: 560px !important;
    background: rgba(105, 8, 58, 0.72) !important;
    border: 1px solid rgba(255, 230, 77, 0.32) !important;
    border-radius: 18px !important;
    padding: 14px !important;
}

/* Buttons */
.db-messages-compact-page .btn,
.db-messages-compact-page button,
.db-messages-compact-page a.button {
    background: #ffe45c !important;
    color: #210019 !important;
    -webkit-text-fill-color: #210019 !important;
    border: 1px solid #ffe45c !important;
    border-radius: 12px !important;
    padding: 11px 16px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

.db-messages-compact-page .btn:hover,
.db-messages-compact-page button:hover,
.db-messages-compact-page a.button:hover {
    background: #fff078 !important;
    color: #210019 !important;
    -webkit-text-fill-color: #210019 !important;
}

/* Vorschlagsbuttons enger und sauber */
.db-messages-compact-page .suggestion-buttons,
.db-messages-compact-page .message-suggestions,
.db-messages-compact-page .first-message-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 10px !important;
}

/* Nachrichtenliste */
.db-messages-compact-page .message,
.db-messages-compact-page .chat-message,
.db-messages-compact-page .message-bubble {
    background: rgba(132, 28, 78, 0.78) !important;
    border: 1px solid rgba(255, 230, 77, 0.24) !important;
    border-radius: 16px !important;
    padding: 12px 14px !important;
    margin: 10px 0 !important;
    color: #fff7ef !important;
}

/* Leerer Zustand */
.db-messages-compact-page .empty,
.db-messages-compact-page .empty-state,
.db-messages-compact-page .no-messages {
    background: rgba(132, 28, 78, 0.58) !important;
    border: 1px dashed rgba(255, 230, 77, 0.38) !important;
    border-radius: 16px !important;
    padding: 16px !important;
    color: #fff7ef !important;
}

/* Mobile Ansicht */
@media (max-width: 820px) {
    .db-messages-compact-page .messages-layout,
    .db-messages-compact-page .message-layout,
    .db-messages-compact-page .messages-grid,
    .db-messages-compact-page .conversation-layout,
    .db-messages-compact-page .inbox-layout {
        grid-template-columns: 1fr !important;
    }

    .db-messages-compact-page .compose-box,
    .db-messages-compact-page .message-form,
    .db-messages-compact-page .reply-form,
    .db-messages-compact-page .new-message {
        max-width: 100% !important;
    }

    .db-messages-compact-page .btn,
    .db-messages-compact-page button,
    .db-messages-compact-page a.button {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* DATINGBOX_HILFE_AUFARBEITUNG_2026_05_11 */

.db-help-page {
    color: #fff7ef !important;
}

.db-help-page h1,
.db-help-page h2,
.db-help-page h3,
.db-help-page strong {
    color: #ffe64d !important;
}

.db-help-page p {
    color: #fff7ef !important;
    line-height: 1.65 !important;
}

.db-help-hero,
.db-help-principle {
    background:
        radial-gradient(circle at top left, rgba(255, 230, 77, 0.08), transparent 34%),
        linear-gradient(135deg, rgba(115, 9, 63, 0.98), rgba(132, 28, 78, 0.96)) !important;
    border: 1px solid rgba(255, 230, 77, 0.58) !important;
    border-radius: 26px !important;
    padding: 28px !important;
    box-shadow: 0 18px 42px rgba(35, 0, 25, 0.24) !important;
    margin-bottom: 24px !important;
}

.db-help-kicker {
    display: inline-flex !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 230, 77, 0.52) !important;
    background: rgba(255, 230, 77, 0.10) !important;
    color: #ffe64d !important;
    font-weight: 900 !important;
    margin: 0 0 14px !important;
}

.db-help-hero h1 {
    font-size: clamp(2rem, 5vw, 4rem) !important;
    line-height: 1.03 !important;
    margin: 0 0 18px !important;
}

.db-help-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin: 24px 0 !important;
}

.db-help-card {
    background: rgba(132, 28, 78, 0.86) !important;
    border: 1px solid rgba(255, 230, 77, 0.40) !important;
    border-radius: 22px !important;
    padding: 22px !important;
    box-shadow: 0 14px 32px rgba(35, 0, 25, 0.20) !important;
}

.db-help-card h2 {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

.db-help-card p:last-child {
    margin-bottom: 0 !important;
}

.db-help-principle {
    border-left: 5px solid #ffe64d !important;
}

@media (max-width: 820px) {
    .db-help-grid {
        grid-template-columns: 1fr !important;
    }

    .db-help-hero,
    .db-help-principle,
    .db-help-card {
        padding: 20px !important;
    }
}

/* DATINGBOX_UEBER_UNS_AUFARBEITUNG_2026_05_11 */

.db-about-page {
    color: #fff7ef !important;
}

.db-about-page h1,
.db-about-page h2,
.db-about-page h3,
.db-about-page strong {
    color: #ffe64d !important;
}

.db-about-page p {
    color: #fff7ef !important;
    line-height: 1.65 !important;
}

.db-about-hero,
.db-about-principle {
    background:
        radial-gradient(circle at top left, rgba(255, 230, 77, 0.08), transparent 34%),
        linear-gradient(135deg, rgba(115, 9, 63, 0.98), rgba(132, 28, 78, 0.96)) !important;
    border: 1px solid rgba(255, 230, 77, 0.58) !important;
    border-radius: 26px !important;
    padding: 30px !important;
    box-shadow: 0 18px 42px rgba(35, 0, 25, 0.24) !important;
    margin-bottom: 24px !important;
}

.db-about-kicker {
    display: inline-flex !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 230, 77, 0.52) !important;
    background: rgba(255, 230, 77, 0.10) !important;
    color: #ffe64d !important;
    font-weight: 900 !important;
    margin: 0 0 14px !important;
}

.db-about-hero h1 {
    font-size: clamp(2rem, 5vw, 4rem) !important;
    line-height: 1.03 !important;
    margin: 0 0 18px !important;
}

.db-about-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin: 24px 0 !important;
}

.db-about-card {
    background:
        linear-gradient(135deg, rgba(132, 28, 78, 0.90), rgba(105, 8, 58, 0.88)) !important;
    border: 1px solid rgba(255, 230, 77, 0.40) !important;
    border-radius: 22px !important;
    padding: 22px !important;
    box-shadow: 0 14px 32px rgba(35, 0, 25, 0.20) !important;
}

.db-about-card h2 {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

.db-about-card p:last-child {
    margin-bottom: 0 !important;
}

.db-about-principle {
    border-left: 5px solid #ffe64d !important;
}

@media (max-width: 820px) {
    .db-about-grid {
        grid-template-columns: 1fr !important;
    }

    .db-about-hero,
    .db-about-principle,
    .db-about-card {
        padding: 20px !important;
    }
}

/* DATINGBOX_REGISTER_LOGIN_AUFARBEITUNG_2026_05_11 */

.db-auth-page {
    color: #fff7ef !important;
}

.db-auth-page h1,
.db-auth-page h2,
.db-auth-page h3,
.db-auth-page strong,
.db-auth-page label {
    color: #ffe64d !important;
}

.db-auth-page p {
    color: #fff7ef !important;
    line-height: 1.6 !important;
}

.db-auth-hero {
    background:
        radial-gradient(circle at top left, rgba(255, 230, 77, 0.10), transparent 34%),
        linear-gradient(135deg, rgba(115, 9, 63, 0.98), rgba(132, 28, 78, 0.96)) !important;
    border: 1px solid rgba(255, 230, 77, 0.58) !important;
    border-radius: 26px !important;
    padding: 28px !important;
    box-shadow: 0 18px 42px rgba(35, 0, 25, 0.24) !important;
    margin-bottom: 24px !important;
}

.db-auth-kicker {
    display: inline-flex !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 230, 77, 0.52) !important;
    background: rgba(255, 230, 77, 0.10) !important;
    color: #ffe64d !important;
    font-weight: 900 !important;
    margin: 0 0 14px !important;
}

.db-auth-hero h1 {
    font-size: clamp(2rem, 5vw, 4rem) !important;
    line-height: 1.03 !important;
    margin: 0 0 18px !important;
}

.db-auth-points {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 18px !important;
}

.db-auth-points span {
    display: inline-flex !important;
    align-items: center !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    background: rgba(255, 230, 77, 0.12) !important;
    color: #ffe64d !important;
    border: 1px solid rgba(255, 230, 77, 0.44) !important;
    font-weight: 900 !important;
}

/* Formulare auf Login/Registrierung ruhiger */
.db-auth-page form,
.db-auth-page .register-card,
.db-auth-page .login-card,
.db-auth-page .card,
.db-auth-page .form-card {
    background: rgba(132, 28, 78, 0.86) !important;
    border: 1px solid rgba(255, 230, 77, 0.38) !important;
    border-radius: 22px !important;
    box-shadow: 0 14px 32px rgba(35, 0, 25, 0.20) !important;
}

.db-auth-page input,
.db-auth-page select,
.db-auth-page textarea {
    background: #fff9f2 !important;
    color: #210019 !important;
    border: 1px solid rgba(255, 230, 77, 0.42) !important;
    border-radius: 12px !important;
}

.db-auth-page input::placeholder,
.db-auth-page textarea::placeholder {
    color: rgba(33, 0, 25, 0.58) !important;
}

.db-auth-page .btn,
.db-auth-page button,
.db-auth-page input[type="submit"] {
    background: #ffe45c !important;
    color: #210019 !important;
    -webkit-text-fill-color: #210019 !important;
    border: 1px solid #ffe45c !important;
    border-radius: 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

.db-auth-page .btn:hover,
.db-auth-page button:hover,
.db-auth-page input[type="submit"]:hover {
    background: #fff078 !important;
    color: #210019 !important;
    -webkit-text-fill-color: #210019 !important;
}

/* Hinweise und Fehlermeldungen lesbar halten */
.db-auth-page .alert,
.db-auth-page .notice,
.db-auth-page .success,
.db-auth-page .error,
.db-auth-page .form-hint {
    border-radius: 16px !important;
    border: 1px solid rgba(255, 230, 77, 0.40) !important;
    background: rgba(105, 8, 58, 0.86) !important;
    color: #fff7ef !important;
}

@media (max-width: 820px) {
    .db-auth-hero {
        padding: 20px !important;
    }

    .db-auth-points {
        flex-direction: column !important;
    }

    .db-auth-points span {
        width: fit-content !important;
    }
}

/* DATINGBOX_KONTAKT_AUFARBEITUNG_2026_05_11 */

.db-contact-page {
    color: #fff7ef !important;
}

.db-contact-page h1,
.db-contact-page h2,
.db-contact-page h3,
.db-contact-page strong,
.db-contact-page label {
    color: #ffe64d !important;
}

.db-contact-page p {
    color: #fff7ef !important;
    line-height: 1.65 !important;
}

.db-contact-hero,
.db-contact-note {
    background:
        radial-gradient(circle at top left, rgba(255, 230, 77, 0.10), transparent 34%),
        linear-gradient(135deg, rgba(115, 9, 63, 0.98), rgba(132, 28, 78, 0.96)) !important;
    border: 1px solid rgba(255, 230, 77, 0.58) !important;
    border-radius: 26px !important;
    padding: 28px !important;
    box-shadow: 0 18px 42px rgba(35, 0, 25, 0.24) !important;
    margin-bottom: 24px !important;
}

.db-contact-kicker {
    display: inline-flex !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 230, 77, 0.52) !important;
    background: rgba(255, 230, 77, 0.10) !important;
    color: #ffe64d !important;
    font-weight: 900 !important;
    margin: 0 0 14px !important;
}

.db-contact-hero h1 {
    font-size: clamp(2rem, 5vw, 4rem) !important;
    line-height: 1.03 !important;
    margin: 0 0 18px !important;
}

.db-contact-points {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 18px !important;
}

.db-contact-points span {
    display: inline-flex !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    background: rgba(255, 230, 77, 0.12) !important;
    color: #ffe64d !important;
    border: 1px solid rgba(255, 230, 77, 0.44) !important;
    font-weight: 900 !important;
}

.db-contact-page form,
.db-contact-page .card,
.db-contact-page .form-card,
.db-contact-page .contact-card {
    background: rgba(132, 28, 78, 0.86) !important;
    border: 1px solid rgba(255, 230, 77, 0.38) !important;
    border-radius: 22px !important;
    padding: 22px !important;
    box-shadow: 0 14px 32px rgba(35, 0, 25, 0.20) !important;
}

.db-contact-page input,
.db-contact-page select,
.db-contact-page textarea {
    background: #fff9f2 !important;
    color: #210019 !important;
    border: 1px solid rgba(255, 230, 77, 0.42) !important;
    border-radius: 12px !important;
}

.db-contact-page textarea {
    min-height: 150px !important;
}

.db-contact-page .btn,
.db-contact-page button,
.db-contact-page input[type="submit"] {
    background: #ffe45c !important;
    color: #210019 !important;
    -webkit-text-fill-color: #210019 !important;
    border: 1px solid #ffe45c !important;
    border-radius: 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.db-contact-page .alert,
.db-contact-page .notice,
.db-contact-page .success,
.db-contact-page .error {
    border-radius: 16px !important;
    border: 1px solid rgba(255, 230, 77, 0.40) !important;
    background: rgba(105, 8, 58, 0.86) !important;
    color: #fff7ef !important;
}

@media (max-width: 820px) {
    .db-contact-hero,
    .db-contact-note {
        padding: 20px !important;
    }

    .db-contact-points {
        flex-direction: column !important;
    }

    .db-contact-points span {
        width: fit-content !important;
    }
}

/* DATINGBOX_KONTAKT_SPEICHERPFAD_VERBERGEN_2026_05_11 */

.db-contact-storage-note {
    display: inline-block !important;
    margin-top: 14px !important;
    padding: 10px 14px !important;
    border-radius: 14px !important;
    background: rgba(255, 230, 77, 0.10) !important;
    border: 1px solid rgba(255, 230, 77, 0.38) !important;
    color: #fff7ef !important;
    font-weight: 700 !important;
}

/* DATINGBOX_RECHTLICHE_SEITEN_DESIGN_2026_05_11 */

.db-legal-page {
    color: #fff7ef !important;
}

.db-legal-page h1,
.db-legal-page h2,
.db-legal-page h3,
.db-legal-page h4,
.db-legal-page strong {
    color: #ffe64d !important;
}

.db-legal-page h1 {
    font-size: clamp(2.2rem, 5vw, 4.2rem) !important;
    line-height: 1.04 !important;
    margin-bottom: 22px !important;
}

.db-legal-page h2 {
    margin-top: 34px !important;
    margin-bottom: 12px !important;
    font-size: 1.55rem !important;
}

.db-legal-page h3 {
    margin-top: 24px !important;
    margin-bottom: 10px !important;
    font-size: 1.18rem !important;
}

.db-legal-page p,
.db-legal-page li,
.db-legal-page td,
.db-legal-page th {
    color: #fff7ef !important;
    line-height: 1.7 !important;
}

.db-legal-page a:not(.btn):not(.btn-link) {
    color: #ffe64d !important;
    font-weight: 800 !important;
}

.db-legal-page > section,
.db-legal-page .legal-section,
.db-legal-page .card,
.db-legal-page article {
    background:
        radial-gradient(circle at top left, rgba(255, 230, 77, 0.10), transparent 34%),
        linear-gradient(135deg, rgba(115, 9, 63, 0.98), rgba(132, 28, 78, 0.96)) !important;
    border: 1px solid rgba(255, 230, 77, 0.45) !important;
    border-radius: 24px !important;
    padding: 26px !important;
    margin-bottom: 22px !important;
    box-shadow: 0 18px 42px rgba(35, 0, 25, 0.22) !important;
}

.db-legal-page table {
    width: 100% !important;
    border-collapse: collapse !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    background: rgba(105, 8, 58, 0.82) !important;
    border: 1px solid rgba(255, 230, 77, 0.32) !important;
}

.db-legal-page th {
    background: rgba(255, 230, 77, 0.12) !important;
    color: #ffe64d !important;
    font-weight: 900 !important;
}

.db-legal-page th,
.db-legal-page td {
    padding: 12px 14px !important;
    border-bottom: 1px solid rgba(255, 230, 77, 0.20) !important;
}

.db-legal-page ul,
.db-legal-page ol {
    padding-left: 1.25rem !important;
}

.db-legal-page code,
.db-legal-page pre {
    background: rgba(35, 0, 25, 0.55) !important;
    color: #ffe64d !important;
    border: 1px solid rgba(255, 230, 77, 0.25) !important;
    border-radius: 10px !important;
}

@media (max-width: 820px) {
    .db-legal-page > section,
    .db-legal-page .legal-section,
    .db-legal-page .card,
    .db-legal-page article {
        padding: 20px !important;
    }

    .db-legal-page table {
        display: block !important;
        overflow-x: auto !important;
    }
}

/* DATINGBOX_RECHTLICHE_TEXTE_AUFARBEITUNG_2026_05_11 */
.db-legal-text-page {
    line-height: 1.75;
}

.db-legal-hero {
    border: 1px solid rgba(255, 230, 80, 0.42);
    border-radius: 24px;
    padding: 28px 32px;
    margin-bottom: 24px;
    background: linear-gradient(135deg, rgba(126, 10, 68, 0.92), rgba(95, 7, 49, 0.92));
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.20);
}

.db-legal-kicker {
    display: inline-block;
    margin: 0 0 14px;
    padding: 7px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 230, 80, 0.55);
    background: rgba(255, 255, 255, 0.10);
    color: #ffe94d;
    font-weight: 800;
}

.db-legal-hero h1 {
    margin: 0 0 16px;
    color: #ffe94d;
    font-size: clamp(2.2rem, 5vw, 4.5rem);
    line-height: 0.98;
}

.db-legal-hero p {
    max-width: 980px;
    color: #fff7f9;
    font-size: 1.05rem;
}

.db-legal-notice {
    margin: 0 0 26px;
    padding: 18px 20px;
    border-left: 5px solid #ffe94d;
    border-radius: 12px;
    background: rgba(255, 185, 103, 0.20);
    color: #fff7f9;
}

.db-legal-section {
    margin: 0 0 28px;
    padding: 22px 24px;
    border: 1px solid rgba(255, 230, 80, 0.18);
    border-radius: 18px;
    background: rgba(126, 10, 68, 0.36);
}

.db-legal-section h2 {
    margin-top: 0;
    color: #ffe94d;
}

.db-legal-section p {
    margin-bottom: 0;
    color: #fff7f9;
}

.db-legal-section a {
    color: #fff1a6;
    font-weight: 800;
}

.db-legal-sample {
    padding: 16px 18px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 230, 80, 0.18);
}

.db-legal-actions {
    margin-top: 28px;
}

@media (max-width: 760px) {
    .db-legal-hero,
    .db-legal-section {
        padding: 20px 18px;
    }
}

/* DATINGBOX_MOBILE_BUTTONS_LESBAR_2026_05_11 */

/* Grundsätzlich: gelbe Buttons klar lesbar */
.btn,
.btn-link,
button,
input[type="submit"],
input[type="button"],
a.btn,
a.btn-link {
  color: #240015 !important;
  background: #ffe45c !important;
  border-color: #ffe45c !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Auch besuchte Links nicht verblassen lassen */
.btn:visited,
.btn-link:visited,
a.btn:visited,
a.btn-link:visited {
  color: #240015 !important;
}

/* Tablet: größere Button-Schrift */
@media (max-width: 900px) {
  .btn,
  .btn-link,
  button,
  input[type="submit"],
  input[type="button"],
  a.btn,
  a.btn-link {
    font-size: 1rem !important;
    line-height: 1.25 !important;
    padding: 12px 18px !important;
    min-height: 44px !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    white-space: normal !important;
  }
}

/* Handy: Buttons deutlich größer und besser antippbar */
@media (max-width: 620px) {
  .btn,
  .btn-link,
  button,
  input[type="submit"],
  input[type="button"],
  a.btn,
  a.btn-link {
    font-size: 1.05rem !important;
    line-height: 1.25 !important;
    padding: 13px 18px !important;
    min-height: 48px !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  .db-home-actions,
  .form-actions,
  .profile-actions,
  .member-actions,
  .message-actions,
  .admin-actions,
  .db-auth-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  .db-home-actions .btn,
  .form-actions .btn,
  .profile-actions .btn,
  .member-actions .btn,
  .message-actions .btn,
  .admin-actions .btn,
  .db-auth-actions .btn,
  .db-home-actions .btn-link,
  .form-actions .btn-link,
  .profile-actions .btn-link,
  .member-actions .btn-link,
  .message-actions .btn-link,
  .admin-actions .btn-link,
  .db-auth-actions .btn-link {
    width: auto !important;
    min-width: 150px !important;
  }
}

/* Kleine Navigationslinks nicht zu winzig */
@media (max-width: 620px) {
  header a,
  .site-header a,
  .main-header a,
  nav a,
  .main-nav a {
    font-size: 0.98rem !important;
    font-weight: 800 !important;
  }
}

/* DATINGBOX_MITGLIEDERSUCHE_EINGABEFELD_FIX_2026_05_11 */

/* Mitglieder-Suche: Eingabefeld wieder normal, nicht riesig/oval */
.db-members-search-form {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 18px 0 24px !important;
}

.db-members-search-form input[name="q"],
.members-search input[name="q"],
.member-search input[name="q"],
form input[name="q"] {
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    background: #fff9f2 !important;
    color: #210019 !important;
    -webkit-text-fill-color: #210019 !important;
    border: 1px solid rgba(255, 230, 77, 0.55) !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
}

.db-members-search-form input[name="q"]::placeholder,
.members-search input[name="q"]::placeholder,
.member-search input[name="q"]::placeholder,
form input[name="q"]::placeholder {
    color: rgba(33, 0, 25, 0.62) !important;
    -webkit-text-fill-color: rgba(33, 0, 25, 0.62) !important;
}

.db-members-search-form button,
.db-members-search-form .btn,
.db-members-search-form .btn-link {
    min-height: 44px !important;
    height: 44px !important;
    padding: 10px 16px !important;
    border-radius: 12px !important;
}

/* Handy: Suchfeld darf breit sein, aber nicht als riesige Pille erscheinen */
@media (max-width: 620px) {
    .db-members-search-form {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }

    .db-members-search-form input[name="q"],
    .members-search input[name="q"],
    .member-search input[name="q"],
    form input[name="q"] {
        width: 100% !important;
        max-width: 100% !important;
        height: 46px !important;
        min-height: 46px !important;
        border-radius: 12px !important;
    }

    .db-members-search-form button,
    .db-members-search-form .btn,
    .db-members-search-form .btn-link {
        width: 100% !important;
        min-height: 46px !important;
    }
}

/* DATINGBOX_MITGLIEDERSUCHE_MOBILE_HOEHE_FIX_2026_05_11 */

/* Mitgliedersuche gezielt flacher machen */
.db-members-search-form {
    gap: 8px !important;
    margin-top: 10px !important;
    margin-bottom: 18px !important;
}

.db-members-search-form input[name="q"] {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 6px 12px !important;
    border-radius: 9px !important;
    font-size: 0.95rem !important;
    line-height: 1.1 !important;
}

.db-members-search-form button,
.db-members-search-form .btn,
.db-members-search-form .btn-link {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 6px 14px !important;
    border-radius: 9px !important;
    font-size: 0.9rem !important;
    line-height: 1.1 !important;
}

/* Handy: Suchfeld schlicht, flach und gut antippbar */
@media (max-width: 620px) {
    .db-members-search-form {
        gap: 8px !important;
        margin-top: 8px !important;
        margin-bottom: 16px !important;
    }

    .db-members-search-form input[name="q"] {
        width: 100% !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        padding: 6px 11px !important;
        border-radius: 9px !important;
        font-size: 0.92rem !important;
    }

    .db-members-search-form button,
    .db-members-search-form .btn,
    .db-members-search-form .btn-link {
        width: auto !important;
        align-self: flex-start !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        padding: 6px 14px !important;
        border-radius: 9px !important;
        font-size: 0.88rem !important;
    }
}

/* DATINGBOX_STARTSEITE_RUHIGER_2026_05_12 */
.db-home-calm {
    max-width: 1180px;
    margin: 0 auto;
    padding: 28px 18px 56px;
}

.db-home-calm .db-home-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.85fr);
    gap: 28px;
    align-items: stretch;
}

.db-home-calm .db-home-hero-text,
.db-home-calm .db-home-hero-card,
.db-home-calm .db-home-box,
.db-home-calm .db-home-principle {
    border: 1px solid rgba(255, 230, 80, 0.42);
    background: rgba(100, 0, 55, 0.58);
    border-radius: 22px;
    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.18);
}

.db-home-calm .db-home-hero-text {
    padding: 42px 44px;
}

.db-home-calm .db-home-hero-card {
    padding: 34px 34px;
}

.db-home-calm h1 {
    max-width: 760px;
    font-size: clamp(2.4rem, 6vw, 5.2rem);
    line-height: 0.98;
    letter-spacing: -0.04em;
}

.db-home-calm .db-home-lead {
    max-width: 760px;
    font-size: clamp(1.05rem, 1.7vw, 1.35rem);
    line-height: 1.65;
}

.db-home-calm .db-home-lead-small {
    margin-top: 10px;
    opacity: 0.95;
}

.db-home-calm .db-home-trust {
    margin-top: 24px;
}

.db-home-calm .db-home-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin-top: 26px;
}

.db-home-calm .db-home-box {
    padding: 26px 26px;
    min-height: 170px;
}

.db-home-calm .db-home-box h2 {
    font-size: clamp(1.15rem, 1.7vw, 1.45rem);
}

.db-home-calm .db-home-box p,
.db-home-calm .db-home-hero-card p,
.db-home-calm .db-home-principle p {
    line-height: 1.65;
}

.db-home-calm .db-home-principle {
    margin-top: 26px;
    padding: 30px 34px;
}

@media (max-width: 980px) {
    .db-home-calm .db-home-hero {
        grid-template-columns: 1fr;
    }

    .db-home-calm .db-home-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .db-home-calm {
        padding: 18px 12px 42px;
    }

    .db-home-calm .db-home-hero-text,
    .db-home-calm .db-home-hero-card,
    .db-home-calm .db-home-box,
    .db-home-calm .db-home-principle {
        border-radius: 18px;
    }

    .db-home-calm .db-home-hero-text,
    .db-home-calm .db-home-hero-card,
    .db-home-calm .db-home-principle {
        padding: 24px 18px;
    }

    .db-home-calm h1 {
        font-size: clamp(2.15rem, 11vw, 3.2rem);
    }

    .db-home-calm .db-home-steps {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .db-home-calm .db-home-box {
        min-height: unset;
        padding: 20px 18px;
    }

    .db-home-calm .db-home-actions {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .db-home-calm .db-home-actions .btn {
        width: 100%;
        text-align: center;
    }

    .db-home-calm .db-home-trust {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }
}