@keyframes blur {
     from {background-color: rgba(255, 255, 255, 0); backdrop-filter: blur(0px);}
     to {background-color: rgba(255, 255, 255, 0.359); backdrop-filter: blur(5px);}
   }
   

#kontakt-container{
     background-image: url("../img/hintergrund_kontakt.jpg");
     background-size: cover;
     height: 100vh;

}
#card-div {
     max-width: 55%;
     margin-left: 18%;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     background-color: rgba(255, 255, 255, 0.359);
     animation-name: blur;
     animation-duration: 2s;
     animation-fill-mode: forwards;
     
}
.wichtig_infos img{
     margin: auto;
     max-width: 5rem;
     max-height: 5rem;
}
.wichtig_infos h1{
     font-weight: bold;
     margin-top: 1rem;
}
.wichtig_infos p, .wichtig_infos a{
     font-size: xx-large;
     line-height: 1.1;
     text-decoration: none;
     color: black;
     
}
@media (max-width: 991.98px) {
     #card-div {
          max-width: 97%;
          margin-left: auto;
     }

}