/* Color of the links BEFORE scroll */
.navbar-scroll .nav-link,
.navbar-scroll .navbar-toggler-icon,
.navbar-scroll .navbar-brand {
    color: #fff;
}

/* Color of the links AFTER scroll */
.navbar-scrolled .nav-link,
.navbar-scrolled .navbar-toggler-icon,
.navbar-scrolled .navbar-brand {
    color: #fff;
}

/* Color of the navbar AFTER scroll */
.navbar-scroll,
.navbar-scrolled {
    background-color: #cbbcb1;
}

.mask-custom {
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, .15);
}

.navbar-brand {
    font-size: 1.75rem;
    letter-spacing: 3px;
}

#carouselExampleIndicators {
    margin-top: 70px;
}

.anchorPoint {
    position: relative;
    top: -100px
}

.map-container {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    margin-bottom: 30px;
}

.map-container iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

#collapseList {
    display: none;
}

.btn-circle {
    position: fixed;  /* Fixiert den Button an einer Stelle */
    bottom: 30px;     /* Abstand vom unteren Rand des Bildschirms */
    right: 30px;      /* Abstand vom rechten Rand des Bildschirms */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background-color: green;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;   /* Stellt sicher, dass der Button über anderen Elementen liegt */
}