*{padding:0; margin:0; border:0; font-family:arial; font-size:12px;}
body{background-image: url(../images/screenshot.png);}

.clear{clear:both;}



.cookie-page1{transition: visibility 0s, opacity 0.5s linear;}
.cookie-page2{visibility:hidden; float:none; width:100%; opacity: 0; transition: visibility 0s, opacity 0.5s linear;}
.cookie-page2.show-page{visibility:visible; opacity: 1; transition: visibility 0s, opacity 0.5s linear;}
.cookie-page2 strong{font-size:18px; margin-bottom:10px;}
.cookie-page2 a{color:black; font-size:16px; line-height:24px; display:inline-block; text-decoration: none; padding:10px 10px 10px 30px; border-radius:5px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAAmUlEQVRIie2VQQ6DIBQFJ72DpEfS3sQe1y66V+5RN5CaqJ8nUDd2EsKG9wYNAfhzkAfggY8xIsqaFVMiWCxILtigAYZfCRzwCpk4VxMsd/4G7jUFW+VSXhHslVcRWOUSlqC43BKo5Vm/6MjOswRPvufcWeFcAUAvlBcJVFb5W0GZxOkCH+bUlW1d06Ml7NDehL0xAm3Gh16ZGZhnhhStKN5+AAAAAElFTkSuQmCC');
background-size:12px 12px; background-repeat: no-repeat; background-position: 10px 16px; background-color:#d8d8d8;
}
.cookie-page2 a.back-to-cookie{ display:block; width:80%; max-width:100px; margin:30px 0;
background-repeat: no-repeat;
background-size: 12px 12px;
background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAAY0lEQVRIie2UMQqAMBAEJ2Lhs3yR+hTt/I4f89JEBBHiQa4QdiCkCMzkigSEeCGVFSbfgD0icskNOIExUj5J3kzeVc7tEWxOAlbuKWZFahH3Q+sdAQOWsg/A4bvfd0I/O/FDMq2DH/bYYYYxAAAAAElFTkSuQmCC');
background-position: 10px 16px;
background-color:#d8d8d8
}

.cookie-overlay-dsa.show-cookie{display:block;}
.cookie-overlay-dsa{display:none; background-color: rgba(214,214,214, 0.60); position: fixed; z-index:99999999; top:0; height:100vh; width:100vw; line-height:20px;}
.dsa-cookie-notice-form{min-height:300px; width:500px; z-index:9999999999; position: absolute; top: 40%; left:calc(48% - 250px);  background-color:white; border-radius:5px; padding:2%;}
.dsa-cookie-notice-form fieldset p{margin-bottom:15px;}
.dsa-cookie-notice-form  .cookie-item{width:33.33%;float:left; text-align: center}
.cookie-overlay-headline{text-align: center; display:block; font-size:16px; font-weight:bold; margin-bottom:15px;}
.dsa-cookie-notice-form fieldset label{cursor: pointer;}

#dsa-check-all.dsa-cookie-button{background-color:green; margin-top:15px; }
.dsa-cookie-button{border-radius:5px; display:block; margin:0 50px; background-color:#d8d8d8; margin-bottom:5px; padding:10px 20px; text-align: center; text-decoration: none; color:white;}

.dsa-cookie-notice-form input[type="checkbox"] {
  display:none;
}
.dsa-cookie-notice-form input[type="checkbox"] + label::before {
  width: 15px;
  height: 15px;

  border: 2px solid #8cad2d;
  background-color: #fff;
  display: block;
  content: "";
  margin: 10px auto;
}
.dsa-cookie-notice-form input[type="checkbox"]:checked+label::before {
  box-shadow: inset 0px 0px 0px 3px #fff;
  background-color: #8cad2d;
}

.dsa-cookie-notice-form input[type="checkbox"]:disabled+label::before{
  box-shadow: inset 0px 0px 0px 3px #fff;
  background-color:grey;
}

.cookie-notice-verwendung, .cookie-notice-link{display:inline-block; text-align: center; margin:10px auto 0 auto; text-decoration: none; color:grey;}
.cookie-end-links{width:80%; margin:auto; text-align: center}



@media screen and (max-width: 550px)
{
.dsa-cookie-notice-form{width:86%; left:2.0%; padding:5%;}
.cookie-notice-link{margin-top:25px;}
}

@media screen and (max-height: 570px)
{
.dsa-cookie-notice-form{top:20%;}
}