.elementor-62277 .elementor-element.elementor-element-1f441cf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-sitemap .elementor-sitemap-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-sitemap .elementor-sitemap-item, .elementor-widget-sitemap span.elementor-sitemap-list, .elementor-widget-sitemap .elementor-sitemap-item a{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-sitemap .elementor-sitemap-item{color:var( --e-global-color-text );}.elementor-62277 .elementor-element.elementor-element-87706fa{width:100%;max-width:100%;}.elementor-62277 .elementor-element.elementor-element-87706fa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-section{flex-basis:calc( 1 / 1 * 100% );padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-section ul{margin-left:0px;}body.rtl .elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-section ul{margin-right:0px;}.elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-title{color:var( --e-global-color-secondary );font-family:"Overpass", Sans-serif;font-size:24px;font-weight:400;}.elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-item, .elementor-62277 .elementor-element.elementor-element-87706fa span.elementor-sitemap-list, .elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-item a{color:var( --e-global-color-secondary );}.elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-item{color:var( --e-global-color-2b98f9a );}.elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-list, .elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-list .children{list-style-type:disc;}@media(max-width:1024px){.elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-section{flex-basis:calc( 1 / 2 * 100% );}}@media(max-width:767px){.elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-section{flex-basis:calc( 1 / 1 * 100% );}}/* Start custom CSS for sitemap, class: .elementor-element-87706fa */.lkr-sitemap-group-title {
    display: inline;
    color: #565B69;
    opacity: 0.55;
}

/* =========================================================
   SITEMAP – DREI SPALTEN
   ========================================================= */

.elementor-widget-sitemap .elementor-sitemap-page-list {
    column-count: 3;
    column-gap: 20px;
}

/* Hauptbereiche zusammenhalten */
.elementor-widget-sitemap .elementor-sitemap-page-list > li {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    margin-bottom: 5px;
}

/* Unterseiten bleiben innerhalb ihres Bereichs */
.elementor-widget-sitemap .elementor-sitemap-page-list > li ul {
    column-count: 1;
    margin-bottom: 5px;
}

/* Tablet */
@media (max-width: 1024px) {
    .elementor-widget-sitemap .elementor-sitemap-page-list {
        column-count: 2;
    }
}

/* Mobil */
@media (max-width: 767px) {
    .elementor-widget-sitemap .elementor-sitemap-page-list {
        column-count: 1;
    }
}

.elementor-sitemap-title {
margin-bottom: 40px;
}

/* Unterstrich für Sitemap-Links */
.elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-page-list a {
    position: relative;
    text-decoration: none;
}

.elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-page-list a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-page-list a:hover::after {
    transform: scaleX(1);
}

.elementor-62277 .elementor-element.elementor-element-87706fa ul li a {
    font-weight: 500 !important;
}

.elementor-62277 .elementor-element.elementor-element-87706fa ul li ul li a {
    font-weight: 300 !important;
}

/* Gruppenüberschriften */
.lkr-sitemap-group-title {
    font-weight: 400;
}

/* SITEMAP AUFBAU 07.10.2026 (Raum 9df4e873da): Zeilen wie auf den Inhaltsseiten, 2:3, Linie 3 px Fog Grey,
   40 px Abstand (Tablet/Handy 20). Gehört zum Skript im HTML-Widget "Sitemap Aufbau". Die Regeln oben
   (drei Spalten) gelten damit nicht mehr, bleiben aber stehen. Ausgegraute Überschriften (.lkr-sitemap-group-title)
   behalten ihr Grau, sie haben keine eigene Seite und bündeln nur Unterseiten. */
.elementor-62277 .elementor-element.elementor-element-87706fa ul, .elementor-62277 .elementor-element.elementor-element-87706fa li {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* Elementor gibt dem Abschnitt am Tablet nur die halbe Breite (Spalten-Einstellung des Widgets) */
.elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-section {
    flex-basis: 100% !important;
    max-width: 100%;
}
.elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-page-list {
    column-count: 1 !important;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-page-list > li.lkr-sitemap-bereich {
    display: grid !important;
    grid-template-columns: calc(42% - 16px) minmax(0, 1fr); /* Achse der 2:3-Zeilen, bei 1440 rechts ab 635 */
    column-gap: 40px !important;
    margin: 0;
    padding-top: 40px;
    border-top: 3px solid var(--e-global-color-68ee1b0, #F6F7F9);
}
/* Bereich links wie die Zeilentitel der Inhaltsseiten */
.elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-page-list > li > a,
.elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-page-list > li > span,
.elementor-62277 .elementor-element.elementor-element-87706fa .lkr-sitemap-bereich-titel {
    align-self: start;
    justify-self: start; /* Hover-Unterstrich nur so breit wie der Text (Raum 488772aae2) */
    font-size: 22px;
    font-weight: 400 !important;
    line-height: 1.4;
    color: var(--e-global-color-secondary, #565B69);
}
.elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-page-list > li > ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/* Links in der Bereichsspalte alle gleich, auch wenn der Bereich keine eigene Seite hat: dort ohne Link, aber nicht grau
   (Raum 488772aae2). In den Zwischenüberschriften rechts bleibt das Grau des Snippets Empty Page Links. */
.elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-page-list > li > span.lkr-sitemap-group-title {
    opacity: 1;
}
/* Zwischenüberschrift einer Gruppe */
.elementor-62277 .elementor-element.elementor-element-87706fa .lkr-sitemap-gruppe > a,
.elementor-62277 .elementor-element.elementor-element-87706fa .lkr-sitemap-gruppe > span {
    display: inline-block;
    font-size: 20px;
    font-weight: 500 !important;
    line-height: 1.4;
    margin-bottom: 10px;
}
/* Linklisten in zwei Spalten */
.elementor-62277 .elementor-element.elementor-element-87706fa .lkr-sitemap-gruppe > ul,
.elementor-62277 .elementor-element.elementor-element-87706fa ul.lkr-sitemap-spalten {
    display: block !important;
    column-count: 2 !important;
    column-gap: 40px !important;
}
.elementor-62277 .elementor-element.elementor-element-87706fa .lkr-sitemap-gruppe > ul > li,
.elementor-62277 .elementor-element.elementor-element-87706fa ul.lkr-sitemap-spalten > li {
    break-inside: avoid;
    padding: 3px 0;
}
.elementor-62277 .elementor-element.elementor-element-87706fa .lkr-sitemap-gruppe li a,
.elementor-62277 .elementor-element.elementor-element-87706fa ul.lkr-sitemap-spalten li a {
    font-size: 18px;
    font-weight: 300 !important;
    line-height: 1.5;
}
/* dritte Ebene (z. B. Badegewässer) leicht eingerückt unter ihrer Seite */
.elementor-62277 .elementor-element.elementor-element-87706fa .lkr-sitemap-gruppe > ul > li > ul {
    padding: 3px 0 0 20px;
}
.elementor-62277 .elementor-element.elementor-element-87706fa .lkr-sitemap-gruppe > ul > li > ul > li {
    padding: 3px 0;
}
@media (max-width: 1024px) {
    .elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-page-list {
        gap: 20px;
    }
    .elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-page-list > li.lkr-sitemap-bereich {
        grid-template-columns: 1fr;
        row-gap: 20px;
        padding-top: 20px;
    }
}
@media (max-width: 767px) {
    .elementor-62277 .elementor-element.elementor-element-87706fa .lkr-sitemap-gruppe > ul,
    .elementor-62277 .elementor-element.elementor-element-87706fa ul.lkr-sitemap-spalten {
        column-count: 1 !important;
    }
}

/* SPRUNGLEISTE UND HANDY ZUKLAPPEN 21.10.2026 (Raum 0529d89028), gehört zum Skript im HTML-Widget "Sitemap Aufbau".
   Leiste wie die A-Z-Leisten: Overpass 20/400 secondary, Unterstrich 2 px wächst von links und geht nach rechts raus. */
.elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-title {
    margin-bottom: 20px;
}
.elementor-62277 .elementor-element.elementor-element-87706fa .lkr-sitemap-sprung {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px;
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
}
.elementor-62277 .elementor-element.elementor-element-87706fa .lkr-sitemap-sprung a {
    color: var(--e-global-color-secondary, #565B69);
    font-weight: 400 !important;
    padding-bottom: 4px;
    background: linear-gradient(currentColor, currentColor) right bottom / 0 2px no-repeat;
    transition: background-size 0.3s ease;
}
.elementor-62277 .elementor-element.elementor-element-87706fa .lkr-sitemap-sprung a::after {
    display: none;
}
.elementor-62277 .elementor-element.elementor-element-87706fa .lkr-sitemap-sprung a:hover,
.elementor-62277 .elementor-element.elementor-element-87706fa .lkr-sitemap-sprung a:focus-visible {
    background-position: left bottom;
    background-size: 100% 2px;
}
/* Sprungziel unter dem festen Kopf */
.elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-page-list > li.lkr-sitemap-bereich {
    scroll-margin-top: 120px;
}
.elementor-62277 .elementor-element.elementor-element-87706fa .lkr-sitemap-klapp {
    display: none;
}
@media (max-width: 1024px) {
    .elementor-62277 .elementor-element.elementor-element-87706fa .lkr-sitemap-sprung {
        gap: 10px 20px;
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-page-list > li.lkr-sitemap-bereich {
        position: relative;
        row-gap: 0;
    }
    /* Knopf liegt über der ganzen Titelzeile, der Pfeil sitzt rechts */
    .elementor-62277 .elementor-element.elementor-element-87706fa .lkr-sitemap-klapp {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 20px;
        height: 31px;
        padding: 0;
        margin: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        cursor: pointer;
        z-index: 1;
    }
    .elementor-62277 .elementor-element.elementor-element-87706fa .lkr-sitemap-klapp::after {
        content: "";
        position: absolute;
        right: 6px;
        top: 9px;
        width: 10px;
        height: 10px;
        border-right: 2px solid var(--e-global-color-secondary, #565B69);
        border-bottom: 2px solid var(--e-global-color-secondary, #565B69);
        transform: rotate(45deg);
        transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .elementor-62277 .elementor-element.elementor-element-87706fa .ist-zu > .lkr-sitemap-klapp::after {
        transform: rotate(-45deg);
    }
    .elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-page-list > li.lkr-sitemap-bereich > ul {
        overflow: hidden;
        margin-top: 20px;
        transition: max-height 0.65s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.65s cubic-bezier(0.4, 0, 0.2, 1), margin-top 0.65s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.65s;
    }
    .elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-page-list > li.lkr-sitemap-bereich.ist-zu > ul {
        max-height: 0;
        margin-top: 0;
        opacity: 0;
        visibility: hidden;
    }
}
/* BEREICHSTITEL BLEIBEN STEHEN 21.10.2026 (Raum ef3caebfe9): Am Desktop bleibt der Bereichsname links beim Scrollen 40 px unter dem
   festen Kopf (70 px) stehen, solange sein Bereich zu sehen ist, und geht mit dem Ende des Bereichs nach oben weg. Ab Tablet stehen die
   Zeilen untereinander, dort nicht. */
@media (min-width: 1025px) {
    .elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-page-list > li.lkr-sitemap-bereich > a,
    .elementor-62277 .elementor-element.elementor-element-87706fa .elementor-sitemap-page-list > li.lkr-sitemap-bereich > span {
        position: sticky;
        top: 110px;
    }
}/* End custom CSS */