.elementor-263 .elementor-element.elementor-element-1a337c9{--display:flex;--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-263 .elementor-element.elementor-element-54682d4{--display:flex;--overflow:hidden;--overlay-opacity:1;--border-radius:8px 8px 8px 8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-263 .elementor-element.elementor-element-54682d4::before, .elementor-263 .elementor-element.elementor-element-54682d4 > .elementor-background-video-container::before, .elementor-263 .elementor-element.elementor-element-54682d4 > .e-con-inner > .elementor-background-video-container::before, .elementor-263 .elementor-element.elementor-element-54682d4 > .elementor-background-slideshow::before, .elementor-263 .elementor-element.elementor-element-54682d4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-263 .elementor-element.elementor-element-54682d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-theme-post-featured-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-263 .elementor-element.elementor-element-94b4d36 img{width:100%;border-radius:8px 8px 8px 8px;}.elementor-263 .elementor-element.elementor-element-e4c941f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;--z-index:10;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-263 .elementor-element.elementor-element-e58bc8e .elementor-heading-title{font-family:var( --e-global-typography-x42gczy-font-family ), Sans-serif;font-size:var( --e-global-typography-x42gczy-font-size );font-weight:var( --e-global-typography-x42gczy-font-weight );line-height:var( --e-global-typography-x42gczy-line-height );color:var( --e-global-color-xhgh6n3 );}@media(max-width:1024px){.elementor-263 .elementor-element.elementor-element-e58bc8e .elementor-heading-title{font-size:var( --e-global-typography-x42gczy-font-size );line-height:var( --e-global-typography-x42gczy-line-height );}}@media(max-width:767px){.elementor-263 .elementor-element.elementor-element-1a337c9{--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;}.elementor-263 .elementor-element.elementor-element-e58bc8e .elementor-heading-title{font-size:var( --e-global-typography-x42gczy-font-size );line-height:var( --e-global-typography-x42gczy-line-height );}}/* Start custom CSS for container, class: .elementor-element-54682d4 */.elementor-element:before {
    /*z-index: 0;*/
    /*transition: all 300ms ease-in-out;*/
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a337c9 *//*.elementor-263 .elementor-element.elementor-element-1a337c9:hover > .e-con-inner > .elementor-element:first-of-type::before {*/
/*    z-index: 1;*/
/*}*/

/* ===== Løsninger Card – Hover Overlay ===== */
.losninger-card {
  cursor: pointer;
}

/* Make the image container the positioning context */
.losninger-card .card-image,
.losninger-card .elementor-widget-image {
  position: relative;
  overflow: hidden;
}

/* The actual image */
.losninger-card .card-image img,
.losninger-card .elementor-widget-image img {
  display: block;
  width: 100%;
  transition: transform 150ms ease-in-out;
}

/* Overlay using ::after (no extra HTML needed) */
.losninger-card .card-image::after,
.losninger-card .elementor-widget-image .elementor-widget-container::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #20879733;   /* ← change color/opacity here */
  opacity: 0;
  transition: opacity 150ms ease-in-out;
  pointer-events: none;
  z-index: 1;
}

/* ===== Hover state (matches your Figma) ===== */
.losninger-card:hover .card-image::after,
.losninger-card:hover .elementor-widget-image .elementor-widget-container::after {
  opacity: 1;
}

/* Optional: subtle zoom on the image */
.losninger-card:hover .card-image img,
.losninger-card:hover .elementor-widget-image img {
  transform: scale(1.05);
}


.elementor-263 .elementor-element.elementor-element-1a337c9 .losninger-katalog {
	background: #C2FAFF;
	padding: 14px 16px;
	display: inline-block;
	color: #208797;
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	display: none;
}

.single-losninger .elementor-263 .elementor-element.elementor-element-1a337c9 .losninger-katalog {
    display: inline-block;
}/* End custom CSS */