.mmu_cookie_banner_settings {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99999;
}

.mmu_cookie_banner_settings span {
    display: block;
    width: 50px;
    height: 50px;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M18 12h-2.18c-0.17 0.7-0.44 1.35-0.81 1.93l1.54 1.54-2.1 2.1-1.54-1.54c-0.58 0.36-1.23 0.63-1.91 0.79v2.18h-3v-2.18c-0.68-0.16-1.33-0.43-1.91-0.79l-1.54 1.54-2.12-2.12 1.54-1.54c-0.36-0.58-0.63-1.23-0.79-1.91h-2.18v-2.97h2.17c0.16-0.7 0.44-1.35 0.8-1.94l-1.54-1.54 2.1-2.1 1.54 1.54c0.58-0.37 1.24-0.64 1.93-0.81v-2.18h3v2.18c0.68 0.16 1.33 0.43 1.91 0.79l1.54-1.54 2.12 2.12-1.54 1.54c0.36 0.59 0.64 1.24 0.8 1.94h2.17v2.97zM9.5 13.5c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px 50px;
    margin: 1rem;
    opacity: 0.5;
}

.mmu_cookie_banner_settings span[aria-expanded="true"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23555' stroke-width='2'/%3E%3Cline x1='8' y1='8' x2='16' y2='16' stroke='%23555' stroke-width='2'/%3E%3Cline x1='16' y1='8' x2='8' y2='16' stroke='%23555' stroke-width='2'/%3E%3C/svg%3E");

}


.mmu_cookie_banner_settings_popup {
    position: fixed;       /* fixiert am Viewport */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* halbtransparent schwarz */
    display: flex;          /* flexbox für zentrieren */
    justify-content: center; /* horizontal zentrieren */
    align-items: center;     /* vertikal zentrieren */
    z-index: 9999; 
}

.mmu_cookie_banner_settings_modal {
    background: #fff;
    padding: 1rem;
    margin: 3rem;
    border-radius: var(--border-radius);
    max-width: 90%;
    max-height: 90%;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

@media screen and (min-width:980px) {
    .mmu_cookie_banner_settings_modal {
        max-width: 40%;
    }
}

.mmu_cookie_banner_settings_modal p {
    font-size: small;
}

.mmu_cookie_banner_headline_container {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width:980px) {
    .mmu_cookie_banner_headline_container {
        flex-direction: row;
    }
}

.mmu_cookie_banner_headline_container img {
    padding-right: 1rem;
}

.mmu_cookie_banner_settings_modal h2.mmu_cookie_banner_settings_modal_headline {
    font-size: 2rem;
    margin: 0;
}

.mmu_cookie_banner_settings_modal h3.mmu_cookie_banner_settings_modal_headline {
    font-size: 1rem;
    padding-bottom: 0.2rem;
    margin: 0; 
}

.mmu_cookie_banner_settings_modal_links  {
    font-size: small;
    display: flex;;
    flex-direction: column;
    margin: 0.5rem 0;
}

.mmu_cookie_banner_settings_modal_links a {
    padding-right: 1rem;
}

.mmu_cookie_banner_service_container {
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--dark);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.mmu_cookie_banner_service_container_head {
    display: flex;
    flex-direction: column;
    padding-right: 1rem;
}

.mmu_cookie_banner_service_container_head p {
    margin: 0;
    word-break: auto-phrase;
}

.mmu-service-slider {
    width: 52px;
    min-width: 52px;
    height: 28px;
    background-color: #ccc;
    border-radius: 14px;
    border: none;
    position: relative;
    cursor: pointer;
}

.mmu-service-slider-span {
    width: 22px;
    height: 22px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 3px;
    transition: transform 0.2s ease;
}

/*mmu_dsgvo_overlay*/
.wp-block-embed__wrapper {
    position: relative;
    display: inline-block;
}

.mmu_dsgvo_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #a7a7a726;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.mmu_dsgvo_overlay * {
    font-size: 1.1rem !important;
    word-break: auto-phrase;
    text-align: center;
    padding: 0 1rem;
}