/* -------- styles CookieConsentBanner ---------- */

.ccb_container-wrapper div {
      -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

  .ccb_container-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100001;
  }

  .ccb_container {
    position: fixed;
    bottom: 0px;
    background-color: rgba(200, 200, 200, 0.75);
    display: none;
  }

  
  /* container with text and buttons */

    .ccb_apell {
      background-color: #333;
      padding: 5px 10px 0px 10px;
      -webkit-box-shadow: 0px 0px 20px -5px #4A4A4A; 
      box-shadow: 0px 0px 20px -5px #4A4A4A;     
    }

    .ccb_apell p {
      color: #eaeaea;
      letter-spacing: 0.02em;
      padding-bottom: 5px;
    }

    .ccb_apell p a {
      color: #c0d053;
      cursor: pointer;
      padding: 2px;
      text-decoration: underline;
    }

    .ccb_apell p a:hover {
      color: #ccc;
      background-color: inherit;
    }

    .ccb_apell h2 {
      color: #eaeaea;
      margin-top: 15px;
      font-size: 180%; 
    }


    /* buttons */ 
      .ccb_buttoncontainer {
        margin-left: 0px;
        display: block;
        position: relative;
        padding: 0;
      }

      .ccb_buttoncontainer button {
        border-radius: 0;
        border: none;
        font-size: 100%;
        background-color: #F0F0F0;
        transition: background-color 0.5s;
        line-height: 80%;
        padding: 10px;
        width: 49%;
        height: 80px;
        overflow: hidden;
        vertical-align: top;
      }

      .ccb_buttoncontainer button span {
        color: #00a98a;
        font-size: 80%;
      }

      .ccb_buttoncontainer button:hover {
        background-color: #006963;
        color: #eaeaea;
        cursor: pointer;
      }

      .ccb_buttoncontainer button:hover span {
        color: #fff;
      }


    /*
    .ccb_container-visible {
    display: none;
    }*/

    /* image eyecatcher  */

      .ccb_wirbrauchendich {
        display: none;
      }

    /* mediequeries */
      /* Medium devices (desktops, 992px and up) */
      @media (min-width: 992px) {

        /* banner container  */
          .ccb_container {
          }

          .ccb_apell {
            width: 80%;
            position: relative;
            float: right;
            padding-left: 50px;
          }

          .ccb_apell p, .ccb_apell h2  {
            margin-left: 50px ;
          }

            .ccb_buttoncontainer {
              width: 60%;
              margin-left: 40%;
            }

          .ccb_wirbrauchendich {
            display: block;
            position: fixed;
            bottom: 0px;
            right: 80%;
            height: 300px;
          }

          .ccb_wirbrauchendich img {
            margin-right: -120px;
            width: auto;
            height: 100%;
            vertical-align: middle;
            border: 0;   
            pointer-events:none;     
          }
      }

      /* Large devices (large desktops, 1200px and up) */
      @media (min-width: 1200px){
            .ccb_buttoncontainer {
              width: 50%;
              margin-left: 50%;
            }
      }

  /* configuration screen */

    .ccb_configure {
      position: fixed;
      width: 100%;
      height: 100%;
      pointer-events: auto;
      z-index: 10001;

    }

    .ccb_configure div {
      pointer-events: auto;
    }
    

    /* cookie checkboxen */
      div.cookiechkbox {
        border: 4px solid #006963;
        background-color: #fff;
        background-image: inherit;
        width: 30px !important;
        min-width: 30px !important;
        height: 30px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;        
      }

      div.cookiechkbox:hover {
        background-color: #94cec3;
        cursor: pointer;
      }

      div.cookiechkbox.cookiechkbox-active {
        background-image: url("checkbox_ok-green.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 90%;
      }

      div.cookiechkbox_obligat {
        border: 4px solid #ccc;
        background-color: #fff;
        background-image: inherit;
        width: 30px !important;
        min-width: 30px !important;
        height: 30px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;     
        background-image: url("../img/checkbox_ok-ccc.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 100%;
      }

      .cookiechkbox_obligat:hover {
        cursor: not-allowed;
      }

      .cookiechkbox_obligat, .cookiechkbox {
        float: left;
        margin-right: 15px;
      }

      .cookiechkbox_legend {
        float: none;
        clear: both;
      }
    .ccb_buttoncontainer {
      padding: 15px;
    }

    .ccb_buttoncontainer button.ccb_bindabei {
      background-color: #a5d5cc;
      width: 100%;
    }    
    
    .ccb_configure-inlay {
      background-color: #eaeaea; 
      width: 100%;
      height: 100%;
      /*
      padding: 10px 20px;   
      -webkit-box-shadow: 0px 0px 20px -5px #4A4A4A; 
      box-shadow: 0px 0px 20px -5px #4A4A4A;    */
      display: block;
    }

    .ccb_optionscontainer {
      overflow-x: auto; 
      height: 75%;
      padding: 10px;
    }

    .ccb_configure_close {
      float: right;
      right: 0;
      cursor: pointer;
    }

    .ccb_configure_close img {
      position: absolute;
      width: 30px;
      height: auto;
      margin-left: -40px;
      padding: 5px;
    }

    .ccb_configure {
      font-size: 80%;
    }

    .ccb_configure h2 {
      font-size: 150%;
      padding: 10px;
      margin: 0;
    }

    .ccb_optionscontainer p {
      margin-top: 20px;
    }

    .ccb_optionscontainer table {
      display: block;
      width: 100%;
      margin-bottom: 20px;
    }

    .ccb_optionscontainer td {
      background-color: #d5d5d5;
      border: 2px solid #eaeaea;
      width: 20%;
      width: 1000px;
      padding: 7px;
    }

    .ccb_optionscontainer td:last-child {
      width: 80%;
    }

    .ccb_greenhead {
      color: #006963;
      font-size: 140%;
    }

    .ccb_buttoncontainer {
      padding: ;
    }

  /* Medium devices (desktops, 992px and up) */
  @media (min-width: 992px) {



    /* configuration screen */
    .ccb_configure {
      padding: 5%;
      width: 100%;
      height: 100%;
      border: 2px solid grey;
    }  
    .ccb_configure h2 {
      font-size: 30px;
    }

    .ccb_configure-inlay {
      width: 100%;
      height: 100%;
      border-radius: 25px;
      padding: 5%;
      /*padding: 30px 60px;   */
      -webkit-box-shadow: 0px 0px 20px -5px #4A4A4A; 
      box-shadow: 0px 0px 20px -5px #4A4A4A;
    }    
    .ccb_optionscontainer {
      overflow-x: auto; 
      height: 70%;}

    .ccb_buttoncontainer button.ccb_bindabei {
      background-color: #a5d5cc;
      width: 45%;
    }        

  }


/* Button Call Setting - always visible */
  #cookiecheck_call {
    /*
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ccc;
    line-height: 1.4em;
    letter-spacing: 0.05em;
    font-size: 0.9em;
    padding: 10px;
    margin: 0;    
    position: fixed;
    bottom: -100px;
    
    display: block;
    z-index: 100001;
    left: 50px;
    cursor: pointer;
    background-color: #555555;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;    
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    */
  }
/*
  #cookiecheck_call img {
    width: 30px;
    height: auto;
  }
*/
  #cookiecheck_call.cookiecheck_call-active {
    bottom: 0;  
  }

  div#cookiecheck_call:hover > img {
    background-color: #006963;
  }



/* tags for blockscreen msg */

  span.callCCBconfig:hover {
    cursor: pointer;
      color: #00a98a;
  }
  span.callCCBconfig:hover, span.callCCBconfig:focus {
      color: #2a6496;
      text-decoration: underline;
  }
  span.callCCBconfig:active, span.callCCBconfig:hover {
      outline: 0;
  }

  span.callCCBconfig {
      color: #00a98a;
      text-decoration: none;
  }
  span.callCCBconfig {
      background-color: transparent;
  }