body {
    scroll-behavior: smooth;
	background-color: rgb(245 247 250);
}

.carousel-dark .carousel-caption {
    color: #ffffff !important;
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #ff914d; 
}


.veranav>.container, .veranav>.container-fluid, .veranav>.container-lg, .veranav>.container-md, .veranav>.container-sm, .veranav>.container-xl, .veranav>.container-xxl {
    justify-content: left;
}

.verafooter {
    background-color: #f4f4ef !important;
    color: #ff914d !important;
	font-weight: 600;
    font-size: 16px;
}


.carousel-caption {
    right: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
	background: rgba(0, 0, 0, 0.3) !important;
}


section {
    padding-top: 5.5rem !important;
}

#Logo{
	width:80px;
	height: Auto;
}
.nav-link {
    color: #ff914d !important;
	font-weight: 700;
    font-size: 17px;
}

.navbar{
	text-align: center !important;
	border-bottom: 1px solid #dbdbdb;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	/*height:5rem;*/
	background-color:#f4f4ef;
}

.navbar-brand {
    font-weight: bold;
}



        .carousel-container { max-width: 800px; margin: 0px auto; }
        .carousel-caption { 
            background: rgba(0, 0, 0, 0.6); 
            border-radius: 5px; 
            padding: 20px; 
            min-height: 120px; /* Einheitliche Höhe für alle Captions */
            display: flex; 
            flex-direction: column; 
            justify-content: center; 
        }
        .thumbnail-container { 
            display: flex; 
            justify-content: center; 
            gap: 10px; 
            margin-top: 20px; 
        }
        .thumbnail { 
            width: 80px; 
            height: 50px; 
            object-fit: cover; 
            cursor: pointer; 
            opacity: 0.6; 
            transition: opacity 0.3s; 
            border: 2px solid transparent; 
        }
        .thumbnail.active { 
            opacity: 1; 
            border-color: #007bff; 
        }
        .carousel-item img { 
            height: 400px; 
            object-fit: cover; 
        }
		
.how-img 
{
    text-align: center;
}
.mt-5{
	margin-top: 1rem !important;
}	
section {
    min-height: 100vh; /* Genau die Viewport-Höhe */
    overflow-y: auto; /* Scrollbalken bei Überlauf */
    padding: 60px 0;
}
.gallery-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
    cursor: pointer; /* Zeigt an, dass das Bild klickbar ist */
}
.modal-img {
    max-width: 100%;
    max-height: 70vh; /* Begrenzt die Höhe des Bildes im Modal */
    object-fit: contain; /* Behält das Seitenverhältnis bei */
}
.offcanvas {
    max-width: 250px;
	background-color: #f4f4ef !important;
}
/* Menü von rechts einfahren */
.offcanvas-start {
    transform: translateX(100%);
}
.offcanvas-start.show {
    transform: translateX(0);
}