.elementor-63 .elementor-element.elementor-element-468ea19{--display:flex;--min-height:9vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overlay-opacity:0.26;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--z-index:1000;}.elementor-63 .elementor-element.elementor-element-468ea19::before, .elementor-63 .elementor-element.elementor-element-468ea19 > .elementor-background-video-container::before, .elementor-63 .elementor-element.elementor-element-468ea19 > .e-con-inner > .elementor-background-video-container::before, .elementor-63 .elementor-element.elementor-element-468ea19 > .elementor-background-slideshow::before, .elementor-63 .elementor-element.elementor-element-468ea19 > .e-con-inner > .elementor-background-slideshow::before, .elementor-63 .elementor-element.elementor-element-468ea19 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-63 .elementor-element.elementor-element-3ef65eec{--display:flex;--min-height:9vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overlay-opacity:0.26;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--z-index:1000;}.elementor-63 .elementor-element.elementor-element-3ef65eec::before, .elementor-63 .elementor-element.elementor-element-3ef65eec > .elementor-background-video-container::before, .elementor-63 .elementor-element.elementor-element-3ef65eec > .e-con-inner > .elementor-background-video-container::before, .elementor-63 .elementor-element.elementor-element-3ef65eec > .elementor-background-slideshow::before, .elementor-63 .elementor-element.elementor-element-3ef65eec > .e-con-inner > .elementor-background-slideshow::before, .elementor-63 .elementor-element.elementor-element-3ef65eec > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-63 .elementor-element.elementor-element-6cf1e6e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--border-radius:7px 7px 7px 7px;}.elementor-63 .elementor-element.elementor-element-6cf1e6e.e-con{--align-self:flex-start;}.elementor-63 .elementor-element.elementor-element-6cf1e6e.kng-glass-bg-yes{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#2A5057F5;}.elementor-63 .elementor-element.elementor-element-12804627{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{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-63 .elementor-element.elementor-element-7a8da8f4{text-align:start;}.elementor-63 .elementor-element.elementor-element-7a8da8f4 img{width:127px;}.elementor-63 .elementor-element.elementor-element-96c7f7e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-63 .elementor-element.elementor-element-caf4c8f{--display:flex;}.elementor-63 .elementor-element.elementor-element-e63c98e{--display:flex;}.elementor-63 .elementor-element.elementor-element-159a06f{--display:flex;}.elementor-63 .elementor-element.elementor-element-d90fed1{--display:flex;}.elementor-63 .elementor-element.elementor-element-4b63297{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:#FFFFFF;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-63 .elementor-element.elementor-element-4b63297 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-63 .elementor-element.elementor-element-4b63297 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-63 .elementor-element.elementor-element-4b63297 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Wix Madefor Text", Sans-serif;}.elementor-63 .elementor-element.elementor-element-4b63297 {--n-menu-title-color-active:#2A5057;}.elementor-63 .elementor-element.elementor-element-2affa3b{--display:flex;}.elementor-63 .elementor-element.elementor-element-2affa3b:not(.elementor-motion-effects-element-type-background), .elementor-63 .elementor-element.elementor-element-2affa3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-63 .elementor-element.elementor-element-1a00516{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{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-63 .elementor-element.elementor-element-b51cf83{--display:flex;}.elementor-63 .elementor-element.elementor-element-1f300a3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-63 .elementor-element.elementor-element-c156725{--display:flex;}.elementor-63 .elementor-element.elementor-element-cd4fa23{--display:flex;}.elementor-63 .elementor-element.elementor-element-1e7d909{--display:flex;}.elementor-63 .elementor-element.elementor-element-32c190a{--display:flex;}.elementor-63 .elementor-element.elementor-element-c23a819{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:#FFFFFF;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:var( --e-global-color-primary );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;--n-menu-title-normal-color-dropdown:var( --e-global-color-primary );}.elementor-63 .elementor-element.elementor-element-c23a819 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-63 .elementor-element.elementor-element-c23a819 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-63 .elementor-element.elementor-element-c23a819 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Wix Madefor Text", Sans-serif;}.elementor-63 .elementor-element.elementor-element-c23a819 {--n-menu-title-color-active:#2A5057;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-63 .elementor-element.elementor-element-468ea19{--min-height:85px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-63 .elementor-element.elementor-element-3ef65eec{--min-height:85px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-63 .elementor-element.elementor-element-7a8da8f4 img{height:27px;}}@media(max-width:767px){.elementor-63 .elementor-element.elementor-element-468ea19{--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-63 .elementor-element.elementor-element-3ef65eec{--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-63 .elementor-element.elementor-element-6cf1e6e{--width:500px;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-63 .elementor-element.elementor-element-7a8da8f4 img{height:20px;}.elementor-63 .elementor-element.elementor-element-96c7f7e{--width:80%;}.elementor-63 .elementor-element.elementor-element-2affa3b{--width:100%;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--flex-wrap:nowrap;}.elementor-63 .elementor-element.elementor-element-1a00516{--flex-wrap:nowrap;}.elementor-63 .elementor-element.elementor-element-b51cf83{--width:auto;--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-63 .elementor-element.elementor-element-b51cf83.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-63 .elementor-element.elementor-element-1f300a3{--width:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-63 .elementor-element.elementor-element-c23a819{--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;width:auto;max-width:auto;z-index:10;--n-menu-toggle-icon-size:29px;}}@media(min-width:768px){.elementor-63 .elementor-element.elementor-element-468ea19{--content-width:100%;}.elementor-63 .elementor-element.elementor-element-3ef65eec{--width:1140px;}.elementor-63 .elementor-element.elementor-element-12804627{--content-width:500px;}.elementor-63 .elementor-element.elementor-element-96c7f7e{--width:82%;}.elementor-63 .elementor-element.elementor-element-1a00516{--content-width:500px;}.elementor-63 .elementor-element.elementor-element-1f300a3{--width:82%;}}@media(max-width:1024px) and (min-width:768px){.elementor-63 .elementor-element.elementor-element-96c7f7e{--width:85%;}.elementor-63 .elementor-element.elementor-element-1f300a3{--width:85%;}}/* Start custom CSS for container, class: .elementor-element-3ef65eec *//* ==================================================
   QUARTERHOUSE – DESKTOP HEADER
   Custom CSS von "Header-Desktop"
   ================================================== */


/* ==================================================
   GRUNDLAYOUT
   ================================================== */

.elementor-63 .elementor-element.elementor-element-3ef65eec {
    width: 100%;
    max-width: 100%;
    padding-block: 10px;

    transition:
        padding 0.35s cubic-bezier(.22, 1, .36, 1);
}

.elementor-63 .elementor-element.elementor-element-3ef65eec > .e-con-inner {
    width: 100%;
    max-width: 100%;
}


/* ==================================================
   EIGENTLICHE HEADER-ZEILE
   Container ID: 6cf1e6e
   ================================================== */

.elementor-63 .elementor-element.elementor-element-3ef65eec [data-id="6cf1e6e"] {
    min-height: 96px;

    position: relative;
    isolation: isolate;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start !important;
    gap: 0;

    /* Elementor-Hintergrund hier bewusst ausschalten.
       Der eigentliche Hintergrund liegt auf ::before. */
    background: transparent !important;

    transition:
        min-height 0.35s cubic-bezier(.22, 1, .36, 1),
        box-shadow 0.35s ease,
        backdrop-filter 0.35s ease;
}


/* ==================================================
   HINTERGRUND-EBENE

   Großer Header:
   - bis A px vollständig transparent
   - von A bis B px weicher Übergang
   - danach Quarterhouse-Petrol mit 60 % Deckkraft
   ================================================== */

.elementor-63 .elementor-element.elementor-element-3ef65eec [data-id="6cf1e6e"]::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 0;
    pointer-events: none;

    border-radius: inherit;

    background: linear-gradient(
        to right,
        rgba(42, 80, 87, 0.00) 0px,
        rgba(42, 80, 87, 0.00) 80px,
        rgba(42, 80, 87, 0.60) 360px,
        rgba(42, 80, 87, 0.60) 100%
    );
}


