#drdsgvo_popup{
    padding:0 20px;
    box-sizing:border-box;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:30px!important;
    top:auto!important;
    z-index:2147483647!important;
}

/* ===============================
   CARD – UNTEN MITTIG ZENTRIERT
================================ */
#drdsgvo_popup .drdsgvo_ui{
    background:#ffffff !important;
    border-radius:14px;
    box-shadow:0 20px 50px rgba(0,0,0,0.25);
    border:1px solid #e5e5e5;
    width:100%;
    max-width:720px;
    margin:0 auto; /* Zentrierung */
    overflow:visible !important;
}

/* ===============================
   RESPONSIVE BREAKPOINTS
================================ */

/* große Monitore */
@media (min-width:1600px){
    #drdsgvo_popup .drdsgvo_ui{
        max-width:760px;
    }
}

/* Laptops */
@media (max-width:1200px){
    #drdsgvo_popup .drdsgvo_ui{
        max-width:680px;
    }
}

/* Tablets */
@media (max-width:992px){
    #drdsgvo_popup .drdsgvo_ui{
        max-width:620px;
    }
}

/* Kleine Tablets */
@media (max-width:768px){
    #drdsgvo_popup{
        bottom:15px!important;
    }
    #drdsgvo_popup .drdsgvo_ui{
        max-width:95%;
    }
}

/* Smartphones */
@media (max-width:576px){
    #drdsgvo_popup{
        padding:0;
        bottom:0!important;
    }
    #drdsgvo_popup .drdsgvo_ui{
        width:100%;
        max-width:100%;
        border-radius:14px 14px 0 0;
    }

    /* ===============================
       VERKÜRZEN DES ABSTANDS IM MOBILE PORTRÄT MODE
    ================================= */
    .wwwbtns1 {
        margin-bottom: 0 !important; /* Reduziert den Abstand zwischen den Buttons und der Zeile "Impressum" und "Datenschutzhinweise" */
    }

    .impds {
        margin-top: 0 !important; /* Verringert den Abstand zum Button */
    }
}

/* ===============================
   HEADLINE
================================ */
.banner-headline{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    padding:18px 22px 8px 22px;
}

.banner-headline h2{
    margin:0;
    font-size:18px;
    color:#000 !important;
    font-weight:600;
}

.banner-logo img{
    height:60px;
    width:auto;
}

/* ===============================
   TEXT
================================ */
.banner-text{
    padding:0 22px 6px 22px;
    font-size:14px;
    line-height:1.5;
    color:#000 !important;
}

/* ===============================
   HINWEISBLOCK
================================ */
.cookie-warning{
    background:#f3f3f3;
    margin:10px 22px;
    padding:10px 12px;
    border-radius:8px;
    font-size:13px;
    color:#000 !important;
}

/* ===============================
   BUTTONS – FUNKTIONSFÄHIG
================================ */
.wwwbtns1{
    display:flex !important;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
    padding:14px 22px 18px 22px; /* Erhöhter Abstand unten */
    margin-bottom: 40px; /* Vergrößerter Abstand nach unten */
}

.drdsgvo_button{
    border:none;
    padding:8px 16px;
    font-size:13px;
    border-radius:8px;
    cursor:pointer;
    transition:all .18s ease;
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
}

/* Standard */
.btnwww1{
    background:#e8e8e8;
}

/* Einverstanden */
.drdsgvo_button:nth-child(2){
    background:#84c101;
    color:#fff;
}

/* Details */
.drdsgvo_button[onclick*="showDetdrdsgvo"]{
    background:#8a8a8a !important;
    color:#fff;
}

/* Hover */
.drdsgvo_button:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 14px rgba(0,0,0,0.15);
}

/* ===============================
   DETAILBEREICH
================================ */
#drdsgvo_show2{
    padding:16px 22px;
    font-size:13px;
    color:#000 !important;
}

/* ===============================
   FOOTER – TEXT LINKS ABSTAND VERMEIDEN
================================ */
.impds{
    padding:25px 22px 25px 22px; /* Vergrößerter Abstand zum unteren Rand */
    text-align:center;
    font-size:13px;
    margin-top:45px; /* Vergrößerter Abstand zu den Buttons */
    display: flex;
    justify-content: space-between; /* Links und der externe Link sind nun auf separaten Seiten */
}

.impds a{
    color:#000 !important;
    text-decoration:underline;
}

.credits {
    font-size: 10px !important;
    color: #787878;
    text-align: right;
    margin-top: 0;
}

.credits a {
    color: #787878 !important;
}

/* ===============================
   EXTERNER LINK (Credits) – Darstellung und Positionierung
================================ */
@media (max-width:768px) {
    .credits {
        text-align: right;
    }
}

.cookie-float-btn {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 50px;
    height: 50px;
    background-color: #333;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 3px 8px rgba(0,0,0,.25);
    transition: all .2s ease-in-out;
    z-index: 9999;
}

.cookie-float-btn svg {
    width: 24px;
    height: 24px;
    fill: #fff;
}