span.gal-popup{
    
    right: -20.5em !important;
    width: 20em !important;
    margin: -0.5em 0 0 4em !important;
    top: 2em;
    font-style: revert !important;

}

span.gal-textref{
    font-style: italic;
}

.gal-infocircle{
    position:absolute;
    top:0.25em;
    right:0.25em
}

div.bildrahmen{
    margin-bottom:0em !important;
    position:relative;
    display: block ruby
}

.bildgroesse{
    /*width:285px;*/
    display:block
}

.bildbox {
    padding:0.5em !important;
    background: white;
}

.grid-gallery {
  display: grid;
  grid-template-columns: repeat(3, 302px);
  gap: 1rem;
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
  grid-auto-flow: dense;
}

.grid-gallery li {
  list-style-type: none;
}

/*.grid-gallery li:nth-child(8),
.grid-gallery li:nth-child(16),
.grid-gallery li:nth-child(24),
.grid-gallery li:nth-child(35),
.grid-gallery li:nth-child(16),
.grid-gallery li:nth-child(24),
.grid-gallery li:nth-child(63)
.grid-gallery li:nth-child(99)
.grid-gallery li:nth-child(108)
.grid-gallery li:nth-child(144){
  grid-column: span 2;
  grid-row: span 2;
}
*/
.grid-gallery li:nth-child(63)
.grid-gallery li:nth-child(99)
.grid-gallery li:nth-child(108)
.grid-gallery li:nth-child(144){
  grid-column: span 2;
  grid-row: span 2;
}


.gal-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.control {
  display: flex;
  align-items: center;
  gap: 10px;
}

.control select {
  font: inherit;
}

.control span {
  color: #fff;
}