body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

main.wp-block-post-content {
    margin-block-start: 0 !important;
}

header.wp-block-template-part {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.navbar {
    padding: 1.5rem 3rem;
}

.navbar.has-sn-black-background-color {
    background-color: rgba(0, 0, 0, var(--navbar-bg-opacity, 1)) !important;
}

.wp-block-navigation-item__label::after {
    content: "";
    display: block;
    width: 0%;
    height: 1px;
    background-color: var(--wp--preset--color--sn-white);
    transition: width 0.3s ease-in-out;
}

.wp-block-navigation-item__label:hover::after {
    width: 100%;
}

.wp-block-group-is-layout-grid figure.wp-block-image {
    width: 100%;
    height: 100%;
}

.wp-block-group-is-layout-grid figure.wp-block-image img {
    width: 100%;
    height: 100%;
}

section.events .is-layout-grid,
section.about-us .is-layout-grid {
    padding: 5rem 0rem;
    grid-template-columns: repeat(6, 1fr);
}

section.events .is-layout-grid div:has(>p),
section.about-us .is-layout-grid div:has(>p) {
    display: grid;
    grid-column: 3 /6;
    grid-template-columns: subgrid;
}

section.events .is-layout-grid h2,
section.about-us .is-layout-grid h2 {
    grid-column: 1 / span 2;
    padding-right: 5rem;
    color: var(--wp--preset--color--sn-light-gray);
}

section.events .is-layout-grid div:has(>p) p,
section.about-us .is-layout-grid div:has(>p) p {
    grid-column: 1 / span 3;
    color: var(--wp--preset--color--sn-light-gray);
}

section.gallery .is-layout-grid {
    padding: 1rem 0rem;
    gap: 1rem;
}

.map-popup-header h2 {
    font-weight: 400 !important;
    font-size: 1rem !important;
    font-family: var(--wp--preset--font-family--montserrat) !important;
}

.map-popup-body a,
.map-popup-body p {
    font-size: 0.8rem;
    color: var(--wp--preset--color--sn-dark-gray);
}

.map-popup-body a:hover {
    color: var(--wp--preset--color--sn-mid-gray);
}

.map-popup-footer-button {
    background-color: #ffffff !important;
    border-radius: 25px !important;
    border-color: #000000 !important;
    border-width: 1px !important;
    border-style: solid !important;
    color: #000000 !important;
    font-family: var(--wp--preset--font-family--montserrat) !important;
    font-size: 0.9rem !important;
    font-weight: 300 !important;
    letter-spacing: var(--wp--custom--letter-spacing--md) !important;
    line-height: var(--wp--custom--line-height--md) !important;
    padding-top: calc(0.5em + 2px) !important;
    padding-right: calc(1.2em + 2px) !important;
    padding-bottom: calc(0.5em + 2px) !important;
    padding-left: calc(1.2em + 2px) !important;
}

.map-popup-footer-button:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.swiper-pagination-bullet {
    background-color: var(--wp--preset--color--sn-light-gray);
    opacity: 1;
}

.swiper-button-prev,
.swiper-button-next {
    color: var(--wp--preset--color--sn-light-gray) !important;
}

footer.wp-block-template-part {
    margin: 0;
}

footer .img-clip-wrapper {
    overflow: hidden;
    position: relative;
}

footer .img-clip-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.2);
    /* z.B. 15% größer als die Box */
}

@media screen and (max-width: 768px) {
    .wp-block-spacer {
        height: 2.5rem !important;
    }
}

@media screen and (max-width: 480px) {

    footer .img-clip-wrapper img {
        height: 10rem !important;
    }

    .wp-block-spacer {
        height: 1rem !important;
    }
}