a.overlayopener {
	cursor: pointer;
}

.themenoverlayvisible {
  font-family: 'MetaPro-Norm';
	display:block;
} 
.themenoverlayhidden {
	display:none;
}
.themenoverlayinfo{
  font-family: 'MetaPro-Norm';
}

/* Overlay Styles */
.overlayBg {
  font-family: 'MetaPro-Norm';
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
  width: 200vw;
  height: 200vh;
  display: none;
}
.overlayBg.open {
  display: block;
}
[overlay] {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1001; /* Kartenintegration hat einen höchsten z-index von 1000, daher muss dieser höher sein */
  transform: translate(-50%, -50%);
  width: 80%;
  padding: 30px;
  background-color: white;
  box-shadow: 0 5px 8px #0005;
  visibility: hidden;
  opacity: 0;
  transition:
    visibility 0s linear 0.4s,
    opacity 0.4s,
    transform 0.4s;
}
[overlay].open {
  visibility: visible;
  opacity: 1;
  transition:
    opacity 0.7s,
    transform 0.7s;
}
[overlay] button.close {
  background: none;
  border: none;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 24px;
  color: #999;
  cursor: pointer;
  outline: none;
}
[overlay] button.close:hover,
[overlay] button.close:focus {
  color: #000;
}

[overlay] .link-index {
  margin-left: 10px;
}

@media screen and (min-width: 767px) {
  [overlay] {
    width: 550px;
  }
}