.elementor-17 .elementor-element.elementor-element-fd67860d{--display:flex;--min-height:110px;--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;--margin-top:0px;--margin-bottom:-118px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;--z-index:9999;}.elementor-17 .elementor-element.elementor-element-dbbead3{--display:flex;--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;--flex-wrap:nowrap;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:25px;--padding-right:25px;--z-index:9999;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-c0e480df{width:var( --container-widget-width, 100px );max-width:100px;--container-widget-width:100px;--container-widget-flex-grow:0;text-align:start;}.elementor-17 .elementor-element.elementor-element-c0e480df.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-c0e480df img{width:30px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-6a38da0.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-cdd7c97 );}.elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu .elementor-item{font-family:"degular", Sans-serif;text-transform:uppercase;}.elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );padding-left:0px;padding-right:0px;}.elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu--main .elementor-item:hover, .elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-6a38da0 .e--pointer-framed .elementor-item:before, .elementor-17 .elementor-element.elementor-element-6a38da0 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-6a38da0 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-17 .elementor-element.elementor-element-6a38da0 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-17 .elementor-element.elementor-element-6a38da0 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-17 .elementor-element.elementor-element-6a38da0 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-17 .elementor-element.elementor-element-6a38da0 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-17 .elementor-element.elementor-element-6a38da0 .e--pointer-underline .elementor-item:after, .elementor-17 .elementor-element.elementor-element-6a38da0 .e--pointer-overline .elementor-item:before, .elementor-17 .elementor-element.elementor-element-6a38da0 .e--pointer-double-line .elementor-item:before, .elementor-17 .elementor-element.elementor-element-6a38da0 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-17 .elementor-element.elementor-element-6a38da0{--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu--dropdown a, .elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-menu-toggle{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu--dropdown a:hover, .elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu--dropdown a:focus, .elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu--dropdown a.highlighted, .elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-menu-toggle:hover, .elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-menu-toggle:focus{color:var( --e-global-color-accent );}.elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu--dropdown .elementor-item, .elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"degular", Sans-serif;font-weight:bold;}.elementor-17 .elementor-element.elementor-element-6a38da0 div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-6a38da0 div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-fc2f499 .elementor-button{background-color:var( --e-global-color-cdd7c97 );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );border-radius:4px 4px 4px 4px;padding:10px 20px 10px 20px;}.elementor-17 .elementor-element.elementor-element-fc2f499.elementor-element{--align-self:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-fd67860d{--padding-top:18px;--padding-bottom:18px;--padding-left:28px;--padding-right:28px;}.elementor-17 .elementor-element.elementor-element-dbbead3{--justify-content:flex-end;--flex-wrap:wrap;--align-content:center;--padding-top:18px;--padding-bottom:18px;--padding-left:28px;--padding-right:28px;}.elementor-17 .elementor-element.elementor-element-c0e480df.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-6a38da0{width:auto;max-width:auto;}.elementor-17 .elementor-element.elementor-element-6a38da0.elementor-element{--align-self:center;--order:99999 /* order end hack */;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-fd67860d{--padding-top:14px;--padding-bottom:14px;--padding-left:18px;--padding-right:18px;}.elementor-17 .elementor-element.elementor-element-dbbead3{--min-height:75px;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--margin-top:0px;--margin-bottom:-9px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:10px;}.elementor-17 .elementor-element.elementor-element-c0e480df{--container-widget-width:50px;--container-widget-flex-grow:0;width:var( --container-widget-width, 50px );max-width:50px;}.elementor-17 .elementor-element.elementor-element-6a38da0{width:var( --container-widget-width, 45px );max-width:45px;padding:0px 0px 0px 0px;--container-widget-width:45px;--container-widget-flex-grow:0;--nav-menu-icon-size:30px;}.elementor-17 .elementor-element.elementor-element-6a38da0.elementor-element{--align-self:center;--order:3;}.elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu--dropdown a{padding-left:25px;padding-right:25px;padding-top:15px;padding-bottom:15px;}.elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-17 .elementor-element.elementor-element-6a38da0 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:11px !important;}.elementor-17 .elementor-element.elementor-element-fc2f499{width:initial;max-width:initial;}}/* Start custom CSS for container, class: .elementor-element-dbbead3 *//* BEGIN deslers-header-mode */ /* ===== HEADER: BASIS (på resten af siden — mørk tekst + premium glass) ===== */ .deslers-header { /* Gradient baggrund — opaque øverst (catches light), mere transparent nederst */ background: linear-gradient( to bottom, rgba(250, 250, 249, 0.55), rgba(250, 250, 249, 0.35) ); backdrop-filter: blur(30px) saturate(180%); -webkit-backdrop-filter: blur(30px) saturate(180%); /* Hårfin border + indre highlight + blød drop shadow under */ border-bottom: 1px solid rgba(24, 24, 27, 0.08); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 8px 32px -12px rgba(24, 24, 27, 0.12), 0 2px 8px -2px rgba(24, 24, 27, 0.05); will-change: transform; transition: transform .5s cubic-bezier(0.16, 1, 0.3, 1), background .35s ease, backdrop-filter .35s ease, border-color .35s ease, box-shadow .35s ease, color .3s ease, fill .3s ease, filter .3s ease; } .deslers-header, .deslers-header *, .deslers-header a, .deslers-header a:visited, .deslers-header .elementor-heading-title, .deslers-header .elementor-heading-title a { color: var(--e-global-color-primary) !important; } .deslers-header * { transition: color .3s ease, fill .3s ease, filter .3s ease; } .deslers-header svg, .deslers-header svg path, .deslers-header svg * { fill: currentColor; } .deslers-header img { filter: none; } /* ===== HEADER: OVER HERO (helt transparent — INGEN glass, INGEN border, INGEN shadow) ===== */ .deslers-header.over-hero { background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-bottom-color: transparent !important; box-shadow: none !important; } .deslers-header.over-hero, .deslers-header.over-hero *, .deslers-header.over-hero a, .deslers-header.over-hero a:visited, .deslers-header.over-hero .elementor-heading-title, .deslers-header.over-hero .elementor-heading-title a { color: var(--e-global-color-secondary) !important; } .deslers-header.over-hero img { filter: invert(1); } /* ===== HEADER: SKJULT (slidet ud af syne på scroll-down) ===== */ .deslers-header.is-hidden { transform: translateY(-150px); transition: transform .28s cubic-bezier(0.5, 0, 0.75, 0); } /* ===== KNAP — STRUKTUR ===== */ .deslers-header .deslers-btn, .deslers-header .deslers-btn *, .deslers-header .deslers-btn .elementor-button, .deslers-header .deslers-btn .elementor-button-text { transition: background-color .3s ease, color .3s ease, border-color .3s ease; } .deslers-header .deslers-btn, .deslers-header .deslers-btn .elementor-button { border: 1px solid transparent !important; border-radius: 4px; box-shadow: none !important; outline: none !important; } .deslers-header .deslers-btn:hover, .deslers-header .deslers-btn:focus, .deslers-header .deslers-btn:active, .deslers-header .deslers-btn .elementor-button:hover, .deslers-header .deslers-btn .elementor-button:focus, .deslers-header .deslers-btn .elementor-button:active { box-shadow: none !important; outline: none !important; } .deslers-header .elementor-widget-button, .deslers-header .elementor-widget-button > .elementor-widget-container, .deslers-header .elementor-button-wrapper { background: transparent !important; box-shadow: none !important; } /* ===== KNAP — DEFAULT (på resten af siden — mørk knap, lys tekst) ===== */ .deslers-header .deslers-btn, .deslers-header .deslers-btn .elementor-button, .deslers-header a.deslers-btn { background-color: var(--e-global-color-primary) !important; } .deslers-header .deslers-btn, .deslers-header .deslers-btn *, .deslers-header .deslers-btn .elementor-button, .deslers-header .deslers-btn .elementor-button-text, .deslers-header a.deslers-btn, .deslers-header a.deslers-btn * { color: var(--e-global-color-secondary) !important; } .deslers-header .deslers-btn:hover, .deslers-header .deslers-btn:hover .elementor-button, .deslers-header .deslers-btn .elementor-button:hover, .deslers-header a.deslers-btn:hover { background-color: transparent !important; border: 1px solid var(--e-global-color-primary) !important; } .deslers-header .deslers-btn:hover, .deslers-header .deslers-btn:hover *, .deslers-header .deslers-btn:hover .elementor-button-text, .deslers-header a.deslers-btn:hover, .deslers-header a.deslers-btn:hover * { color: var(--e-global-color-primary) !important; } /* ===== KNAP — OVER HERO (lys knap, mørk tekst) ===== */ .deslers-header.over-hero .deslers-btn, .deslers-header.over-hero .deslers-btn .elementor-button, .deslers-header.over-hero a.deslers-btn, .deslers-header.over-hero .elementor-widget-button .elementor-button { background-color: var(--e-global-color-secondary) !important; } .deslers-header.over-hero .deslers-btn, .deslers-header.over-hero .deslers-btn *, .deslers-header.over-hero .deslers-btn .elementor-button, .deslers-header.over-hero .deslers-btn .elementor-button-text, .deslers-header.over-hero a.deslers-btn, .deslers-header.over-hero a.deslers-btn *, .deslers-header.over-hero .elementor-widget-button .elementor-button { color: var(--e-global-color-primary) !important; } .deslers-header.over-hero .deslers-btn:hover, .deslers-header.over-hero .deslers-btn:hover .elementor-button, .deslers-header.over-hero .deslers-btn .elementor-button:hover, .deslers-header.over-hero a.deslers-btn:hover, .deslers-header.over-hero .elementor-widget-button .elementor-button:hover { background-color: transparent !important; border: 1px solid var(--e-global-color-secondary) !important; } .deslers-header.over-hero .deslers-btn:hover, .deslers-header.over-hero .deslers-btn:hover *, .deslers-header.over-hero .deslers-btn:hover .elementor-button-text, .deslers-header.over-hero a.deslers-btn:hover, .deslers-header.over-hero a.deslers-btn:hover *, .deslers-header.over-hero .elementor-widget-button .elementor-button:hover { color: var(--e-global-color-secondary) !important; } /* END deslers-header-mode *//* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fd67860d *//* ===== MOBILMENU-FIX ===== Mobil-dropdownen skal IKKE følge headerens farveskift (over-hero / basis). Panelet er altid mørkt (Deslers Blæk), teksten altid lys (Deslers Papir). Selectorerne har højere specificitet end ".deslers-header.over-hero *", så de vinder selv om begge er !important. Indsættes i Elementor: Header-skabelon → containeren med klassen "deslers-header" (dbbead3) → Avanceret → Tilpasset CSS — efter det eksisterende "deslers-header-mode"-blok. Ryd LiteSpeed-cache bagefter. */ .deslers-header nav.elementor-nav-menu--dropdown { background-color: var(--e-global-color-primary) !important; /* #18181B */ } .deslers-header nav.elementor-nav-menu--dropdown a.elementor-item, .deslers-header nav.elementor-nav-menu--dropdown a.elementor-item:visited, .deslers-header nav.elementor-nav-menu--dropdown a.elementor-item:hover, .deslers-header nav.elementor-nav-menu--dropdown a.elementor-item:focus { color: var(--e-global-color-secondary) !important; /* #FAFAF9 */ } /* ===== Dropdown flugter med selve headeren ===== Menu-widgetten sættes til position:static, så panelets absolutte positionering ankrer til header-containeren (.deslers-header, positioned pga. sticky) i stedet for den 45px smalle widget. !important overstyrer stretch-scriptets inline width/left/top. */ .deslers-header .elementor-widget-nav-menu.elementor-nav-menu--toggle { position: static; } .deslers-header nav.elementor-nav-menu--dropdown { left: 0 !important; width: 100% !important; top: 100% !important; /* lige under header-kortet */ transform: none; border-radius: 8px; /* valgfri — matcher headerens bløde hjørner */ }/* End custom CSS */ /* Start custom CSS *//* BEGIN deslers-header-mode */ .deslers-header svg, .deslers-header svg path, .deslers-header svg * { fill: currentColor; } .deslers-header, .deslers-header * { transition: color .3s ease, fill .3s ease, filter .3s ease; } .deslers-header.header-light, .deslers-header.header-light *, .deslers-header.header-light a, .deslers-header.header-light a:visited, .deslers-header.header-light .elementor-heading-title, .deslers-header.header-light .elementor-heading-title a { color: #fff !important; } .deslers-header.header-light img { filter: invert(1); } .deslers-header.header-dark, .deslers-header.header-dark *, .deslers-header.header-dark a, .deslers-header.header-dark a:visited, .deslers-header.header-dark .elementor-heading-title, .deslers-header.header-dark .elementor-heading-title a { color: var(--e-global-color-primary) !important; } .deslers-header.header-dark img { filter: none; } /* END deslers-header-mode *//* End custom CSS */