/* PLACE YOUR CUSTOM STYLES IN THIS FILE */
/* Stile für das Unterschriftenbild */
.nk-img-fit {
    max-width: 100%; /* Maximale Breite auf 100% des Elternelements begrenzen */
    height: auto; /* Automatische Höhe beibehalten */
    display: block; /* Sicherstellen, dass das Bild korrekt angezeigt wird */
    margin: 0 auto; /* Zentrieren des Bildes innerhalb seines Containers */
    max-height: 150px; /* Beispiel für eine maximale Höhe */
}

/* Media Queries für verschiedene Bildschirmgrößen */
@media (min-width: 1200px) {
    .nk-img-fit {
        max-height: 90px; /* Maximale Höhe für große Bildschirme */
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .nk-img-fit {
        max-height: 75px; /* Maximale Höhe für mittelgroße Bildschirme */
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .nk-img-fit {
        max-height: 60px; /* Maximale Höhe für kleinere Bildschirme */
    }
}

@media (max-width: 767px) {
    .nk-img-fit {
        max-height: 75px; /* Maximale Höhe für sehr kleine Bildschirme */
    }
}

/* Stile für das Header-Bannerbild */
.nk-header-title .bg-image2 {
    background-position: center center; /* Standardmäßige Position */
}

/* Media Queries für verschiedene Bildschirmgrößen */
@media (min-width: 1200px) {
    .nk-header-title .bg-image2 {
        background-position: center top; /* Position für große Bildschirme weiter oben */
    }
}

/* Bannerbild */

/* Standardmäßige Position des Hintergrundbildes */
.nk-header-title .bg-image2 > div {
    background-position: center center; /* Standardmäßige Position */
}

/* Media Queries für verschiedene Bildschirmgrößen */
@media (min-width: 800px) {
    .nk-header-title .bg-image2 > div {
        background-position: center top; /* Position für große Bildschirme weiter oben */
    }
}
/* Media Query für sehr große Bildschirme */
@media (min-width: 1000px) {
    .nk-header-title .bg-image2 > div {
        background-position: center 20%; /* Leicht nach unten korrigiert für sehr große Bildschirme */
    }
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
}

#preloader.hidden {
    opacity: 0;
    visibility: hidden;
}

#preloader-logo {
    width: 100px;
    height: 100px;
    animation: blink 1s infinite;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}