.elementor-kit-8{--e-global-color-primary:#000001;--e-global-color-secondary:#D1B096;--e-global-color-text:#7E7E7E;--e-global-color-accent:#020202;--e-global-color-d34c2ea:#FFFFFF;--e-global-color-2184a29:#404040;--e-global-color-e26354a:#F4F2F1;--e-global-typography-primary-font-family:"Jost Bold";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Jost Medium";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Jost Regular";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"PlayfairDisplay MediumItalic";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-d34c2ea );color:var( --e-global-color-text );font-family:"Jost Regular", Sans-serif;font-size:16px;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Jost Medium", Sans-serif;font-size:16px;text-transform:uppercase;letter-spacing:2px;color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;padding:16px 36px 16px 36px;}.elementor-kit-8 button:hover,.elementor-kit-8 button:focus,.elementor-kit-8 input[type="button"]:hover,.elementor-kit-8 input[type="button"]:focus,.elementor-kit-8 input[type="submit"]:hover,.elementor-kit-8 input[type="submit"]:focus,.elementor-kit-8 .elementor-button:hover,.elementor-kit-8 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-d34c2ea );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:var( --e-global-color-secondary );}.elementor-kit-8 a:hover{color:var( --e-global-color-primary );}.elementor-kit-8 h1{color:var( --e-global-color-d34c2ea );font-family:"Jost Bold", Sans-serif;font-size:4rem;}.elementor-kit-8 h2{color:var( --e-global-color-accent );font-family:"Jost Medium", Sans-serif;font-size:2.813rem;}.elementor-kit-8 h3{color:var( --e-global-color-accent );font-family:"Jost Medium", Sans-serif;font-size:2.25rem;}.elementor-kit-8 h4{color:var( --e-global-color-accent );font-family:"Jost Medium", Sans-serif;font-size:1.625rem;}.elementor-kit-8 h5{color:var( --e-global-color-accent );font-family:"Jost Medium", Sans-serif;font-size:1.625rem;}.elementor-kit-8 h6{color:var( --e-global-color-accent );font-family:"Jost Medium", Sans-serif;font-size:1.375rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.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);}.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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===================
   Global Utility Classes
=================== */
.padding-0 {
  padding: 0;
}
.section-padding {
  padding: clamp(75px, 10vw, 150px) 10px;
}
.section-padding-bottom {
  padding-bottom: clamp(75px, 10vw, 150px);
}
.padding-top {
  padding-top: 20px;
}
.gap-60 {
  padding-top: clamp(30px, 5vw, 60px);
}
.padding-40 {
  padding: clamp(10px, 5vw, 40px);
}
.padding-x {
  padding: 0 20px;
}

/* ===================
   Header
=================== */
.header {
  padding: 0;
}
.header .left-container {
  padding-left: 45px;
}
.header .right-container {
  padding-right: 10px;
}
.right-container .header-btn{
    position: relative;
}
.right-container .header-btn:before{
    content: "";
        position: absolute;
        left: 0px;
        width: 100%;
        transform: scaleX(0);
        height: 1px;
        bottom: 0px;
        background-color:#000001;
        transform-origin: bottom right;
        transition: color .1s, transform .3s ease-out;
}
.right-container .header-btn:hover:before{
    transform: scaleX(1);
        transform-origin: bottom left;

}

@media (max-width: 768px) {
  .header .left-container {
    padding-left: 10px;
  }
}

/* ===================
   Offcanvas
=================== */
.offcanvas-responsive {
  padding-left: 45px;
}
.offcanvas-icon {
  padding: 10px 45px 0 0;
}
@media (max-width: 768px) {
  .offcanvas-responsive {
    padding-left: 10px;
  }
  .offcanvas-icon {
    padding: 10px 0 0 0;
  }
}

/* ===================
   Footer
=================== */
.footer {
  padding: 0;
}
.footer-grid {
  padding: 80px 0;
}

/* ===================
   Services Section
=================== */
.services-box {
  position: relative;
  padding: 30px;
  transition: all 0.5s ease;
  height: 250px;
  cursor: pointer;
  overflow: hidden;
}
.services-box .services-icon,
.services-box .services-title {
  position: relative;
  transform: translateY(80px);
  transition: all 0.5s ease;
  z-index: 2;
}
.services-box p {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease;
  margin-top: 15px;
}
.card:hover .services-box {
  height: 420px;
}
.card:hover .services-icon,
.card:hover .services-title,
.card:hover p {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 768px) {
  .services-box .services-icon {
    transform: translateY(20px);
  }
  .services-box .services-title {
    transform: translateY(10px);
  }
}
/* ===================
   Gallery Section
=================== */
.slider-container{
    position: relative;
}
.elementor-element .swiper .elementor-swiper-button-prev,
.elementor-element .swiper .elementor-swiper-button-next {
    background-color: white;
    padding: 30px 35px;
  position: absolute;
  top: 30px;
}

.elementor-element .swiper .elementor-swiper-button-prev {
  right: 60px; /* distance from the right side */
  left: auto;
}

.elementor-element .swiper .elementor-swiper-button-next {
  right: 0; /* closer to the edge than the prev button */
  left: auto;
}


/* ===================
   Testimonials Section
=================== */
.testimonials-card {
  padding: 20px 20px 20px 50px;
}

/* ===================
   Swiper Pagination
=================== */
.swiper-pagination-bullet {
  width: 45px !important;
  height: 4px !important;
  border-radius: 2px !important;
  opacity: 1;
  transition: background-color 0.3s, transform 0.3s;
}
.swiper-pagination-bullet-active {
  background-color: #D1B096 !important;
}

/* ===================
   Booking Section
=================== */
.booking-container {
  padding: 50px clamp(10px, 6vw, 60px);
}

/* ===================
   Product Section
=================== */
.product-box {
  position: relative;
  padding: 20px;
  background: #fff;
  overflow: hidden;
  transition: transform 0.3s ease;
}
.product-box:hover {
  transform: translateY(-5px);
}

/* Borders */
.product-box::before,
.product-box::after {
  content: "";
  position: absolute;
  height: 2px;
  background: #D1B096;
  width: 0;
  transition: width 0.4s ease;
}
.product-box::before {
  top: 0;
  left: 0;
}
.product-box::after {
  bottom: 0;
  right: 0;
}
.product-box .border-left,
.product-box .border-right {
  content: "";
  position: absolute;
  width: 2px;
  background: #D1B096;
  height: 0;
  transition: height 0.4s ease;
}
.product-box .border-left {
  top: 0;
  left: 0;
}
.product-box .border-right {
  bottom: 0;
  right: 0;
}
.product-box:hover::before,
.product-box:hover::after {
  width: 100%;
}
.product-box:hover .border-left,
.product-box:hover .border-right {
  height: 100%;
}

/* ===================
   Price List & Forms
=================== */
.elementor-price-list-header {
  margin-bottom: 0px !important;
}
div.wpforms-container-full {
  margin: 0 !important;
}
div.wpforms-container-full button[type=submit] {
  width: 100%;
}
div.wpforms-container-full button[type=submit]:hover {
  background-color: white !important;
}
div.wpforms-container-full input[type=submit]:focus:after,
div.wpforms-container-full button[type=submit]:focus:after,
div.wpforms-container-full .wpforms-page-button:focus:after {
  content: none !important;
}
/* ===================
   Cookie Banner
=================== */
  .cookie-consent-banner {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 2147483645;
    box-sizing: border-box;
    width: 600px;
    background-color: #ffffff;
    display: none;
    padding: 20px 50px 20px 60px;
    box-shadow: 20px 20px 50px 0px rgba(0, 0, 0, 0.19);
	border-radius: 6px;
}


.cookie-consent-banner__inner {     
  max-width: 960px;
  margin: 0 auto;
  padding: 32px 0;
}

.cookie-consent-banner__copy { 
  margin-bottom: 16px;
}

.cookie-consent-banner__actions {}

.cookie-consent-banner__header {
    margin-bottom: 20px;
    font-family: CeraPRO-Bold, sans-serif, arial;
    font-weight: 400;
    font-size: 22px;
    line-height: 24px;
    color: #404040;
}

.cookie-consent-banner__description {
  font-family: "CeraPRO-Regular", sans-serif, arial;
  font-weight: normal;
  color: #404040;
  font-size: 16px;
  line-height: 24px;
}

.cookie-consent-banner__cta {
    box-sizing: border-box;
    display: inline-block;
    min-width: 164px;
    padding: 11px 13px;
    border-radius: 2px;
    background-color: #D1B096;
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    font-family: "CeraPRO-Regular", sans-serif, arial;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.cookie-consent-banner__cta--secondary {
    padding: 9px 13px;
    border: 1px solid #D1B096;
    background-color: transparent;
    color: #D1B096 !important;
}

.cookie-consent-banner__cta:hover {
  background-color: #000001;
}

.cookie-consent-banner__cta--secondary:hover {
  border-color: #000001;
  background-color: transparent;
  color: #000001 !important;
}

.cookie-consent-banner__cta:last-child {
  margin-left: 16px;
}


/* Breakpoint für max 760px */
@media (max-width: 760px) {
    .cookie-consent-banner {
        width: 98%;
        padding: 20px;
        bottom: 0;
        right: 0;
        border-radius: 0;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Jost Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.beauty-center-beltrame.ch/wp-content/uploads/2025/06/Jost-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Jost Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Jost Medium';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.beauty-center-beltrame.ch/wp-content/uploads/2025/06/Jost-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Jost Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.beauty-center-beltrame.ch/wp-content/uploads/2025/06/Jost-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'PlayfairDisplay MediumItalic';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.beauty-center-beltrame.ch/wp-content/uploads/2025/06/PlayfairDisplay-MediumItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */