/*:root { --primary: #0b74de; --panel-bg: rgba(0,0,0,0.85); --light: #cfcfcf; }*/

.dsgvo-banner { position: fixed; left:0; right:0; bottom:0; background:var(--panel-bg); color:#fff; padding:1rem; display:flex; gap:1rem; z-index:99999; align-items:center; flex-wrap:wrap; }
.dsgvo-content { flex:1; min-width:220px }
.dsgvo-actions { display:flex; gap:.5rem; align-items:center }
.dsgvo-btn { background:var(--primary); color:#fff; border:none; padding:.5rem .9rem; border-radius:6px; cursor:pointer; font-weight:600 }
.dsgvo-ghost { background:transparent; border:1px solid rgba(255,255,255,.2) }
.dsgvo-settings { position:fixed; right:1rem; bottom:5.5rem; width:360px; max-width:calc(100% - 2rem); background:#fff; color:#111; border-radius:8px; box-shadow:0 8px 30px rgba(0,0,0,.35); padding:1rem; display:none; z-index:100000 }
.dsgvo-settings.open { display:block }
.dsgvo-toggle { display:flex; justify-content:space-between; align-items:center; padding:.5rem 0; border-bottom:1px solid #eee }
.dsgvo-small { font-size:.9rem; color:var(--text-normal) }
.dsgvo-banner .dsgvo-small {color:var(--light) }

.dsgvo-privacy-btn {
    position: fixed;
    right: .5rem;
    bottom: .5rem;
    background: var(--primary);
    color: #fff;
    padding: .7rem 1rem;
    border-radius: 8px;
    z-index: 2;
    cursor: pointer;
    font-weight: bold;
    /* border: unset; */
}

@media (max-width:480px) {
    .dsgvo-settings { left:1rem; right:1rem; width:auto; bottom:4.5rem; }
}