.icon-styles {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-styles {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin: 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.klaro {
  --notice-max-width: 31.25rem;
  --border-radius: 0.625rem;
  --button-text-color: #000;
  --light1: #272716;
  --dark2: #c1c19e;
  --dark3: #272716;
  --green1: #fecb00;
  --green2: #c1c19e;
  --blue1: #c1c19e;
  --title-font-family: PT Serif, Arial, Helvetica, sans-serif; }
  .klaro .cookie-modal-notice,
  .klaro .cookie-modal .cm-modal {
    padding: 20px; }
    .klaro .cookie-modal-notice .cm-btn,
    .klaro .cookie-modal .cm-modal .cm-btn {
      --button-text-color: $black;
      padding: 0.5rem 1.25rem;
      width: auto !important;
      border-radius: 0.375rem;
      font-size: 1rem; }
      .klaro .cookie-modal-notice .cm-btn:hover,
      .klaro .cookie-modal .cm-modal .cm-btn:hover {
        background-color: #a4a486; }
      .klaro .cookie-modal-notice .cm-btn:focus-visible,
      .klaro .cookie-modal .cm-modal .cm-btn:focus-visible {
        outline: 0.0625rem solid #000;
        outline-offset: 0.1875rem; }
      .klaro .cookie-modal-notice .cm-btn.cm-btn-success,
      .klaro .cookie-modal .cm-modal .cm-btn.cm-btn-success {
        --green1: #c1c19e; }
    .klaro .cookie-modal-notice p,
    .klaro .cookie-modal .cm-modal p {
      font-size: 1rem; }
    .klaro .cookie-modal-notice a,
    .klaro .cookie-modal .cm-modal a {
      color: #d2492a; }
      .klaro .cookie-modal-notice a:hover,
      .klaro .cookie-modal .cm-modal a:hover {
        text-decoration: underline; }
  .klaro .cookie-modal-notice {
    max-width: 40rem; }
    .klaro .cookie-modal-notice h2 {
      font-size: 2rem;
      margin-top: 0; }
    .klaro .cookie-modal-notice p {
      margin-bottom: 1rem; }
      .klaro .cookie-modal-notice p span > span {
        display: block;
        margin-bottom: 1rem; }
  .klaro .cookie-modal .cm-modal {
    padding-bottom: 0; }
    .klaro .cookie-modal .cm-modal button.hide {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 1.25rem;
      width: 1.25rem;
      padding: 0; }
    .klaro .cookie-modal .cm-modal .cm-body .cm-list-description,
    .klaro .cookie-modal .cm-modal .cm-body .cm-list-title {
      font-size: 1rem; }
    .klaro .cookie-modal .cm-modal .cm-body .cm-list-label {
      margin-bottom: 0; }
    .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p.purposes,
    .klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p.purposes {
      font-size: 1rem;
      color: #5f5e36; }
    .klaro .cookie-modal .cm-modal .cm-body .slider {
      background-color: #ced4da;
      border: 0.0625rem solid #c1c19e;
      box-shadow: none; }
      .klaro .cookie-modal .cm-modal .cm-body .slider:hover {
        background-color: #c1c19e; }
      .klaro .cookie-modal .cm-modal .cm-body .slider.active:before {
        background-color: #fff; }
    .klaro .cookie-modal .cm-modal .cm-body input:focus-visible + label .slider {
      outline: 0.0625rem solid #000;
      outline-offset: 0.125rem; }
    .klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
      justify-content: space-between; }
      .klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
        color: #d2492a; }
        .klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a.imprintLink {
          font-size: 1rem;
          color: #d2492a; }
  .klaro .cookie-modal-notice .cn-body .cn-ok,
  .klaro .cookie-modal-notice .cn-body .cn-buttons,
  .klaro .cookie-modal-notice .cn-body .cm-footer-buttons,
  .klaro .cookie-modal .cm-modal .cn-ok,
  .klaro .cookie-modal .cm-modal .cn-buttons,
  .klaro .cookie-modal .cm-modal .cm-footer-buttons {
    display: grid;
    gap: 0.75rem;
    margin: unset;
    justify-content: unset; }
    .klaro .cookie-modal-notice .cn-body .cn-ok .cm-btn,
    .klaro .cookie-modal-notice .cn-body .cn-buttons .cm-btn,
    .klaro .cookie-modal-notice .cn-body .cm-footer-buttons .cm-btn,
    .klaro .cookie-modal .cm-modal .cn-ok .cm-btn,
    .klaro .cookie-modal .cm-modal .cn-buttons .cm-btn,
    .klaro .cookie-modal .cm-modal .cm-footer-buttons .cm-btn {
      width: 100%; }
    @media (min-width: 614px) {
      .klaro .cookie-modal-notice .cn-body .cn-ok,
      .klaro .cookie-modal-notice .cn-body .cn-buttons,
      .klaro .cookie-modal-notice .cn-body .cm-footer-buttons,
      .klaro .cookie-modal .cm-modal .cn-ok,
      .klaro .cookie-modal .cm-modal .cn-buttons,
      .klaro .cookie-modal .cm-modal .cm-footer-buttons {
        display: flex;
        justify-content: flex-end; }
        .klaro .cookie-modal-notice .cn-body .cn-ok .cm-btn,
        .klaro .cookie-modal-notice .cn-body .cn-buttons .cm-btn,
        .klaro .cookie-modal-notice .cn-body .cm-footer-buttons .cm-btn,
        .klaro .cookie-modal .cm-modal .cn-ok .cm-btn,
        .klaro .cookie-modal .cm-modal .cn-buttons .cm-btn,
        .klaro .cookie-modal .cm-modal .cm-footer-buttons .cm-btn {
          flex: 1 1 auto;
          max-width: 50%; } }
  .klaro .cookie-modal-notice .cn-body .cm-btn-info,
  .klaro .cookie-modal .cm-modal .cm-btn-info {
    order: 2; }
  .klaro .cookie-modal-notice .cn-body .cn-decline,
  .klaro .cookie-modal .cm-modal .cn-decline {
    order: 3; }
  .klaro .cookie-modal-notice .cn-body .cm-btn-success:not(.cm-btn-accept),
  .klaro .cookie-modal .cm-modal .cm-btn-success:not(.cm-btn-accept) {
    order: 1; }