.stor-tekst-understrek {
	font-size: 40px;
	text-decoration: underline;
	color: var(--main-font-color);
	font-weight: 900;
}

/* .her-er-vi-button {
	margin-left: 50px;
	height: 100%;
	align-self: center;
	border: none;
	background: inherit;
	position: absolute;
	left: 0;
} */

/* .til-startside {
	position: absolute;
	right: 0;
	height: 100%;
	border: none;
	background-color: inherit;
	margin-right: 50px;
} */

section {
	text-align: center;
}

.welcome {
	background-color: var(--main-background);

	font-size: 22px;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.welcome h2 {
	margin-bottom: 2em;
}

.welcome p {
	width: 40%;
	text-align: center;
	margin: 0 auto;
}

.arrowdown {
	height: 30%;
	width: auto;
	margin: 0 auto;
	margin-top: 4em;
}

.vare-ansatte h2 {
	width: 210px;
	margin: 0 auto;
	text-align: center;
	margin-top: 3em;
	margin-bottom: 5em;
	color: var(--main-font-color);
}

.ansatt {
	margin: 0 auto;
	width: 70%;
	margin-bottom: 7em;
}

.ansatt-top-row {
	display: flex;
	justify-content: space-between;
	/* gap: 6em; */
}

.ansatt-top-row .left {
	display: flex;
	flex-direction: column;
	justify-content: end;
	margin-bottom: 6em;
}

.ansatt-top-row .left h3 {
	font-size: 72px;
	font-weight: 300;
	font-weight: 400;
	margin-right: 0.5em;
	color: #3d3412;
}

.ansatt-top-row .left p {
	align-self: flex-end;
	color: #3c3c3b;
}

.ansatt-second-row {
	margin: 0 auto;
	margin-left: 22%;
	width: 70%;
	margin-top: -6em;
}
.ansatt-second-row img {
	width: 100%;
}

.over-bilde-tekst {
	width: 60%;
	text-align: start;
	font-weight: 300;
	font-weight: 400;
	margin-bottom: 2rem;
}

.ansatt-second-row .under-bilde-tekst {
	width: 80%;
	font-size: 11px;
	line-height: 16px;
	text-align: start;
	padding-top: 1em;
	color: #3c3c3b;
}

.custom-latter-wrapper {
	display: flex;
	position: relative;
}

.latter-logo {
	height: 30px;
	width: auto;
	margin-top: 100px;
	bottom: 0;
	right: 0;
}

/* Karusell CSS HERE */
.karusell-wrapper h2 {
	margin-bottom: 1em;
	margin-top: 5em;
}

.karusell-wrapper {
	min-height: 600px;
}

.kfw-karusell {
	--carousel-button: 60px; /* oversized to compensate for button padding  */
	margin-bottom: 2em;
	display: flex;
	width: calc(100% + var(--carousel-button) + var(--carousel-button));
	margin-left: calc(1px - 1px - var(--carousel-button));
}

.slick-custom-button {
	border: none;
	background-color: transparent;
	z-index: 10;
	height: 269px;
}
.slick-custom-button:hover {
	cursor: pointer;
}

.slick-custom-button img,
.slick-custom-button img {
	padding: 0 10px;
	width: var(--carousel-button);
}

.slick-prev {
	position: relative;

	left: calc(var(--carousel-button));
}

.slick-next {
	position: relative;
	right: calc(var(--carousel-button));
}

.kfw-karusell-bilde-wrapper {
	position: relative;
}

.kfw-karusell-bilde-wrapper img {
	opacity: 50%;
	max-height: 290px;
}

.karusell-info {
	width: 100%;
	display: none;
	margin: 0 auto;
	width: 150px;
	position: relative;
	margin-top: 2em;
	margin-bottom: 2em;
}
.karusell-info h3 {
	font-size: 24px;
}

.karusell-info p {
	width: 80%;
	margin: 0 auto;
	font-size: 11px;
	line-height: 16px;
	padding-bottom: 3em;
}

.karusell-info a {
	color: inherit;
	text-decoration: none;
}

.slick-current img {
	opacity: 100%;
}

.slick-current .karusell-info {
	display: block;
	animation: fadein 1s linear;
}

.slick-slide {
	margin-left: 0.2em;
	margin-right: 0.2em;
}
.slick-slide img {
	width: 100%;
}

.karusell-button {
	appearance: button;
	margin: 1px auto;
	width: 100%;
	padding: 0.8em 1em;
	background: inherit;
	border: 1px solid var(--main-font-color);
	border-radius: 5px;
}

.karusell-button:hover {
	background-color: #000;
	color: var(--main-background);
}
.footer {
	height: 90px;
	background-color: var(--footer-color);
}