.elementor-kit-6{--e-global-color-primary:#1E3A8A;--e-global-color-secondary:#03624C;--e-global-color-text:#1E3A8A;--e-global-color-accent:#D97757;--e-global-color-f655f1a:#F5F7F6;--e-global-color-51cfb8b:#2563EB;--e-global-color-231c978:#93C5FD;--e-global-color-e2b61de:#9AA4AF;--e-global-color-cbd115d:#E2E8F0;--e-global-color-9588fd5:#E6EFEA;--e-global-color-a2706fb:#E8F0FF;--e-global-color-40480a6:#1D4ED8;--e-global-color-5024bf6:#1E40AF;--e-global-color-9e72a35:#EDF1EF;--e-global-color-6c0e95e:#F5F9FF;--e-global-color-d95e767:#C9D5E6;--e-global-typography-primary-font-family:"Aspekta";--e-global-typography-secondary-font-family:"Aspekta";--e-global-typography-text-font-family:"Aspekta";--e-global-typography-text-font-size:1.125rem;font-weight:var( --e-global-typography-text-weight );--e-global-typography-text-line-height:1.3em;--e-global-typography-accent-font-family:"Aspekta";--e-global-typography-accent-font-size:1.125rem;--e-global-typography-accent-line-height:1.3em;--e-global-typography-706e7e8-font-family:"Aspekta";--e-global-typography-706e7e8-font-size:1.625rem;--e-global-typography-706e7e8-line-height:1.3em;--e-global-typography-526e0ac-font-family:"Aspekta";--e-global-typography-526e0ac-font-size:0.813rem;--e-global-typography-526e0ac-line-height:1.3em;--e-global-typography-526e0ac-letter-spacing:0.9px;--e-global-typography-9e314e1-font-family:"Aspekta";--e-global-typography-9e314e1-font-size:1.063rem;--e-global-typography-bb11803-font-family:"Aspekta";--e-global-typography-bb11803-font-size:3.5rem;--e-global-typography-bb11803-line-height:1.2em;--e-global-typography-251f7c3-font-family:"Aspekta";--e-global-typography-251f7c3-font-size:0.938rem;--e-global-typography-251f7c3-line-height:1.2em;--e-global-typography-de432fc-font-family:"Aspekta";--e-global-typography-de432fc-font-size:4rem;--e-global-typography-de432fc-line-height:1.2em;--e-global-typography-4660afb-font-family:"Aspekta";--e-global-typography-4660afb-font-size:1.125rem;--e-global-typography-4660afb-line-height:1.5em;--e-global-typography-b5d6fc3-font-family:"Aspekta";--e-global-typography-b5d6fc3-font-size:1.063rem;--e-global-typography-b5d6fc3-line-height:1.1px;--e-global-typography-88106cb-font-family:"Aspekta";--e-global-typography-88106cb-font-size:4rem;--e-global-typography-88106cb-line-height:1.1em;background-color:#F5F7F6;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:20px;}.elementor-kit-6 a{color:var( --e-global-color-51cfb8b );}.elementor-kit-6 a:hover{color:var( --e-global-color-231c978 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 h1{color:var( --e-global-color-text );font-family:"Aspekta", Sans-serif;font-size:4.688rem;font-weight:500;line-height:1.2em;}.elementor-kit-6 h2{color:var( --e-global-color-text );font-family:"Aspekta", Sans-serif;font-size:3.2rem;font-weight:450;line-height:1.2em;}.elementor-kit-6 h3{color:var( --e-global-color-text );font-family:"Aspekta", Sans-serif;font-size:2.75rem;font-weight:450;line-height:1.2em;}.elementor-kit-6 h4{color:var( --e-global-color-text );font-family:"Aspekta", Sans-serif;font-size:2.25rem;font-weight:450;line-height:1.2em;}.elementor-kit-6 h5{color:var( --e-global-color-text );font-family:"Aspekta", Sans-serif;font-size:1.625rem;font-weight:450;line-height:1.2em;}.elementor-kit-6 h6{color:var( --e-global-color-text );font-family:"Aspekta", Sans-serif;font-size:1.2rem;font-weight:550;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1920px;}.e-con{--container-max-width:1920px;}.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);}@media(max-width:1366px){.elementor-kit-6{--e-global-typography-text-font-size:1rem;--e-global-typography-accent-font-size:1rem;--e-global-typography-706e7e8-font-size:1.5rem;--e-global-typography-706e7e8-line-height:1.2em;--e-global-typography-de432fc-font-size:3.2rem;--e-global-typography-88106cb-font-size:3rem;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 a:hover{font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 h1{font-size:3.8rem;}.elementor-kit-6 h2{font-size:2.7rem;}.elementor-kit-6 h3{font-size:2.5rem;}.elementor-kit-6 h5{font-size:1.5rem;}}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-706e7e8-font-size:1.2rem;--e-global-typography-de432fc-font-size:2.9rem;--e-global-typography-88106cb-font-size:3rem;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 a:hover{font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 h1{font-size:3.4rem;}.elementor-kit-6 h2{font-size:2.7rem;}.elementor-kit-6 h3{font-size:2.4rem;}.elementor-kit-6 h5{font-size:1.4rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-706e7e8-font-size:1.15rem;--e-global-typography-de432fc-font-size:2rem;--e-global-typography-88106cb-font-size:2.1rem;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 a:hover{font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 h2{font-size:1.8em;}.elementor-kit-6 h3{font-size:2.2rem;}.elementor-kit-6 h5{font-size:1.25rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* WP tekster */

h2.wp-block-heading {
    font-size: 2.8rem;
    padding-top: 20px;
}

@media (max-width: 769px) {
h2.wp-block-heading {
    font-size: 2rem;
    padding-top: 20px;
}    
}
/* BLÅ KNAP */

.bt-blaa .elementor-button {
    color: #fff;
    background-color: #2563EB;
    border-radius: 6px;
    font-size: 17px;
      font-weight: 350;
      line-height: 1;
    padding: 16px 20px !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.09);
}

