.elementor-kit-8{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#BCBCBC;--e-global-color-text:#000000;--e-global-color-accent:#013DFF;--e-global-color-6c4bda3:#EEEEEE;--e-global-color-5b8821c:#FF4800;--e-global-typography-primary-font-family:"roc-grotesk";--e-global-typography-primary-font-size:52px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"roc-grotesk";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"helvetica-neue-lt-pro";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"helvetica-neue-lt-pro";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:700;background-color:var( --e-global-color-primary );overscroll-behavior:auto;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-family:"helvetica-neue-lt-pro", Sans-serif;font-size:16px;font-weight:700;color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.blurry-on-scroll {
	transition: backdrop-filter 0.5s ease, background-color 0.5s ease;
	backdrop-filter: none;
	background-color: rgba(255, 255, 255, 0); /* valfritt - för halvtransparent bakgrund */
}
.blurry-active {
	backdrop-filter: blur(5px);
	background-color: rgba(255, 255, 255, 0); /* valfritt - mer tydlig blur-effekt */
}

::selection {
    background: #013dff; 
    color: #fff;
}



#mynav {
    position: absolute;
    top: 0!important;
    right:0!important;
}

#nav-icon {
  width: 26px;
  height: 19px;
  margin-top: -8px;
  margin-right: 10px;
  padding:0!important;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #013dff;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#nav-icon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon span:nth-child(2) {
  top: 8px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon span:nth-child(3) {
  top: 16px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -2px;
  left: 0px;
}
#nav-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 16px;
  left: 0px;
}

.knappunderstrukensvart {
  text-decoration: none;
  position: relative;
  display: inline-block;
}

.knappunderstrukensvart::after {
  content: "";
  position: absolute;
  left: 0; /* Starta från vänster */
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #000000;
  transform: scaleX(0);
  transform-origin: left; /* Väx från vänster till höger */
  transition: transform 0.2s ease;
}

.knappunderstrukensvart:hover::after {
  transform: scaleX(1);
}


.knappunderstrukenbla {
  text-decoration: none;
  position: relative;
  display: inline-block;
}

.knappunderstrukenbla::after {
  content: "";
  position: absolute;
  left: 0; /* Starta från vänster */
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #013dff;
  transform: scaleX(0);
  transform-origin: left; /* Väx från vänster till höger */
  transition: transform 0.2s ease;
}

.knappunderstrukenbla:hover::after {
  transform: scaleX(1);
}


.knappunderstrukenvit {
  text-decoration: none;
  position: relative;
  display: inline-block;
}

.knappunderstrukenvit::after {
  content: "";
  position: absolute;
  left: 0; /* Starta från vänster */
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  transform: scaleX(0);
  transform-origin: left; /* Väx från vänster till höger */
  transition: transform 0.2s ease;
}

.knappunderstrukenvit:hover::after {
  transform: scaleX(1);
}



/* ===== Kolumn 1 ===== */
.huvudbehallare {
  display: flex;
  flex-direction: column; /* stapla vertikalt */
}

.blabehallare,
.vitbehallare {
  min-height: 200px;               
  transition: min-height 0.2s ease;
  overflow: hidden;
}

/* Gör länken till block som fyller hela rutan */
.blabehallare a,
.vitbehallare a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

