.klaro .title {
    color: #111827 !important;
}

/* ---------- Modal Dialog ---------- */
.klaro .cm-modal {
    background-color: #fff !important;
    color: #111827 !important;
    border-radius: 16px !important;
}

.klaro .cm-header {
    background-color: #fff;
    color: #111827 !important;
    padding: 2rem !important;
}

.klaro .cm-header span {
    color: #111827 !important;
}

.klaro .cm-purpose {
    color: #111827 !important;
}

.klaro .cm-service {
    color: #111827 !important;
}

.klaro .cm-body {
    color: #111827 !important;
    padding: 2rem !important;
}

.klaro .cm-footer {
    padding: 2rem !important;
}

/* ---------- Buttons im Dialog ---------- */

.klaro .cm-btn:hover {
    background-color: #4c3bc7 !important;
}

.klaro .cm-btn.cm-btn-success,
.klaro .cm-btn.cm-accept-all {
    background-color: #3e33a0 !important;
    padding: 0.5rem 1rem !important;
    float: right;
}

.klaro .cm-btn.cm-btn-success:hover,
.klaro .cm-btn.cm-accept-all:hover {
    background-color: #4c3bc7 !important;
}

/* ---------- Links überall ---------- */
.klaro a,
.klaro .cm-body a,
.klaro .cm-footer a {
    color: #3e33a0 !important;
    text-decoration: underline;
}

.klaro a:hover,
.klaro .cm-body a:hover,
.klaro .cm-footer a:hover {
    color: #4c3bc7 !important;
}

.klaro .cm-powered-by {
    display: none !important;
}