#cookie-consent {
  background-color: rgba(0,0,0,.0);

  .consent-modal {
    background-image: url(/static_assets/Images/Layout_icons/cookie.png);
    background-repeat: no-repeat;
    background-position: -52px -32px;
    background-size: 115px auto;
  }
  .cookie-headline {
    text-shadow: 3px 3px 4px #FFF;
  }
  .hint {
    p {
      text-shadow: 3px 3px 4px #FFF;
    }
  }
  ul.options {
    li {
      &:before {
        display: none;
        content: none;
      }
    }
  }
  .btn--secondary {
    color: #000;
    opacity: 0.9;
    border-color: #4d4d4d;
  }
  .buttons {
    .deny {
      color: #000;
      opacity: 0.9;
      border-color: #4d4d4d;
      &:hover {
        background-color: #f6f6f6;
      }
    }
    .safe {
      color: #000;
      opacity: 0.9;
      border-color: #4d4d4d;
      &:hover {
        background-color: #f6f6f6;
      }
    }
  }
  .more {
    color: #000000;
  }
  .details {
    width: 100%;
    p {
      color: #4d4d4d;
    }
  }
}

@media (min-width: 900px) {
  .cookie-consent-container {
    .consent-modal {
      height: 630px!important;
    }
  }
}
@include media-breakpoint-down(lg) {
  .cookie-consent-container {
    font-size: 0.75rem!important;
    .consent-modal .options li {
      margin-bottom: 0!important;
      padding-bottom: 5px!important;
    }
  }
}




  #klaro{
    .klaro.we_cookie_consent {

      .cookie-notice, .cookie-modal {
        padding: 0;

        .cm-bg{
          background: none;
        }

        &:before {
          content: "";
          background: rgba(0, 0, 0, 0.4);
          position: fixed;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          z-index: 9999;
        }

        .cm-header{
          margin: 20px 0 0 0;
        }

        .cn-body, .cm-modal.cm-klaro, .cm-modal.cm-klaro .cm-footer {
          z-index: 10000;
          background: $secondary-color;
          padding: 20px 30px;

          .cm-service>div>.cm-list-input:checked+.cm-list-label .slider:before{
            background: #9ac100!important;
          }

          .cm-list-title{
            color: $white;
          }

          p {
            font-weight: $font-weight-normal;
            line-height: $line-height-22;
            color: $white;

            a {
              color: $white;
            }
          }

          .cm-header h1{
            color: $white;
            font-size: $font-size-22;
          }

          .cm-btn, .cm-link {
            background: #ffffff73!important;
            border: none!important;
            color: $black!important;

            &:hover {
              opacity: 1!important;
              filter: brightness(1.1);
              background: #ffffffe8!important;
            }

            &:before {
              display: none;
            }
          }

          .cm-btn-success:not(.cm-btn-info) {
            background: #9ac100!important;
            color: $white!important;

            &:hover {
              background: #9ac100;
            }

            &:before {
              filter: brightness(100);
            }
          }
        }
      }
    }
    ul li:before{
      display: none;
    }
  }