.bt-blaa .elementor-button:hover {
    background-color: #1D4ED8;
    color: #fff;
        font-size: 17px;
        font-weight: 350;
          padding: 16px 20px !important;
           line-height: 1;
            box-shadow: 0 12px 20px rgba(0,0,0,0.12);
}


/* neutralisér elementor size */
.bt-blaa .elementor-button.elementor-size-sm {
    padding: 16px 24px !important;
    margin: 0 !important;
}

/* content layout */
.bt-blaa .elementor-button-content-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

/* ikon-wrapper */
.bt-blaa .elementor-button-icon {
    position: relative;
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    display: inline-block;
    margin: 0;
}

/* skjul placeholder plus */
.bt-blaa .elementor-button-icon svg,
.bt-blaa .elementor-button-icon i {
    opacity: 0;
    width: 14px;
    height: 14px;
    display: block;
    pointer-events: none;
}

/* fælles transitions */
.bt-blaa .elementor-button-icon::before,
.bt-blaa .elementor-button-icon::after,
.bt-blaa .elementor-button-icon .bt-icon-stem {
    transition: transform 660ms cubic-bezier(0.22, 1, 0.36, 1), opacity 420ms ease;
}

/* vandret streg */
.bt-blaa .elementor-button-icon::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 50%;
    width: 12px;
    height: 1.8px;
    background: #fff;
    border-radius: 999px;
    transform: translateY(-50%);
}

/* øverste lodrette halvdel */
.bt-blaa .elementor-button-icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 1px;
    width: 1.8px;
    height: 5px;
    background: #fff;
    border-radius: 999px;
    transform: translateX(-50%);
    transform-origin: center bottom;
}

