/* ==========================================
   HEADER & SLIDESHOW DESIGN
   ========================================== */

.header {
    flex: 0 1 auto;
    margin: 0px;
    width: 100%;       
    max-width: 100%;  
    /* padding-top: 71px; */
	padding-top: var(--nav-height, 71px); 
}

.header-container {
    display: flex;
    flex-flow: column;
    width: 100%; 
	/* border: 1px solid #0313fc; */
}


/* Slider Allgemein */
.mySlides {
    display: none;
}

/* Slideshow Container */
.slideshow-container {
    position: relative;
    margin: auto;
}

/* Fading Animation */
.fade {
    animation-name: fade;
    animation-duration: 3.5s;
}

@keyframes fade {
    from { opacity: 0; } 
    to { opacity: 1; }
}

/* Moto Text (Desktop) */
.mototext {
	font-family: "fontello", sans-serif;
	padding: 8px 12px;
	position: absolute;
	top: 0; 
	right: 8px;
    font-size: 24px;
}

/* ==========================================
   📱 SMARTPHONE DESIGN (ab 640px und schmaler)
   ========================================== */
@media (max-width: 640px) {
    .header {
		padding-top: var(--nav-height, 113px); 
    }

    .mototext {
        font-size: 16px;
		padding: 4px 8px;
    }

}