body {
  font-family: Arial, Helvetica, sans-serif;
}

.header-banner{
  background-color:rgb(181, 205, 213);
  box-shadow: lightgray;
}

.stadt-btn{
  background: none;
  padding: 10px;
  margin: 20px;
  border-radius: 25px;
  border: 1px solid black;
}
.stadt-btn.non-active{
  background-color: rgb(255, 255, 255);
  color:rgb(208, 208, 208);
  border-color:rgb(167, 167, 167)
  }

.stadt-btn.active{
background-color: black;
color:white;

}


.tooltip-numbers{
  display: flex;
  flex-direction: column;

  font-weight: bold;
  font-size: small;

}


#LeseZeichenMap { height: 80vh; padding: 1vw; }
.lesezeichen{
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size:1rem;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 30px;  

}

.list-item{

  width: 100%;
  max-width:800px; 
  text-align:center;
  margin: 0 auto;
  margin-top:100px;
  margin-bottom:200px;
  

}


.list-item button{
  max-width:300px;
  text-align:center;
}

.playbutton {

  margin-top:10px;
  margin-left:6px;
 margin-right:6px;
 padding:10px;
 width:90%;
 cursor:pointer;
 height:60px;
 background-color: white;
 border-radius: 10px;
 border-width: 0.2px;
 border-color: #bbbbbb;
 text-align: left;
 vertical-align: text-bottom;
 outline:none;


}

.speaker-icon {
  width:15px;
  margin-right:5px;
  float: left;
}
.playbutton:hover {

  box-shadow: 3px 2px 3px 1px rgba(0, 0, 0, 0.24);
}

.playbutton:hover::after {
  content:"";
  width:30px;
  height:15px;
  background: url("../speaker.png") center no-repeat;
  background-size: 15px 15px;
float:right;
 
}
.playbutton:active{
  transition: all 0.05s;

    transform: scale(0.98);
    /* Scaling button to 0.98 to its original size */
    box-shadow: 3px 2px 10px 1px rgba(0, 0, 0, 0.24);
    /* Lowering the shadow */

}
.lesezeichenListe{

}


.titel {
  font-size:1.1rem;

}
.author{
  font-style: italic;
  line-height:20px;
  margin-left:5px;
}

audio{
  width:280px;
  outline:none;
}
#ort-header{
  width:100%;
text-align:center;
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

#ortsname{

  font-size:0.8rem;

}


#standort{
  font-size:0.8rem;
}




.leaflet-container .leaflet-marker-icon{
    filter:drop-shadow(2px 5px 2px gray);
}

.leaflet-container .leaflet-marker-icon:hover,.leaflet-container .leaflet-marker-icon:focus{
   filter:drop-shadow(0px 0px 2px rgb(0, 0, 0)) brightness(110%);
}

.leaflet-popup-content {
 width:300px;
  max-width: 850px;
  max-height: 500px;
  overflow-y:scroll;

}

::-webkit-scrollbar-track {
  display:none;
}

::-webkit-scrollbar {
	width: 15px;
 
 
}

::-webkit-scrollbar-thumb {
	background-color: #719eab;
	border-radius: 10px;
}


.leaflet-popup-content::-webkit-scrollbar-track {
  display:none;
}

.leaflet-popup-content::-webkit-scrollbar {
	width: 5px;
 
 
}

.leaflet-popup-content::-webkit-scrollbar-thumb {
	background-color: #719eab;
	border-radius: 10px;
}


.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: #fffffff4;
}


.leaflet-pane > svg path.leaflet-interactive {

  
  }

.leaflet-pane > svg path.leaflet-interactive:hover {

  
}

#lesezeichenPlayer{
display: block;
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;

background-color: rgba(255,255,255,0.95);
text-align: center;

margin: 0;
display: flex;
justify-content: center;
align-items: center;
background: #ffffff;

box-shadow:0 0px 5px gray;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

footer {
  width: 100%;
  padding: 100px;
  height:500px;
}