/* nederste lodrette halvdel */
.bt-blaa .elementor-button-icon .bt-icon-stem {
    position: absolute;
    left: 50%;
    bottom: 1px;
    width: 1.8px;
    height: 5px;
    background: #fff;
    border-radius: 999px;
    transform: translateX(-50%);
    transform-origin: center top;
    display: block;
}

/* lidt samlet bevægelse i hele ikonet */
.bt-blaa .elementor-button-icon {
    transition: transform 660ms cubic-bezier(0.22, 1, 0.36, 1);
}

.bt-blaa .elementor-button:hover .elementor-button-icon {
    transform: translateX(1px);
}

/* plus -> pil */
.bt-blaa .elementor-button:hover .elementor-button-icon::after {
 transform: translateX(7px) translateY(2px) rotate(-45deg) scaleY(1.6);
}

.bt-blaa .elementor-button:hover .elementor-button-icon .bt-icon-stem {
  transform: translateX(7px) translateY(-2px) rotate(45deg) scaleY(1.6);
}

/* Formularens knap */
.bt-blaa .e-form__buttons .elementor-button {
    width: auto;
    min-width: 0;
    border: 0;
    cursor: pointer;
}

/* Undgå ændringer i tekststørrelse ved hover/fokus */
.bt-blaa .e-form__buttons .elementor-button:hover,
.bt-blaa .e-form__buttons .elementor-button:focus {
    font-size: 17px;
    font-weight: 350;
    line-height: 1;
}



.bt-blaa .elementor-button.elementor-size-sm {
    padding: 16px 24px !important;
    margin: 0 !important;
}
/* LYS BLÅ KNAP */

.bt-lysblaa .elementor-button {
    color: #1E3A8A;
    background-color: #93C5FD;
    border-radius: 6px;
    font-size: 17px;
      font-weight: 350;
      line-height: 1;
    padding: 16px 20px !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.09);
}

.bt-lysblaa .elementor-button:hover {
    background-color: #1D4ED8;
    color: #fff;
        font-size: 17px;
        font-weight: 350;
          padding: 16px 20px !important;
           line-height: 1;
            box-shadow: 0 12px 20px rgba(0,0,0,0.12);
}


/* neutralisér elementor size */
.bt-lysblaa .elementor-button.elementor-size-sm {
    padding: 16px 24px !important;
    margin: 0 !important;
}

/* content layout */
.bt-lysblaa .elementor-button-content-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

/* ikon-wrapper */
.bt-lysblaa .elementor-button-icon {
    position: relative;
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    display: inline-block;
    margin: 0;
}

/* skjul placeholder plus */
.bt-lysblaa .elementor-button-icon svg,
.bt-lysblaa .elementor-button-icon i {
    opacity: 0;
    width: 14px;
    height: 14px;
    display: block;
    pointer-events: none;
}

/* fælles transitions */
.bt-lysblaa .elementor-button-icon::before,
.bt-lysblaa .elementor-button-icon::after,
.bt-lysblaa .elementor-button-icon .bt-icon-stem {
    transition: transform 660ms cubic-bezier(0.22, 1, 0.36, 1), opacity 420ms ease;
}

/* vandret streg */
.bt-lysblaa .elementor-button-icon::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 50%;
    width: 12px;
    height: 1.8px;
    background: #1E3A8A;
    border-radius: 999px;
    transform: translateY(-50%);
}

/* øverste lodrette halvdel */
.bt-lysblaa .elementor-button-icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 1px;
    width: 1.8px;
    height: 5px;
    background: #1E3A8A;
    border-radius: 999px;
    transform: translateX(-50%);
    transform-origin: center bottom;
}

/* nederste lodrette halvdel */
.bt-lysblaa .elementor-button-icon .bt-icon-stem {
    position: absolute;
    left: 50%;
    bottom: 1px;
    width: 1.8px;
    height: 5px;
    background: #1E3A8A;
    border-radius: 999px;
    transform: translateX(-50%);
    transform-origin: center top;
    display: block;
}

