html, body {max-width: 100%;overflow-x: hidden;}
:focus {outline: 0 !important;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;}

/* Fjern blå fokus-ramme på links i din icon list */
.hide-for-active-user a,
.elementor-icon-list-item a,
.elementor-icon-list-item a:focus,
.elementor-icon-list-item a:focus-visible,
.elementor-icon-list-item a:active {
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}

/* Hvis rammen sidder på <li> eller wrapper */
.elementor-icon-list-item,
.elementor-icon-list-item:focus,
.elementor-icon-list-item:focus-within {
  outline: none !important;
  box-shadow: none !important;
}

/* FONT VARIANTS */
strong {
    font-weight: 900 !important;
}
p strong {
    font-weight: 700 !important;
}




/* Kun topmenuen med class .mainmenu */
.mainmenu .elementor-nav-menu--main .elementor-item {
	position: relative;
	display: inline-block;
	padding-bottom: 6px; /* lidt luft til stregen */
}

/* Den animerede streg */
.mainmenu .elementor-nav-menu--main .elementor-item::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -1px;
	transform: translateX(-50%) scaleX(0);
	transform-origin: center;
	width: 100%;
	height: 1px;
	background-color: #fff;
	transition: transform 0.35s ease;
}

/* Hover-effekt: fra center og ud */
.mainmenu .elementor-nav-menu--main .elementor-item:hover::after,
.mainmenu .elementor-nav-menu--main .elementor-item.elementor-item-active::after {
	transform: translateX(-50%) scaleX(1);
}



/* BUTTONS

.elementor-widget-button .elementor-button {
	--button-bg-color: #fff;
	--button-text-color: #000;
	--button-arrow-svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgMFYxNkwwIDBIMTZaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==");

	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	overflow: hidden;
  	min-height: 43px;
  	min-width:208px;
	padding: 0 28px 0 14px;
	background: var(--button-bg-color);
	color: var(--button-text-color);
	border: none;
	border-radius: 0;
	text-decoration: none;
	box-sizing: border-box;
	white-space: nowrap;
}

.elementor-widget-button .elementor-button .elementor-button-text {
	position: relative;
	z-index: 2;
	line-height: 1;
	color: inherit;
}

.elementor-widget-button .elementor-button::after {
	content: "";
	position: absolute;
	top: 3px;
	right: 3px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: var(--button-arrow-svg);
	transition: transform 0.25s ease;
}

.elementor-widget-button .elementor-button:hover::after {
	transform: translate(2px, -2px);
}


.arrow-beige .elementor-button {
	--button-text-color: #BBAA99;
	--button-arrow-svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgMFYxNkwwIDBIMTZaIiBmaWxsPSIjQkJBQTk5Ii8+PC9zdmc+");
}


.arrow-inverted .elementor-button {
	--button-bg-color: #BBAA99;
	--button-text-color: #fff;
	--button-arrow-svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgMFYxNkwwIDBIMTZaIiBmaWxsPSIjRkZGRkZGODAiLz48L3N2Zz4=");
}
*/
/* =========================================================
   KB BUTTON SYSTEM
   Brug kun:
   kb-button kb-button-style-1
   kb-button kb-button-style-2
   osv.
   Virker både på:
   1) Elementor widget wrapper
   2) Direkte på <a>-tag i shortcodes
   ========================================================= */


/* ---------------------------------------------------------
   BASIS
   --------------------------------------------------------- */

/* Elementor: class på widget wrapper */
.elementor-widget-button.kb-button .elementor-button,
/* Shortcodes/html: class direkte på link eller button */
a.kb-button,
button.kb-button {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	overflow: hidden !important;
	min-height: 43px !important;
	min-width: 180px !important;
	padding: 0 28px 0 14px !important;
	margin: 0 !important;
	border-radius: 0 !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	white-space: nowrap !important;
	font-family: "Nunito Sans", sans-serif !important;
	line-height: 1 !important;
	text-align: left !important;
	background-image: none !important;
	box-shadow: none !important;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease !important;
}

/* Hover/focus reset */
.elementor-widget-button.kb-button .elementor-button:hover,
.elementor-widget-button.kb-button .elementor-button:focus,
a.kb-button:hover,
a.kb-button:focus,
button.kb-button:hover,
button.kb-button:focus {
	text-decoration: none !important;
	box-shadow: none !important;
	outline: none !important;
	background-image: none !important;
}

