:root {
    --brand-color: #013755;
    --hellorange: #fed8c2;
}

.navbar {
    background-color: var(--brand-color);
}

.btn-primary {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
}

/* allows bootstrap to style Laminas Navigation generated menu items within the navbar */
.navbar li.active a {
    color: var(--bs-navbar-active-color);
}
footer {
    margin-top: 3rem;
    height: 20rem;
    background-image: url("../img/wedding/footer.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#scrollTopBtn {
    bottom: 20px;    /* Abstand vom unteren Rand */
    right: 20px;     /* Abstand vom rechten Rand */
    width: 48px;
    height: 48px;
    display: none;   /* Start: unsichtbar */
    z-index: 1050;   /* über den meisten Elementen */
    align-items: center;
    justify-content: center;
}
#scrollTopBtn:hover {
    background-color: var(--brand-color) !important ;
}
#lang-changer {
    top: 4rem;
    right: 1rem;
    z-index: 1080;
}

#lang-changer .dropdown-item.active {
    background-color: #8f8f8ab3 !important;
}