/* RKN */
.flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.rkn{
     width: 100%;
     margin-top: .2rem;
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -moz-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
}
 .rkn small{
     line-height: 1.5rem;
     vertical-align: middle;
     color: #4a5565;
}
 .rkn small a{
     color: #be934c;
     text-decoration: none;
}
 #rkncheckboxbutton, #rkncheckboxbutton2, #rkncheckboxbutton3 {
     vertical-align: middle;
     margin: 0 .5rem;
     cursor: pointer;
     fill: none;
     stroke-width: 2px;
     width: 2.5rem;
     position: relative;
     right: 0;
    width: 1.5rem;
    height: 1.5rem;
}
 #rkncheckboxbutton .rkncheck, #rkncheckboxbutton2 .rkncheck, #rkncheckboxbutton3 .rkncheck{
     stroke: transparent;
}
 #rkncheckboxbutton .rkncheckbox, #rkncheckboxbutton2 .rkncheckbox, #rkncheckboxbutton3 .rkncheckbox{
     stroke: #4a5565;
}
 #rkncheckboxbutton:hover .rkncheckbox, #rkncheckboxbutton:hover .rkncheck, #rkncheckboxbutton2:hover .rkncheckbox, #rkncheckboxbutton2:hover .rkncheck, #rkncheckboxbutton3:hover .rkncheckbox, #rkncheckboxbutton3:hover .rkncheck{
     stroke: #be934c;
}
 #rkncheckboxbutton.checked .rkncheck, #rkncheckboxbutton.checked .rkncheckbox, #rkncheckboxbutton2.checked .rkncheck, #rkncheckboxbutton2.checked .rkncheckbox, #rkncheckboxbutton3.checked .rkncheck, #rkncheckboxbutton3.checked .rkncheckbox{
     stroke: #be934c;
}
button:disabled,
button[aria-disabled="true"]{
    background-color: #cecece;
    cursor: default;
}
/* Cookies */
.cookie-notification {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:rgba(0,0,0,.04);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    z-index: 9999999!important;
}
.cookie-notification__content {
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
    padding: .6rem 1.2rem;
    width: 95%;
    max-width: 80rem;
    position: relative;
    margin-bottom: 1rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
}
.cookie-notification__content a{
    color: #030213;
    margin: 0;
    text-decoration: underline;
    font-size: .875rem;
    line-height: 1rem;
}
.cookie-notification__content a:hover{
    color: #101828;
    text-decoration: none;
}
.cookie-notification__content p {
    margin: 0;
    text-align: left;
    font-size: .875rem;
    line-height: 1rem;
    min-width: 70%;
    color: #717182;
}
.cookie-notification__content .content{
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
                  -ms-grid-row-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.cookie-notification__close {
    position: absolute;
    right: .6rem;
    top:0;
    bottom: 0;
    margin: auto;
    width: 1.8rem;
    height: 1.8rem;
    cursor: pointer;
    stroke: #030213;
    fill: none;
    stroke-width:2;
    stroke-linecap:round; 
    stroke-linejoin:round;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.cookie-notification__close:hover {
    stroke: #101828;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.cookie-notification__buttons {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding-right: 2rem;
}
#accept-cookies, #decline-cookies{
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background-color: #ffffff;
  margin-left: 1rem;
  cursor: pointer;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
#accept-cookies{
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    color: #030213;
}
#accept-cookies:hover{
  background-color: #e9ebef;
}
#decline-cookies{
    border: 1px solid #030213;
    background-color: #030213;
    color: #ffffff;
}
#decline-cookies:hover {
    background-color: #101828;
    border: 1px solid #101828;
}
@media only screen and (max-width:1280px){
    .cookie-notification__close{
      display: none;
    }
    .cookie-notification__buttons {
      padding-right: 0;
    }
    .cookie-notification__content .content{
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
    }
    .cookie-notification__buttons {
      -webkit-box-pack: start;
      -webkit-justify-content: start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: start;
    }
    .cookie-notification__content p{
      width: 100%;
      margin-bottom: .75rem;
    }
    #accept-cookies, #decline-cookies{
      margin: 0 1rem 0 0;
    }
}
