.elementor-608 .elementor-element.elementor-element-a34add1{--display:flex;--min-height:0px;--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-608 .elementor-element.elementor-element-a34add1.e-con{--align-self:flex-start;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-608 .elementor-element.elementor-element-ab49f02{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-608 .elementor-element.elementor-element-ab49f02 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#111111;}.elementor-608 .elementor-element.elementor-element-82165ba{--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-Wprentals_Advanced_Search .advanced_search_shortcode .shortcode_title_adv{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-608 .elementor-element.elementor-element-8176426{--display:flex;--min-height:100vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-608 .elementor-element.elementor-element-ea7e335{--display:flex;--min-height:100vh;--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;}.elementor-608 .elementor-element.elementor-element-ea7e335.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-Wprentals_Recent_Items_Top_Bar_v1  .nav-tabs>li.wpestate_categories_as_tabs_item>a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-608 .elementor-element.elementor-element-e6d135a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-608 .elementor-element.elementor-element-e6d135a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-608 .elementor-element.elementor-element-e6d135a  .owner_thumb{display:none;}.elementor-608 .elementor-element.elementor-element-e6d135a  .property_unit_action{display:none;}.elementor-608 .elementor-element.elementor-element-e6d135a  .featured_div{display:none;}.elementor-608 .elementor-element.elementor-element-e6d135a  .category_tagline.actions_icon{display:none;}.elementor-608 .elementor-element.elementor-element-c6aad8f{--display:flex;--min-height:0vh;--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;}.elementor-608 .elementor-element.elementor-element-c6aad8f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-608 .elementor-element.elementor-element-ef1e2c8{width:var( --container-widget-width, 106.803% );max-width:106.803%;--container-widget-width:106.803%;--container-widget-flex-grow:0;}.elementor-608 .elementor-element.elementor-element-ef1e2c8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-608 .elementor-element.elementor-element-775c137  .owner_thumb{display:none;}.elementor-608 .elementor-element.elementor-element-775c137  .property_unit_action{display:none;}.elementor-608 .elementor-element.elementor-element-775c137  .featured_div{display:none;}.elementor-608 .elementor-element.elementor-element-775c137  .category_tagline.actions_icon{display:none;}@media(min-width:768px){.elementor-608 .elementor-element.elementor-element-a34add1{--width:100%;}.elementor-608 .elementor-element.elementor-element-ea7e335{--width:60%;}.elementor-608 .elementor-element.elementor-element-c6aad8f{--width:40%;}}/* Start custom CSS for container, class: .elementor-element-a34add1 *//* ============================================================
   SERVICEDAPARTMENT.DE – DYNAMISCHER TITEL PREMIUM (FINAL)
   ============================================================ */

/* Stil nur für Stadt-Archive (Template: Archive Title) */
.elementor-widget-theme-archive-title .elementor-heading-title {
    font-family: "Inter", "Roboto", sans-serif !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    color: #111 !important;

    margin-top: 45px !important;
    margin-bottom: 28px !important;
    position: relative !important;
    padding-bottom: 10px !important;
    line-height: 1.3 !important;
}

/* Unterline Premium */
.elementor-widget-theme-archive-title .elementor-heading-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 4px;
    background: #009fe3; /* ServicedApartment Blau */
    border-radius: 3px;
}

/* ⭐ Prefix vor dem dynamischen Stadt-Namen */
.elementor-widget-theme-archive-title .elementor-heading-title::before {
    content: "Top Serviced Apartments & Hotels in ";
    color: #009fe3;             /* Highlight für Premium Look */
    font-weight: 800;
}

/* ⭐ Der echte dynamische Titel (Berlin, München etc.) */
.elementor-widget-theme-archive-title .elementor-heading-title span,
.elementor-widget-theme-archive-title .elementor-heading-title {
    color: #111 !important;     /* Stadtname bleibt schwarz */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ea7e335 *//* ============================================================
   SERVICEDAPARTMENT.DE – BOOKING.COM LISTING CARD (AKTUALISIERT)
   + CORPORATE GELBES RATING BADGE
   ============================================================ */

/* ============================================================
   HAUPTKARTE
   ============================================================ */
.property_listing {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 26px !important;

    background: #ffffff !important;
    border-radius: 18px !important;
    border: 1px solid #e6e6e6 !important;
    box-shadow: 0 8px 26px rgba(0,0,0,0.05) !important;

    padding: 20px !important;
    margin: 0 auto 32px auto !important;
    width: min(1100px, 92%) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* ============================================================
   BILD
   ============================================================ */
.property_listing .listing-unit-img-wrapper {
    width: 330px !important;
    height: 220px !important;
    flex-shrink: 0 !important;

    border-radius: 16px !important;
    overflow: hidden !important;
}

.property_listing img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* ============================================================
   TEXTBLOCK
   ============================================================ */
.wprentals-card-unit-details-wrapper {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding-top: 5px !important;
}

/* Titel */
.property_listing .listing_title_unit {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 10px !important;
    display: inline-block !important;
}

/* Kategorie-Zeile */
.category_tagline {
    font-size: 15px !important;
    color: #676767 !important;
    margin: 2px 0 12px !important;
    display: block !important;
}

.category_tagline span {
    margin: 0 6px !important;
    color: #999 !important;
}

/* Preis */
.price_unit {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a73e8 !important;
}

.pernight {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #777 !important;
}

/* ============================================================
   RATING BADGE (Corporate Gelb)
   ============================================================ */

/* Ausgangspunkt: WP Rentals erzeugt .property_ratings oder .rating_no */
.property_listing .property_ratings,
.property_listing .rating_no {
    position: absolute !important;
    top: 18px !important;
    right: 20px !important;
    background: #ffffff !important;
    padding: 6px 14px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08) !important;
    z-index: 30 !important;
}

/* Gelber Stern */
.property_listing .property_ratings i,
.property_listing .rating_no i {
    color: #feba02 !important; /* Corporate Gelb */
    font-size: 16px !important;
}

/* Wenn WP Rentals nur Text ausgibt (z. B. "5.0") */
.property_listing .rating_no {
    color: #111 !important;
}

/* ============================================================
   STATUS BADGE (Deaktiviert)
   ============================================================ */
.property_status_wrapper,
.property_status {
    display: none !important;
}

/* ============================================================
   SONSTIGES
   ============================================================ */
.property_listing br {
    display: none !important;
}

/* Hover Effekt */
.property_listing:hover {
    box-shadow: 0 12px 32px rgba(0,0,0,0.10) !important;
    transform: translateY(-2px) !important;
    transition: 0.25s ease !important;
}/* End custom CSS */
/* Start custom CSS for Wprentals_Full_Map, class: .elementor-element-ef1e2c8 *//* ============================================================
   SERVICEDAPARTMENT.DE – AIRBNB CITY MAP (FINAL V8)
   Vollständiger Sticky Fix für Elementor + WP Rentals
   (blockierende Parent-Container, Inline-Height, Z-Index, Overflow)
============================================================ */

/* -----------------------------------------
   0) WICHTIG – Parent Container fixen
   Dieser Eltern-Container MUSS auf deinem rechten Karten-Container liegen!
----------------------------------------- */
.sa-map-parent-fix {
    position: relative !important;
    overflow: visible !important; /* sonst blockiert es sticky! */
    z-index: auto !important;
}

/* -----------------------------------------
   1) Sticky Map Wrapper (rechter Elementor-Container)
----------------------------------------- */
.sa-map-wrapper {
    position: sticky !important;
    top: 340px !important;  
    height: calc(100vh - 340px) !important;
    min-height: calc(100vh - 340px) !important;
    max-height: calc(100vh - 340px) !important;

    display: block !important;
    overflow: hidden !important;

    border-radius: 22px !important;
    box-shadow: 0 12px 35px rgba(0,0,0,0.15) !important;

    z-index: 50 !important; /* MUSS über WP Rentals liegen */
}

/* -----------------------------------------
   2) WP Rentals INLINE HEIGHT Fix
   überschreibt das nervige style="height:550px"
----------------------------------------- */
#gmap_wrapper,
#googleMap {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important;
    border-radius: 22px !important;
}

/* -----------------------------------------
   3) Map-Inneres 100% Höhe
----------------------------------------- */
.sa-map-wrapper .elementor-widget-wrap,
.sa-map-wrapper .elementor-widget,
.sa-map-wrapper iframe,
.sa-map-wrapper #google_map_prop_list,
.sa-map-wrapper .full_map_container,
.sa-map-wrapper .wpestate_full_map {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    border-radius: 22px !important;
    overflow: hidden !important;
}

/* WP Rentals Extra Overrides */
.wpestate_full_map,
.full_map_container,
#google_map_prop_list {
    height: 100% !important;
    min-height: 100% !important;
}

/* -----------------------------------------
   4) Airbnb Preis-Bubbles
----------------------------------------- */
.wpestate_marker,
.price_pin,
.pin,
.marker {
    background: #fff !important;
    color: #111 !important;
    padding: 6px 14px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 18px rgba(0,0,0,0.18) !important;
    transition: 0.2s ease;
}

.wpestate_marker:hover,
.price_pin:hover {
    transform: scale(1.12);
    z-index: 999999 !important;
}

/* -----------------------------------------
   5) Airbnb Zoom Buttons
----------------------------------------- */
.gmnoprint,
.gm-bundled-control,
.gm-svpc {
    border-radius: 14px !important;
    overflow: hidden !important;
}

.gm-control-active,
.gm-control-inactive {
    width: 42px !important;
    height: 42px !important;
    background: #fff !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.15) !important;
    transition: 0.15s ease;
}

.gm-control-active:hover,
.gm-control-inactive:hover {
    background: #f3f3f3 !important;
}

/* -----------------------------------------
   6) Mobile – Karte NICHT Sticky
----------------------------------------- */
@media (max-width: 992px) {
    .sa-map-wrapper {
        position: relative !important;
        top: 0 !important;
        height: 420px !important;
        max-height: 420px !important;
        margin-top: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8176426 *//* ============================================================
   SERVICEDAPARTMENT.DE – HERO + PREMIUM SUCHLEISTE (ZENTRIERT)
   ============================================================ */


/* =============================
   1) HERO-Hintergrund erweitern
   ============================= */
.hero-area {
    position: relative;
    padding-bottom: 180px !important; /* Platz für Suchleiste */
    z-index: 1;
}

.hero-area::before {
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(1000px 600px at 50% 0%, #ffffff 0%, #edf2ff 45%, #e5ebf8 100%);
    z-index:-1;
}


/* ============================================================
   2) ÄUSSEREN WPRENTALS-CONTAINER NEUTRALISIEREN
   ============================================================ */

/* Entfernt weißen Hintergrund + Standard-Padding von WP Rentals */
.advanced_search_shortcode {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 auto !important;

    position: relative;
    margin-top: -120px !important;  /* Suchleiste optisch in Hero hochziehen */
    z-index: 3;
    display: flex;
    justify-content: center;
    width: 100%;
}


/* ============================================================
   3) PREMIUM-SUCHLEISTE ZENTRIEREN & KOMPAKT HALTEN
   ============================================================ */

/* Wrapper exakt zentrieren */
.advanced_search_shortcode .adv-search-3 {
    width: min(1000px, 92vw) !important;
    margin-left: auto !important;
    margin-right: auto !important;

    /* Premium Box */
    background:#ffffff !important;
    padding:22px 28px !important;
    border-radius:22px !important;
    box-shadow:0 18px 60px rgba(0,53,128,0.08) !important;
    border:1px solid #f1f1f1 !important;
}


/* =============================
   4) INPUT-Felder / Premium-UI
   ============================= */
.advanced_search_shortcode .adv-search-3 .row,
.advanced_search_shortcode .adv-search-3 form {
    display:flex !important;
    gap:14px !important;
    align-items:center;
    flex-wrap:nowrap;
}

/* Location */
#search_locationshortcode {
    border:1px solid #e6e6e6 !important;
    border-radius:14px !important;
    height:50px !important;
    padding-left:42px !important;
    flex:1;
    font-size:15px !important;
    color:#111 !important;
}

#search_locationshortcode::placeholder {
    color:#9ca3af !important;
}


/* Kalender */
.calendar_icon .form-control {
    border:1px solid #e6e6e6 !important;
    border-radius:14px !important;
    height:50px !important;
    width:170px !important;
    font-size:15px !important;
    color:#111 !important;
    background:#ffffff !important;
}


/* Icons */
.calendar_icon:before,
.calendar_icon:after {
    color:#009fe3 !important;
}

.map_icon::after {
    color:#009fe3 !important;
}


/* =============================
   5) Suchbutton
   ============================= */
.advanced_search_submit_button {
    background:#feba02 !important;
    padding:0 28px !important;
    height:50px !important;
    border-radius:14px !important;
    color:#111 !important;
    font-weight:600 !important;
    font-size:15px !important;
    border:none !important;
    width:auto !important;
    box-shadow:0 10px 25px rgba(254,186,2,0.35) !important;
}

.advanced_search_submit_button:hover {
    background:#e6a702 !important;
}


/* =============================
   6) Weitere Optionen
   ============================= */
.adv_extended_options_text {
    margin-top:10px !important;
    font-size:13px !important;
    color:#003580 !important;
}/* End custom CSS */