/* Page width */
@media (min-width: 1200px) {

    #mvsp-page-top-container #mvsp-page-top-content,
    #mvsp-alert-container .mvsp-alert-content,
    #mvsp-page-middle-container #mvsp-page-middle-content,
    #mvsp-page-bottom-container #mvsp-page-bottom-content,
    #mvsp-footer-container #mvsp-footer-content {
        max-width: 1024px !important;
    }

}

/* Modal scrollable */
.modal-dialog-scrollable .mvsp-modal-content {
    max-height: 100%;
    overflow: hidden;
}

.modal-dialog-scrollable .mvsp-modal-content .mvsp-modal-body {
    overflow-y: auto;
    -ms-overflow-y: auto;
}


#leistungGruppeName,
#leistungName {
    padding-left: 2.25rem;
}

.mvsp-link-navbar-item button {
    height: 100%;
    display: block;
    transition: none !important;
    border: none !important;
    border-radius: unset !important;
    padding-top: 1.5rem !important;
    padding-bottom: .5rem !important;
    padding-right: .5rem !important;
    padding-left: .5rem !important;
    color: #434343;
    font-weight: bold;
}

.mvsp-link-navbar-item button.active,
.mvsp-link-navbar-item button:hover,
.mvsp-link-navbar-item button:focus {
    color: #FFFFFF;
    border: none !important;
}

.mvsp-link-navbar-item button:hover {
    text-decoration: underline;
}

.mvsp-link-navbar-item button:hover,
.mvsp-link-navbar-item button:focus {
    background-color: #287DA8;
}

.mvsp-link-navbar-item button.active {
    background-color: #203F5A;
}

/* Anpassung der GAIA-Karten */

.gaia-mv .gaialight .gaialight-map .gl-popup {
    min-width: 400px;
    font-size: 1rem !important;
}

.gaia-mv .gaialight .gaialight-map .gl-popup p {
    margin-bottom: 0.25rem !important;
}

.gl-popup-content .btn-primary,
.gaialight .ol-control button {
    background-color: #287DA8 !important;
    border-color: #287DA8 !important;
    border-width: 1px !important;
}

.gaialight .ol-control:hover button,
.gaialight .ol-control:focus button,
.gaialight .ol-control:active button {
    box-shadow: none !important;
}

.gl-popup-content .btn-primary:hover,
.gl-popup-content .btn-primary:focus,
.gl-popup-content .btn-primary:active,
.gl-popup-content .btn-primary:focus-visible,
.gaialight .ol-control button:hover,
.gaialight .ol-control button:focus,
.gaialight .ol-control button:active {
    color: #ffffff !important;
    background-color: #292929 !important;
    border-color: #292929 !important;
    box-shadow: none !important;
}

.deg-45 {
    --fa-rotate-angle: 45deg;
}

.deg-135 {
    --fa-rotate-angle: 135deg;
}