.elementor-93 .elementor-element.elementor-element-cead5df{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;top:0px;}body:not(.rtl) .elementor-93 .elementor-element.elementor-element-cead5df{left:0px;}body.rtl .elementor-93 .elementor-element.elementor-element-cead5df{right:0px;}.elementor-93 .elementor-element.elementor-element-64757ea{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:02px 0px;--row-gap:02px;--column-gap:0px;--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-93 .elementor-element.elementor-element-1c20885{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:02px 0px;--row-gap:02px;--column-gap:0px;--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-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-93 .elementor-element.elementor-element-64757ea{--width:50%;}.elementor-93 .elementor-element.elementor-element-1c20885{--width:50%;}}@media(max-width:1024px){.elementor-93 .elementor-element.elementor-element-cead5df{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-93 .elementor-element.elementor-element-cead5df{--padding-top:8px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-93 .elementor-element.elementor-element-64757ea{--width:30%;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-93 .elementor-element.elementor-element-1c20885{--width:70%;--justify-content:flex-end;}}/* Start custom CSS for container, class: .elementor-element-64757ea *//* Detta är själva länken/knappen. Den fungerar som en "ram". */
.hover-reveal-link {
  display: inline-block;
  position: relative; 
  overflow: hidden;
  
  /* --- STILAR FÖR DATOR --- */
  color: #FCFAF9;
  text-decoration: none;
  font-family: "Neue Haas Grotesk Display Pro", sans-serif; /* Familjen från dina bilder */
  font-size: 20px;
  line-height: 26px; /* Radhöjd i pixlar */
  letter-spacing: 0.2px;
  font-weight: 500; /* Motsvarar "Normal" */
  transition: color 0.4s ease;
}

/* Tvingar färgen att vara densamma vid hover */
.hover-reveal-link:hover {
  color: #FCFAF9;
}

/* Den ursprungliga texten du skriver i HTML-koden */
.hover-reveal-link span {
  display: block;
  transition: transform 0.4s cubic-bezier(0.76, 0, 0.24, 1);
}

/* Dubbletten av texten som skapas av CSS. */
.hover-reveal-link::after {
  content: attr(data-text); 
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.4s cubic-bezier(0.76, 0, 0.24, 1);
}

/* När vi hovrar över länken... */
.hover-reveal-link:hover span {
  transform: translateY(-100%);
}

.hover-reveal-link:hover::after {
  transform: translateY(-100%);
}


/* === RESPONSIVA STILAR FÖR LÄSPLATTA OCH MOBIL === */
/* Denna regel gäller för skärmar som är 1024px breda eller smalare */
@media (max-width: 1024px) {
  .hover-reveal-link {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c20885 *//* Detta är själva länken/knappen. Den fungerar som en "ram". */
.hover-reveal-link {
  display: inline-block;
  position: relative; 
  overflow: hidden;
  
  /* --- STILAR FÖR DATOR --- */
  color: #FCFAF9;
  text-decoration: none;
  font-family: "Neue Haas Grotesk Display Pro", sans-serif; /* Familjen från dina bilder */
  font-size: 20px;
  line-height: 26px; /* Radhöjd i pixlar */
  letter-spacing: 0.2px;
  font-weight: 500; /* Motsvarar "Normal" */
  transition: color 0.4s ease;
}

/* Tvingar färgen att vara densamma vid hover */
.hover-reveal-link:hover {
  color: #FCFAF9;
}

/* Den ursprungliga texten du skriver i HTML-koden */
.hover-reveal-link span {
  display: block;
  transition: transform 0.4s cubic-bezier(0.76, 0, 0.24, 1);
}

/* Dubbletten av texten som skapas av CSS. */
.hover-reveal-link::after {
  content: attr(data-text); 
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.4s cubic-bezier(0.76, 0, 0.24, 1);
}

/* När vi hovrar över länken... */
.hover-reveal-link:hover span {
  transform: translateY(-100%);
}

.hover-reveal-link:hover::after {
  transform: translateY(-100%);
}


/* === RESPONSIVA STILAR FÖR LÄSPLATTA OCH MOBIL === */
/* Denna regel gäller för skärmar som är 1024px breda eller smalare */
@media (max-width: 1024px) {
  .hover-reveal-link {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cead5df *//* DESKTOP - Justera språkknappar */
.elementor-element-3fb251e {
  z-index: 10000 !important;
}

/* DESKTOP - Centrera logotypen */
.elementor-element-bd9c9ab {
  z-index: 9999 !important;
}

/* MOBILANPASSNING - under 767px */
@media (max-width: 767px) {
  
  /* Justera språkknappar till högerkant på mobil */
  .elementor-element-3fb251e {
    z-index: 10000 !important;
  }

  

  /* Säkerställ att "Menu"-knappen ligger korrekt */
  .burger {
    background: none !important;
  }

  /* Döljer språkknapparnas dropdown-ikon om det finns någon */
  .elementor-element-3fb251e .elementor-nav-menu--dropdown {
    display: none !important;
  }
}


/* Overlay styling */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #030506 !important;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  will-change: transform;
  z-index: 9998 !important;
}

/* Säkerställ rätt blend-mode för header */
.your-class {
  mix-blend-mode: difference;
  transition: mix-blend-mode 0s ease;
}

.your-class.no-blend {
  mix-blend-mode: normal !important;
}

/* Säkerställ att menyknapparna alltid är ovanpå overlay */
.toggle-btn, .burger, .menu, .submit-interest, .elementor-widget-wp-widget-weglot_switcher {
  position: relative;
  z-index: 9999 !important;
}/* End custom CSS */