:root {
        --purple: #225371;
        --red: #EE4B5A;
    }

  #gdpr-cookie-teaser {
      position: fixed;
      right: 20px;
      bottom: 20px;
      max-width: 375px;
      padding: 10px;

      font-family: inherit;
    cursor:pointer;
    z-index:9999;
  }

#gdpr-cookie-teaser:hover svg .mo { fill:#3c722a; transition: all 0.3s ease-in;}


/* Cookie Dialog */
    #gdpr-cookie-message {
        position: fixed;
        right: 30px;
        bottom: 30px;
        max-width: 375px;
    border:1px solid #e0e0e0;
        background-color: #f1f1f1;
        padding: 20px;
    margin-left:30px;
    box-sizing:border-box;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
        font-family: inherit;
    z-index:9999;
    }
    #gdpr-cookie-message * {box-sizing:border-box; }
   #gdpr-cookie-message h4 img {vertical-align:middle;margin-right:15px; }
    #gdpr-cookie-message h4 {
        color: #2d2d2d;
        font-family: inherit;
    text-transform:none;
        font-size: 18px;
        margin:0px;
        font-weight: 700;
        margin-bottom: 10px;
    letter-spacing:0.1em;
    }
    #gdpr-cookie-message h5 {
        color: #2d2d2d;
        font-family: inherit;
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 10px;
    }
    #gdpr-cookie-message p, #gdpr-cookie-message ul {
        color: #2d2d2d;
        font-size: 15px;
        line-height: 1.5em;
    padding-left:0px;
    }
    #gdpr-cookie-message p:last-child {
        margin-bottom: 0;
        text-align: right;
    }
    #gdpr-cookie-message li {
        width: 100%;
        display: inline-block;
    margin-bottom:4px;
    }
  #gdpr-cookie-message li i {display:block; margin-bottom:5px;}
    #gdpr-cookie-message a {
        color: #3c722a;
        text-decoration: underline;
        font-size: 15px;
        padding-bottom: 2px;
        transition: all 0.3s ease-in;
    }
    #gdpr-cookie-message a:hover {
        color: #2d2d2d;
        transition: all 0.3s ease-in;
    }
  #gdpr-cookie-message label {font-weight:bold;position:relative;padding-left:32px; line-height:23px; }
  #gdpr-cookie-message i {color:#8c8c8c; padding-left:32px; display:inline-block; font-size:14px;}
    #gdpr-cookie-message button {
        border: none;
        background: transparent;
    border:3px solid #cfcfcf;
        color: #3c722a;
        font-family: inherit;
        font-size: 15px;
        padding: 7px;
        margin-left: 0px;
        cursor: pointer;
        transition: all 0.3s ease-in;
    width:100%;
    margin-bottom:5px;

    background:#3c722a;
    border:3px solid #3c722a;
    color:#fff;
  }
    #gdpr-cookie-message button:hover,
  #gdpr-cookie-message button#gdpr-cookieall-accept:hover {
    background: #2d2d2d;
    border:3px solid #2d2d2d;
        color: #fff;
        transition: all 0.3s ease-in;
  }
    button#gdpr-cookie-advanced {
        background: white;
        color: var(--red);
    }
    #gdpr-cookie-message button:disabled {
        opacity: 0.3;
    }
    #gdpr-cookie-message input[type="checkbox"] {
        position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }

  /* Create a custom checkbox */
  #gdpr-cookie-message label span {
    position: absolute;
    top: 0;
    left: 0;
    height: 23px;
    width: 23px;
    background-color: #cfcfcf;
    border:2px solid #fff;
  }

  /* On mouse-over, add a grey background color */
  #gdpr-cookie-message label:hover input ~ span {
    background-color: #b7b7b7;
  }

  /* When the checkbox is checked, add a blue background */
  #gdpr-cookie-message label input:checked ~ span {
    background-color: #3c722a;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  #gdpr-cookie-message label span:after {
    content: "";
    position: absolute;
    display: none;
  }

  #gdpr-cookie-message label input:disabled ~ span { opacity:0.4; background:#2d2d2d; }
  #gdpr-cookie-message label.disabled { color:#2d2d2d; }

  /* Show the checkmark when checked */
  #gdpr-cookie-message label input:checked ~ span:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  #gdpr-cookie-message label span:after {
    left: 6px;
    top: 3px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  @media (max-width:500px) {
    #gdpr-cookie-message { right:20px; bottom:20px; margin-left:20px; }
    #gdpr-cookie-message h4 { font-size:16px; margin-bottom:0 }
    #gdpr-cookie-message h4 img { width:50px; height:auto; margin-right:10px; }
    #gdpr-cookie-message p, #gdpr-cookie-message ul { font-size:13.5px; }
    #gdpr-cookie-message p {margin-bottom:5px; }
  }

  span.igconsent-overlay {display:none;}
  .igconsent-wrapper-marketing iframe {display:block;}
  .igconsent-wrapper-marketing:not(.ok) {
    background:#f1f1f1 url(/typo3conf/ext/ig_cookieconsent/Resources/Public/Icons/bg-cookiebox.png) center center no-repeat;
    background-size:95% 95%;
    position:relative;
    display:inline-block;
  }
  .igconsent-wrapper-marketing.w {width:100%;}
  .igconsent-wrapper-marketing.block {display:block; }
  .igconsent-wrapper-marketing span.igconsent-overlay {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    cursor:pointer;
    display:block;
    height:100%;
    z-index:1;
    color:#2d2d2d;
    text-align:center;
    line-height:150%;
  }
  .igconsent-wrapper-marketing span.igconsent-overlay img { margin-bottom:10px; }

  .igconsent-wrapper-marketing span.igconsent-overlay > span {
    display:table;
    width:100%;
    height:100%;
  }
  .igconsent-wrapper-marketing span.igconsent-overlay > span > span {
    display:table-cell;
    vertical-align:middle;
  }
  .igconsent-wrapper-marketing.ok span,
  .igconsent-wrapper-marketing .igconsent-wrapper-marketing span,
  .igconsent-wrapper-marketing .igconsent-wrapper-marketing span:before {display:none;}
  .igconsent-wrapper-marketing .igconsent-wrapper-marketing {display:block;}