/* Elementor wrappers */
.elementor-widget-button.kb-button .elementor-button-content-wrapper {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: 100% !important;
}

.elementor-widget-button.kb-button .elementor-button-text {
	flex-grow: 0 !important;
	color: inherit !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
}

/* Elementor size reset */
.elementor-widget-button.kb-button .elementor-button.elementor-size-sm,
.elementor-widget-button.kb-button .elementor-button.elementor-size-md,
.elementor-widget-button.kb-button .elementor-button.elementor-size-lg,
.elementor-widget-button.kb-button .elementor-button.elementor-size-xl {
	padding: 0 28px 0 14px !important;
	font-size: inherit !important;
}


/* ---------------------------------------------------------
   TREKANT - fælles
   --------------------------------------------------------- */
.elementor-widget-button.kb-button .elementor-button::after,
a.kb-button::after,
button.kb-button::after {
	content: "" !important;
	position: absolute !important;
	width: 20px !important;
	height: 20px !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-position: center !important;
	background-image: var(--kb-button-arrow-svg) !important;
	pointer-events: none !important;
	z-index: 2 !important;
	transition: transform 0.25s ease !important;
}

/* Standard: top right */
.elementor-widget-button.kb-button .elementor-button::after,
a.kb-button::after,
button.kb-button::after {
	top: 4px !important;
	right: 4px !important;
	transform: none !important;
}

.elementor-widget-button.kb-button .elementor-button:hover::after,
a.kb-button:hover::after,
button.kb-button:hover::after {
	transform: translate(2px, -2px) !important;
}

/* Style 6 = bottom right */
.elementor-widget-button.kb-button.kb-button-style-6 .elementor-button::after,
a.kb-button.kb-button-style-6::after,
button.kb-button.kb-button-style-6::after {
	top: auto !important;
	right: 4px !important;
	bottom: 4px !important;
	transform: rotate(90deg) !important;
}

.elementor-widget-button.kb-button.kb-button-style-6 .elementor-button:hover::after,
a.kb-button.kb-button-style-6:hover::after,
button.kb-button.kb-button-style-6:hover::after {
	transform: rotate(90deg) translate(2px, -2px) !important;
}


/* ---------------------------------------------------------
   STYLE 1
   --------------------------------------------------------- */
.elementor-widget-button.kb-button.kb-button-style-1,
a.kb-button.kb-button-style-1,
button.kb-button.kb-button-style-1 {
	--kb-button-arrow-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M0 0L20 0L20 20L0 0Z' fill='%23000000'/></svg>");
}

.elementor-widget-button.kb-button.kb-button-style-1 .elementor-button,
a.kb-button.kb-button-style-1,
button.kb-button.kb-button-style-1 {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #000000 !important;
	fill: #000000 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	min-height: 31px !important;
	border: none !important;
}


/* ---------------------------------------------------------
   STYLE 2
   --------------------------------------------------------- */
.elementor-widget-button.kb-button.kb-button-style-2,
a.kb-button.kb-button-style-2,
button.kb-button.kb-button-style-2 {
	--kb-button-arrow-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M0 0L20 0L20 20L0 0Z' fill='%23BBAA99'/></svg>");
}

.elementor-widget-button.kb-button.kb-button-style-2 .elementor-button,
a.kb-button.kb-button-style-2,
button.kb-button.kb-button-style-2 {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #BBAA99 !important;
	fill: #BBAA99 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	border: none !important;
}


/* ---------------------------------------------------------
   STYLE 3
   --------------------------------------------------------- */
.elementor-widget-button.kb-button.kb-button-style-3,
a.kb-button.kb-button-style-3,
button.kb-button.kb-button-style-3 {
	--kb-button-arrow-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M0 0L20 0L20 20L0 0Z' fill='%23000000'/></svg>");
}

.elementor-widget-button.kb-button.kb-button-style-3 .elementor-button,
a.kb-button.kb-button-style-3,
button.kb-button.kb-button-style-3 {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #000000 !important;
	fill: #000000 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	border: 1px solid #000000 !important;
}


/* ---------------------------------------------------------
   STYLE 4
   --------------------------------------------------------- */
