.cookie-popup {
  background: #ffffff;
  bottom: 0;
  overflow: visible;
  position: fixed;
  top: auto;
  z-index: 2200000;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  height: 160px;
  width: 870px;
  max-width:100%;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  display: none;
}
 .cookie-popup h2 {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size:1.3em;
    color:white;
  }

.cookie-popup .inner {
    text-align: center;
    padding-top: 0px;
}

.cookie-popup .inner h3 {
    padding-top:15px;
    padding-bottom: 8px;
    text-align:left;
    padding-left: 20px;
    padding-right:20px;
}

.cookie-popup .inner .infotext {
      padding-left: 20px;
      padding-right:20px
  }

.cookie-popup  .closer {
    z-index: 220;
}
.cookie-popup .closer a {
      cursor: pointer;
      float:right;
      line-height:2em;
      text-align:center;
      margin-right:10px;
      margin-top:5px;
}

.cookie-popup .closer a:after {content:"\f057"; font-family: 'FontAwesome'; font-size:2em; color:#FFF; z-index: 8040;}

.cookie-popup div.buttonContainer a{color:#FFFFFF;}
.cookie-popup iframe{font-family: "Open Sans",Arial,sans-serif;}


@media only screen and (max-width: 768px) {

  .cookie-popup {
      height:220px;
  }
}

@media only screen and (max-width: 480px) {

  .cookie-popup {
      height:260px;
  }
}

@media only screen and (max-width: 320px) {

  .cookie-popup {
      height:320px;
  }
}