/* 
 * 1.4.0
 */
 
 
.cookiekit * { box-sizing: border-box; color: #040404; }
.cookiekit {
  position: fixed;
  top: 0rem; bottom: 0;
  left: 0; right: 0;
  display: flex; justify-content: center; align-items: flex-end;
  z-index: 370001;
  background: rgba(0,0,0,0.55);
}

.cookiekit_scrollarea {
    position: relative;
    width: 90%; 
    max-width: 40rem; 
    max-height: 95%;
    /* max-width: 90vw; max-height: 92vh; */
    border: 0 solid #aaa; 
    border-radius: 5px; 
    background: #fff;
    margin: auto auto 5%;
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
    overflow: auto; 
    -webkit-overflow-scrolling: touch; 

}

@media only screen and (min-width: 40.063em) {
    max-width: 50rem; 
    max-height: 97%;
}

.cookiekit_container { 
   font-size: 1rem;
    padding: 1.47777em;
}
    
    
    
.cookiekit h2 {
  padding: 0 0 0.9333rem 3rem; margin: 0 0 0.7333rem 0; line-height: 1;
  background: none; border: none; border-radius: 0;
  color: #040404; font-size: 1.433333em;
  border-bottom: 1px solid #dededf;
  font-weight: bold;
  position: relative;
  }
  
.cookiekit h2:before {
    content: "";
    position: absolute;
    left: 0; 
    top: -0.24333rem; 
    z-index: 10000;
    height: 30px; width: 30px;
    background: rgba(255,255,255,0.95) url('./cookiekit-fp.png') left top no-repeat; background-size: contain; 

}


.cookiekit .cookiekit_intro {
  padding: 0 0 0.9333rem 0; margin: 0 0 0.9333rem 0; line-height: 1.3;
  background: none; border: none; border-radius: 0;
  color: #040404; font-size: 1rem;
  border-bottom: 1px solid #dededf;
}
.cookiekit .cookiekit_close {
  position: absolute;
  display: block;
  top: 2px; right: 2px;
  width: 1.63333rem; height: 1.43333rem; line-height: 1.43333rem !important;
  font-size: 1.43333rem;
  border: 0;
  text-align: center;
  padding: 0;
  margin: 0;
} 
.cookiekit .cookiekit_close:hover {
  text-decoration: none;
}
.cookiekit [type="checkbox"] {
  display: none;
}
.cookiekit .cookiekit_cookie { 
    padding: 0 0 0.9333em 0; margin: 0 0 0.9333em 0;
    border-bottom: 1px solid #dededf;
    display: flex; align-items: flex-start;
}

.cookiekit .cookiekit_cookie .cookiekit_swicth { min-width: 4rem; }
.cookiekit .cookiekit_cookie label { position: relative; display: block; background: #ababab; border-radius: 1rem; flex: 0 0 2.83333rem; width: 2.83333rem; height: 24px; transition: background 0.3s ease; top: 0; left: 0;  }
.cookiekit .cookiekit_cookie label:after { content:""; position: absolute; top: 3px; bottom: 3px; left: 3px; right: auto; height: 18px; width: 18px; background: #fff; border-radius: 22px; }
.cookiekit .cookiekit_cookie .cookiekit_expl { padding: 0 0.933333em; margin: 0; font-size: 1rem; line-height: 1.2; }
.cookiekit .cookiekit_cookie .cookiekit_expl h4 { margin: 0; padding: 0 0 0.1111em 0; font-size:1.1333rem;  }
.cookiekit .cookiekit_cookie .cookiekit_expl p { margin: 0; padding: 0; font-size: 0.8rem; line-height: inherit !important; }

.cookiekit [type="checkbox"]:checked + label { background: #233451; }
.cookiekit [type="checkbox"]:checked + label:after { right: 0; right: 3px; left: auto; }

/* .cookiekit [type="checkbox"]['checked'] + label { background: #233451; }
.cookiekit [type="checkbox"]['checked'] + label:after { right: 0; right: 3px; left: auto; } */


.cookiekit_privacypagelink_box {   padding: 0 0 0.9333rem 0; margin: 0 0 0.9333rem 0; line-height: 1.3;
  background: none; border: none; border-radius: 0;
  color: #040404; font-size: 0.8rem;
  border-bottom: 1px solid #dededf;
 }
.cookiekit_privacypagelink { text-decoration: underline; }

.cookiekit_buttonbox button { 
  display: block; margin: 0.47777em auto; padding: 0.83333em 1.8666em; 
  border: 2px solid #040404; color: #040404; background: #fff;
  border-radius: 3px !important; transition: color 0.3s, border 0.3s, background 0.3s; font-weight: 300;
  width: 100%; 
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
  opacity: 0.9;
  text-align: center;
  font-size: 1.3rem;
}
.cookiekit_buttonbox button:hover { 
  /* background: #676767; border: 2px solid #676767; color: #fff;  */
  opacity: 1;
}
.cookiekit_buttonbox button.cookiekit-button-save { font-size: 1.2rem; }
.cookiekit_buttonbox button.cookiekit-button-acceptall { background: #040404; color: #fff; border: 2px solid #040404; opacity: 1; transition: opacity 0.3s ease-in-out; font-weight: 600; }
.cookiekit_buttonbox button.cookiekit-button-deny {  background: none; border: 0; margin: 0rem auto 0; padding-bottom: 0; font-size: 0.9rem;} 
/* .cookiekit_buttonbox button.cookiekit-button-deny:hover { background:#cdcdcd; color: #888; border: 2px solid #cdcdcd;  }  */

.cookiekit_buttonbox button.cookiekit-button-config { background: none; border: 0;
    margin: 0rem auto 0; padding-bottom: 0; font-size: 0.9rem;
 }
 
@media only screen and (min-width: 40.063em) {
.cookiekit_buttonbox button.cookiekit-button-acceptall {  opacity: 0.85; transition: opacity 0.3s ease-in-out; padding: 0.83333em 1.8666em; }
.cookiekit_buttonbox button.cookiekit-button-acceptall:hover { opacity: 1 }

  .cookiekit_buttonbox { display: flex; justify-content: center; gap: 2%; flex-wrap: wrap; }
  .cookiekit_buttonbox button { display: block; margin: 0 0 2% 0;  order: 1; flex: 1 1 auto; }
  .cookiekit_buttonbox button.cookiekit-button-save { order: 4; }
  .cookiekit_buttonbox button.cookiekit-button-deny { order: 5; }
  .cookiekit_buttonbox button.cookiekit-button-acceptall { order: 3; flex: 1 1 100%; max-width: 100%;  } 

  .cookiekit_buttonbox button.cookiekit-button-config { order:4; background: none; border: 0; }
}


.cookiekit_hide .cookiekit { display: none; }


.cookiekit_editbutton { 
    position: fixed;
    bottom: -20px;
    right: -20px;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    z-index: 100001;
    text-indent: -9999px;
    box-shadow:  -2px 2px 6px rgba(0,0,0,0.4);
    background: rgba(255,255,255,0.85) url('./cookiekit-fp.png') center center no-repeat; background-size: 40px; 
    display: none;
    transform: scale(0.99);
    transition: transform 0.3s, backgroundColor 0.3s;
}
.cookiekit_editbutton:after { display: none; }
.cookiekit_editbutton:before { display: none; }

.cookiekit_editbutton:hover { 
    transform: scale(1.049);
    background-color: rgba(255,255,255,1);
}
@media only screen and (min-width: 40.063em) {
    .cookiekit_editbutton { 
        bottom: 22px;
        left: 22px;
        right:auto;
    }
}
.cookiekit_hide .cookiekit_editbutton { display: block; }


.config-mode .cookiekit_buttonbox button.cookiekit-button-save { display: none; }
.config-mode .cookiekit_buttonbox button.cookiekit-button-deny { display: none; }
.config-mode.cookiekit .cookiekit_cookieslist { max-height: 0; overflow: hidden; transition: max-height 0.15s ease; }

.config-mode-on .cookiekit_buttonbox button.cookiekit-button-save { display: block; }
.config-mode-on .cookiekit_buttonbox button.cookiekit-button-deny { display: block; }
.config-mode-on .cookiekit_buttonbox button.cookiekit-button-config { display: none; }
.config-mode-on.cookiekit .cookiekit_cookieslist { max-height: 10000px; }