/* open-sans-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/googlefonts/open-sans-v44-latin-600.woff2') format('woff2');
}

:root {
    --contentBoxedWidth: 1440px;
    --bgColorGray: #f3f3f4;
    --bgColorLightGray: #f3f3f4;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ce_revolutionslider_text.bold, .font_headline {
    font-weight: 600;
}

.ce_text h2,
.ce_text h3,
.ce_text h4,
.ce_text h5 {
    margin-top: 1.5rem;
}

#top {
    position: absolute;
    width: 100%;
    pointer-events: none;
    background: transparent;
}

#top .inside {
    display: flex;
    justify-content: flex-end;
    line-height: 60px;
}

#top .inside > * {
    pointer-events: auto;
}

#top .mod_socials {
    display: flex;
    flex-direction: row;
    gap: .5rem;
}

#top .mod_socials a i {
    border-radius: 0;
    color: #fff;
}

#top .autogrid_row {
    flex: 1;
}

.header.original .inside {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    position: relative;
}

.header.original .logo {
    margin-right: auto;
    position: relative;
    z-index: 1200;
    box-sizing: content-box;
    padding: .75rem 2rem;
    background: #fff;
}

.header.original .mainmenu ul li a.a-level_1 {
    color: #555;
    font-size: 1.2rem;
}

.header.original .mainmenu ul li a.active.a-level_1,
.header.original .mainmenu ul li a.trail.a-level_1 {
    color: #555;
    font-weight: 700;
}

.header.original .mainmenu ul li a.a-level_1:hover {
    color: #1d1d1b;
}

.header.cloned .logo {
    background: #fff;
}


#slider {
    container-type: inline-size;
}

#slider::before {
    content: '';
    position: absolute;
    inset: 0 0 auto 0;
    height: 30%;
    background: var(--accentColor);
}

#slider .inside {
    z-index: 1;
    margin-left: max(40px, calc((100% - var(--contentBoxedWidth)) / 2 + 40px));
    border-bottom-left-radius: 7cqi;
    overflow: hidden;
}

.header.original .mod_navigation.mainmenu {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 0 0 0 40px;
    line-height: 60px
}

.header.original .mainmenu ul.level_1 {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: baseline;
}

.mod_eventlist_v4 .event {
    background: #e8e8e8;
    color: #000;
    line-height: 1.4;
}

.mod_eventlist_v4 .event:hover {
    background: #cdcdcd;
}

.mod_eventlist_v4 i.fa-location-arrow:before {
    color: #fff;
}

.mod_eventlist_v4 .event-month-headline ~ .event-month-headline {
    margin-top: 4rem;
}

.newsteaser_v5 a {
    z-index: 999;
}

.mod_socials.color i.fa-whatsapp,
.mod_socials .social-FontAwesome.color i.fa-whatsapp,
.mod_socials i.fa-whatsapp:hover {
    color: #fff !important;
    background: #63d04a;
}

.ce_accordion_v2 .toggler, .ce_accordion.style2 .toggler {
    box-shadow: none;
    border: none;
    background: var(--accentColor);
    color: #fff;
}

.ce_accordion.style2 .toggler::before {
    color: #fff;
}

.ce_accordion.style2 .toggler:hover,
.ce_accordion.style2 .toggler.ui-state-active,
.ce_accordion.style2 .toggler:hover::before,
.ce_accordion.style2 .toggler.ui-state-active::before {
    color: #000 !important;
    border-color: #000;
}

.pagination,
p.back {
    margin-top: 2rem;
}

.mod_navigation.gemeinden ul {
    --gap: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem var(--gap);
    margin: 0;
    padding: 0;
    list-style: none;
}

.mod_navigation.gemeinden li {
    flex: 0 0 calc((100% - 2 * var(--gap)) / 3);
}

.mod_navigation.gemeinden a,
.ce_customlink[data-style="style1"] a {
    display: flex;
    align-items: center;
    gap: 2rem;
    font-size: 1.5rem;
    line-height: 1.3;
    color: #555;
}

.mod_navigation.gemeinden a::before,
.ce_customlink[data-style="style1"] a::before {
    content: '';
    flex: 0 0 4rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--accentColor) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.4 13.6'%3E%3Cpath fill='%23fff' d='M20.5.4c-.5-.5-1.4-.5-1.9,0-.5.5-.5,1.4,0,1.9l3.3,3.1H1.4c-.8,0-1.4.6-1.4,1.4s.6,1.4,1.4,1.4h20.6l-3.3,3.1c-.6.5-.6,1.4,0,1.9.3.3.6.4,1,.4s.7-.1.9-.4l6.9-6.4L20.5.4Z'/%3E%3C/svg%3E") center / 60% auto no-repeat;
    transition: background-position .3s;
}

.mod_navigation.gemeinden a:hover,
.ce_customlink[data-style="style1"] a:hover {
    color: #1d1d1b;
}

.mod_navigation.gemeinden a:hover::before,
.ce_customlink[data-style="style1"] a:hover::before {
    background-position: 75% center;
}

.ce_customlink[data-style="style1"] a {
    display: inline-flex;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    font-weight: 400;
    text-align: left;
}

.mod_article:has(.right-overflow) {
    overflow-x: clip;
}

.left-overflow,
.right-overflow {
    overflow: visible;
}

.left-overflow .image_container,
.right-overflow .image_container {
    width: fit-content;
    isolation: isolate;
}

.left-overflow .image_container::before,
.right-overflow .image_container::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 1.25rem;
    height: min(14rem, 100% - 2.5rem);
    width: 100vw;
    background: var(--accentColor);
}

.left-overflow .image_container::before {
    right: 0;
}

.right-overflow .image_container::before {
    left: 0;
}

.left-overflow img,
.right-overflow img {
    display: block;
}

.left-overflow img {
    border-bottom-right-radius: 2.25rem;
}

.right-overflow img {
    border-bottom-left-radius: 2.25rem;
}

@media only screen and (max-width: 1024px) {
    #top, .header.original .mod_navigation.mainmenu {
        display: none !important;
    }

    .mod_navigation.gemeinden li {
        flex-basis: calc((100% - var(--gap)) / 2);
    }
}

@media only screen and (max-width: 767px) {
    .header.original .logo {
        padding: .5rem 1rem;
    }

    #slider .inside {
        margin-left: 20px;
    }

    .mod_navigation.gemeinden li {
        flex-basis: 100%;
    }

    .mod_navigation.gemeinden a,
    .ce_customlink[data-style="style1"] a {
        gap: 1.25rem;
        font-size: 1.25rem;
    }

    .mod_navigation.gemeinden a::before,
    .ce_customlink[data-style="style1"] a::before {
        flex-basis: 3.5rem;
    }
}