#PopUp {
  width:700px;
  height:700px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #747165;
  color: white;
  z-index: 9999;
  border-radius: 15px;
  -webkit-box-shadow: 8px 8px 15px 10px rgba(0,0,0,0.23); 
  box-shadow: 8px 8px 15px 10px rgba(0,0,0,0.23);
}

#PopUp .pheader {
  width: 100%;
  height: 40%;
  position: relative;
  border-bottom: 5px solid;
  border-image: linear-gradient(to bottom, grey, white, grey) 90 95 99;
}

#PopUp .pheader img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: 15px 15px 0 0;
}

#PopUp .pheader a, #PopUp .navigation-label {
  color: white;
}

#PopUp .pheader span.close {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 25px;
  text-shadow: 2px 2px 5px black;
}


#PopUp .pheader span.info-toggle {
  position: absolute;
  left: 15px;
  bottom: 5px;
  font-size: 25px;
  text-shadow: 2px 2px 5px black;
  display: none;
}

#PopUp .pheader #iconcontainer {
  position: absolute;
  left: 15px;
  bottom: 5px;
}

#PopUp .pheader span.info_berrierefrei {
  position: relative;
  font-size: 25px;
  text-shadow: 2px 2px 5px black;
  color: white;
}

#PopUp .pheader span.info_auerbachgutschein {
  font-size: 25px;
  color: white;
}
    
#PopUp .pheader span.navi-walk {
  position: absolute;
  right: 15px;
  bottom: 5px;
  font-size: 25px;
  text-shadow: 2px 2px 5px black;
}

#PopUp .pheader span.navi-car {
  position: absolute;
  right: 50px;
  bottom: 5px;
  font-size: 25px;
  text-shadow: 2px 2px 5px black;
}

#PopUp .pheader span.navigation-label {
  position: absolute;
  right: 85px;
  bottom: 7px;
  font-size: 20px;
  text-shadow: 2px 2px 5px black;
}

#PopUp .pcontent {
  width: 100%;
  height: 60%;
}

#PopUp .pcontent .pcontentleft {
  width: 60%;
  height: 100%;
  float: left;
}

#PopUp .pcontent .pcontentleft > div {
  padding: 15px;
  height: 90%;
  overflow-y: auto;
}

#PopUp .pcontent .pcontentleft > div div.pcontentleftfirmenname {
  font-size: 20px;;
}

#PopUp .pcontent .pcontentleft > div div.pcontentleftkategorie {
  font-size: 12px;
  padding-bottom: 15px;
}

#PopUp .pcontent .pcontentright {
  width: 40%;
  height: 100%;
  float: left;
}

#PopUp .pcontent .pcontentright > div {
  padding: 15px;
}

#PopUp .pcontent .pcontentright div table {
  font-size: 14px;
  margin-bottom: 15px;
}

#PopUp .pcontent .pcontentright div table a {
  color: white;
  text-decoration: none;
}

#PopUp #speisekartelink {
  color: white;
  text-decoration: none;
}

/* custom scrollbar */
::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: lightgrey;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: white;
}

#ContainerOeffnungszeiten {
  height: 225px;
  overflow-y: auto;
  margin-bottom: 15px;
}

#ContainerOeffnungszeiten table {
  width: 100%;
}

#ContainerOeffnungszeiten table tr td:nth-child(2) {
  text-align: right;
}

#ContainerKontakt {
  height: auto;
}

.header-trenner {
  background-color: rgb(0,0,0,0.6);
  height: 40px;
  bottom: 40px;
  position: relative;
}


@media only screen and (max-width: 767px) {
  #PopUp {
    width:300px;
  }
  .pcontentleft {
    display:none;
  }
  
  #PopUp .pheader span.info-toggle {
    display: block;
  }
}

#exposelink span {
  font-size: 60px;
}

#pVerifiziert {
  bottom: 5px;
  position: absolute;
}
#pVerifiziert span {
  color: green;
}