.parallax-section {
    height: 500px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;

    position: relative; /* wichtig für Overlay */

.parallax-section {
    position: relative;
    overflow: hidden;
}

/* dunkle Fläche für bessere Lesbarkeit (optional aber empfohlen) */
.parallax-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
}

/* zentrierter Text */
.parallax-text {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 2;
    text-align: center;
    color: white;
}

.parallax-text h1 {
    font-size: 3rem;
    margin: 0;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.7);
}


}

/* erstes Bild */
.parallax-1 {
    background-image: url('/images/parallax/parallax1.jpg');
}

/* zweites Bild */
.parallax-2 {
    background-image: url('/images/parallax/parallax2.jpg');
}

/* drittes Bild */
.parallax-3 {
    background-image: url('/images/parallax/parallax3.jpg');
}

/* viertes Bild */
.parallax-6 {
    background-image: url('/images/parallax/parallax6.jpg');
}





.footer {
    max-width: 100%;
}

.footer .container,
.footer .container-fluid {
    max-width: 100%;
}





/* Grid Layout */
.standorte-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    margin: 20px 0;
}

/* Einzelne Kachel */
.standort {
    width: 180px;
    cursor: pointer;
    text-align: center;
    transition: transform 0.2s ease;
}

.standort:hover {
    transform: scale(1.05);
}

/* Bild */
.standort img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    border-radius: 8px;
}

/* Titel */
.standort h3 {
    margin-top: 8px;
    font-size: 16px;
}


// Style
/* Cookie-Banner-Settings */
.cookie-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #f9f9f9;
	border-top: 1px solid #ccc;
	padding: 20px;
	z-index: 9999;
	display: none;
}

.cookie-box {
	max-width: 800px;
	margin: auto;
}

.cookie-buttons button,
.cookie-lang button {
	margin-right: 10px;
	padding: 10px 15px;
	background: #e5e5e5;
	border: 1px solid #ccc;
	cursor: pointer;
}

/* Fokus sichtbar für Tastatur-Nutzer */
button:focus,
a:focus {
	outline: 3px solid #005fcc;
	outline-offset: 3px;
}

