/*Großer 28 Zoll Bildschirm*/
@media (max-width: 2200px){
  .outer-img{
    height: 406px;
  }

  .small-flex-galerie img {
    height: 200px;
  }
}

/*Umbruch von Containern (Hochzeitspläne) unten und den Bildern*/
@media (max-width: 1850px) {
  .media-query {
   width: 300px; 
  }

  .outer-img{
    height:306px;
  }

  .small-flex-galerie img{
    height: 150px;
  }

  .flex-container-steckbriefe{
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .container div h2 {
    text-align: center;
  }

  .steckbrief-infos{
    margin-bottom: 40px;
  }
}

/*Bilder erneut umbrechen und verkleinern*/
@media (max-width: 1440px) {
  .outer-img{
    height: 256px;
  }
  
  .small-flex-galerie img{
    height: 125px;
  }
}


@media (max-width: 1300px) {
  .outer-img{
    height: 206;
  }

  .small-flex-galerie img{
    height: 100px;
  }

  .navbar-anker {
    font-size: 1rem;
  }

  .navbar p {
    font-size: 1.7rem;
  }

  .flexbox-first-row{
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .türbild-leonhard{
    margin-top: 200px;
  }

  .hochzeitsplanung{
    flex-direction: column;
  }

  .spotify-frame{
   height: 354px;
   width: 100%; 
  }

  .checkliste, .spotify{
    margin-bottom: 30px;
  }

  .media-query{
    width: auto
  };
}

@media (max-width: 1120px) {
  .navbar{
    flex-direction: column;
    height: 300px;
  }
  .flexcontainer-galerie{
    flex-direction: column;
    align-items: center;
  }

  .flexcontainer-galerie img{
    height: 450px;
  }

  .small-flex-galerie img{
    height: 450px;
  }

  .liebesgalerie{
    height: auto;
  }
}

@media (max-width: 700px){
  .flex-heart{
      transform: rotate(-45deg) scale(1.5);
  }

  /*Keyframes Herz pulsieren*/
  @keyframes pulse{
  0% {
    transform: rotate(-45deg) scale(1.5);
  }
  50% {
    transform: rotate(-45deg) scale(1.6);
  }
  100%{
    transform: rotate(-45deg) scale(1.5);
  }
}
}