/* Die Einwilligungsbox in den Farben des Hauses. Die Bibliothek selbst bleibt unveraendert,
   hier stehen nur die Anpassungen. */

#cc-main {
  --cc-btn-primary-bg: #d1352b;
  --cc-btn-primary-border-color: #d1352b;
  --cc-btn-primary-hover-bg: #b82a21;
  --cc-btn-primary-hover-border-color: #b82a21;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-hover-color: #fff;
  --cc-bg: #fff;
  --cc-primary-color: #241c17;
  --cc-secondary-color: #7a5a3a;
  --cc-separator-border-color: #e7ddcc;
  --cc-btn-secondary-bg: #f8f1e5;
  --cc-btn-secondary-border-color: #d8c9b1;
  --cc-btn-secondary-color: #241c17;
  --cc-btn-secondary-hover-bg: #efe3d0;
  --cc-toggle-readonly-bg: #efe3d0;
  --cc-cookie-category-block-bg: #fdfaf5;
  --cc-cookie-category-block-border: #e7ddcc;
}

#cc-main a {
  color: #b82a21;
  font-weight: 500;
  text-decoration: none;
}

#cc-main a:hover {
  color: #98221b;
}

/* Kein Fokusrahmen, wie ueberall auf der Seite */
#cc-main a,
#cc-main button,
#cc-main input {
  outline: none;
}

/* Runde Knoepfe und Ecken, passend zum uebrigen Aussehen */
#cc-main .cm,
#cc-main .pm {
  border-radius: 1rem;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  border-radius: 9999px;
}

/* Etwas mehr Tiefe, damit sich die Box vom hellen Grund abhebt */
#cc-main .cm {
  box-shadow: 0 8px 30px rgba(36, 28, 23, 0.25) !important;
}

/* Auf dem Handy liegt unten die Warenkorb-Insel, die Box weicht ihr aus */
@media (max-width: 639px) {
  #cc-main .cm--box {
    margin-bottom: 6rem;
  }
}