#popup-wrapper {
  position: fixed;
  margin-top: -400px;
  z-index: 10000;
       display: none;
  max-width: 1400px;
  height: 560px;
  background-color: #fefcfe;
  border: 1px solid #333;
  box-shadow: 10px 10px 40px 20px #454545;
}
#popup-wrapper #hide-popup {
  cursor: pointer;
  color: #666;
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 13000;
  right: -10px;
  top: -10px;
  cursor: pointer;
  border-radius: 25px;
  border: 1px solid #ccc;
  background-color: #eee;
  font-size: 19px;
  padding: 0 0 0 5px;
}
#popup-wrapper #hide-popup:hover {
  color: #cc0000;
  background-color: white;
}
#popup-wrapper .teaser {
}

#popup-wrapper .teaser img.slider {
  width: 1400px;
  height: 560px;
}

#popup-wrapper .teaser .description {
  color: white;
  font-size: 16px;
  position: absolute;
  z-index: 12000;
  margin-top: 405px;
  margin-left: 411px;
  text-align: left;
  padding: 20px;
  background-color: transparent;
}
#popup-background-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%    ;
    z-index: 100;
    background-color: #fff;
    opacity: 0.5;
    display: none;

}

/* --- slider in der Seite --- */
#popup-wrapper-in-page {
  margin: 80px auto;
}
#popup-wrapper-in-page .hide-popup {
  display: none;
}

#popup-wrapper-in-page .teaser .description {
  color: white;
  font-size: 16px;
  position: absolute;
  z-index: 12000;
  margin-top: 405px;
  margin-left: 411px;
  text-align: left;
  padding: 20px;
  background-color: transparent;
}