@font-face {
  font-family: "Oxygen";
  src: url("OxygenMono-Regular.otf");
}

* {
  transition: 1s ease-in-out;
}

body { color: #fff; background: rgb(25, 98, 122); font-family: "Oxygen"; }
a { color: #fff; }

.meineGalerie {
  display: flex; flex-wrap: wrap; 
  justify-content: center; /* horizontal zentriert */
  align-items: center; /* vertikal zentriert */
}

.picture {
  flex-grow: 1;
  margin: 13px; border: #fff 2px solid; 
  min-height: 120px; min-width: 200px; max-height: 300px; max-width: 480px;
  text-align: center; 
}

.picture:hover {
  /*max-width: 90%; max-height: 90%;*/
  background: rgba(200, 200, 200, 0.6);
}

.picture img {
  /*width: 99%;*/
  max-width: 100%;
  max-height: 272px;
  max-height: calc(300px - 1.5em);
}