.elementor-kit-6{--e-global-color-primary:#222222;--e-global-color-secondary:#222559;--e-global-color-text:#222559;--e-global-color-accent:#F2BE22;--e-global-color-75171df:#FFFFFF;--e-global-color-dc2cf3e:#000000;--e-global-color-f0b0bd3:#DFAE1C;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-line-height:1.2em;color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:17px;font-weight:200;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#DDAD1C;font-size:15px;font-weight:400;color:var( --e-global-color-75171df );border-radius:15px 15px 15px 15px;padding:15px 30px 15px 30px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#DDAD1D;}.elementor-kit-6 p{margin-block-end:15px;}.elementor-kit-6 a{color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;}.elementor-kit-6 h1{color:var( --e-global-color-secondary );font-family:"Questrial", Sans-serif;font-size:45px;font-weight:700;}.elementor-kit-6 h2{color:var( --e-global-color-secondary );font-family:"Questrial", Sans-serif;font-size:32px;font-weight:700;}.elementor-kit-6 h3{color:var( --e-global-color-secondary );font-family:"Questrial", Sans-serif;font-size:23px;font-weight:700;line-height:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end: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-kit-6 h1{font-size:35px;}.elementor-kit-6 h2{font-size:27px;}.elementor-kit-6 h3{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:33px;}.elementor-kit-6 h2{font-size:25px;}.elementor-kit-6 h3{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* CONTAINERS */ .e-parent > .e-con-inner { padding-top: 100px; padding-bottom: 100px; } @media (max-width: 991px) { .e-parent > .e-con-inner { padding-top: 75px; padding-bottom: 75px; } } .e-con.no-padding { padding: 0 !important; row-gap: 0 !important; } .e-con-boxed .e-child:not(.e-child > .e-child):not(.e-loop-item .e-child):not(.e-child.padding), .e-con .e-con-inner > .elementor-widget { padding: 0 15px; } .e-con-boxed .e-child.padding { padding: 30px 15px; } .e-con-full.padding { padding: 90px 30px; } @media (max-width: 991px) { .e-con-full.padding { padding: 60px 30px; } } .e-con-full .e-child.padding { padding: 60px; } @media (max-width: 991px) { .e-con-full .e-child.padding { padding: 60px 30px; } } .e-con.contained { padding: 70px 50px; } @media (min-width: 992px) { .e-con.contained { max-width: calc(var(--container-max-width) / 2 + 15px) } .e-con.contained.left { margin-left: auto; } .e-con.contained { padding: 125px 75px; } } .e-parent > .e-con-inner:has(.overflow-box) { padding-top: 70px; padding-bottom: 70px; } .e-child.overflow-box { padding: 30px !important; } /* Hide-header css */ /*.elementor-location-header{ transition: top .3s, background .3s !important; z-index: 100; position: sticky; }*/ /* Header sticky baggroundsfarve */ .elementor-location-header.sticky--effects,.elementor-location-header .elementor-sticky--effects{ background: #fff; transition: background .3s; } .cm-repop-element .repop-consent-button{ bottom: var(--footer-mobile-height) !important; } /* .elementor-location-footer{ margin-bottom: var(--footer-mobile-height); } */ .elementor-location-footer > div:last-of-type { padding-bottom: var(--footer-mobile-height); } .ginput_container *{ --gf-local-outline-width: 0px !important; } @media (min-width:1024px){ .cookie-table{ grid-template-columns: repeat(5, 1fr) !important; } } /* skift select/option farve på windows/chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { select { background-color: transparent !important; } .elementor-kit-6 option{ background-color: #000 !important; } } /* sektioner med 50/50 baggrund ud til kanten af skærmen */ .section-lefttext-rightimage{ .section-left{ width: calc(50% - (var(--column-gap) / 2)); } .section-right{ width: 50%; flex-grow: 1; margin-right: calc(((100vw - 100%) /2*-1)) !important; } } .section-leftimage-righttext{ .section-right{ width: calc(50% - (var(--column-gap) / 2)); } .section-left{ width: 50%; flex-grow: 1; margin-left: calc(((100vw - 100%) /2*-1)) !important; } } @media (max-width: 1024px){ .section-lefttext-rightimage{ .section-left{ width: 100%; } .section-right{ width: 100%; flex-grow: 0; margin-right: 0 !important; } } .section-leftimage-righttext{ .section-right{ width: 100%; } .section-left{ width: 100%; flex-grow: 0; margin-left: 0 !important; } } } /* .mobile-menu-levels: mobile menu where each sub-menu slides in from the right as a new level. Added automatically by the Custom Code "Mobile menu levels" to every "Navigation Menu" widget (WordPress' own menu widget) inside an off-canvas; use the class mobile-menu-levels-off on the widget to opt out, or mobile-menu-levels to use it outside an off-canvas. The Custom Code adds a "Tilbage" item and a copy of the parent item at the top of each sub-menu, sets .sub-menu-active on the open item, hides the level behind it (.mobile-menu-covered) and fits the height to the visible level. The look is set with the --mobile-menu-* variables below. They follow this site's earlier mobile menu and point to the site's global colours and fonts. */ .mobile-menu-levels { --mobile-menu-font: inherit; --mobile-menu-weight: 400; --mobile-menu-transform: none; --mobile-menu-letter-spacing: normal; --mobile-menu-line-height: 1.2; --mobile-menu-padding: 10px; --mobile-menu-sub-padding: 10px; --mobile-menu-size: 20px; --mobile-menu-sub-size: 18px; --mobile-menu-sub-weight: 400; --mobile-menu-back-size: 16px; --mobile-menu-link: var(--e-global-color-secondary); --mobile-menu-hover: var(--e-global-color-accent); --mobile-menu-bg: var(--e-global-color-75171df); --mobile-menu-divider: none; } @media (max-width: 767px) { .mobile-menu-levels { --mobile-menu-size: 18px; --mobile-menu-sub-size: 17px; } } .mobile-menu-levels { position: relative; overflow: hidden; transition: height .3s ease; } .mobile-menu-levels ul { list-style: none; margin: 0; padding: 0; } .mobile-menu-levels li { position: static; } /* Sub-menus cover the menu list itself, so padding on the widget doesn't shift them. */ .mobile-menu-levels ul.menu { position: relative; } .mobile-menu-levels li a { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: var(--mobile-menu-padding) 0; font-family: var(--mobile-menu-font); font-size: var(--mobile-menu-size); font-weight: var(--mobile-menu-weight); line-height: var(--mobile-menu-line-height); text-transform: var(--mobile-menu-transform); letter-spacing: var(--mobile-menu-letter-spacing); color: var(--mobile-menu-link); text-decoration: none; transition: color .3s; } .mobile-menu-levels li:not(:last-child) > a { border-bottom: var(--mobile-menu-divider); } /* Like Elementor's own menu, anchor links (#) are never marked as the current page. */ .mobile-menu-levels li a:hover, .mobile-menu-levels li.current-menu-item > a:not([href*="#"]) { color: var(--mobile-menu-hover); } .mobile-menu-levels li.menu-item-has-children > a::after { content: ""; flex: none; width: 10px; height: 10px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); margin-right: 4px; } .mobile-menu-levels .sub-menu { position: absolute; inset: 0; background-color: var(--mobile-menu-bg); transform: translateX(100%); visibility: hidden; transition: transform .3s ease, visibility 0s linear .3s; } .mobile-menu-levels li.sub-menu-active > .sub-menu { transform: translateX(0); visibility: visible; transition: transform .3s ease, visibility 0s linear 0s; } /* Fade the level behind out while the next level slides in. Visibility waits until the fade is done (and returns at once when going back). */ .mobile-menu-levels ul > li, .mobile-menu-levels li.menu-item-has-children > a { transition: opacity .4s ease, visibility 0s linear 0s, color .3s; } .mobile-menu-levels .mobile-menu-covered > li:not(.sub-menu-active), .mobile-menu-levels .mobile-menu-covered > li.sub-menu-active > a { opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility 0s linear .4s, color .3s; } .mobile-menu-levels .sub-menu li a { padding-block: var(--mobile-menu-sub-padding); font-size: var(--mobile-menu-sub-size); font-weight: var(--mobile-menu-sub-weight); } .mobile-menu-levels .mobile-menu-back > a { justify-content: flex-start; font-size: var(--mobile-menu-back-size); } .mobile-menu-levels .mobile-menu-back > a::before { content: ""; flex: none; width: 8px; height: 8px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin-left: 4px; } /* No dark tap-highlight box behind a menu link when it is tapped on phones. */ .mobile-menu-levels a { -webkit-tap-highlight-color: transparent; } /* Keyboard focus in the menu shows as the hover colour instead of the theme's focus ring, which the menu's overflow: hidden clips to a line under the item. */ .mobile-menu-levels a:focus-visible { outline: none; box-shadow: none; color: var(--mobile-menu-hover); }/* End custom CSS */