/* individual-cookie-settings.ui-dialog (Cookie-Banner) anpassen
------------------------------------------------------------------------*/

.cc-individual-cookie-settings.ui-dialog {
    right: 16px !important;
    transition: all 0.25s ease-in-out;
    max-height: 95vh !important;
    overflow-y: auto;
}

.cc-individual-cookie-settings.ui-draggable {
    transform: scale(0.85) !important;
    transform-origin: center bottom;
}

.cc-individual-cookie-settings.ui-draggable span,
.cc-individual-cookie-settings.ui-draggable p {
    font-size: 120% !important;
}



.cc-individual-cookie-settings.ui-dialog .links a {
    color: #e1571b !important;
}

.cc-individual-cookie-settings.ui-dialog .links a:hover {
    color: #b9400b !important;
}



.cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-categories ul .category,
.cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-categories ul .cookie {
    padding: 8px 12px !important;
    margin-bottom: 8px !important;
}

.cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-actions .btn {
    padding: 8px 12px !important;
    margin-bottom: 8px !important;
}



button:focus,
.cc-individual-cookie-settings.ui-dialog .links a:focus {
    outline: none !important;
}


.toggle {
    background-color: #666 !important;
}

.fill {
    background-color: #e1571b !important;
}




#cookie-settings-selected {
    background-color: #999 !important;
    color: #fff !important;
}

#cookie-settings-selected:hover {
    background-color: #666 !important;
    color: #fff !important;

}

.cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-actions .btn {
    border: none !important;
}

.cc-individual-cookie-settings.ui-dialog .btn-primary {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #e1571b !important;
}

.cc-individual-cookie-settings.ui-dialog .btn-primary:hover {
    background-color: #b9400b !important;
}


.cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-categories ul {
    max-height: 250px !important;
}

button#cookie-settings-back {
    background-color: #f4f5f9 !important;
}


/*individual Cookies overlay*/
.fadeout_cookiesettings .ui-widget-overlay,
.fadeout_cookiesettings .cc-individual-cookie-settings-overlay {
    display: none;

}

/*mobil-------------------------------------*/

@media (max-width:767px) {

    .cc-individual-cookie-settings.ui-dialog {
        right: auto !important;
        margin-left: calc(50vw - 360px / 2) !important;
    }

    .cc-individual-cookie-settings.ui-draggable {
        transform: scale(0.75) !important;
        transform-origin: center bottom;
    }


    /* fadeout_cookiesettings------------------------------------- */
    .fadeout_cookiesettings .cc-individual-cookie-settings.ui-dialog {
        transition: all 0.5s ease-in-out;
    }

    .fadeout_cookiesettings .cc-individual-cookie-settings.ui-dialog h2:after {
        content: 'verkleinern';
        color: red;
        right: 5px;
        top: 5px;
        position: absolute;
        font-weight: 100;
        font-size: 12px;
    }


    .fadeout_cookiesettings .cc-individual-cookie-settings.ui-dialog:hover {
        transform: scale(0.5) !important;
        transform-origin: left bottom;
    }

    .fadeout_cookiesettings .cc-individual-cookie-settings.ui-dialog:hover h2:after {
        content: '';
    }

}

@media (max-width:452px) and (orientation:portrait) {
    .cc-individual-cookie-settings.ui-dialog {
        min-height: 600px !important;
        margin-bottom: 16px !important;
    }
}