/* lidt samlet bevægelse i hele ikonet */
.bt-lysblaa .elementor-button-icon {
    transition: transform 660ms cubic-bezier(0.22, 1, 0.36, 1);
}

.bt-lysblaa .elementor-button:hover .elementor-button-icon {
    transform: translateX(1px);

}

/* plus -> pil */
.bt-lysblaa .elementor-button:hover .elementor-button-icon::after {
 transform: translateX(7px) translateY(2px) rotate(-45deg) scaleY(1.6);
   background: #fff;
}

.bt-lysblaa .elementor-button:hover .elementor-button-icon .bt-icon-stem {
  transform: translateX(7px) translateY(-2px) rotate(45deg) scaleY(1.6);
   background: #fff;
}
/* vandret streg */
.bt-lysblaa .elementor-button:hover .elementor-button-icon::before { 
    background: #fff;
}

/* Rene links knapper */

.bt-ren-hvid .elementor-button {
    color: #fff;
    background-color: transparent;
    border-radius: 6px;
    font-size: 17px;
      font-weight: 350;
      line-height: 1;
    padding: 16px 20px !important;
    
}

.bt-ren-hvid .elementor-button:hover {
    background-color: #E2E8F0;
    color: #1E3A8A;
        font-size: 17px;
        font-weight: 350;
          padding: 16px 20px !important;
           line-height: 1;
            box-shadow: 0 6px 56px rgba(0,0,0,0.08);
}

.bt-ren .elementor-button {
    color: #1E3A8A;
    background-color: transparent;
    border-radius: 6px;
    font-size: 17px;
      font-weight: 350;
      line-height: 1;
    padding: 16px 20px !important;
    
}

.bt-ren .elementor-button:hover {
    background-color: #E2E8F0;
    color: #1E3A8A;
        font-size: 17px;
        font-weight: 350;
          padding: 16px 20px !important;
           line-height: 1;
            box-shadow: 0 6px 56px rgba(0,0,0,0.08);
}

/* ==================================================
   WORK ARTIKELKNAPPER
   Almindelig Gutenberg-knap = primær
   Outline Gutenberg-knap = sekundær
   ================================================== */

/* Knapgruppe */
.work-article-content .wp-block-buttons {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 32px;
	margin-bottom: 0;
}

/* Fælles knapstruktur */
.work-article-content .wp-block-button {
	margin: 0;
}

.work-article-content .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	min-height: 49px;
	padding: 16px 20px !important;
	margin: 0;

	border: 0 !important;
	border-radius: 6px !important;

	font-size: 17px;
	font-weight: 350;
	line-height: 1;
	font-family: inherit;
	text-align: center;
	text-decoration: none !important;

	transition:
		background-color 220ms ease,
		color 220ms ease,
		box-shadow 220ms ease,
		transform 220ms ease;
}

/* Behold samme tekststørrelse i alle knappens tilstande */
.work-article-content .wp-block-button__link,
.work-article-content .wp-block-button__link:hover,
.work-article-content .wp-block-button__link:focus,
.work-article-content .wp-block-button__link:focus-visible,
.work-article-content .wp-block-button__link:active,
.work-article-content .wp-block-button__link:visited {
	font-size: 17px !important;
	font-weight: 350 !important;
	line-height: 1 !important;
	transform: none !important;
}

/* ==================================================
   PRIMÆR KNAP
   ================================================== */

.work-article-content
.wp-block-button:not(.is-style-outline)
.wp-block-button__link {
	color: #fff !important;
	background-color: #2563eb !important;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.09);
}

.work-article-content
.wp-block-button:not(.is-style-outline)
.wp-block-button__link:hover {
	color: #fff !important;
	background-color: #1d4ed8 !important;
	box-shadow: 0 12px 20px rgba(0, 0, 0, 0.12);
}

