.elementor-kit-9{--e-global-color-primary:#000000;--e-global-color-secondary:#6B213A;--e-global-color-text:#000000;--e-global-color-accent:#6B213A;--e-global-color-377f0bb:#F1F2F4;--e-global-color-6c12677:#E2E2E8;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:20px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.3em;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-font-style:italic;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.3em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1.3em;background-color:var( --e-global-color-377f0bb );background-image:url("https://staging.keingrammfett.athene.wpspace.me/wp-content/uploads/2026/07/Rede-Bewege-Wirke.png");color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );background-position:78vw 30px;background-repeat:no-repeat;background-size:19% auto;}.elementor-kit-9 e-page-transition{background-color:var( --e-global-color-377f0bb );}.elementor-kit-9 a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-9 h1{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-9 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-9 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-9 h4{font-size:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1439px;}.e-con{--container-max-width:1439px;--container-default-padding-top:0em;--container-default-padding-right:0em;--container-default-padding-bottom:0em;--container-default-padding-left:0em;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(min-width:1025px){.elementor-kit-9{background-attachment:fixed;}}@media(max-width:1024px){.elementor-kit-9{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );background-position:585px 15px;background-repeat:no-repeat;background-size:0px auto;}.elementor-kit-9 a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-9 h1{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-9 h2{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-9 h3{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );background-position:209px 15px;background-repeat:no-repeat;background-size:0px auto;}.elementor-kit-9 a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-9 h1{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-9 h2{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-9 h3{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.e-n-menu-title {
    padding-left: 0 !important;
}


/* ==========================================================
   DANIELA ZELLER – HEADER
   Responsive-Version mit Laptop-Breakpoint und Boxed-Layout

   Benötigte CSS-Klassen:
   - Hauptcontainer:       dz-header-grid
   - Logo-Container:       dz-header-logo
   - Kreis-Widget:         dz-brand__mark
   - Wortmarken-Widget:    dz-brand__wordmark
   - Titel-Container:      dz-header-title
   - Leerer Container:     dz-header-spacer
   - Menü-Container:       dz-header-menu
   - Menü-Widget:          dz-main-menu

   Boxed:
   - maximale Headerbreite: 1600 px
   - darunter weiterhin 100 % fluid
   - zentriert mit responsivem Seitenabstand

   Breakpoints:
   - Desktop ab 1440 px:
     4 gleich breite Spalten
     Logo | Seitentitel | Leerraum | Menü
     Menüpanel rechts, 25 % breit

   - Laptop 1025–1439 px:
     weiterhin 4 Grundspalten
     Logo | Seitentitel | Leerraum | Menü
     nur Größen werden kompakter
     Menüpanel rechts, 25 % breit

   - Tablet 768–1024 px:
     Logo und Menü in Zeile 1
     Seitentitel in Zeile 2
     Menüpanel volle Bildschirmbreite

   - Mobil bis 767 px:
     Logo und Menü in Zeile 1
     Seitentitel in Zeile 2
     Menüpanel volle Bildschirmbreite
   ========================================================== */


/* ----------------------------------------------------------
   HEADER UND HAUPTGRID
   ---------------------------------------------------------- */

.elementor-location-header,
.elementor-location-header > .elementor {
    overflow: visible !important;
}

.dz-header-grid {
    --dz-mark-size: clamp(46px, 3.4vw, 65px);
    --dz-logo-gap: clamp(10px, 0.9vw, 16px);
    --dz-wordmark-width: clamp(170px, 16vw, 270px);
    --dz-title-gap: clamp(14px, 1.1vw, 22px);
    --dz-title-shift: 2px;
    --dz-title-indent: clamp(6px, 0.5vw, 8px);
    --dz-mobile-menu-bg: #f1f2f4;

    /* Zentrale Layoutwerte */
    --dz-content-max: 1600px;
    --dz-page-gutter: clamp(20px, 3.125vw, 50px);

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr) !important;

    column-gap: 0 !important;
    row-gap: 0 !important;
    align-items: stretch !important;

    position: relative !important;
    z-index: 1000;

    width: 100% !important;
    max-width: var(--dz-content-max) !important;
    min-height: var(--dz-mark-size);

    margin-left: auto !important;
    margin-right: auto !important;

    padding-top: clamp(18px, 1.8vw, 30px);
    padding-right: var(--dz-page-gutter);
    padding-bottom: clamp(18px, 1.8vw, 30px);
    padding-left: var(--dz-page-gutter);

    box-sizing: border-box !important;
    overflow: visible !important;
}


