/* Hero-Bereich */
.hero {
    width: 100%;
    height: auto; /* Höhe automatisch an den Inhalt angepasst */
    max-height: 60vh; /* Mindestens 80% der Höhe des Viewports */
    background-size: contain; /* Das Bild wird vollständig angezeigt */
    background-repeat: no-repeat;
    background-position: top center; /* Der obere Teil des Bildes bleibt sichtbar */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 0;
    z-index: 0;
    overflow: auto; /* Ermöglicht Scrollen, damit das Verhältnis des Bildes erhalten bleibt */
}

.hero {
    background-image: url('../img/hero/start.png');
    background-size: cover;
    background-position: center;
    height: 100vh;
}

.jubilaeum-image-container {
	display: flex;
    justify-content: center;
    align-items: center;
}

.jubilaeum-image {
	display:none;
    max-width: 150px;
    height: auto;
    margin-bottom: 20px;
	margin-top: 20px;    
}

@media (max-width: 1024px) {
    .hero {
        background-image: url('../img/hero/startmobile.png');
    }
	.jubilaeum-image {
		display:block;
	}
}