.elementor-kit-6{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#E65096;--e-global-color-8560e33:#FFFFFF;--e-global-color-e66a9b9:#000000;--e-global-color-0dcb710:#1952A8;--e-global-color-13f888d:#541297;--e-global-color-a04845e:#DD3333;--e-global-color-e3206e9:#73B833;--e-global-color-1469bf9:#F2C100;--e-global-color-974419d:#F77238;--e-global-color-c20995d:#20E5FF;--e-global-color-4ef13d7:#775A30;--e-global-color-efbdbcb:#1E73BE;--e-global-color-1ba8478:#F1F1F1;--e-global-color-6237760:#AEB0B4;--e-global-color-52aa73e:#000000C2;--e-global-color-c52c12d:#FFFFFF75;--e-global-color-84bb110:#FFFFFFC7;--e-global-color-9115c8d:#00000075;--e-global-color-6f00561:#999999C7;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-secondary );color:var( --e-global-color-secondary );font-family:"Roboto", Sans-serif;font-size:17px;line-height:21px;overscroll-behavior:auto;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-accent );color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:10px 10px 10px 10px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D00;}.elementor-kit-6 a{color:#F3F3F3;font-weight:400;text-transform:capitalize;font-style:normal;}.elementor-kit-6 a:hover{font-weight:600;font-style:normal;text-decoration:none;}.elementor-kit-6 h1{color:var( --e-global-color-8560e33 );font-family:"Big Shoulders Text", Sans-serif;font-size:75px;font-weight:700;text-transform:uppercase;line-height:80px;}.elementor-kit-6 h2{color:var( --e-global-color-8560e33 );font-family:"Big Shoulders Text", Sans-serif;font-size:45px;font-weight:700;text-transform:uppercase;text-decoration:none;line-height:47px;}.elementor-kit-6 h3{color:var( --e-global-color-8560e33 );font-family:"Big Shoulders Text", Sans-serif;font-size:28px;font-weight:600;text-transform:uppercase;line-height:30px;letter-spacing:1px;}.elementor-kit-6 h4{color:var( --e-global-color-primary );font-family:"Big Shoulders Text", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;line-height:24px;}.elementor-kit-6 h5{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:400;line-height:28px;}.elementor-kit-6 h6{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;line-height:20px;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-size:17px;line-height:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:20px;--container-default-padding-right:00px;--container-default-padding-bottom:020px;--container-default-padding-left:00px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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-6{font-size:17px;line-height:21px;}.elementor-kit-6 h1{font-size:60px;line-height:64px;}.elementor-kit-6 h2{font-size:36px;line-height:39px;letter-spacing:0.5px;}.elementor-kit-6 h3{font-size:24px;line-height:26px;}.elementor-kit-6 h4{font-size:17px;}.elementor-kit-6 h5{font-size:19px;line-height:25px;}.elementor-kit-6 h6{font-size:17px;line-height:21px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Pink:#FF77DC; --White:#ffffff; --Lodging:#DD3333; --Drink:#F77238; --Play:#F2C100; --More:#84D33B; --Events:#8224E3; --Guide:#1952A8; }
/* Start custom CSS *//* Header opt */

html, body{ overflow-x: clip; }

.qb-veil{
  --qb-extra: 10px;          /* Abstand unter der gemessenen Headerkante */
  pointer-events: none;
  clip-path: inset(0 0 calc(100% - (var(--qb-hl, 90px) + var(--qb-extra))) 0);
}

  @media (max-width:767px){ .qb-veil{ --qb-fade: 50px; } }

  // .qb-bg ragt 80px ueber den Viewport hinaus. iOS Safari rechnet das in den
  // horizontalen Overflow ein -> Seite laesst sich seitlich schieben.
  // "clip" statt "hidden": hidden wuerde einen Scroll-Container erzeugen und
  // saemtliche position:sticky-Elemente (u.a. den Header) ausser Kraft setzen.
  html, body{ overflow-x: clip; }

  .qb-bg{
    --qb-over: 80px;
    top:    calc(var(--qb-over) * -1) !important;
    left:   calc(var(--qb-over) * -1) !important;
    width:  calc(100vw + var(--qb-over) * 2) !important;
    height: calc(100vh + var(--qb-over) * 2) !important;
    max-width:  none !important;
    max-height: none !important;
    filter: blur(var(--qb-blur, 0px)) !important;
  }



/* Location-Header: Icon und Logo immer in einer Zeile */
.elementor-element-860d8d8{ flex-wrap: nowrap !important; }
.elementor-element-860d8d8 > .elementor-element{ min-width: 0 !important; }

/* liquid glass */

/* Background liquid glass */

.liquid-glass {
    background: rgba(20, 20, 20, 0.28);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    backdrop-filter: blur(16px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 18px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.30),
                inset 0 1px 1px rgba(255,255,255,0.35),
                inset 0 -1px 1px rgba(0,0,0,0.25);
}

/*button-Farbe pink */

.bsui .btn-primary {
   
    --bs-btn-bg: #E65096 !important;
    --bs-btn-border-color: #E65096 !important;
    --bs-btn-disabled-bg: #E65096 !important;
    --bs-btn-disabled-border-color: #E65096 !important;
}

/* Korrektur für h3 */

h3.gd-cptcat-cat-right.text-truncate.text-white.mb-0.fw-normal.h5.text-uppercase {
    font-family: "Big Shoulders Text"!important;
    font-size: 28px!important;
    font-weight: 600!important;
    letter-spacing: 1px!important;
}


/* Koorektur für Geodir Items */

/* BLACK Desktop */

.p-man {
    font-weight: 400 !important;
    font-size: 17px;
    line-height: 21px;
    color: #000 !important;
}

.p-man a {
    font-weight: 400 !important;
    font-size: 17px;
    line-height: 21px;
    color: #000 !important;
}


.h2-man a {
    font-family: "Big Shoulders Text";
    font-weight: 700 !important;
    font-size: 45px !important;
    line-height: 47px !important;
    color: #000 !important;
}

.h2-man a:hover {
    font-family: "Big Shoulders Text";
    font-weight: 700 !important;
    font-size: 45px !important;
    line-height: 47px !important;
    text-decoration: none!important;
    color: #000 !important;
}

.h3-man {
    font-family: "Big Shoulders Text" !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 30px;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #000 !important;
}

.h3-man a {
    font-family: "Big Shoulders Text" !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 30px;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #000 !important;
}

.h3-man a:hover {
    font-family: "Big Shoulders Text" !important;
    font-weight: 600 !important;
    font-size: 28px !important;
    line-height: 30px;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none!important;
    color: #000 !important;
}

.h4-man a {
    font-family: "Big Shoulders Text";
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 22px !important;
    color: #000 !important;
}

.h4-man a:hover {
    font-family: "Big Shoulders Text";
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 22px !important;
    text-decoration: none !important;
    color: #000 !important;
}

.h5-man {
    font-weight: 400 !important;
    font-size: 23px !important;
    line-height: 28px !important;
    color: #000 !important;
}

.h5-man a {
    font-weight: 400 !important;
    font-size: 23px !important;
    line-height: 28px !important;
    color: #000 !important;
}

.h6-man {
    font-weight: 700 !important;
    font-size: 17px !important;
    line-height: 21px !important;
    color: #000 !important;
}

/* Desktop White */

.p-man-wht {
    font-weight: 400 !important;
    font-size: 17px;
    line-height: 21px;
    color: #fff !important;
}

.h1-man-wht {
    font-family: "Big Shoulders Text" !important;
    font-weight: 700 !important;
    font-size: 75px !important;
    line-height: 80px !important;
    color: #fff !important;
    text-transform: uppercase;
    text-shadow: 10px 10px 30px #585858;
}

.h2-man-wht {
    font-family: "Big Shoulders Text";
    font-weight: 700 !important;
    font-size: 45px !important;
    line-height: 47px !important;
    color: #fff !important;
    text-transform: uppercase;
     text-shadow: 10px 10px 30px #585858;
}

.h2-man-wht a {
    font-family: "Big Shoulders Text";
    font-weight: 700 !important;
    font-size: 45px !important;
    line-height: 47px !important;
    color: #fff !important;
    text-transform: uppercase;
     text-shadow: 10px 10px 30px #585858;
}

.h2-man-wht a:hover {
    font-family: "Big Shoulders Text";
    font-weight: 700 !important;
    font-size: 45px !important;
    line-height: 47px !important;
    text-decoration: none!important;
    text-transform: uppercase;
    color: #fff !important;
}

.h3-man-wht {
    font-family: "Big Shoulders Text" !important;
    font-weight: 600 !important;
    font-size: 28px !important;
    line-height: 30px !important;
    color: #fff !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
     text-shadow: 10px 10px 30px #585858;
}

.h3-man-wht a {
    font-family: "Big Shoulders Text" !important;
    font-weight: 600 !important;
    font-size: 28px !important;
    line-height: 30px !important;
    color: #fff !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.h4-man-wht {
    font-family: "Big Shoulders Text";
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 22px !important;
    text-transform: uppercase;
    color: #fff !important;
}

.h4-man-wht a {
    font-family: "Big Shoulders Text";
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 22px !important;
    text-transform: uppercase;
    color: #fff !important;
}

.h4-man-wht a:hover {
    font-family: "Big Shoulders Text";
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 22px !important;
    text-decoration: none!important;
    text-transform: uppercase;
    color: #fff !important;
     text-shadow: 10px 10px 30px #585858;
}

.h5-man-wht {
    font-weight: 400 !important;
    font-size: 23px !important;
    line-height: 28px !important;
    color: #fff !important;
}

.h5-man-wht a {
    font-weight: 400 !important;
    font-size: 23px !important;
    line-height: 28px !important;
    color: #fff !important;
}

.h6-man-wht {
    font-weight: 700 !important;
    font-size:17px !important;
    line-height: 21px !important;
    color: #fff !important;
}


/* MOBILE (max-width: 767px) – steht NACH den Desktop-Regeln, damit es gewinnt */

@media (max-width: 767px) {

    h3.gd-cptcat-cat-right.text-truncate.text-white.mb-0.fw-normal.h5.text-uppercase {
        font-size: 20px !important;
        letter-spacing: 0.5px !important;
    }

    /* Black */

    .h2-man a {
        font-family: "Big Shoulders Text";
        font-weight: 700 !important;
        font-size: 36px !important;
        line-height: 39px !important;
        color: #000 !important;
    }

    .h2-man a:hover {
        font-family: "Big Shoulders Text";
        font-weight: 700 !important;
        font-size: 36px !important;
        line-height: 39px !important;
        text-decoration: none!important;
        color: #000 !important;
    }

    .h3-man a {
        font-family: "Big Shoulders Text" !important;
        font-weight: 600 !important;
        font-size: 24px !important;
        line-height: 26px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        color: #000 !important;
    }

    .h3-man a:hover {
        font-family: "Big Shoulders Text" !important;
        font-size: 24px !important;
        line-height: 26px;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        text-decoration: none!important;
        color: #000 !important;
    }

    .h4-man a {
        font-family: "Big Shoulders Text";
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 20px !important;
        color: #000 !important;
    }

    .h4-man a:hover {
        font-family: "Big Shoulders Text";
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 20px !important;
        text-decoration: none!important;
        color: #000 !important;
    }

    .h5-man {
        font-weight: 400 !important;
        font-size: 19px !important;
        line-height: 25px !important;
        color: #000 !important;
    }

    .h5-man a {
        font-weight: 400 !important;
        font-size: 19px !important;
        line-height: 25px !important;
        color: #000 !important;
    }

    /* White */
 .h2-man-wht {
        font-family: "Big Shoulders Text";
        font-weight: 700 !important;
        font-size: 36px !important;
        line-height: 39px !important;
        color: #fff !important;
    }

    .h2-man-wht a {
        font-family: "Big Shoulders Text";
        font-weight: 700 !important;
        font-size: 36px !important;
        line-height: 39px !important;
        color: #fff !important;
    }

    .h2-man-wht a:hover {
        font-family: "Big Shoulders Text";
        font-weight: 700 !important;
        font-size: 36px !important;
        line-height: 39px !important;
        text-decoration: none!important;
        color: #fff !important;
    }

    .h3-man-wht a {
        font-family: "Big Shoulders Text" !important;
        font-weight: 600 !important;
        font-size: 24px !important;
        line-height: 26px !important;
        color: #fff !important;
        text-transform: uppercase !important;
        letter-spacing: .5px !important;
    }

    .h3-man-wht a:hover {
        font-family: "Big Shoulders Text" !important;
        font-weight: 600 !important;
        font-size: 24px !important;
        line-height: 26px;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        text-decoration: none!important;
        color: #fff !important;
    }

    .h4-man-wht a {
        font-family: "Big Shoulders Text";
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 20px !important;
        color: #fff !important;
    }

    .h4-man-wht a:hover {
        font-family: "Big Shoulders Text";
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 20px !important;
        text-decoration: none!important;
        color: #fff !important;
    }

    .h5-man-wht {
        font-weight: 400 !important;
        font-size: 19px !important;
        line-height: 22px !important;
        color: #fff !important;
    }

    .h5-man-wht a {
        font-weight: 400 !important;
        font-size: 19px !important;
        line-height: 22px !important;
        color: #fff !important;
    }

}


/* Altes CSS */

.bsui .page-item .page-link {
    background-color: #fff;
    color:#000;
}

.bsui .page-link.active, .active>.bsui .page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color) !important;
    background-color: #E65096 !important;
}

