/* cookies */

  #cookiepage { width: 60%; padding: 40px 0 160px 10% !important; max-width: 600px; background: none; }
  #cookiepage p { font-size: 90%; padding: 10px 0 0 0px; line-height: 140%; width: 90%; }
  #cookiepage h1 { margin-top:40px; }
  #cookiepage h2 { margin-top:20px; }
  #cookiepage h3 { margin-top:40px; }


.cookiesbox {  padding-top:50px; border-radius: 20px; z-index: 100000 !important; position:fixed; top:50%; left:50%;    transform: translate(-50%,-50%);  background-color:white; width:500px;   box-shadow: 3px 3px 20px 0px rgb(200 200 200 / 50%); max-width: 80%; }
.cookiesbox .box-footer {padding:30px 40px; border-top:2px solid #eee}
.cookiesbox .box {padding:0px 40px 50px; max-height:60vh; background-color: #fff; position: relative; border-top-left-radius: 20px; border-top-right-radius: 20px; overflow-y: scroll;  -ms-overflow-style: none;  /* Hide scrollbar in IE/Edge */
  scrollbar-width: none; }
.cookiesbox .box h2 {font-size:25px; margin-bottom:15px}
.cookiesbox .box h3 {font-size:20px; margin-bottom:15px}
.cookiesbox .box p {margin-bottom:25px; font-size: .85rem; line-height: 1.5;}
.cookiesbox .box p a{text-decoration: underline;}
.cookiesbox .box p a:hover {font-weight: normal;}

.cookiesbox strong {font-size:20px; margin-bottom:10px; display: block;}
.cookiesbox .accept-cookies {width:100%;padding:8px 10px; background-color: #C29F7B !important; color:white !important; border-radius: 10px; border: none !important; font-weight: bold;}
.cookiesbox .accept-cookies:hover {background-color: #C29F7B !important}
.cookiesbox .set-cookies {margin:0 10px}


.cookiesbox #save-cookies {cursor:pointer; padding:10px 25px; background-color: white !important; color:black !important; border-radius: 20px; border: none !important; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);}
.cookiesbox #save-cookies:hover {opacity: 0.8;}


.cookiesbox .link-cookies {padding:9px 20px; background-color: #7e7e7e !important; color:white !important; border: none !important; font-weight: bold; font-size:13px;}
.cookiesbox .link-cookies:hover {background-color: #707070 !important}

p.relative {position:relative;}
p input[type="radio"] {height:20px; width:20px; position:absolute; top:0px;}
p label {padding-left:30px;}


/* Hide the default radio button */
input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #000; /* Border color */
  border-radius: 50%;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

/* Custom checked state */
input[type="radio"]:checked {
  border-color: #C29F7B; /* Change border color when checked */
}

/* Custom indicator */
input[type="radio"]::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #C29F7B; /* Inner circle color */
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.2s ease-in-out;
}

/* Show inner circle when checked */
input[type="radio"]:checked::before {
  transform: translate(-50%, -50%) scale(1);
}




.weblayer--overlay {background-color: #ffffff;top: 0; left: 0; position: fixed; z-index: 3000; opacity: 0.7; display: block; width: 100%;  height: 100%; }  

.refuse-cookies {font-size:0.8rem; margin-top:8px; margin-bottom:10px;  color:#bbb; text-decoration: underline;}
.refuse-cookies:hover {font-weight: normal;}


.cookies-icon {
  display: none;
  position: fixed;
  bottom: 40px;
  left: 40px;
  width: 60px;
  height: 60px;
  border-radius: 100px;
  background-color: white;
  padding: 10px;
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.05);
}
.cookies-icon img {
  height: 40px !important;
  width: 40px !important;
}

.switch {
  float:right;
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-left:60px;
  margin-top:10px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #157c10;
}

input:focus + .slider {
  box-shadow: 0 0 1px #157c10;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


input:disabled + .slider {
  background-color: #4d744b;
}

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

  .cookiesbox .box h2 {font-size:23px; margin-bottom:10px}
  .cookiesbox .box h3 {font-size:18px; margin-bottom:10px}
  .cookiesbox .box p {font-size:0.84rem;}
  .cookiesbox {  padding-top:30px; border-radius: 20px; z-index: 100000 !important; position:fixed; top:50%; left:50%;    transform: translate(-50%,-50%);  background-color:white; width:470px;   box-shadow: 3px 3px 20px 0px rgb(200 200 200 / 50%); max-width: 80%; }
  .cookiesbox .box-footer {padding:30px 10px; text-align: center;}
  .cookiesbox .box {padding:0px 20px 30px; }
  .save-cookies-box {text-align: center;}
  .refuse-cookies {font-size:0.8rem; float:none; margin-top:10px; display: inline-block; color:#bbb; text-decoration: underline;}


  .cookies-icon {
    bottom: 30px;
    left: 30px;
    width: 30px;
    height: 30px;
    padding: 8px;
  }
  .cookies-icon img {
    height: 30px;
  }


}