/* werwirdkunde.de – Anpassungen fuer den Klaro Consent Manager
   (wird NACH klaro.min.css eingebunden) */

/* "Alle Dienste aktivieren/deaktivieren" ausblenden */
li.cm-purpose.cm-toggle-all {
  display: none !important;
}

/* Service-Detailliste innerhalb der Zwecke ausblenden */
.cm-purpose .cm-services {
  display: none !important;
}

/* Modal-Hintergrund */
.klaro .cm-modal,
.klaro .cookie-modal .cm-modal {
  background: #ffffff !important;
  border-radius: 10px !important;
}

/* Textfarben */
.klaro .cookie-modal,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal h3,
.klaro .cookie-modal p,
.klaro .cookie-modal span,
.klaro .cookie-modal label,
.klaro .cookie-notice p,
.klaro .cookie-notice span {
  color: #14181c !important;
}

/* Beschreibungstext */
.klaro .cm-modal p,
.klaro .cm-modal p span,
.klaro .cm-modal .cm-description {
  font-size: 12px !important;
  line-height: 1.6 !important;
}

/* Ueberschrift */
.klaro .cm-modal .title,
.klaro .cm-modal .title span {
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* Zweck-Namen */
.klaro .cm-list-title {
  font-size: 12px !important;
}

/* Zwecke als 2-Spalten-Grid */
.klaro .cm-purposes {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.klaro li.cm-purpose {
  margin: 0 !important;
}

/* Text zentrieren */
.klaro .cm-modal .title,
.klaro .cm-modal .title span,
.klaro .cm-modal p,
.klaro .cm-modal p span {
  text-align: center !important;
}

/* Regler etwas kleiner */
.klaro .cm-switch {
  transform: scale(0.85);
  transform-origin: right center;
}

/* Links */
.klaro .cookie-modal a,
.klaro .cookie-notice a {
  color: #1b7f8c !important;
  text-decoration: underline !important;
}

/* Hauptbutton: Alle akzeptieren */
.klaro .cm-btn-success,
.klaro .cm-btn-accept-all,
.klaro .cm-btn-accept {
  background: #39b8c8 !important;
  color: #0c1013 !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 10px 18px !important;
}

/* Sekundaere Buttons */
.klaro .cm-btn-decline,
.klaro .cm-btn-info,
.klaro .cm-btn-secondary,
.klaro .cm-btn-accept:not(.cm-btn-accept-all) {
  background: #f1f1f1 !important;
  color: #333333 !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 10px 18px !important;
}

/* Hover */
.klaro .cm-btn-success:hover,
.klaro .cm-btn-accept-all:hover {
  opacity: 0.9;
}

.klaro .cm-btn-decline:hover,
.klaro .cm-btn-info:hover,
.klaro .cm-btn-secondary:hover {
  background: #e5e5e5 !important;
}

/* "Powered by Klaro" ausblenden */
.klaro .cm-powered-by {
  display: none !important;
}