/* ----------------------------------------------------------
   ELEMENTOR-ZWISCHENCONTAINER AUFLÖSEN
   ---------------------------------------------------------- */

.dz-header-logo,
.dz-header-logo > .e-con-inner,
.dz-header-title,
.dz-header-title > .e-con-inner {
    display: contents !important;
}


/* ----------------------------------------------------------
   KREISSYMBOL
   ---------------------------------------------------------- */

.dz-brand__mark {
    grid-column: 1 !important;
    grid-row: 1 / 4 !important;

    align-self: center !important;
    justify-self: start !important;

    position: static !important;
    transform: none !important;

    width: var(--dz-mark-size) !important;
    height: var(--dz-mark-size) !important;

    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.dz-brand__mark .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.dz-brand__mark img {
    display: block !important;

    width: var(--dz-mark-size) !important;
    height: var(--dz-mark-size) !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ----------------------------------------------------------
   WORTMARKE
   ---------------------------------------------------------- */

.dz-brand__wordmark {
    grid-column: 1 !important;
    grid-row: 2 !important;

    align-self: end !important;
    justify-self: start !important;

    position: static !important;
    transform: none !important;

    width: auto !important;
    min-width: 0 !important;

    max-width: calc(
        100% -
        var(--dz-mark-size) -
        var(--dz-logo-gap) -
        var(--dz-title-gap)
    ) !important;

    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: calc(
        var(--dz-mark-size) + var(--dz-logo-gap)
    ) !important;

    padding: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
}

.dz-brand__wordmark .elementor-widget-container {
    width: auto !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.dz-brand__wordmark img {
    display: block !important;

    width: var(--dz-wordmark-width) !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ----------------------------------------------------------
   SEITENTITEL
   ---------------------------------------------------------- */

.dz-header-title .elementor-widget {
    grid-column: 2 !important;
    grid-row: 2 !important;

    align-self: end !important;
    justify-self: start !important;

    position: relative !important;
    top: var(--dz-title-shift);

    width: calc(100% - var(--dz-title-gap)) !important;
    max-width: calc(100% - var(--dz-title-gap)) !important;
    min-width: 0 !important;
    height: auto !important;

    margin: 0 0 -1px 0 !important;
    padding: 0 0 0 0;
    box-sizing: border-box !important;
}

.dz-header-title .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

.dz-header-title .elementor-heading-title {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: clamp(17px, 1.3vw, 22px);
    line-height: 1 !important;
    white-space: nowrap;
}


/* ----------------------------------------------------------
   DRITTE SPALTE: LEERRAUM
   Nur im 4-Spalten-Desktop sichtbar
   ---------------------------------------------------------- */

.dz-header-spacer {
    grid-column: 3 !important;
    grid-row: 1 / 4 !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.dz-header-spacer > .e-con-inner {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ----------------------------------------------------------
   MENÜ-CONTAINER
   Standardposition: vierte Spalte
   ---------------------------------------------------------- */

.dz-header-menu {
    grid-column: 4 !important;
    grid-row: 1 / 4 !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;

    align-self: stretch !important;
    position: static !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

.dz-header-menu > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;

    position: static !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}


/* ----------------------------------------------------------
   MENÜ-WIDGET
   ---------------------------------------------------------- */

.dz-main-menu {
    position: static !important;
    z-index: 2 !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 20px 0 !important;
    overflow: visible !important;
}

.dz-main-menu .e-n-menu {
    position: static !important;

    display: flex !important;
    justify-content: flex-start !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    overflow: visible !important;
}

.dz-main-menu .e-n-menu-toggle {
    margin-left: 12px !important;
    margin-right: auto !important;
}


/* ----------------------------------------------------------
   UNTERMENÜ-PFEIL DIREKT NACH DEM LETZTEN WORT
   ---------------------------------------------------------- */

.dz-main-menu .e-n-menu-title {
    display: block !important;
    width: 100% !important;
}

.dz-main-menu .e-n-menu-title-container {
    display: inline !important;

    width: auto !important;
    max-width: none !important;
    flex: none !important;
}

.dz-main-menu .e-n-menu-title-text {
    display: inline !important;
}

.dz-main-menu .e-n-menu-dropdown-icon {
    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;
    min-width: 0 !important;

    margin-left: 0.25em !important;
    margin-right: 0 !important;
    padding: 0 !important;

    vertical-align: 0.08em;
}


/* ==========================================================
   DESKTOP-GRUNDREGELN AB 1025 PX
   Gemeinsame Positionierung des geöffneten Menüpanels
   ========================================================== */

@media (min-width: 1025px) {

    .dz-main-menu .e-n-menu-wrapper,
    .dz-main-menu .e-n-menu-heading,
    .dz-main-menu .e-n-menu-item,
    .dz-main-menu .e-n-menu-content {
        box-sizing: border-box !important;
    }

    .dz-main-menu .e-n-menu-wrapper {
        position: absolute !important;

        top: 100% !important;
        right: 0 !important;
        bottom: auto !important;
        left: auto !important;

        inset-block-start: 100% !important;
        inset-block-end: auto !important;
        inset-inline-start: auto !important;
        inset-inline-end: 0 !important;

        margin: 0 !important;

        transform: none !important;
        translate: none !important;

        z-index: 9999 !important;
    }

    .dz-main-menu .e-n-menu-heading,
    .dz-main-menu .e-n-menu-item,
    .dz-main-menu .e-n-menu-content,
    .dz-main-menu .e-n-menu-content > .e-con {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    .dz-main-menu .e-n-menu-content {
        position: static !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        inset: auto !important;

        margin: 0 !important;

        transform: none !important;
        translate: none !important;
    }

    .dz-main-menu .e-n-menu-content > .e-con {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* ==========================================================
   GROSSER DESKTOP AB 1440 PX
   4 Spalten, Menüpanel = 25 %
   ========================================================== */

@media (min-width: 1440px) {

    .dz-header-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .dz-header-spacer {
        display: block !important;
        grid-column: 3 !important;
    }

    .dz-header-menu {
        grid-column: 4 !important;
    }

    .dz-main-menu .e-n-menu-wrapper {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        padding-left:1.2em!important;
    }
}


/* ==========================================================
   LAPTOP / SCHMALER DESKTOP
   1025 BIS 1439 PX
   Weiterhin 4 Grundspalten, Menüpanel = 25 %

   Wichtig:
   Drei sichtbare Seminare bedeuten nicht, dass der Header
   auf drei gleich breite Hauptspalten wechseln darf.
   Das vierteilige Seitenraster bleibt bis Tablet bestehen.
   ========================================================== */

@media (min-width: 1025px) and (max-width: 1439px) {

    .dz-header-grid {
        --dz-mark-size: clamp(46px, 3.6vw, 54px);
        --dz-logo-gap: clamp(10px, 1vw, 14px);
        --dz-wordmark-width: clamp(170px, 17vw, 235px);
        --dz-title-gap: clamp(12px, 1vw, 18px);
        --dz-title-shift: 2px;
        --dz-title-indent: clamp(5px, 0.5vw, 7px);

        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .dz-header-spacer {
        display: block !important;
        grid-column: 3 !important;
    }

    .dz-header-menu {
        grid-column: 4 !important;
    }

    .dz-main-menu .e-n-menu-wrapper {
        width: 25% !important;
        min-width: 25% !important;
        max-width: 25% !important;
    }
}


/* ==========================================================
   TABLET
   768 BIS 1024 PX
   ========================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .dz-header-grid {
        --dz-mark-size: 50px;
        --dz-logo-gap: 11px;
        --dz-wordmark-width: clamp(175px, 27vw, 225px);
        --dz-title-gap: 0;
        --dz-title-shift: 0;
        --dz-title-indent: 0px;
        --dz-mobile-menu-bg: #f1f2f4;

        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto !important;

        align-items: center !important;
        column-gap: 20px !important;
        row-gap: 14px !important;

        padding-top: 18px;
        padding-bottom: 18px;

        position: relative !important;
        overflow: visible !important;
    }

    .dz-brand__mark {
        grid-column: 1 !important;
        grid-row: 1 !important;

        align-self: center !important;
        justify-self: start !important;
    }

    .dz-brand__wordmark {
        grid-column: 1 !important;
        grid-row: 1 !important;

        align-self: center !important;
        justify-self: start !important;

        max-width: calc(
            100% - var(--dz-mark-size) - var(--dz-logo-gap)
        ) !important;

        margin-left: calc(
            var(--dz-mark-size) + var(--dz-logo-gap)
        ) !important;

        overflow: visible !important;
    }

    .dz-header-title .elementor-widget {
        display: block !important;

        grid-column: 1 / -1 !important;
        grid-row: 2 !important;

        align-self: start !important;
        justify-self: stretch !important;

        position: static !important;
        top: auto !important;

        width: 100% !important;
        max-width: none !important;

        margin: 1em 0 0 0 !important;
        padding: 0 !important;
    }

    .dz-header-title .elementor-widget-container,
    .dz-header-title .elementor-heading-title {
        width: 100% !important;
        max-width: 100% !important;
    }

    .dz-header-title .elementor-heading-title {
        font-size: clamp(17px, 2.3vw, 21px);
        white-space: normal !important;
        text-align: left !important;
    }

    .dz-header-spacer {
        display: none !important;
    }

    .dz-header-menu {
        grid-column: 2 !important;
        grid-row: 1 !important;

        align-self: center !important;
        justify-self: end !important;

        width: auto !important;
    }

    .dz-header-menu > .e-con-inner {
        justify-content: flex-end !important;
    }

    .dz-main-menu {
        width: auto !important;
        padding: 0 !important;
    }

    .dz-header-menu,
    .dz-header-menu > .e-con-inner,
    .dz-main-menu,
    .dz-main-menu .e-n-menu {
        position: static !important;
        overflow: visible !important;
    }

    .dz-main-menu .e-n-menu-toggle {
        position: relative !important;
        z-index: 10001 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .dz-main-menu .e-n-menu-wrapper {
        position: absolute !important;

        top: 100% !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;

        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;

        height: calc(100vh - 100%) !important;
        height: calc(100dvh - 100%) !important;

        min-height: calc(100vh - 100%) !important;
        min-height: calc(100dvh - 100%) !important;

        max-height: calc(100vh - 100%) !important;
        max-height: calc(100dvh - 100%) !important;

        margin: 0 !important;

        padding:
            clamp(28px, 4vw, 44px)
            clamp(28px, 5vw, 52px)
            calc(40px + env(safe-area-inset-bottom))
            clamp(28px, 5vw, 52px) !important;

        background-color: var(--dz-mobile-menu-bg) !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;

        box-sizing: border-box !important;

        transform: none !important;
        translate: none !important;

        z-index: 9999 !important;
    }

    .dz-main-menu .e-n-menu-heading,
    .dz-main-menu .e-n-menu-item,
    .dz-main-menu .e-n-menu-content,
    .dz-main-menu .e-n-menu-content > .e-con,
    .dz-main-menu .e-n-menu-content > .e-con > .e-con-inner {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    .dz-main-menu .e-n-menu-content {
        position: static !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        inset: auto !important;

        margin: 0 !important;

        transform: none !important;
        translate: none !important;
    }
}


/* ==========================================================
   MOBILE
   BIS 767 PX
   ========================================================== */

@media (max-width: 767px) {

    .dz-header-grid {
        --dz-mark-size: 44px;
        --dz-logo-gap: 9px;
        --dz-wordmark-width: clamp(135px, 43vw, 205px);
        --dz-title-gap: 0;
        --dz-title-shift: 0;
        --dz-title-indent: 0px;

        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto !important;

        align-items: center !important;
        column-gap: 14px !important;
        row-gap: 12px !important;

        padding-top: 16px;
        padding-bottom: 16px;

        position: relative !important;
        overflow: visible !important;
    }

    .dz-brand__mark {
        grid-column: 1 !important;
        grid-row: 1 !important;

        align-self: center !important;
        justify-self: start !important;
    }

    .dz-brand__wordmark {
        grid-column: 1 !important;
        grid-row: 1 !important;

        align-self: center !important;
        justify-self: start !important;

        max-width: calc(
            100% - var(--dz-mark-size) - var(--dz-logo-gap)
        ) !important;

        margin-left: calc(
            var(--dz-mark-size) + var(--dz-logo-gap)
        ) !important;

        overflow: visible !important;
    }

    .dz-header-menu {
        grid-column: 2 !important;
        grid-row: 1 !important;

        align-self: center !important;
        justify-self: end !important;

        width: auto !important;
    }

    .dz-header-menu > .e-con-inner {
        justify-content: flex-end !important;
    }

    .dz-main-menu {
        width: auto !important;
        padding: 0 !important;
    }

    .dz-main-menu .e-n-menu-toggle {
        position: relative !important;
        z-index: 10001 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .dz-header-title .elementor-widget {
        display: block !important;

        grid-column: 1 / -1 !important;
        grid-row: 2 !important;

        align-self: start !important;
        justify-self: stretch !important;

        position: static !important;
        top: auto !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .dz-header-title .elementor-widget-container,
    .dz-header-title .elementor-heading-title {
        width: 100% !important;
        max-width: 100% !important;
    }

    .dz-header-title .elementor-heading-title {
        font-size: clamp(16px, 5vw, 20px);
        white-space: normal !important;
        text-align: left !important;

        padding-top: 1em !important;
        padding-bottom: 1em !important;
    }

    .dz-header-spacer {
        display: none !important;
    }

    .dz-header-menu,
    .dz-header-menu > .e-con-inner,
    .dz-main-menu,
    .dz-main-menu .e-n-menu {
        position: static !important;
        overflow: visible !important;
    }

    .dz-main-menu .e-n-menu-wrapper {
        position: absolute !important;

        top: 100% !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;

        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;

        height: calc(100vh - 100%) !important;
        height: calc(100dvh - 100%) !important;
        min-height: calc(100vh - 100%) !important;
        min-height: calc(100dvh - 100%) !important;
        max-height: calc(100vh - 100%) !important;
        max-height: calc(100dvh - 100%) !important;

        margin: 0 !important;

        padding:
            clamp(24px, 6vw, 36px)
            20px
            calc(32px + env(safe-area-inset-bottom))
            20px !important;

        background-color: var(--dz-mobile-menu-bg) !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;

        box-sizing: border-box !important;

        transform: none !important;
        translate: none !important;

        z-index: 9999 !important;
    }

    .dz-main-menu .e-n-menu-heading,
    .dz-main-menu .e-n-menu-item,
    .dz-main-menu .e-n-menu-content,
    .dz-main-menu .e-n-menu-content > .e-con,
    .dz-main-menu .e-n-menu-content > .e-con > .e-con-inner {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    .dz-main-menu .e-n-menu-content {
        position: static !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        inset: auto !important;

        margin: 0 !important;

        transform: none !important;
        translate: none !important;
    }

    .dz-main-menu .e-n-menu-wrapper {
        transform-origin: top center !important;
    }
}

//* ==========================================================
   MOBILE: MENÜ-ICON AN WORTMARKE ANPASSEN
   Größe und vertikale Ausrichtung
   ========================================================== */

@media (max-width: 767px) {

    .dz-main-menu .e-n-menu-toggle {
        --dz-menu-icon-size: clamp(18px, 4vw, 20px);

        position: relative !important;
        top: 0 !important;

        width: var(--dz-menu-icon-size) !important;
        min-width: var(--dz-menu-icon-size) !important;
        height: var(--dz-menu-icon-size) !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .dz-main-menu .e-n-menu-toggle-icon {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        line-height: 0 !important;
    }

    .dz-main-menu .e-n-menu-toggle-icon svg {
        display: block !important;

        width: 100% !important;
        height: 100% !important;
    }
}


/* ==========================================================
   DANIELA ZELLER – BOXED HAUPTINHALT
   Gleiche Maximalbreite und Außenabstände wie der Header

   Benötigte CSS-Klasse am äußersten Inhaltscontainer:
   dz-content-frame
   ========================================================== */

.dz-content-frame {
    width: 100% !important;
    max-width: 1600px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: clamp(20px, 3.125vw, 50px) !important;
    padding-right: clamp(20px, 3.125vw, 50px) !important;

    box-sizing: border-box !important;
}

/* ==========================================================
   DANIELA ZELLER – FLUIDE GLOBALE TYPOGRAFIE

   375 px Viewport  = 16 px
   1600 px Viewport = 20 px
   über 1600 px     = weiterhin 20 px
   ========================================================== */

body[class*="elementor-kit-"] {
    --e-global-typography-primary-font-size:
        clamp(1rem, calc(0.9235rem + 0.3265vw), 1.25rem) !important;

    --e-global-typography-secondary-font-size:
        clamp(1rem, calc(0.9235rem + 0.3265vw), 1.25rem) !important;

    --e-global-typography-text-font-size:
        clamp(1rem, calc(0.9235rem + 0.3265vw), 1.25rem) !important;

    --e-global-typography-accent-font-size:
        clamp(1rem, calc(0.9235rem + 0.3265vw), 1.25rem) !important;
}

/* ==========================================================
   ELEMENTOR-LISTEN
   - Bulletpoints und Nummern bündig an der linken Textkante
   - geringer Abstand zwischen Zeichen und Text
   - Abstand nach jeder UL- und OL-Liste
   ========================================================== */

/* Ungeordnete Listen */
.elementor-widget-text-editor ul,
.elementor-widget-theme-post-content ul {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 1.5em !important;
    margin-left: 0 !important;

    padding-left: 0 !important;
    list-style: none !important;
}

.elementor-widget-text-editor ul > li,
.elementor-widget-theme-post-content ul > li {
    position: relative;

    margin-left: 0 !important;
    padding-left: 0.9em !important;
}

.elementor-widget-text-editor ul > li::before,
.elementor-widget-theme-post-content ul > li::before {
    content: "•";

    position: absolute;
    top: 0;
    left: 0;
}


/* Nummerierte Listen */
.elementor-widget-text-editor ol,
.elementor-widget-theme-post-content ol {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 1.5em !important;
    margin-left: 0 !important;

    padding-left: 0 !important;
    list-style: none !important;
    counter-reset: dz-list;
}

.elementor-widget-text-editor ol > li,
.elementor-widget-theme-post-content ol > li {
    position: relative;

    margin-left: 0 !important;
    padding-left: 1.35em !important;

    counter-increment: dz-list;
}

.elementor-widget-text-editor ol > li::before,
.elementor-widget-theme-post-content ol > li::before {
    content: counter(dz-list) ".";

    position: absolute;
    top: 0;
    left: 0;
}


/* Verschachtelte Listen ohne großen zusätzlichen Abstand */
.elementor-widget-text-editor li > ul,
.elementor-widget-text-editor li > ol,
.elementor-widget-theme-post-content li > ul,
.elementor-widget-theme-post-content li > ol {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}


/* abstand seminare zielgruppe */

.zielgruppe{
    padding-top: 1em !important;
}

/* ==========================================================
   TABLET UND MOBILE:
   Menü-Overlay beginnt direkt unter der Logozeile
   und überdeckt den Seitentitel
   ========================================================== */

/* Tablet: 18 px oberer Headerabstand + 50 px Logo + 7 px */
@media (min-width: 768px) and (max-width: 1024px) {

    .dz-header-grid {
        --dz-mobile-menu-start:
            calc(18px + var(--dz-mark-size) + 7px);
    }
}


/* Mobile: 16 px oberer Headerabstand + 44 px Logo + 6 px */
@media (max-width: 767px) {

    .dz-header-grid {
        --dz-mobile-menu-start:
            calc(16px + var(--dz-mark-size) + 6px);
    }
}


/* Gemeinsame Overlay-Positionierung */
@media (max-width: 1024px) {

    .dz-main-menu .e-n-menu-wrapper {
        position: fixed !important;

        top: var(--dz-mobile-menu-start) !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;

        box-sizing: border-box !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;

        transform: none !important;
        translate: none !important;

        z-index: 9999 !important;
    }
}

/* ==========================================================
   TABLET UND MOBILE:
   Menü-Icon so hoch wie die Wortmarke

   Sichtbares Icon: 18–20 px
   Klickfläche:      44 × 44 px
   ========================================================== */

@media (max-width: 1024px) {

    .dz-main-menu .e-n-menu > button.e-n-menu-toggle {
        --dz-menu-glyph-size: clamp(18px, 2vw, 20px);

        position: relative !important;
        top: 0 !important;
        transform: none !important;

        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        line-height: 0 !important;
    }

    /* Hamburger und Schließen-Symbol */
    .dz-main-menu
    .e-n-menu
    > button.e-n-menu-toggle
    > .e-n-menu-toggle-icon {
        width: var(--dz-menu-glyph-size) !important;
        min-width: var(--dz-menu-glyph-size) !important;
        height: var(--dz-menu-glyph-size) !important;

        flex: 0 0 var(--dz-menu-glyph-size) !important;
        line-height: 0 !important;
    }

    .dz-main-menu
    .e-n-menu
    > button.e-n-menu-toggle
    > .e-n-menu-toggle-icon
    svg {
        display: block !important;

        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
    }
}

/* ==========================================================
   TABLET UND MOBILE:
   Hamburger und Schließen-Icon exakt deckungsgleich
   ========================================================== */

@media (max-width: 1024px) {

    .dz-main-menu .e-n-menu > button.e-n-menu-toggle {
        position: relative !important;
    }

    .dz-main-menu
    .e-n-menu
    > button.e-n-menu-toggle
    > .e-n-menu-toggle-icon {
        position: absolute !important;

        top: 50% !important;
        right: 0 !important;
        bottom: auto !important;
        left: auto !important;

        width: var(--dz-menu-glyph-size) !important;
        min-width: var(--dz-menu-glyph-size) !important;
        height: var(--dz-menu-glyph-size) !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translateY(-50%) !important;
        translate: none !important;
    }

    .dz-main-menu
    .e-n-menu
    > button.e-n-menu-toggle
    > .e-n-menu-toggle-icon
    svg {
        display: block !important;

        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }
}

/* ==========================================================
   STARTSEITE:
   Header-Seitentitel unsichtbar, Platz bleibt erhalten
   ========================================================== */

body.home .dz-header-title .elementor-widget {
    visibility: hidden !important;
    pointer-events: none !important;
}

/* ==========================================================
   HORIZONTALEN SCROLLBALKEN VERHINDERN
   ========================================================== */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

/* Moderne Browser: schneidet Überstand ab,
   ohne ein zusätzliches Scroll-Element zu erzeugen */
@supports (overflow-x: clip) {
    html,
    body {
        overflow-x: clip;
    }
}/* End custom CSS */