/* DATENSCHUTZ SEITE */
    .dp--cookie-consent.removeBlackOverlay:before { position: relative; }

    .dp--cookie-consent:before {
      position: fixed;
      content: '';
      background: rgba(0,0,0,.8); 
      width: 100%; 
      height: 100%; 
      top: 0; 
      bottom: 0;
      z-index: 1000;
      transition: .5s;
      opacity: 0;
      -webkit-animation: 1s ease 0s normal forwards 1 fadein;
      animation: 1s ease 0s normal forwards 1 fadein;
    }
    
  /*
    #p21.dp--cookie-consent:before { position: relative; }
    #p21 .cc-window { top: 0% !important; right: 0%; left: auto !important; transform: translate(0%, 0%); }
    #p21 .cc-window .cc-body { border: 1px solid #999; }
  */
  /* DATENSCHUTZ SEITE */

[class^="dp--icon-"],
[class*=" dp--icon-"] {
font-family:'dp-icomoon' !important;
font-weight:normal;
font-style:normal;
font-variant:normal;
line-height:1;
text-transform:none;
speak:none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.dp--icon-fingerprint:before {
content:"\e900"
}
.dp--revoke {
line-height:1;
position:fixed;
z-index:9999;
top:0;
left:0;
display:flex;
overflow:hidden;
align-items:center;
flex-wrap:nowrap;
justify-content:center;
box-sizing:border-box;
min-width:40px;
height:40px;
margin:5px;
padding:0.5em;
cursor:pointer;
transition:all .3s ease-in-out;
transform:none;
text-decoration:none;
color:#fff;
border-radius:20px;
background-color:rgba(0,0,0,0.8)
}
.dp--revoke i {
font-size:24px;
pointer-events:none
}
.dp--revoke.cc-top-right,
.dp--revoke.cc-bottom-right {
right:0;
left:auto
}
.dp--revoke.cc-bottom,
.dp--revoke.cc-bottom-left,
.dp--revoke.cc-bottom-right {
top:auto;
bottom:0
}

.dp--revoke.cc-type-info {
  top:auto;
  bottom:-35px; 
  right: auto; ; 
}

.dp--revoke.cc-type-info:hover {
   bottom:0px; 
}


.dp--revoke .dp--hover {
display:none;
pointer-events:none
}
.dp--revoke:hover {
opacity:.7
}
.dp--revoke:hover .dp--hover {
display:inline-block
}
.cc-window {
font-size:16px;
line-height:1.5em;
position:fixed;
z-index:9999;
top:0;
left:0;
width:100%;
color:#fff;
background-color:rgba(0,0,0,0.8)
}
.cc-window.cc-bottom {
top:auto;
bottom:0
}

.cc-window h2 { font-size: 30px; padding: 0; margin-bottom: 10px; }
.cc-window.cc-top-left,
.cc-window.cc-top-right,
.cc-window.cc-bottom-left,
.cc-window.cc-bottom-right {
max-width:30em
}
.cc-window.cc-top-left,
.cc-window.cc-top-right {
top:1rem
}
.cc-window.cc-top-left,
.cc-window.cc-bottom-left {
left:1rem
}
.cc-window.cc-top-right,
.cc-window.cc-bottom-right {
right:1rem;
left:auto
}
.cc-window.cc-bottom-left,
.cc-window.cc-bottom-right {
top:auto;
bottom:1rem
}
.cc-window .cc-body {
opacity: 0;
display:flex;
flex-direction:column;
width:100%; 
background: #fff; 
 padding: 40px; 
 color: #000;
 border-radius: 20px;
 -webkit-animation: 1s ease 0s normal forwards 1 fadein;
 animation: 1s ease 0s normal forwards 1 fadein;
}

@keyframes fadein{
  0% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes fadein{
  0% { opacity:0; }
  100% { opacity:1; }
}

@media (min-width: 768px) {
.cc-window.cc-top .cc-body,
.cc-window.cc-bottom .cc-body {
align-items:center;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between
}
}
.cc-window .cc-message {
padding-bottom: 1.5rem;
}
.cc-window .cc-link {
display:inline-block;
padding:0.2em;
text-decoration:underline;
opacity:.8;
color:#007BA8; 
padding-top: 10px;
}

/*.cookieHint {background: #0069b1; width: 100%; margin-bottom: 10px; text-align: center; padding: 5px; color: #fff;   } */

.cc-compliance.cc-highlight a {background: #0069b1; width: 100%; margin-bottom: 10px; text-align: center; padding: 10px; color: #fff;   border-radius: 12px;} 

.cc-window { background: none !important; }
.dp--cookie-check { margin-top: 20px; }

.cc-window .dp--cookie-check {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: .5rem;
border: 1px solid rgba(255,255,255,0.5);
border-radius: 5px;
max-width: 20em;
margin: 0 auto;
padding: 20px 0;
}

.cc-window .dp--cookie-check label {
display:block;
overflow:hidden;
margin:0;
padding:5px;
white-space:nowrap;
text-overflow:ellipsis
}
/*
.cc-window .dp--cookie-check label:first-child {
padding-left:10px
}
.cc-window .dp--cookie-check label:last-child {
padding-right:10px
}
*/


.cc-window *,
.cc-window *::before,
.cc-window *::after {
box-sizing:border-box
}
.cc-compliance {
display:flex;
align-items:center;
flex-wrap:wrap;
justify-content:space-between;
min-width:300px;
max-width:100% !important
}
.cc-top .cc-compliance,
.cc-bottom .cc-compliance {
padding-top:.5rem;
padding-right:1.5rem;
padding-bottom:.5rem
}
.cc-compliance .cc-btn {
font-size:.9em;
font-weight:700;
display:block;
width:50%;
margin:0;
padding:0.4em 0.8em;
cursor:pointer;
text-align:center;
white-space:nowrap;
border-width:2px;
border-style:solid;
border-color:transparent
}
.cc-top .cc-compliance .cc-btn,
.cc-bottom .cc-compliance .cc-btn {
width:100%
}
.cc-top .cc-compliance .cc-btn+.cc-btn,
.cc-bottom .cc-compliance .cc-btn+.cc-btn {
margin-top:.25rem
}
.cc-compliance .cc-w-100 {
width:100%
}
.dp--iframe {
display:none
}
.dp--iframe.dp--loaded {
display:block
}
.dp--overlay {
display:flex;
align-items:center;
justify-content:center;
padding:2.5rem 1.5rem;
text-align:center
}
.dp--overlay-description {
margin-top:.8rem
}
.dp--overlay-button {
margin-top:.8rem
}
.db--overlay-submit {
font-weight:700;
display:inline-block;
padding:.4em .8em;
text-align:center;
border:2px solid transparent;
cursor:pointer
}
.dp--iframe.dp--loaded+.dp--overlay {
display:none
}
.cc-hide {
visibility:hidden !important;
opacity:0 !important
}
.cc-sr-only {
position:absolute;
overflow:hidden;
clip:rect(0, 0, 0, 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
white-space:nowrap;
border:0
}
.cc-no-wrap {
white-space:nowrap
}


.cc-window { position: fixed; top: 40% !important; left: 50% !important; transform: translate(-50%, -40%); } 
.dp--cookie-check label { display: block !important; width: 100%;}

.cc-window .cc-body,
.cc-compliance.cc-highlight a,
.dp--revoke { border-radius: 0; }
.dp--revoke.cc-type-info { bottom: -25px; }

.dp--revoke:hover { opacity: 1; }

@media (max-width: 991px) { 
  body.dp--cookie-consent { position: fixed; overflow-y: hidden; }
  .cc-window { overflow-y: scroll; overscroll-behavior: contain; left: 50% !important; transform: translate(-50%, -40%); height: 95vh; }
  .cc-window h2 { font-size: 28px; }
}

@media (max-width: 375px) { 
  .cc-window h2 { font-size: 24px; }
}