/*///////////////////////////////////////////////////////////////////////////////////////////////
// base modal
///////////////////////////////////////////////////////////////////////////////////////////////*/

#klaro .cm-modal {
  border-radius: 14px;
  font-family: inherit;
  background: #ffffff;
  color: #000000;
  font-size: 16px;
  line-height: 1.4;
}

#klaro .cm-modal * {
  color: inherit;
}

#klaro .cm-header,
#klaro .cm-body,
#klaro .cm-service-description {
  color: #000000;
  font-size: 16px;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////
// links
///////////////////////////////////////////////////////////////////////////////////////////////*/

#klaro a,
#klaro .cm-link,
#klaro .cn-learn-more {
  color: #00A74A !important;
  text-decoration: underline;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////
// primary btn
///////////////////////////////////////////////////////////////////////////////////////////////*/

#klaro .cm-btn-success,
#klaro .cm-btn {
  background: #00A74A !important;
  color: #ffffff !important;   /* <- FIX */
  border-radius: 10px;
  border: none;
  font-size: 15px;
  font-weight: 500;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////
// secundary btn
///////////////////////////////////////////////////////////////////////////////////////////////*/

#klaro .cm-btn-danger {
  background: transparent !important;
  border: 1px solid #000000 !important;
  color: #000000 !important;
  font-size: 15px;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////
// switch
///////////////////////////////////////////////////////////////////////////////////////////////*/

#klaro .cm-switch input:checked + .cm-slider {
  background-color: #00A74A;
}

#klaro .cm-switch .cm-slider {
  background-color: #dddddd;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////
// overlay
///////////////////////////////////////////////////////////////////////////////////////////////*/

#klaro .cm-overlay,
#klaro .cm-aside {
  background: rgba(0, 0, 0, 0.5);
}

/*///////////////////////////////////////////////////////////////////////////////////////////////
// cookie banner
///////////////////////////////////////////////////////////////////////////////////////////////*/

.klaro .cookie-notice:not(.cookie-modal-notice) {
  background: #ffffff !important;
  color: #000000 !important;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.15);
  font-size: 16px;
  font-weight: 700;
}

.klaro .cookie-notice:not(.cookie-modal-notice) * {
  color: #000000 !important;
}

/* banner buttons */
.klaro .cookie-notice .cm-btn {
  background: #00A74A !important;
  color: #ffffff !important;
  border-radius: 5px;
  border: none;
}

/* secondary in banner */
.klaro .cookie-notice .cm-btn.cm-btn-danger {
  background: transparent !important;
  border: 1px solid #000000 !important;
  border-radius: 5px;
  color: #000000 !important;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////
// close button
///////////////////////////////////////////////////////////////////////////////////////////////*/

#klaro button[aria-label="Schließen"],
#klaro button[title="Schließen"] {
  background: transparent !important;
  border: none !important;
  cursor: pointer;
  padding: 8px;
}

/* SVG lines */
#klaro button[aria-label="Schließen"] svg line,
#klaro button[title="Schließen"] svg line {
  stroke: #000000 !important;
  stroke-width: 2 !important;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////
// link text
///////////////////////////////////////////////////////////////////////////////////////////////*/

#klaro .cn-learn-more,
#klaro .cm-learn-more,
#klaro .cm-link {
  color: #00A74A !important;
  text-decoration: underline;
  font-weight: 500;
}