/* Färger/kontrast */
.blabehallare { background: #013dff; }
.vitbehallare { background: #ffffff; }

/* ===== Hovring som påverkar båda behållarna ===== */
.huvudbehallare:has(.blabehallare:hover) .blabehallare { min-height: 290px; }
.huvudbehallare:has(.blabehallare:hover) .vitbehallare { min-height: 110px; }

.huvudbehallare:has(.vitbehallare:hover) .vitbehallare { min-height: 290px; }
.huvudbehallare:has(.vitbehallare:hover) .blabehallare { min-height: 110px; }

/* ===== Understruken-knappar ===== */
.knappunderstrukenbla,
.knappunderstrukenvit {
  position: relative;
  text-decoration: none;
  display: inline-block;
}

.knappunderstrukenbla::after,
.knappunderstrukenvit::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.2s ease;
}

.knappunderstrukenbla::after { background-color: #013dff; }
.knappunderstrukenvit::after { background-color: #ffffff; }

/* Understrykning även när man hovrar hela behållaren */
.blabehallare:hover .knappunderstrukenvit::after { transform: scaleX(1); }
.vitbehallare:hover .knappunderstrukenbla::after { transform: scaleX(1); }



/* ===== koloumn 2 ===== */
.huvudbehallare2 {
  display: flex;
  flex-direction: column;
}

.blabehallare2,
.vitbehallare2 {
  transition: min-height 0.2s ease;
  overflow: hidden;
}

/* Startlägen */
.blabehallare2 { 
  min-height: 250px; 
  background: #013dff; 
}
.vitbehallare2 { 
  min-height: 150px; 
  background: #ffffff; 
}

/* Gör länkar block så hela rutan blir klickbar */
.blabehallare2 a,
.vitbehallare2 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

/* ===== Hovring som påverkar båda ===== */
.huvudbehallare2:has(.blabehallare2:hover) .blabehallare2 { min-height: 300px; }
.huvudbehallare2:has(.blabehallare2:hover) .vitbehallare2 { min-height: 100px; }

.huvudbehallare2:has(.vitbehallare2:hover) .vitbehallare2 { min-height: 300px; }
.huvudbehallare2:has(.vitbehallare2:hover) .blabehallare2 { min-height: 100px; }

/* ===== Understruken-knappar ===== */
.knappunderstrukenbla,
.knappunderstrukenvit {
  position: relative;
  text-decoration: none;
  display: inline-block;
}

.knappunderstrukenbla::after,
.knappunderstrukenvit::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.2s ease;
}

.knappunderstrukenbla::after { background-color: #013dff; }
.knappunderstrukenvit::after { background-color: #ffffff; }

/* Understrykning även vid hover på hela behållaren */
.blabehallare2:hover .knappunderstrukenvit::after { transform: scaleX(1); }
.vitbehallare2:hover .knappunderstrukenbla::after { transform: scaleX(1); }

/* ===== Kolumn3 ===== */
.huvudbehallare3 {
  display: flex;
  flex-direction: column;
}

.blabehallare3,
.vitbehallare3 {
  transition: min-height 0.2s ease;
  overflow: hidden;
}

/* Startlägen */
.blabehallare3 { 
  min-height: 150px; 
  background: #013dff; 
}
.vitbehallare3 { 
  min-height: 250px; 
  background: #ffffff; 
}

/* Gör länkar block så hela rutan blir klickbar */
.blabehallare3 a,
.vitbehallare3 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

/* ===== Hovring som påverkar båda ===== */
.huvudbehallare3:has(.blabehallare3:hover) .blabehallare3 { min-height: 290px; }
.huvudbehallare3:has(.blabehallare3:hover) .vitbehallare3 { min-height: 110px; }

.huvudbehallare3:has(.vitbehallare3:hover) .vitbehallare3 { min-height: 290px; }
.huvudbehallare3:has(.vitbehallare3:hover) .blabehallare3 { min-height: 110px; }

/* ===== Understruken-knappar (samma som tidigare) ===== */
.knappunderstrukenbla,
.knappunderstrukenvit {
  position: relative;
  text-decoration: none;
  display: inline-block;
}

.knappunderstrukenbla::after,
.knappunderstrukenvit::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.2s ease;
}

.knappunderstrukenbla::after { background-color: #013dff; }
.knappunderstrukenvit::after { background-color: #ffffff; }

/* Understrykning även vid hover på hela behållaren */
.blabehallare3:hover .knappunderstrukenvit::after { transform: scaleX(1); }
.vitbehallare3:hover .knappunderstrukenbla::after { transform: scaleX(1); }

/* ===== Kolumn4 ===== */
.huvudbehallare4 {
  display: flex;
  flex-direction: column;
}

.blabehallare4,
.vitbehallare4 {
  transition: min-height 0.2s ease;
  overflow: hidden;
}

/* Startlägen */
.blabehallare4 { 
  min-height: 200px; 
  background: #013dff; 
}
.vitbehallare4 { 
  min-height: 200px; 
  background: #ffffff; 
}

/* Gör länkar block så hela rutan blir klickbar */
.blabehallare4 a,
.vitbehallare4 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

/* ===== Hovring som påverkar båda ===== */
.huvudbehallare4:has(.blabehallare4:hover) .blabehallare4 { min-height: 324px; }
.huvudbehallare4:has(.blabehallare4:hover) .vitbehallare4 { min-height: 76px; }

.huvudbehallare4:has(.vitbehallare4:hover) .vitbehallare4 { min-height: 324px; }
.huvudbehallare4:has(.vitbehallare4:hover) .blabehallare4 { min-height: 76px; }

/* ===== Understruken-knappar (samma som tidigare) ===== */
.knappunderstrukenbla,
.knappunderstrukenvit {
  position: relative;
  text-decoration: none;
  display: inline-block;
}

.knappunderstrukenbla::after,
.knappunderstrukenvit::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.2s ease;
}

.knappunderstrukenbla::after { background-color: #013dff; }
.knappunderstrukenvit::after { background-color: #ffffff; }

/* Understrykning även vid hover på hela behållaren */
.blabehallare4:hover .knappunderstrukenvit::after { transform: scaleX(1); }
.vitbehallare4:hover .knappunderstrukenbla::after { transform: scaleX(1); }/* End custom CSS */