.elementor-kit-6{--e-global-color-b54e23c:#000000;--e-global-color-69816c3:#575656;--e-global-color-44877ed:#951054;--e-global-color-5c1cf0f:#520E52;--e-global-color-cfb2d08:#E1CED8;--e-global-color-8155e5a:#F4F1F1;--e-global-color-e0424eb:#F6F1F3;--e-global-color-4f2674d:#FFFFFF;--e-global-typography-ee96bd8-font-family:"Nunito";--e-global-typography-ee96bd8-font-size:clamp(2rem, 1.508rem + 2.54vw, 3.2rem);--e-global-typography-ee96bd8-font-weight:300;--e-global-typography-ee96bd8-text-transform:uppercase;--e-global-typography-ee96bd8-line-height:1.1em;--e-global-typography-fe4f0bf-font-family:"Nunito";--e-global-typography-fe4f0bf-font-size:clamp(1.6rem, 1.508rem + 2.54vw, 3rem);--e-global-typography-fe4f0bf-font-weight:300;--e-global-typography-ae0673f-font-family:"Nunito";--e-global-typography-ae0673f-font-size:clamp(1.4rem, 1.508rem + 2.54vw, 1.8rem);--e-global-typography-ae0673f-font-weight:300;--e-global-typography-c566f4e-font-family:"Nunito";--e-global-typography-c566f4e-font-size:clamp(1.2rem, 1.508rem + 2.54vw, 1.4rem);--e-global-typography-c566f4e-font-weight:300;--e-global-typography-ffd9164-font-family:"Nunito";--e-global-typography-ffd9164-font-size:clamp(1rem, 1.508rem + 2.54vw, 1.05rem);--e-global-typography-ffd9164-font-weight:400;--e-global-typography-f7ac92c-font-family:"Nunito";--e-global-typography-f7ac92c-font-size:clamp(1.05rem, 1.508rem + 2.54vw, 1.1rem);--e-global-typography-f7ac92c-font-weight:400;color:var( --e-global-color-69816c3 );font-family:var( --e-global-typography-ffd9164-font-family ), Sans-serif;font-size:var( --e-global-typography-ffd9164-font-size );font-weight:var( --e-global-typography-ffd9164-font-weight );overscroll-behavior:contain;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-44877ed );font-family:var( --e-global-typography-f7ac92c-font-family ), Sans-serif;font-size:var( --e-global-typography-f7ac92c-font-size );font-weight:var( --e-global-typography-f7ac92c-font-weight );}.elementor-kit-6 a:hover{color:var( --e-global-color-5c1cf0f );}.elementor-kit-6 h1{color:var( --e-global-color-44877ed );font-family:var( --e-global-typography-ee96bd8-font-family ), Sans-serif;font-size:var( --e-global-typography-ee96bd8-font-size );font-weight:var( --e-global-typography-ee96bd8-font-weight );text-transform:var( --e-global-typography-ee96bd8-text-transform );line-height:var( --e-global-typography-ee96bd8-line-height );}.elementor-kit-6 h2{color:var( --e-global-color-44877ed );font-family:var( --e-global-typography-fe4f0bf-font-family ), Sans-serif;font-size:var( --e-global-typography-fe4f0bf-font-size );font-weight:var( --e-global-typography-fe4f0bf-font-weight );}.elementor-kit-6 h3{color:var( --e-global-color-69816c3 );font-family:var( --e-global-typography-ae0673f-font-family ), Sans-serif;font-size:var( --e-global-typography-ae0673f-font-size );font-weight:var( --e-global-typography-ae0673f-font-weight );}.elementor-kit-6 h4{color:var( --e-global-color-69816c3 );font-family:var( --e-global-typography-c566f4e-font-family ), Sans-serif;font-size:var( --e-global-typography-c566f4e-font-size );font-weight:var( --e-global-typography-c566f4e-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1120px;}.e-con{--container-max-width:1120px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.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(max-width:1450px){.elementor-kit-6{font-size:var( --e-global-typography-ffd9164-font-size );}.elementor-kit-6 a{font-size:var( --e-global-typography-f7ac92c-font-size );}.elementor-kit-6 h1{font-size:var( --e-global-typography-ee96bd8-font-size );line-height:var( --e-global-typography-ee96bd8-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-fe4f0bf-font-size );}.elementor-kit-6 h3{font-size:var( --e-global-typography-ae0673f-font-size );}.elementor-kit-6 h4{font-size:var( --e-global-typography-c566f4e-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:95%;}.e-con{--container-max-width:95%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:520px){.elementor-kit-6{font-size:var( --e-global-typography-ffd9164-font-size );}.elementor-kit-6 a{font-size:var( --e-global-typography-f7ac92c-font-size );}.elementor-kit-6 h1{font-size:var( --e-global-typography-ee96bd8-font-size );line-height:var( --e-global-typography-ee96bd8-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-fe4f0bf-font-size );}.elementor-kit-6 h3{font-size:var( --e-global-typography-ae0673f-font-size );}.elementor-kit-6 h4{font-size:var( --e-global-typography-c566f4e-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:95%;}.e-con{--container-max-width:95%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}
/* Start custom CSS *//* Verhindert das Überlagern durch den fixierten Header */
:target, 
section, 
div[id] {
    scroll-margin-top: 12vh;
    scroll-behavior: smooth; /* Sorgt für sanftes Gleiten */
}

/* 1. Die Animation definieren */
@keyframes kreis-schweben {
    0% { transform: translate(0, 0px); }
    25% { transform: translate(20px, 20px); }
    50% { transform: translate(0px, 40px); }
    75% { transform: translate(-20px, 20px); }
    100% { transform: translate(0, 0px); }
}

/* 2. Das Element ansprechen */
.schwebendes-svg {
    --display: inline-block; /* Elementor-Variable für Atomic Elements */
    display: inline-block !important; 
    animation: kreis-schweben 6s ease-in-out infinite !important;
    will-change: transform; /* Optimiert die Performance */
}

/* 3. Sicherstellen, dass das SVG im Inneren mitmacht */
.elementor-kit-6 svg {
    display: block;
}

/* 1. Die Animation definieren */
@keyframes kreis-schweben {
    0% { transform: translate(0, 0px); }
    25% { transform: translate(14px, 14px); }
    50% { transform: translate(0px, 28px); }
    75% { transform: translate(-14px, 14px); }
    100% { transform: translate(0, 0px); }
}

/* 2. Das Element ansprechen */
.schwebendes-svg2 {
    --display: inline-block; /* Elementor-Variable für Atomic Elements */
    display: inline-block !important; 
    animation: kreis-schweben 5s ease-in-out infinite !important;
    will-change: transform; /* Optimiert die Performance */
}

/* 3. Sicherstellen, dass das SVG im Inneren mitmacht */
.elementor-kit-6 svg {
    display: block;
}


/* Container */
.custom-burger .elementor-menu-toggle {
    width: 48px;
    height: 48px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* Standard Elementor Icon verstecken */
.custom-burger .elementor-menu-toggle i,
.custom-burger .elementor-menu-toggle svg {
    opacity: 0;
}

/* Burger Linien */
.custom-burger .elementor-menu-toggle::before,
.custom-burger .elementor-menu-toggle::after {
    content: "";
    position: absolute;
    width: 26px;
    height: 2px;
    background: currentColor;
    transition:
        transform 0.35s cubic-bezier(.4,0,.2,1),
        top 0.35s cubic-bezier(.4,0,.2,1);
}

/* obere Linie */
.custom-burger .elementor-menu-toggle::before {
    top: 18px;
    box-shadow: 0 8px 0 currentColor;
}

/* untere Linie */
.custom-burger .elementor-menu-toggle::after {
    top: 34px;
}

/* AKTIV */
.custom-burger .elementor-menu-toggle.elementor-active::before {
    top: 24px;
    box-shadow: none;
    transform: rotate(45deg);
}

.custom-burger .elementor-menu-toggle.elementor-active::after {
    top: 24px;
    transform: rotate(-45deg);
}

/* Container des Buttons */
.custom-burger {
    width: 48px;
    height: 48px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1001; /* Liegt über dem Menü, im sichtbaren Header */
}

/* Bestehendes Elementor-Icon (falls vorhanden) unsichtbar machen */
.custom-burger i,
.custom-burger svg {
    opacity: 0 !important;
}

/* Die Burger-Linien (Basis-Setup) */
.custom-burger::before,
.custom-burger::after {
    content: "";
    position: absolute;
    width: 26px;
    height: 2px;
    background: currentColor; /* Übernimmt die Textfarbe deines Headers */
    transition:
        transform 0.35s cubic-bezier(.4,0,.2,1),
        top 0.35s cubic-bezier(.4,0,.2,1),
        box-shadow 0.35s cubic-bezier(.4,0,.2,1);
}

/* Obere Linie + Mittlere Linie via Box-Shadow */
.custom-burger::before {
    top: 18px;
    box-shadow: 0 8px 0 currentColor;
}

/* Untere Linie */
.custom-burger::after {
    top: 34px;
}

/* ANIMAITION: Wenn aktiv (zum "X" verschmelzen) */
.custom-burger.is-active::before {
    top: 23px;
    box-shadow: 0 0 0 transparent; /* Mittlere Linie verschwindet sanft */
    transform: rotate(45deg);
}

.custom-burger.is-active::after {
    top: 23px;
    transform: rotate(-45deg);
}/* End custom CSS */