.clear{clear:both;}

.cookie-choices {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding:0;
  margin:0;
  border:0;
}
:root {
  --dsared: #cc0000;
  --fontcolor: #555555;
  --darkgrey: #707070;
  --lightgrey: #EDEFEF;
  --grey: #E2E3E3;
  --darkred: #a80000;
}



.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: 30%; 
  left:calc(48% - 220px);  
  background-color:white; 
  border-radius:5px; 
  padding:2%;
  text-align: center;
}
.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:var(--dsared); 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: var(--dsared);
}

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

.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}

.dsa-cookie-notice-close:hover {
  background-color: #555555;
  color: #fff!important;
}
.dsa-cookie-notice-close {
  position: absolute;
  display: block;
  height: 20px;
  bottom: 20px;
  width: 20px;
  line-height: 18px;
  right: 8px;
  top: 8px;
  text-align: center;
  text-decoration: none;
  color: #CC0000!important;
  background: #fff
}
.dsa-cookie-notice {
  font-size: 12px;
  line-height: 20px;
  display: block;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99999!important;
  background: rgba(204, 0, 0, 0.8);
  margin: auto;
  width: 300px;
  text-align: left;
  color: #fff
}
.dsa-cookie-notice a {
  color: #fff
}
.dsa-cookie-notice.hide {
  display: none
}
.cookie-inner {
  padding: 25px
}

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

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