.elementor-kit-9{--e-global-color-primary:#FBFAFA;--e-global-color-secondary:#B09955;--e-global-color-text:#1A1A1A;--e-global-color-accent:#CFCFCF;--e-global-color-6eb5008:#FAFAFA;--e-global-color-573cfb6:#26272B;--e-global-typography-primary-font-family:"Moling Lux Private Spa";--e-global-typography-secondary-font-family:"Moling Lux Private Spa";--e-global-typography-text-font-family:"Figtree";--e-global-typography-accent-font-family:"Figtree";font-family:"Figtree", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:26px;letter-spacing:0px;word-spacing:0px;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 p{margin-block-end:0px;}.elementor-kit-9 a{color:var( --e-global-color-secondary );font-family:"Figtree", Sans-serif;}.elementor-kit-9 a:hover{color:var( --e-global-color-text );}.elementor-kit-9 h1{font-family:"Moling Lux Private Spa", Sans-serif;font-size:95px;font-weight:400;line-height:90px;letter-spacing:2.1px;word-spacing:0px;}.elementor-kit-9 h2{font-family:"Moling Lux Private Spa", Sans-serif;font-size:76px;font-weight:400;line-height:76px;letter-spacing:2.1px;word-spacing:0px;}.elementor-kit-9 h3{font-family:"Moling Lux Private Spa", Sans-serif;font-size:41px;font-weight:400;line-height:50px;}.elementor-kit-9 h4{font-family:"Figtree", Sans-serif;font-size:14px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:16px;letter-spacing:5.7px;word-spacing:0px;}.elementor-kit-9 h5{font-family:"Instrument Serif", Sans-serif;font-size:32px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:35px;letter-spacing:2.1px;word-spacing:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:100px;--container-default-padding-right:60px;--container-default-padding-bottom:100px;--container-default-padding-left:60px;}.elementor-widget:not(:last-child){--kit-widget-spacing:25px;}.elementor-element{--widgets-spacing:25px 25px;--widgets-spacing-row:25px;--widgets-spacing-column:25px;}{}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:1450px){.elementor-kit-9 h1{font-size:80px;line-height:90px;}.elementor-kit-9 h2{font-size:50px;line-height:60px;}.elementor-kit-9 h3{font-size:30px;line-height:40px;}.elementor-kit-9 h5{font-size:20px;line-height:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:80px;--container-default-padding-right:20px;--container-default-padding-bottom:80px;--container-default-padding-left:20px;}}@media(max-width:767px){.elementor-kit-9{font-size:15px;}.elementor-kit-9 h1{font-size:50px;line-height:45px;}.elementor-kit-9 h2{font-size:40px;line-height:40px;}.elementor-kit-9 h3{font-size:30px;line-height:34px;}.elementor-kit-9 h4{font-size:12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:60px;--container-default-padding-right:10px;--container-default-padding-bottom:60px;--container-default-padding-left:10px;}}/* Start custom CSS */.elementor-kit-9 h4 {
    font-family: "Figtree", Sans-serif!important;
    text-transform: uppercase;

}

.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-next svg, .elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-prev svg {
    fill: hsl(0deg 0% 100% / 90%);
    z-index: 1;
}

.glass{
    overflow: hidden;
    padding: 63px 60px 37px;
    background-color: rgba(255, 255, 255, .2);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border: 2px solid white;
}

@media (max-width: 767px) {
    .glass{
    padding: 25px!important;
 
}
    .glass2{
    padding: 25px!important;
 
}
}



.glass2 {
    padding: 20px;
    background-color: rgba(255, 255, 255, .2);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(4px);
    min-height: 260px!important;
    display: flex;
    align-items: center!important;
}

 summary.e-n-accordion-item-title svg#Ebene_2 {
    width: 20px!important;
}

.whiteBG path  {
    fill: white!important;
    width: 20px!important;
}

.BGGold path  {
    fill: #B09955!important;
    width: 200px!important;
}

.BGGold svg#Ebene_2{
    width: 50px!important;
}
.whiteBG svg#Ebene_2 {
    width: 60px!important;
}

.elementor-button, .ButtonGold.elementor-button, #Galerie .elementor-element .swiper .elementor-swiper-button, .elementor-social-icon, .elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-next, .elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-prev, .elementor-post-navigation span.elementor-post-navigation__link__prev, span.elementor-post-navigation__link__next
{
    position: relative;
    color: #ffffff!important;
    border: 2px solid white !important;
    transition: all 0.5s ease;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 15px 30px !important;
    background: linear-gradient(135deg, #C8B888 0%, #B09955 60%, #9E8A4C 100%)!important;
    overflow: hidden; /* damit das Pseudo-Element nicht übersteht */
    border-radius: 0px !important;
    cursor: pointer!important;
}




/* Hover-Effekt */
.elementor-button:hover, #Galerie .swiper .elementor-swiper-button:hover {
    transform: translateY(-10px)!important; /* bewegt den Button 5px nach oben */
}

#Galerie .elementor-element .swiper .elementor-swiper-button svg{
    fill: hsl(0deg 0% 100% / 90%)!important;
    height: 1em;
    width: 1em;
    z-index: 1!important;
}


i.eicon-chevron-right, i.eicon-chevron-left {
    z-index: 1;
}


.elementor-button::before,
.ButtonGold.elementor-button::before,
#Galerie .elementor-element .swiper .elementor-swiper-button::before,
.elementor-social-icon::before,
.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-next::before,
.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-prev::before, span.elementor-post-navigation__link__prev::before,  span.elementor-post-navigation__link__next::before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%!important;
    height: 120%;
  background-image: url("http://lux-privatespa.ch/wp-content/uploads/2025/10/gold-7_ergebnis.webp")!important;
  background-size: 280px!important;
    background-size: cover!important;
    background-position: left;
    opacity: 0.3; /* hier stellst du die Transparenz ein */
    z-index: 0;
}


.ButtonGold .elementor-button::before{
      background-image: none!important;
    
}
.elementor-button * {
    position: relative; /* damit Text über dem Bild liegt */
    z-index: 1;
}

.elementor-button span  {
      font-weight: 400;
    font-size: 14px!important;
          font-family: "Figtree", Sans-serif!important;
}



/* Link innerhalb des Listenelements relativ machen */
.lineHover  li.elementor-icon-list-item > a, span.e-n-menu-title-text{
    position: relative;
    display: inline-block; /* wichtig für Breite */
    padding-bottom: 5px;
}

.elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon{
    padding-bottom: 5px!important;
}
/* Linie als After */
.lineHover  li.elementor-icon-list-item > a::after, span.e-n-menu-title-text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px; /* Linienstärke */
    background-color: black; /* Farbe */
    transform: scaleX(0); /* Linie unsichtbar starten */
    transform-origin: left center; /* Skalierung von links nach rechts */
    transition: transform 0.3s ease;
    pointer-events: none; /* Hover nicht blockieren */
}

.lineHover.white  li.elementor-icon-list-item > a::after {
    
    background-color: white;
}


/* Hover-Effekt */
.lineHover  li.elementor-icon-list-item > a:hover::after, span.e-n-menu-title-text:hover::after {
    transform: scaleX(1); /* Linie auf volle Breite */
}

 .elementor-lightbox .swiper .elementor-swiper-button, .elementor-lightbox .swiper~.elementor-swiper-button {
    color: white!important;
background: none!important; 
    padding: 20px;
    border-radius: 0;
   border: none!important;

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Moling Lux Private Spa';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.lux-privatespa.ch/wp-content/uploads/2025/10/Moling.ttf') format('truetype');
}
/* End Custom Fonts CSS */