.work-article-content
.wp-block-button:not(.is-style-outline)
.wp-block-button__link:focus-visible {
	color: #fff !important;
	background-color: #1d4ed8 !important;
	outline: 3px solid rgba(37, 99, 235, 0.3);
	outline-offset: 3px;
}

/* ==================================================
   PLUS → PIL
   ================================================== */

.work-article-button-icon {
	position: relative;
	display: inline-block;
	flex: 0 0 14px;
	width: 14px;
	height: 14px;

	transition: transform 660ms cubic-bezier(0.22, 1, 0.36, 1);
}

/* Vandret streg */
.work-article-button-icon::before {
	content: "";
	position: absolute;
	left: 1px;
	top: 50%;

	width: 12px;
	height: 1.8px;

	background: currentColor;
	border-radius: 999px;
	transform: translateY(-50%);

	transition:
		transform 660ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 420ms ease;
}

/* Øverste lodrette halvdel */
.work-article-button-icon::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 1px;

	width: 1.8px;
	height: 5px;

	background: currentColor;
	border-radius: 999px;
	transform: translateX(-50%);
	transform-origin: center bottom;

	transition:
		transform 660ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 420ms ease;
}

/* Nederste lodrette halvdel */
.work-article-button-icon__stem {
	position: absolute;
	left: 50%;
	bottom: 1px;

	display: block;
	width: 1.8px;
	height: 5px;

	background: currentColor;
	border-radius: 999px;
	transform: translateX(-50%);
	transform-origin: center top;

	transition:
		transform 660ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 420ms ease;
}

/* Samlet bevægelse */
.work-article-content
.wp-block-button:not(.is-style-outline)
.wp-block-button__link:hover
.work-article-button-icon {
	transform: translateX(1px);
}

/* Plus bliver til pil */
.work-article-content
.wp-block-button:not(.is-style-outline)
.wp-block-button__link:hover
.work-article-button-icon::after {
	transform:
		translateX(7px)
		translateY(2px)
		rotate(-45deg)
		scaleY(1.6);
}

.work-article-content
.wp-block-button:not(.is-style-outline)
.wp-block-button__link:hover
.work-article-button-icon__stem {
	transform:
		translateX(7px)
		translateY(-2px)
		rotate(45deg)
		scaleY(1.6);
}

/* Samme animation ved tastaturnavigation */
.work-article-content
.wp-block-button:not(.is-style-outline)
.wp-block-button__link:focus-visible
.work-article-button-icon {
	transform: translateX(1px);
}

.work-article-content
.wp-block-button:not(.is-style-outline)
.wp-block-button__link:focus-visible
.work-article-button-icon::after {
	transform:
		translateX(7px)
		translateY(2px)
		rotate(-45deg)
		scaleY(1.6);
}

.work-article-content
.wp-block-button:not(.is-style-outline)
.wp-block-button__link:focus-visible
.work-article-button-icon__stem {
	transform:
		translateX(7px)
		translateY(-2px)
		rotate(45deg)
		scaleY(1.6);
}

/* ==================================================
   SEKUNDÆR KNAP
   Gutenberg-stilen Outline
   ================================================== */

.work-article-content
.wp-block-button.is-style-outline
.wp-block-button__link {
	color: #1e3a8a !important;
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none;
}

.work-article-content
.wp-block-button.is-style-outline
.wp-block-button__link:hover {
	color: #1e3a8a !important;
	background-color: #e2e8f0 !important;
	box-shadow: 0 6px 56px rgba(0, 0, 0, 0.08);
}

.work-article-content
.wp-block-button.is-style-outline
.wp-block-button__link:focus-visible {
	color: #1e3a8a !important;
	background-color: #e2e8f0 !important;
	outline: 3px solid rgba(30, 58, 138, 0.2);
	outline-offset: 3px;
}

