.leaflet-marker-pane > [src="/media/explosion.svg"], .mycluster {
    z-index: 12000 !important;
}
.sources-list a {
    color: #000;
}
header {
    background: white;
    position: fixed;
    z-index: 1002;
    transform: translateX(-50%);
    left: 50%;
    opacity: 1;
    border-radius: 0 0 6px 6px;
    border: 1px solid #ccc;
    top: -1px;
}
footer [data-bs-toggle="modal"], footer a {
    padding: .5rem 0;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    color: var(--bs-gray-600);
    text-decoration: none;
}
footer > * + *::before {
    content: " | ";
}
.page:not(#map) {
    overflow: auto;
}
.page {
    flex: 1;
}
h1 {
    padding-left: 1rem;
    font-size: .8125rem;
}
@media (min-width: 400px) {
    h1 {
        font-size: 1.25rem;
    }
}
.leaflet-attribution-flag {
    display: none !important;
}
.leaflet-bottom.leaflet-right {
    text-align: center;
    width: 100%;
    height: 16px;
}
.leaflet-control-attribution {
    width: 100%;
}
.leaflet-popup-content {
    font-size: 1rem;
}

header .navbar {
    background: white !important;
}
.navbar-toggler:focus {
    box-shadow: unset;
}
.navbar-expand-lg .navbar-nav .nav-link {
    border-top: 1px solid var(--bs-border-color);
}
header .logo {
    width:40px;
    height:60px;
}
#xapp .logo {
    width: 100%;
}
#xapp .logo > * {
    width: 100%;
    height: auto;
    max-height: 100%;
}
footer {
    width: 100%;
    background: var(--bs-gray-200);
    text-align: center;
    color: var(--bs-gray-600);
}
.leaflet-control-layers-expanded {
    padding: 6px 6px 6px 6px;
}
.leaflet-tooltip.point-label {
    background: red;
    border-radius: 1rem;
    height: 2rem;
    box-shadow: none;
    color: white;
    font-weight: bold;
    padding: 0;
    min-width: 2rem;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 1rem;
    border: 2px solid white;
}

/*.print .leaflet-control-container > *:not(.leaflet-bottom-right):not(.leaflet-bottom-left),*/
.print .leaflet-control-container > *,
.print .leaflet-bottom.leaflet-center > *,
.print footer {
    display: none;
}
.print #navbarCollapse {
    display: none !important;
}
.print .leaflet-tooltip.point-label {
    border-radius: 2rem;
    height: 4rem;
    min-width: 4rem;
    font-size: 2rem;
    border: .25rem solid white;
}
#xapp .leaflet-tooltip.point-label {
    position: static;
}
.print .leaflet-bottom.leaflet-right, .print .leaflet-bottom.leaflet-left {
    height: 48px;
    background: white;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    font-size: 20px;
}
.print header {
    border: none;
}

.print header .logo {
    width: 80px;
    height: 120px;
}

.print h1 {
    padding-left: 2rem;
    font-size: 2.5rem;
}

.section {
    break-after: page;
    position: relative;
    height: 100vh !important;
    width: 100%;
}

/* Increment the page counter for each page */
@page {
    size: a3 landscape;
    margin: 0;
    @top-center {
        content: "Seite " counter(page) "/" counter(pages);
        counter-increment: page;
        font-family: Arial, sans-serif;
        font-size: 12px;
        margin-top: 10px;
        padding-top: 10px;
        vertical-align: sub;
    }
    @bottom-center {
        content: "Seite " counter(page) "/" counter(pages);
        counter-increment: page;
        font-family: Arial, sans-serif;
        font-size: 12px;
        vertical-align: super;
    }
}

@page :first {
    size: a3 landscape;
    margin: 0;
    counter-reset: page;
    @top-center {
        content: "";
    }
}

header .navbar-collapse {
    position: absolute;
    top: 86px;
    left: 0px;
    background: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important;
    width: 100%;
}

@media (min-width: 992px) {
    .navbar-expand-xl .navbar-nav .nav-link {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important;
        color: rgba(0, 0, 0, 0.65) !important;
        border: none;
    }
    header .navbar-nav {
        padding: .5rem;
        border-top: none !important;
    }
    header .navbar-collapse {
        position: static;
    }
    header .navbar-brand { align-self: start; }
    header .nav-link { background: white;color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important; }
}


@media (min-width: 1200px) {
    .control-search-button {
        display: flex;
        width: 40px;
        height: 40px;
        justify-content: center;
        align-items: center;
    }
    header .navbar { padding: 0; }
    header .navbar .container { flex-direction: column;align-items: flex-start;background: white;max-width: unset;padding: 0; }
    header .navbar-brand {
        max-width: 1320px;
        margin: auto;
        width: 100%;
        padding: .5rem;
    }
    header .navbar-collapse .navbar-nav { margin: auto;max-width: 1320px;width: 100%; }
}

@media print and (min-width: 1200px) {
    header .navbar-brand {
        max-width: unset;
    }
}