/* BILDERGALERIE */
section#galerie.no-flex {
  display: block;
  position: relative;
  width: 95%;
  height: auto;
  margin: 0 auto;
  padding-bottom:2rem;
}
section#galerie .container {
  text-align: center;
}
section#galerie .container .galerie {
  display: -ms-grid;
  display: -moz-grid;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 14.2857142857vw);
}
@media (max-width: 700px) {
  section#galerie .container .galerie {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 50vw);
  }
}
section#galerie .container .galerie a {
  display: block;
  position: relative;
  filter: contrast(1.1) brightness(1.15) saturate(1.1);
  transform: scale(1);
  z-index: 0;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0);
  transition: transform 1s ease-in-out, z-index 1s linear, box-shadow 1s ease-in-out;
}
section#galerie .container .galerie a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  background: radial-gradient(circle closest-corner, transparent 0, rgba(212, 204, 195, 0.4) 100%);
  mix-blend-mode: multiply;
}
section#galerie .container .galerie a:hover {
  filter: none;
  transform: scale(1.1);
  box-shadow: 0 0 1rem black;
  z-index: 2;
}
section#galerie .container .galerie a:hover::before {
  opacity: 0;
}
section#galerie .container .galerie a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
section#galerie .container .galerie1 a.gross {
  grid-column-start: 1;
  grid-column-end: span 2;
  grid-row-start: 1;
  grid-row-end: span 2;
}
section#galerie .container .galerie2 a.gross {
  grid-column-start: 4;
  grid-column-end: span 5;
  grid-row-start: 1;
  grid-row-end: span 2;
}
@media (max-width: 700px) {
  section#galerie .container .galerie2 a.gross {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 4;
    grid-row-end: span 5;
  }
}
section#galerie .container .galerie2 {
  display: none;
}



/* BUTTONS ZUR WEITERSCHALTUNG DER GALERIE*/
input#galeriebilderweiter ~ label.button {
    display: inline-block;
    margin: 1rem 0;
    background-color: var(--blau);
    min-width: 30rem;
    max-width: 35rem;
    height: 4rem;
    font-family: "Aubrey";
    font-size: 2.5rem;
    line-height: 3.7rem;
    font-weight: 600;
    text-align: center;
    border-radius: 1rem;
    box-shadow: 5px 10px 5px rgba(0, 0, 0, 0.555);
}
input#galeriebilderweiter:hover ~ label.button {
    box-shadow:inset 0 0 10px 5px rgba(0, 0, 0, 0.555);
    -moz-box-shadow:inset 0 0 10px 5px rgba(0,0,0, 0.555);
    -webkit-box-shadow:inset 0 0 10px 5px rgba(0,0,0, 0.555);
}
input#galeriebilderweiter {
  position: absolute;
  width: 20rem;
  height: 9rem;
  left: calc(50% - 10rem);
  appearance: none;
  cursor: pointer;
}
input#galeriebilderweiter:checked ~ label.button {
  display: none;
}



/* AUSWIRKUNG DES BUTTONS AUF DIE GALERIE*/
input#galeriebilderweiter:checked ~ .galerie2 {
  display: -ms-grid;
  display: -moz-grid;
  display: grid;
}
input#galeriebilderweiter:checked ~ div.visible2 {
  visibility: visible;
}