.elementor-widget-button.kb-button.kb-button-style-4,
a.kb-button.kb-button-style-4,
button.kb-button.kb-button-style-4 {
	--kb-button-arrow-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M0 0L20 0L20 20L0 0Z' fill='%23ffffff'/></svg>");
}

.elementor-widget-button.kb-button.kb-button-style-4 .elementor-button,
a.kb-button.kb-button-style-4,
button.kb-button.kb-button-style-4 {
	background: #BBAA99 !important;
	background-color: #BBAA99 !important;
	color: #ffffff !important;
	fill: #ffffff !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	border: 1px solid #ffffff !important;
}


/* ---------------------------------------------------------
   STYLE 5
   --------------------------------------------------------- */
.elementor-widget-button.kb-button.kb-button-style-5,
a.kb-button.kb-button-style-5,
button.kb-button.kb-button-style-5 {
	--kb-button-arrow-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M0 0L20 0L20 20L0 0Z' fill='%23ded6ce'/></svg>");
}

.elementor-widget-button.kb-button.kb-button-style-5 .elementor-button,
a.kb-button.kb-button-style-5,
button.kb-button.kb-button-style-5 {
	background: #BBAA99 !important;
	background-color: #BBAA99 !important;
	color: #ffffff !important;
	fill: #ffffff !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	border: none !important;
}


/* ---------------------------------------------------------
   STYLE 6
   --------------------------------------------------------- */
.elementor-widget-button.kb-button.kb-button-style-6,
a.kb-button.kb-button-style-6,
button.kb-button.kb-button-style-6 {
	--kb-button-arrow-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M0 0L20 0L20 20L0 0Z' fill='%23ded6ce'/></svg>");
}

.elementor-widget-button.kb-button.kb-button-style-6 .elementor-button,
a.kb-button.kb-button-style-6,
button.kb-button.kb-button-style-6 {
	background: #BBAA99 !important;
	background-color: #BBAA99 !important;
	color: #ffffff !important;
	fill: #ffffff !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	border: none !important;
}





/* MOBILE LOGO */
#mobile_logo {
	position: fixed !important;
	top: 30px !important;
	left: 50% !important;
	right: auto !important;
	transform: translateX(-50%) !important;
}








/* ---------------------------------------------------------
   IPAD LANDSCAPE / TABLET
   op til 1200px
   --------------------------------------------------------- */
@media (max-width: 1200px) {

	/* Basis størrelse */
	.elementor-widget-button.kb-button .elementor-button,
	a.kb-button,
	button.kb-button {
		min-height: 39px !important;
		min-width: 160px !important;
	}

	/* Elementor size reset */
	.elementor-widget-button.kb-button .elementor-button.elementor-size-sm,
	.elementor-widget-button.kb-button .elementor-button.elementor-size-md,
	.elementor-widget-button.kb-button .elementor-button.elementor-size-lg,
	.elementor-widget-button.kb-button .elementor-button.elementor-size-xl {
		min-height: 39px !important;
		min-width: 160px !important;
	}

	/* Trekant størrelse */
	.elementor-widget-button.kb-button .elementor-button::after,
	a.kb-button::after,
	button.kb-button::after {
		width: 15px !important;
		height: 15px !important;
	}

	/* Styles hvor font-size normalt er 16px -> 14px */
	.elementor-widget-button.kb-button.kb-button-style-2 .elementor-button,
	a.kb-button.kb-button-style-2,
	button.kb-button.kb-button-style-2,

	.elementor-widget-button.kb-button.kb-button-style-3 .elementor-button,
	a.kb-button.kb-button-style-3,
	button.kb-button.kb-button-style-3,

	.elementor-widget-button.kb-button.kb-button-style-4 .elementor-button,
	a.kb-button.kb-button-style-4,
	button.kb-button.kb-button-style-4,

	.elementor-widget-button.kb-button.kb-button-style-5 .elementor-button,
	a.kb-button.kb-button-style-5,
	button.kb-button.kb-button-style-5,

	.elementor-widget-button.kb-button.kb-button-style-6 .elementor-button,
	a.kb-button.kb-button-style-6,
	button.kb-button.kb-button-style-6 {
		font-size: 14px !important;
	}

	/* Style 1 */
	.elementor-widget-button.kb-button.kb-button-style-1 .elementor-button,
	a.kb-button.kb-button-style-1,
	button.kb-button.kb-button-style-1 {
		font-size: 12px !important;
		min-height: 31px !important;
	}




}