/* Header-Inhalte über die Hintergrundebene legen */

.elementor-63 .elementor-element.elementor-element-3ef65eec [data-id="6cf1e6e"] > * {
    position: relative;
    z-index: 1;
}


/* ==================================================
   LOGO-BEREICH
   ================================================== */

.elementor-63 .elementor-element.elementor-element-3ef65eec [data-id="d9dd8e3"] {
    --width: auto !important;

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

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


.elementor-63 .elementor-element.elementor-element-3ef65eec [data-id="12804627"] {
    --width: auto !important;
    --content-width: auto !important;

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

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


.elementor-63 .elementor-element.elementor-element-3ef65eec [data-id="12804627"] > .e-con-inner {
    width: auto !important;
    max-width: none !important;

    display: flex;
    align-items: center;
    justify-content: flex-start;

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


/* Logo-Widget */

.elementor-63 .elementor-element.elementor-element-3ef65eec .elementor-widget-theme-site-logo {
    --width: auto !important;

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

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


/* Logo-Bild */

.elementor-63 .elementor-element.elementor-element-3ef65eec .elementor-widget-theme-site-logo img {
    display: block;

    width: 100px;
    max-width: none;
    height: auto;

    margin: 0;
    padding: 0;

    transition:
        width 0.35s cubic-bezier(.22, 1, .36, 1);
}


/* ==================================================
   QUARTERHOUSE-SCHRIFTZUG
   ================================================== */

.elementor-63 .elementor-element.elementor-element-3ef65eec [data-id="b626b3f"] {
    --width: auto !important;

    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    align-self: center;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    margin-top: 0;
    margin-bottom: 0;
    margin-left: 200px !important;
    margin-right: auto !important;

    transition:
        margin-left 0.35s cubic-bezier(.22, 1, .36, 1);
}


.elementor-63 .elementor-element.elementor-element-3ef65eec [data-id="357970e"] {
    display: block;

    width: auto;
    max-width: none;

    margin: 0;
    padding: 0;

    color: #ffffff !important;
    font-family: "Wix Madefor Text", sans-serif;
    font-size: 45px !important;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.22em;
    white-space: nowrap;
    text-align: left !important;

    transition:
        font-size 0.35s cubic-bezier(.22, 1, .36, 1),
        color 0.35s ease;
}


/* ==================================================
   MENÜ RECHTS
   ================================================== */

.elementor-63 .elementor-element.elementor-element-3ef65eec [data-id="96c7f7e"] {
    --width: auto !important;

    width: max-content !important;
    max-width: none !important;
    flex: 0 0 auto !important;

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


.elementor-63 .elementor-element.elementor-element-3ef65eec [data-id="4b63297"] {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
}


.elementor-63 .elementor-element.elementor-element-3ef65eec [data-id="4b63297"] .e-n-menu {
    width: auto !important;
    max-width: none !important;
}


/* ==================================================
   STICKY-ZUSTAND
   Wird nach dem in Elementor eingestellten
   Effects Offset aktiviert
   ================================================== */

.elementor-63 .elementor-element.elementor-element-3ef65eec.elementor-sticky--effects {
    padding-block: 4px;
}


/* ==================================================
   KOMPAKTER STICKY-HEADER
   ================================================== */

.elementor-63 .elementor-element.elementor-element-3ef65eec.elementor-sticky--effects
[data-id="6cf1e6e"] {
    min-height: 64px !important;

    /* Kein eigener Hintergrund mehr:
       Hintergrund kommt weiterhin über ::before */
    background: transparent !important;

    box-shadow:
        0 8px 28px rgba(30, 41, 59, 0.10);

    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}


/* ==================================================
   STICKY-HINTERGRUND

   Beim kleineren Header verkürzt sich auch
   der transparente Bereich:
   - bis 70 px transparent
   - Übergang bis 260 px
   ================================================== */

.elementor-63 .elementor-element.elementor-element-3ef65eec.elementor-sticky--effects
[data-id="6cf1e6e"]::before {
    background: linear-gradient(
        to right,
        rgba(42, 80, 87, 0.00) 0px,
        rgba(42, 80, 87, 0.00) 70px,
        rgba(42, 80, 87, 0.60) 260px,
        rgba(42, 80, 87, 0.60) 100%
    );
}


/* Kompaktes Logo */

.elementor-63 .elementor-element.elementor-element-3ef65eec.elementor-sticky--effects
.elementor-widget-theme-site-logo img {
    width: 38px !important;
}


/* Kompakter Schriftzug-Container */

.elementor-63 .elementor-element.elementor-element-3ef65eec.elementor-sticky--effects
[data-id="b626b3f"] {
    margin-left: 80px !important;
    margin-right: auto !important;
}


/* Kompakter Schriftzug */

.elementor-63 .elementor-element.elementor-element-3ef65eec.elementor-sticky--effects
[data-id="357970e"] {
    color: #ffffff !important;
    font-size: 24px !important;
}


/* Kompakter Standardbutton */

.elementor-63 .elementor-element.elementor-element-3ef65eec.elementor-sticky--effects
.Standardbutton {
    padding: 10px 18px;
}


/* ==================================================
   TABLET
   Nur relevant, wenn Header-Desktop dort sichtbar ist
   ================================================== */

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

    .elementor-63 .elementor-element.elementor-element-3ef65eec [data-id="b626b3f"] {
        margin-left: 16px !important;
        margin-right: auto !important;
    }

    .elementor-63 .elementor-element.elementor-element-3ef65eec [data-id="357970e"] {
        font-size: 30px !important;
        letter-spacing: 0.16em;
    }

    .elementor-63 .elementor-element.elementor-element-3ef65eec.elementor-sticky--effects
    [data-id="b626b3f"] {
        margin-left: 12px !important;
    }

    .elementor-63 .elementor-element.elementor-element-3ef65eec.elementor-sticky--effects
    [data-id="357970e"] {
        font-size: 24px !important;
    }
}/* End custom CSS */