.elementor-kit-541{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-9ec1990:#14174B;--e-global-color-5cf2a89:#263B50;--e-global-color-d09dc04:#FAF2F2;--e-global-color-7831c1c:#4F737A;--e-global-color-cffaa52:#F1F5F5;--e-global-color-8b50292:#3C8DA2;--e-global-color-519ed49:#84AF5E;--e-global-color-91b8763:#A73737;--e-global-color-a26ce51:#C5AD31;--e-global-color-0ce81fd:#F4F9F3;--e-global-color-ff8b9bc:#F4F9F3;--e-global-color-fbfed9a:#111111;--e-global-color-aeef5c4:#F5F9F2;--e-global-color-fd23aa7:#F1F5F5;--e-global-typography-primary-font-family:"Roboto Slab";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto Slab";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto Slab";--e-global-typography-accent-font-weight:500;--e-global-typography-235bdd7-font-family:"Open Sans";--e-global-typography-235bdd7-font-size:60px;--e-global-typography-235bdd7-font-weight:700;--e-global-typography-54aa7c5-font-family:"Roboto Slab";--e-global-typography-54aa7c5-font-size:16px;--e-global-typography-54aa7c5-font-weight:400;--e-global-typography-54aa7c5-line-height:20px;--e-global-typography-83089d1-font-family:"Open Sans";--e-global-typography-83089d1-font-size:16px;--e-global-typography-83089d1-font-weight:800;--e-global-typography-3412ba7-font-family:"Open Sans";--e-global-typography-3412ba7-font-size:42px;--e-global-typography-3412ba7-font-weight:800;--e-global-typography-c476168-font-family:"Roboto Slab";--e-global-typography-c476168-font-size:16px;--e-global-typography-c476168-font-weight:500;--e-global-typography-e3d969c-font-family:"Roboto Slab";--e-global-typography-e3d969c-font-size:16px;--e-global-typography-e3d969c-font-weight:800;--e-global-typography-34bed76-font-family:"Open Sans";--e-global-typography-34bed76-font-size:72px;--e-global-typography-34bed76-font-weight:800;--e-global-typography-34bed76-line-height:75px;color:#111111;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-541 e-page-transition{background-color:#FFBC7D;}.elementor-kit-541 h1{font-family:"Urbanist", Sans-serif;font-size:73px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-541{--e-global-typography-34bed76-font-size:42px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ====================================
   FacetWP Filter - Rundumblick Page Styls
   Add class "rundumblick-facetwp-filter" to your container
   ==================================== */


/* IMPORTANT: Add class "rundumblick-facetwp-filter" to your Elementor container */
/* In Elementor: Select Container > CSS-Klassen > Enter: rundumblick-facetwp-filter */

/* Filter Container - Only applies inside .rundumblick-facetwp-filter */
.rundumblick-facetwp-filter .facetwp-template {
    display: flex;
    flex-wrap: nowrap;
    gap: 80px;
    border-bottom: 2px solid #537380;
    border-top: 2px solid #537380;
    padding: 0px 0;
    align-items: center;
    background: transparent;
}

/* Remove default margins that might affect spacing */
.rundumblick-facetwp-filter .facetwp-template > * {
    margin: 0 !important;
}

/* Remove all default FacetWP margins */
.rundumblick-facetwp-filter .facetwp-facet {
    margin: 0 !important;
    padding: 20px,20px,20px,20px !important;
    background: none !important;
    border: none !important;
    flex-shrink: 0;
}

/* Icon/Filter Toggle (if you have one) */
.rundumblick-facetwp-filter .facetwp-facet.filter-icon,
.rundumblick-facetwp-filter .filter-icon {
    width: 26px;
    height: 26px;
    cursor: pointer;
    flex-shrink: 0;
}

.rundumblick-facetwp-filter .filter-icon img {
    width: 100%;
    height: auto;
    display: block;
    filter: brightness(0) saturate(100%) invert(34%) sepia(9%) saturate(1194%) hue-rotate(147deg) brightness(92%) contrast(92%);
}

/* Dropdown Styling */
.rundumblick-facetwp-filter .facetwp-type-dropdown {
    display: flex;
    flex-direction: column;
    font-family: 'Urbanist', sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #11233b;
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
}

.rundumblick-facetwp-filter .facetwp-type-dropdown .facetwp-dropdown {
    font-family: 'Urbanist', sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #11233b;
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 5px 20px 5px 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    outline: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    width: auto;
    min-width: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath fill='%2311233b' d='M0 0l4 4 4-4z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 8px 6px;
}

.rundumblick-facetwp-filter .facetwp-type-dropdown .facetwp-dropdown:hover {
    color: #537380;
}

/* Remove default select styling */
.rundumblick-facetwp-filter .facetwp-type-dropdown .facetwp-dropdown::-ms-expand {
    display: none;
}

/* Slider Container */
.rundumblick-facetwp-filter .facetwp-type-slider {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    min-width: 300px;
    max-width: 450px;
}

/* HEXAGONAL SLIDER HANDLES - Exact Match */
.rundumblick-facetwp-filter .facetwp-type-slider .noUi-handle {
    width: 16px;
    height: 16px;
    border-radius: 0;
    background: #537380;
    border: none;
    box-shadow: none;
    cursor: pointer;
    top: -5px;
    outline: none;
    /* Hexagon shape */
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    position: absolute;
}

/* Add "UMKREIS" label before slider */
.rundumblick-facetwp-filter .facetwp-type-slider::before {
    content: "UMKREIS";
    font-family: 'Urbanist', sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #11233b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Slider Label - Use for displaying range values */
.rundumblick-facetwp-filter .facetwp-type-slider .facetwp-slider-label {
    font-family: 'Urbanist', sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #11233b;
    white-space: nowrap;
    flex-shrink: 0;
    order: 3;
}

/* Slider wrapper to hold track */
.rundumblick-facetwp-filter .facetwp-type-slider .facetwp-slider-wrap {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 150px;
    order: 2;
}

/* Slider Track - noUi Slider */
.rundumblick-facetwp-filter .facetwp-type-slider .noUi-target {
    background: #e6f2f7;
    border: none;
    box-shadow: none;
    height: 6px;
    border-radius: 10px;
    flex: 1;
    min-width: 150px;
    position: relative;
    order: 2;
}

.rundumblick-facetwp-filter .facetwp-type-slider .noUi-base {
    height: 6px;
    width: 100%;
}

.rundumblick-facetwp-filter .facetwp-type-slider .noUi-connects {
    border-radius: 10px;
    width: 100%;
}/* End custom CSS */