/* Fjern Gutenbergs outline-pseudo-element */
.work-article-content
.wp-block-button.is-style-outline
.wp-block-button__link::before {
	border: 0 !important;
}

/* ==================================================
   MOBIL
   ================================================== */

@media (max-width: 767px) {
	.work-article-content .wp-block-buttons {
		align-items: stretch;
		flex-direction: column;
	}

	.work-article-content .wp-block-button {
		width: 100%;
	}

	.work-article-content .wp-block-button__link {
		width: 100%;
	}
}

/* Respektér brugerens bevægelsesindstillinger */
@media (prefers-reduced-motion: reduce) {
	.work-article-content .wp-block-button__link,
	.work-article-button-icon,
	.work-article-button-icon::before,
	.work-article-button-icon::after,
	.work-article-button-icon__stem {
		transition: none !important;
	}
}

/* Understregninger */

.streg {
    position: relative;
    display: inline-block;
    z-index: 0;
}

.streg::after {
    content: "";
    position: absolute;
    left: -0.08em;
    right: -0.08em;
    bottom: -0.22em;
    height: 0.42em;
    background-image: url('/wp-content/uploads/2026/03/streg.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    pointer-events: none;
    z-index: -1;
}

.streg-hvid {
    position: relative;
    display: inline-block;
    z-index: 0;
}

.streg-hvid::after {
    content: "";
    position: absolute;
    left: -0.08em;
    right: -0.08em;
    bottom: -0.22em;
    height: 0.42em;
    background-image: url('/wp-content/uploads/2026/08/streg-hvid.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    pointer-events: none;
    z-index: -1;
}

/* FOTOS - Drop Shadow */
.w-foto {
  filter: drop-shadow(10px 40px 60px rgba(0,0,0,0.25));
}

.w-foto img {
  display: block;
  width: 100%;
  clip-path: inset(0 0 0 1px);
    border-radius: 12px;
}

.w-foto,
.w-foto .elementor-widget-container {
  background: transparent !important;
}
/* paragrafer i Guthenberg */
.wp-block-paragraph {
    margin-top: 12px;
}

/* ==================================================
   MOBIL MENU-IKON
   ================================================== */

/* ==================================================
   FORHINDR FOUC FRA ELEMENTORS STANDARDIKON
   ================================================== */

/* Skjul standardikoner med det samme – før JavaScript kører */
.vv-mobile-menu .elementor-menu-toggle svg:not(.vv-menu-icon),
.vv-mobile-menu .elementor-menu-toggle img,
.vv-mobile-menu .elementor-menu-toggle i,
.vv-mobile-menu .e-n-menu-toggle svg:not(.vv-menu-icon),
.vv-mobile-menu .e-n-menu-toggle img,
.vv-mobile-menu .e-n-menu-toggle i,
.vv-mobile-menu .elementor-menu-toggle__icon--open,
.vv-mobile-menu .elementor-menu-toggle__icon--close,
.vv-mobile-menu .e-n-menu-toggle-icon {
    display: none !important;
}

/* Reserver ikonets endelige størrelse fra første rendering */
.vv-mobile-menu .elementor-menu-toggle,
.vv-mobile-menu .e-n-menu-toggle {
    position: relative;
    width: 58px;
    height: 57px;
    min-width: 58px;
    min-height: 57px;
    padding: 0 !important;
    border: 0;
    background: transparent !important;
    line-height: 0;
}

/*
 * Statisk fallback fra Mediebiblioteket.
 * Brug samme SVG-URL som i JavaScriptet.
 */
.vv-mobile-menu .elementor-menu-toggle::before,
.vv-mobile-menu .e-n-menu-toggle::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 58px;
    height: 57px;
    background-image:
        url("https://vvork.dk/wp-content/uploads/2026/03/Menu.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

/* Skjul fallbacken, når den animerbare SVG er indsat */
.vv-mobile-menu .vv-menu-toggle.vv-icon-ready::before {
    opacity: 0;
    visibility: hidden;
}

/* Den animerbare SVG ligger oven på fallbacken */
.vv-mobile-menu .vv-menu-icon {
    position: relative;
    z-index: 1;
}

.vv-mobile-menu .elementor-menu-toggle,
.vv-mobile-menu .e-n-menu-toggle {
    padding: 0 !important;
    border: 0;
    background: transparent !important;
    line-height: 0;
}

/* Skjul Elementors oprindelige åbne/lukke-ikoner */
.vv-mobile-menu .vv-menu-native-icon {
    display: none !important;
}

.vv-mobile-menu .vv-menu-icon {
    display: block;
    width: 58px;
    height: 57px;
    overflow: visible;
    pointer-events: none;
}

/* SVG-linjernes grundindstillinger */
.vv-mobile-menu .vv-menu-icon rect {
    transform-box: fill-box;
    transform-origin: center;
    transition:
        width 320ms cubic-bezier(0.22, 1, 0.36, 1),
        opacity 180ms ease,
        transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

/* Udgangspunkt */
.vv-mobile-menu .vv-line-top,
.vv-mobile-menu .vv-line-bottom {
    width: 18px;
}

.vv-mobile-menu .vv-line-middle {
    width: 25px;
}


.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    padding: 12px 10px 16px 0;
}

/* ==================================================
   HOVER OG TASTATURFOKUS
   ================================================== */

.vv-mobile-menu
.vv-menu-toggle:not(.is-opening):not(.is-open):not(.is-closing):not(.vv-resetting):is(:hover, :focus-visible)
.vv-line-top,

.vv-mobile-menu
.vv-menu-toggle:not(.is-opening):not(.is-open):not(.is-closing):not(.vv-resetting):is(:hover, :focus-visible)
.vv-line-bottom {
    width: 25px;
}

.vv-mobile-menu
.vv-menu-toggle:not(.is-opening):not(.is-open):not(.is-closing):not(.vv-resetting):is(:hover, :focus-visible)
.vv-line-middle {
    width: 18px;
}


/* ==================================================
   ÅBNING: LINJER SAMLES OG BLIVER TIL KRYDS
   ================================================== */

.vv-mobile-menu .vv-menu-toggle.is-opening .vv-line-top {
    width: 25px;
    animation: vv-menu-top-open 520ms
        cubic-bezier(0.22, 1, 0.36, 1) both;
}

.vv-mobile-menu .vv-menu-toggle.is-opening .vv-line-bottom {
    width: 25px;
    animation: vv-menu-bottom-open 520ms
        cubic-bezier(0.22, 1, 0.36, 1) both;
}

.vv-mobile-menu .vv-menu-toggle.is-opening .vv-line-middle {
    width: 18px;
    animation: vv-menu-middle-hide 520ms ease both;
}


/* ==================================================
   ÅBEN TILSTAND
   ================================================== */

.vv-mobile-menu .vv-menu-toggle.is-open .vv-line-top {
    width: 25px;
    transform: translateY(7px) rotate(45deg);
}

.vv-mobile-menu .vv-menu-toggle.is-open .vv-line-bottom {
    width: 25px;
    transform: translateY(-7px) rotate(-45deg);
}

.vv-mobile-menu .vv-menu-toggle.is-open .vv-line-middle {
    width: 18px;
    opacity: 0;
}


/* ==================================================
   LUKNING: KRYDS SAMLES OG RETURNERER
   ================================================== */

.vv-mobile-menu .vv-menu-toggle.is-closing .vv-line-top {
    animation: vv-menu-top-close 520ms
        cubic-bezier(0.22, 1, 0.36, 1) both;
}

.vv-mobile-menu .vv-menu-toggle.is-closing .vv-line-bottom {
    animation: vv-menu-bottom-close 520ms
        cubic-bezier(0.22, 1, 0.36, 1) both;
}

.vv-mobile-menu .vv-menu-toggle.is-closing .vv-line-middle {
    animation: vv-menu-middle-show 520ms ease both;
}


/* ==================================================
   KEYFRAMES
   ================================================== */

@keyframes vv-menu-top-open {
    0% {
        transform: translateY(0) rotate(0deg);
    }

    42% {
        transform: translateY(7px) rotate(0deg);
    }

    100% {
        transform: translateY(7px) rotate(45deg);
    }
}

@keyframes vv-menu-bottom-open {
    0% {
        transform: translateY(0) rotate(0deg);
    }

    42% {
        transform: translateY(-7px) rotate(0deg);
    }

    100% {
        transform: translateY(-7px) rotate(-45deg);
    }
}

@keyframes vv-menu-middle-hide {
    0%,
    42% {
        opacity: 1;
    }

    58%,
    100% {
        opacity: 0;
    }
}

@keyframes vv-menu-top-close {
    0% {
        width: 25px;
        transform: translateY(7px) rotate(45deg);
    }

    58% {
        width: 25px;
        transform: translateY(7px) rotate(0deg);
    }

    100% {
        width: 18px;
        transform: translateY(0) rotate(0deg);
    }
}

@keyframes vv-menu-bottom-close {
    0% {
        width: 25px;
        transform: translateY(-7px) rotate(-45deg);
    }

    58% {
        width: 25px;
        transform: translateY(-7px) rotate(0deg);
    }

    100% {
        width: 18px;
        transform: translateY(0) rotate(0deg);
    }
}

@keyframes vv-menu-middle-show {
    0%,
    42% {
        width: 18px;
        opacity: 0;
    }

    58% {
        opacity: 1;
    }

    100% {
        width: 25px;
        opacity: 1;
    }
}


/* ==================================================
   REDUCERET BEVÆGELSE
   ================================================== */

@media (prefers-reduced-motion: reduce) {
    .vv-mobile-menu .vv-menu-icon rect {
        transition: none;
    }

    .vv-mobile-menu .vv-menu-toggle.is-opening rect,
    .vv-mobile-menu .vv-menu-toggle.is-closing rect {
        animation-duration: 1ms;
    }
}

/* Fjern turkis/blåt touch-highlight */
.vv-mobile-menu .elementor-menu-toggle,
.vv-mobile-menu .e-n-menu-toggle {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

/* Fjern Elementors baggrund ved klik og fokus */
.vv-mobile-menu .elementor-menu-toggle:hover,
.vv-mobile-menu .elementor-menu-toggle:focus,
.vv-mobile-menu .elementor-menu-toggle:active,
.vv-mobile-menu .e-n-menu-toggle:hover,
.vv-mobile-menu .e-n-menu-toggle:focus,
.vv-mobile-menu .e-n-menu-toggle:active {
    color: inherit;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Fjern kun fokusrammen ved muse- og touchklik */
.vv-mobile-menu .elementor-menu-toggle:focus:not(:focus-visible),
.vv-mobile-menu .e-n-menu-toggle:focus:not(:focus-visible) {
    outline: none;
}

/* Bevar tydeligt tastaturfokus */
.vv-mobile-menu .elementor-menu-toggle:focus-visible,
.vv-mobile-menu .e-n-menu-toggle:focus-visible {
    outline: 2px solid #2E3045;
    outline-offset: 3px;
    border-radius: 50%;
}

/* Diskret fysisk feedback ved tryk */
.vv-mobile-menu .vv-menu-icon {
    transition: transform 120ms ease;
}

.vv-mobile-menu .elementor-menu-toggle:active .vv-menu-icon,
.vv-mobile-menu .e-n-menu-toggle:active .vv-menu-icon {
    transform: scale(0.96);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Aspekta';
	font-display: auto;
	src: url('https://vvork.dk/wp-content/uploads/2026/03/AspektaVF.ttf') format('truetype');
}
/* End Custom Fonts CSS */