.elementor-3111 .elementor-element.elementor-element-5da3ca9{--display:flex;--position:absolute;--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:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#F7F7F7;--border-color:#F7F7F7;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:30px;--padding-right:30px;top:0px;--z-index:9999;}.elementor-3111 .elementor-element.elementor-element-5da3ca9:not(.elementor-motion-effects-element-type-background), .elementor-3111 .elementor-element.elementor-element-5da3ca9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}body:not(.rtl) .elementor-3111 .elementor-element.elementor-element-5da3ca9{left:0px;}body.rtl .elementor-3111 .elementor-element.elementor-element-5da3ca9{right:0px;}.elementor-3111 .elementor-element.elementor-element-93564de img{width:120px;}.elementor-3111 .elementor-element.elementor-element-68e1b97{--display:flex;}.elementor-3111 .elementor-element.elementor-element-2232b7a{--display:flex;}.elementor-3111 .elementor-element.elementor-element-1db3b6e{--display:flex;}.elementor-3111 .elementor-element.elementor-element-ee4c36a{--display:flex;}.elementor-3111 .elementor-element.elementor-element-6c58a45{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:20px;--n-menu-toggle-align:center;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:18px;--n-menu-title-font-size:var( --e-global-typography-accent-font-size );--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-3111 .elementor-element.elementor-element-6c58a45 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-3111 .elementor-element.elementor-element-6c58a45 > .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-3111 .elementor-element.elementor-element-6c58a45 > .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 );text-transform:var( --e-global-typography-accent-text-transform );--n-menu-title-line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-3111 .elementor-element.elementor-element-6c58a45 {--n-menu-title-color-hover:var( --e-global-color-accent );--n-menu-title-color-active:var( --e-global-color-accent );}.elementor-3111 .elementor-element.elementor-element-f162baa > .elementor-widget-container{margin:0px 0px -12px 0px;padding:0px 0px 0px 0px;}.elementor-3111 .elementor-element.elementor-element-f162baa{--art-button-alignment:right;}.elementor-3111 .elementor-element.elementor-element-55c5012 > .elementor-widget-container{margin:0px 0px 0px 0px;}.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-3111 .elementor-element.elementor-element-6c58a45{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-3111 .elementor-element.elementor-element-6c58a45 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-3111 .elementor-element.elementor-element-6c58a45 > .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-3111 .elementor-element.elementor-element-6c58a45 > .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{--n-menu-title-line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-3111 .elementor-element.elementor-element-6c58a45{--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-toggle-align:flex-end;--n-menu-title-space-between:0px;--n-menu-title-font-size:var( --e-global-typography-accent-font-size );--n-menu-toggle-icon-distance-from-dropdown:40px;}.elementor-3111 .elementor-element.elementor-element-6c58a45 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-3111 .elementor-element.elementor-element-6c58a45 > .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-3111 .elementor-element.elementor-element-6c58a45 > .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{--n-menu-title-line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-5da3ca9 *//* =========================================
   1. START-ZUSTAND (Transparent & Weiß) 
   ========================================= */

/* Header ist transparent & der Rand unten ist unsichtbar */
.elementor-3111 .elementor-element.elementor-element-5da3ca9 {
    background-color: transparent !important;
    border-color: transparent !important; 
    border-bottom-color: transparent !important; /* Geht auf Nummer sicher für den Strich */
    transition: all 0.4s ease-in-out;
}

/* Neues Elementor-Menü, Telefon-Link & Kontakt-Button werden weiß */
.elementor-3111 .elementor-element.elementor-element-5da3ca9 .e-n-menu-title-text,
.elementor-3111 .elementor-element.elementor-element-5da3ca9 .art-button-link-second,
.elementor-3111 .elementor-element.elementor-element-5da3ca9 .art-button-secondary {
    color: #ffffff !important;
    transition: color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}

/* Falls der Kontakt-Button einen sichtbaren Rahmen (Border) hat, auch diesen weiß machen */
.elementor-3111 .elementor-element.elementor-element-5da3ca9 .art-button-secondary {
    border-color: #ffffff !important; 
}

/* Das weiße Logo (Das hat ja schon geklappt!) */
.elementor-3111 .elementor-element.elementor-element-5da3ca9 .elementor-widget-theme-site-logo img,
.elementor-3111 .elementor-element.elementor-element-5da3ca9 .elementor-widget-image img {
    content: url('https://berlin-premium-re.de/wp-content/uploads/2026/04/logo-premium-real-estate-berlin-weiss.png');
    transition: all 0.4s ease-in-out;
}


/* =========================================
   2. SCROLL-ZUSTAND (Weiß & Originalfarben) 
   ========================================= */

/* Hintergrund wird weiß, Rand unten wird wieder sichtbar (Farbe des Strichs ggf. anpassen) */
.elementor-3111 .elementor-element.elementor-element-5da3ca9.elementor-sticky--effects {
    background-color: #ffffff !important;
    border-color: #e5e5e5 !important; /* Hier die echte Farbe des Strichs eintragen, z.B. ein helles Grau */
    border-bottom-color: #e5e5e5 !important; 
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05); /* Leichter Schatten zur Abhebung */
}

/* Menü, Telefon & Button wieder in den echten Farben (Hier deine Original-Dunkelfarbe eintragen!) */
.elementor-3111 .elementor-element.elementor-element-5da3ca9.elementor-sticky--effects .e-n-menu-title-text,
.elementor-3111 .elementor-element.elementor-element-5da3ca9.elementor-sticky--effects .art-button-link-second,
.elementor-3111 .elementor-element.elementor-element-5da3ca9.elementor-sticky--effects .art-button-secondary {
    color: #001f3f !important; /* <--- WICHTIG: Tausche #001f3f gegen dein echtes dunkles Blau/Schwarz aus */
}

/* Kontakt-Button Rahmen wieder dunkel */
.elementor-3111 .elementor-element.elementor-element-5da3ca9.elementor-sticky--effects .art-button-secondary {
    border-color: #001f3f !important; /* <--- WICHTIG: Auch hier deinen echten Farbcode eintragen */
}

/* Logo wieder normal (farbig/dunkel) */
.elementor-3111 .elementor-element.elementor-element-5da3ca9.elementor-sticky--effects .elementor-widget-theme-site-logo img,
.elementor-3111 .elementor-element.elementor-element-5da3ca9.elementor-sticky--effects .elementor-widget-image img {
    content: normal; 
}/* End custom CSS */