/* Verhindert das Aufblitzen von Alpine-Elementen beim Laden */
[x-cloak] {
    display: none !important;
}

/* Fallback für smooth scrolling falls Tailwind Utility überschrieben wird */
html {
    scroll-behavior: smooth;
}

/* Versteckt Scrollbars im Slider, falls overflow jemals greift */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.header-logo {
    height: auto; 
    width: 200px;
    transition: transform 0.3s ease;
}

/* : Ein cooler Effekt beim Drüberfahren */
.header-logo:hover {
    transform: scale(1.05);
}

.hero-bg-parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Auf kleinen Handys  etwas kleiner lassen */
@media (max-width: 768px) {
    .header-logo {
        height: 50px;
    }
}