.front-page-header {
	--front-page-header-padding-inline: 20px;
	--front-page-header-margin-top: calc(var(--suki-norsk-interaktiv-header-main-bar-height, 100px) * -1);
	--front-page-header-padding-bottom: 122px;
	--front-page-header-grid-columns: 440px 1fr;
	--front-page-header-grid-gap: 40px;
	--front-page-header-image-grid-row: unset;
	--front-page-header-background-width: 1440;
	--front-page-header-background-height: 1099;
	--front-page-header-background-url: url();
	--front-page-header-background-position-top: -40px;
	--front-page-header-content-margin-top: 22vw;
	--front-page-header-image-margin-top: 12vw;
	--front-page-header-buttons-gap: 16px;
	background: var(--front-page-header-background-url), linear-gradient(180deg, #fff 0%, #fff 50%, var(--clr-secondary-light, #f8f9ff) 100%);
	padding-inline: var(--front-page-header-padding-inline);
	margin-top: var(--front-page-header-margin-top);
	padding-bottom: var(--front-page-header-padding-bottom);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: left var(--front-page-header-background-position-top);
}

.front-page-header-container {
	height: 100%;
	width: var(--container-width-wide, 1300px);
	max-width: 100%;
	margin-inline: auto;
}

.front-page-header-inner-container {
	display: grid;
	grid-template-columns: var(--front-page-header-grid-columns);
	gap: var(--front-page-header-grid-gap);
	height: 100%;
	width: var(--container-width-offset, 1190px);
	max-width: 100%;
	margin-left: auto;
	margin-right: 0;
}

.front-page-header-content {
	margin-top: var(--front-page-header-content-margin-top);
}

.front-page-header-image {
	margin-top: var(--front-page-header-image-margin-top);
	grid-row: var(--front-page-header-image-grid-row);
}

.front-page-header-content-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: var(--front-page-header-buttons-gap);
}

@media screen and (min-width: 1600px) {
	.front-page-header {
		--front-page-header-background-position-top: -200px;
		--front-page-header-content-margin-top: 12vw;
		--front-page-header-image-margin-top: 6vw;
	}
}

@media screen and (min-width: 2400px) {
	.front-page-header {
		--front-page-header-background-position-top: -350px;
		--front-page-header-content-margin-top: 8vw;
		--front-page-header-image-margin-top: 4vw;
	}
}

@media screen and (max-width: 1024px) {
	.front-page-header {
		--front-page-header-background-position-top: 0;
		--front-page-header-margin-top: 0;
		--front-page-header-padding-bottom: 20px;
		--front-page-header-grid-columns: 1fr;
		--front-page-header-grid-gap: 23px;
		--front-page-header-image-margin-top: 13px;
		--front-page-header-image-grid-row: 1;
		--front-page-header-content-margin-top: 23px;
		--front-page-header-buttons-gap: 11px;
	}

	.front-page-header-image img {
		display: block;
		margin-inline: auto;
		max-height: 50vh;
	}
}