#ccmodal-container {
    opacity: 0;
    visibility:hidden;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgb(0 0 0 / 0.6);
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all 0.2s;
    z-index: 99999;
}

#ccmodal-container.ccvisible {
    opacity:1!important;
    visibility:visible!important;
}

#ccmodal {
    font:normal 17px/1.5em Verdana, sans-serif;
    color:#333;
    background:#fff;
    border-radius:10px;
    box-sizing:border-box;
    padding:10px;
    padding-bottom:5px;
    margin:10px;
    width:596px;
    box-shadow:0 0 48px rgba(0,0,0,0.3);
    border:2px solid #fff;
}
#ccmodal button {
    font:inherit;
}

.ccheadline {
    width:100%;
    font-weight:bold;
    font-size:18px;
    margin-bottom:5px;
    color:#1c2f7b;
    text-transform:uppercase;
}

.ccintrocontainer {
    display:flex;
    align-items:center;
    margin-bottom:0.5em;
/*     border:1px solid #ccc; */
}

.ccimage { width:33%; flex-shrink:0; }
.ccimage img { width:100%; height:auto; }

.ccintro {
    box-sizing:border-box;
}

.ccimage + .ccintro {
    padding-left:20px;
}

@media screen and (max-width:600px) {
    .ccimage { display:none; }
    .ccimage + .ccintro { padding:0; }
}

.ccbutton {
    box-sizing:border-box;
    width:100%;
    display:block;
    padding:5px 5px;
    border-radius:5px;
    text-align:center;
    border:1px solid #ccc;
    margin-bottom:5px;
}

.ccsettings { display:none; margin-bottom:5px;}
.ccopenprefs .ccsettings { display:block; }
.ccopenprefs .ccsetprefs { display:none; }

.ccsettings label, .ccsettings input {
    line-height:32px;
    display:inline-block;
    margin-right:5px;
}

#ccmodal .ccsaveprefs {
    margin-top:5px;
}

.cccookiesettings { cursor:pointer; }
.ccbutton { cursor:pointer; color:#1c2f7b; }

#ccmodal .ccsetprefs,
#ccmodal .ccsaveprefs,
#ccmodal .ccdeny,
#ccmodal .ccaccept {
    color:#fff;
    background:#1c2f7b;
    border:0;
}

#ccmodal .ccpdlink {
    color:#333;
    font-weight:bold;
}