/* Klaro! Custom Style für Docusaurus */
.klaro .cm__panel {
  font-family: inherit;
  background-color: #fff;
  color: #111;
  border: 1px solid #ddd;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  border-radius: 8px;
}

.klaro .cm__btn {
  background-color: #00b3b3;
  border: none;
  color: white;
  font-weight: 600;
  border-radius: 6px;
  padding: 0.5em 1.2em;
  font-size: 0.9rem;
  transition: background-color 0.2s ease-in-out;
}

.klaro .cm__btn:hover {
  background-color: #009494;
}

.klaro .cm__btn--secondary {
  background-color: transparent;
  color: #555;
  border: 1px solid #ccc;
}

.klaro .cm__header {
  font-size: 1.25rem;
  font-weight: 700;
  color: #222;
}

.klaro .cm__footer {
  text-align: right;
  padding-top: 1em;
}

.klaro .cm__description,
.klaro .cm__title {
  font-size: 1rem;
}

.klaro .cookie-modal {
  z-index: 9999;
}