/*Animation: Einblenden*/
@keyframes fade_in {
    0% {
        opacity: 0;         
    }
    100% {
        opacity: 1;         
    }
}


/* Stil für mobile Geräte */
@media (max-width: 768px) {

    .logo img {
        width: 75%; 
    }
}

/*Logo und Favicon*/
.logo img {
    animation: fade_in 2s ease forwards;

  }
  
.logo {

    display: flex;
    justify-content: center;  /* Horizontale Zentrierung */
    align-items: center;      /* Vertikale Zentrierung */
    height: 100vh;            /* Höhe des Viewports */
    margin: 0;                /* Entfernt Standardabstände des Browsers */
}

body {

    display: flex;
    justify-content: center;  /* Horizontale Zentrierung */
    align-items: center;      /* Vertikale Zentrierung */
    height: 100vh;            /* Höhe des Viewports */
    margin: 0;                /* Entfernt Standardabstände des Browsers */
    max-height: 100svh;
}