/* COOKIE CONSENT */
#wpbccp-preferences .wpbccp-modal-header {
    padding: 20px!important;
}
#wpbccp-manage.wpbccp-manage-left {
    left: 16px!important;
}
#wpbccp-manage {
 filter: grayscale(100%) contrast(120%);
}
#wpbccp-manage:hover {
 filter: none;
}
#wpbccp-manage.wpbccp-manage-button {
    z-index: 9999999!important;
}

.wpbccp-btn.wpbccp-btn-accept-all,
.wpbccp-btn.wpbccp-btn-save-preferences {
  background-color: #BBAA99 !important;
  color: #fff !important;
}

#wpbccp-banner {z-index: 99999999;}
#wpbccp-preferences.wpbccp-modal {
    z-index: 999998!important;
}

/* KARRUSSEL - NAVIGATION */ 

/* KB navigation arrows */
.kb-navigation {
	position: relative;
}

.kb-navigation .elementor-swiper-button {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 69px !important;
	height: 43px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #fff !important;
	border-radius: 0 !important;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16) !important;
	opacity: 1 !important;
	z-index: 30 !important;
	overflow: visible !important;
}

/* skjul Elementors standard pile */
.kb-navigation .elementor-swiper-button svg {
	display: none !important;
}

/* højre pil skal stikke ud over kanten */
.kb-navigation .elementor-swiper-button-next {
	right: -34.5px !important;
	left: auto !important;
}

/* venstre pil skal stikke ud over kanten */
.kb-navigation .elementor-swiper-button-prev {
	left: -34.5px !important;
	right: auto !important;
}

/* trekanten */
.kb-navigation .elementor-swiper-button::before {
	content: "" !important;
	position: absolute !important;
	top: 8.5px !important;
	width: 13px !important;
	height: 26px !important;
	background: #BBAA99 !important;
	display: block !important;
}

/* trekant i højre knap */
.kb-navigation .elementor-swiper-button-next::before {
	left: 49px !important;
	clip-path: polygon(0 0, 100% 50%, 0 100%) !important;
}

/* trekant i venstre knap */
.kb-navigation .elementor-swiper-button-prev::before {
	left: 7px !important;
	clip-path: polygon(100% 0, 0 50%, 100% 100%) !important;
}

/* valgfri hover */
.kb-navigation .elementor-swiper-button:hover {
	box-shadow: 0 6px 28px rgba(0, 0, 0, 0.20) !important;
}


/* FOOTER */
footer strong {
    font-weight: 900 !important;
}

/* FOOTER WPML LANGUAGE SWITCHER */
.kb-footer-lang-switcher {
	display: inline-flex;
	align-items: center;
	gap: 0;
}

.kb-footer-lang-switcher .kb-lang-link {
	position: relative;
	display: inline-block;
	color: #FFF;
	font-family: "Nunito Sans", sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	padding-bottom: 1px;
}

.kb-footer-lang-switcher .kb-lang-separator {
	color: #FFF;
	font-family: "Nunito Sans", sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	padding: 0 6px;
}

.kb-footer-lang-switcher .kb-lang-link::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%) scaleX(0);
	transform-origin: center;
	width: 100%;
	height: 1px;
	background-color: #fff;
	transition: transform 0.35s ease;
}

.kb-footer-lang-switcher .kb-lang-link:hover::after,
.kb-footer-lang-switcher .kb-lang-link.is-active::after {
	transform: translateX(-50%) scaleX(1);
}



.underline a {
	position: relative;
	display: inline-block;
	color: inherit;
	text-decoration: none;
	padding-bottom: 1px;
}

.underline a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 1px;
	transform: translateX(-50%) scaleX(0);
	transform-origin: center;
	width: 100%;
	height: 1px;
	background-color: currentColor;
	transition: transform 0.35s ease;
}

.underline a:hover::after,
.underline a:focus::after {
	transform: translateX(-50%) scaleX(1);
}













@media(max-width:767px) {

	/* højre pil skal stikke ud over kanten */
.kb-navigation .elementor-swiper-button-next {
	right: 0 !important;
	left: auto !important;
}

/* venstre pil skal stikke ud over kanten */
.kb-navigation .elementor-swiper-button-prev {
	left: 0 !important;
	right: auto !important;
}

}