

.consentHint, .consentHint h2, .consentHint p {font-family:Arial, Helvetica, sans-serif !important;}

.consentHint   {height: auto; max-height: 94%; top: 25%; position: fixed; z-index:9999;overflow: scroll; width: 50%; left: 25%; box-shadow: 0px 0px 24px 0px #212121;font-size:1.2rem;}
.consentHint .cookiehead {min-height:100px;}
.consentHint h2 {letter-spacing: 0px;color:#333;font-size:1.75rem;line-height:1.5rem;padding:33px 0px;}
.consentHint p {font-size:1rem;line-height:1.2rem;}
.consentHint .cookiecontent {padding:20px;}
.consentHint .cookiebuttons {padding-bottom:20px;}
.consentHint a.btn { margin-bottom:25px;}
.consentHint .btnAccept {color:#111 !important;font-weight:bold;}
.consentHint .btnCancel {background-color:transparent;color:#333;font-weight:normal;border:1px solid #333;}
.consentHint a.btnCancel {font-size:0.8rem;}

@media screen and (max-width: 768px) {
    .consentHint{width: 90%; top: 5%; left: 5%;}
    .consentHint p {font-size:0.8rem;line-height:1.2rem;}
    .consentHint a.btn {margin:auto; margin-bottom:25px;width:90%;height:auto;white-space: normal;padding-left:5px;padding-right:5px;line-height:1.0rem;}
 
}

#consentspage.consentHint {top: 5%; width: 60%; left: 20%;}

#consentspage .switch {position: relative;display: inline-block !important;width: 50px;height: 28px;margin-right:50px;}

#consentspage .switch input { opacity: 0;width: 0;height: 0;}
#consentspage .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
#consentspage .slider:before {position: absolute;content: "";height: 22px;width: 22px;left: 3px;bottom: 3px;background-color: white;-webkit-transition: .4s;transition: .4s;}
#consentspage input:checked + .slider {background-color: #99CC1D;}
#consentspage input:focus + .slider {box-shadow: 0 0 1px #99CC1D;}
#consentspage input:checked + .slider:before {-webkit-transform: translateX(22px);-ms-transform: translateX(22px);transform: translateX(22px);}
/* Rounded sliders */
#consentspage .slider.round {border-radius: 34px;}
#consentspage .slider.round:before {border-radius: 50%;}
#consentspage span.label {width:80%;display:block;float:left;margin-left:20px; display: inline-block !important;}
#consentspage div.text p {}
#consentspage div.text h3 {letter-spacing: 0px;color:#333;font-size:1.2rem;line-height:1.5rem;padding:5px 0 0 0px;}


@media screen and (max-width: 992px) {

    #consentspage.consentHint {top: 5%; width: 80%; left: 10%;}
}

@media screen and (max-width: 768px) {
    
    
    #consentspage.consentHint {top: 5%; width: 80%; left: 10%;}
    #consentspage .switch {margin-right:15px;}
    #consentspage .slidelabel {font-size:0.9rem !important;}

}