/**
 * Erweiterung DSGVO/Cookie-Banner für die Website.
 */

/* Overlay des Dialogs */
#dsgvo-dialog-overlay {
  content          : "";
  position         : fixed;
  width            : 100%;
  height           : 100%;
  top              : 0;
  left             : 0;
  right            : 0;
  bottom           : 0;
  background-color : rgba(0, 0, 0, 0.7);
  z-index: 3000;
  display          : none;
}

#dsgvo-dialog-overlay.active {
  display: block;
}

#dsgvo-dialog {
  background-color: white;
  margin: 2rem;
  padding: 1rem;
  /*outline: 2px solid deeppink;*/
  position: fixed;
  bottom: 0;
  right: 0;
  min-width: 15em;
  min-height: 10em;
  max-width: 35em;
}

@media (max-width: 576px) {
  #dsgvo-dialog {
    margin: 1rem;
    padding: 0.5rem;
    overflow-y: scroll;
  }
}

#dsgvo-dialog .form-check-input:not(:checked) {
  border-color: var(--grau);
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.5%29'/%3e%3c/svg%3e");
}

#dsgvo-dialog .form-check-input:checked {
  background-color: var(--mittelblau);
}