.bsui .page-link:hover {
    background-color: #f1f1f1 !important;
}

.btn.btn-primary.w-100.text-uppercase:hover {
    background-color: gray;
}

.btn.btn-primary.w-100.text-uppercase {
    border-color: #E65096;
    background-color: #E65096;
}

:root {
    --bs-link-color: #FFF;
    --bs-link-hover-color: #FFF;
}

.bsui .btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #E65096;
    --bs-btn-border-color: #E65096;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #E65096;
    --bs-btn-hover-border-color: #4d9ed9;
    --bs-btn-focus-shadow-rgb: 48, 125, 181;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #E65096;
    --bs-btn-active-border-color: #E65096;
    --bs-btn-active-shadow: unset;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #3993d5;
    --bs-btn-disabled-border-color: #3993d5;
}

@media (max-width: 767px) {
    .elementor-grid-mobile-1 .elementor-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 767px) {
    .elementor-grid-tablet-2 .elementor-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 1024px) {
    .elementor-grid-tablet-1 .elementor-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}


/** Map Marker Style **/

h2.geodir-entry-title.h5 a {
    color: #fff;
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background-color: #7A7A7A!important;
    background: #7A7A7A !important;
}
.geodir-bubble-line {
    color: #fff;   
    margin-top: -15px;
}

.leaflet-container a {
    color: #fff !important;
}

.geodir-bubble-meta-side {
    color: #fff;
}

.bsui .leaflet-container a.leaflet-popup-close-button {
    background-color: #000 !important;
}


/** Login-Header **/

.login-as-user-top {
    top: 0 !important;
}

.login-as-user-content {
    padding: 0 !important;
}

.login-as-user-inner {
    background: #ffffff00 !important;
    color: #fff !important;
}/* End custom CSS */