.elementor-8296 .elementor-element.elementor-element-dac5ec4:not(.elementor-motion-effects-element-type-background), .elementor-8296 .elementor-element.elementor-element-dac5ec4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://32320.kunder.info/wp-content/uploads/2026/01/SplitScreenTryggMat_VarmeHus.jpg") 50% 50%;background-size:cover;}.elementor-8296 .elementor-element.elementor-element-dac5ec4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-8296 .elementor-element.elementor-element-dac5ec4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8296 .elementor-element.elementor-element-4a85843 > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-8296 .elementor-element.elementor-element-e614e57 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:20px;}.elementor-8296 .elementor-element.elementor-element-9e5e78d > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-8296 .elementor-element.elementor-element-ad36a19 > .elementor-widget-container:hover{--e-transform-scale:1.1;}.elementor-8296 .elementor-element.elementor-element-85e4080{--spacer-size:100px;}.elementor-8296 .elementor-element.elementor-element-f12d240{--spacer-size:100px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-8296 .elementor-element.elementor-element-dac5ec4{z-index:0;}}@media(max-width:767px){.elementor-8296 .elementor-element.elementor-element-dac5ec4{margin-top:0px;margin-bottom:0px;z-index:0;}}/* Start custom CSS for section, class: .elementor-element-dac5ec4 *//* 1) Seksjonen: bare wrapper for innholdet */
.video-bg-section {
  position: relative;
  overflow: hidden;
  min-height: 100vh;        /* footeren kommer rett under */
  background: none !important;
}

/* 2) Elementor sin video-container: fixed over hele vinduet */
.video-bg-section .elementor-background-video-container {
  position: fixed !important;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  z-index: 0;                /* bak alt annet */
  pointer-events: none;      /* lar menyer og knapper være klikkbare */
}

/* 3) Skaler videoen proporsjonalt så den alltid dekker */
.video-bg-section .elementor-background-video-container video {
  position: absolute;
  top: 50%; left: 50%;
  width: auto; height: auto;
  min-width: 100vw; min-height: 100vh;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

/* 4) Header, seksjons-innhold og footer over videoen */
header,
.video-bg-section .elementor-container,
footer {
  position: relative;
  z-index: 1;
}

/* 5) Om du har dropdown i header: sørg for enda høyere z-index */
header .elementor-nav-menu .elementor-sub-menu {
  position: absolute;
  z-index: 2;
}
/* Legg dette under din eksisterende CSS */

/* 1) Pseudo-overlay på video-containeren */
.video-bg-section .elementor-background-video-container::after {
  content: "";
  position: absolute;
  inset: 0;                    /* top:0; right:0; bottom:0; left:0; */
  background: rgba(0, 0, 0, 0.25);  /* juster siste verdi (0.1–0.5) for mer/mindre mørke */
  pointer-events: none;        /* lar fortsatt all interaksjon gå til innholdet over */
}/* End custom CSS */