.elementor-552 .elementor-element.elementor-element-b9df3ef{--display:flex;--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-552 .elementor-element.elementor-element-e846fee{--display:flex;}.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-552 .elementor-element.elementor-element-113ec04{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS *//* ============================================================
   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 */