/*======================================================================//
// Indsigt-univers: [stom_vis_indsigter]                                //
// Værdier fra Figma "Forside - oversigt" (node 1:66).                  //
// Figma "Black" = 800 (sitets fontkit har ikke 900)                    //
//======================================================================*/

body.indsigt-landingpage,
body.indsigt-single {
	--indsigt-blaa: var(--color-1);   /* #294954 Dark blue */
	--indsigt-bronze: var(--color-2); /* #ad643a Bronze */
	--indsigt-graa-tekst: #272727;    /* Text grey */
	--indsigt-lys: #f5f7f8;
	--indsigt-hvid: #fff;
	--indsigt-radius: 20px;
	--indsigt-radius-lille: 5px;
	--indsigt-black: 800;
	--indsigt-semibold: 600;
	--indsigt-medium: 500; /* brødtekst. Kræver at vægt 500 er i Typekit-kittet - ellers vises 400 */
	--indsigt-regular: 400;
	/* Area Normal har versalhøjde over ascender, så tekst ser for høj ud ved line-height: 1.
	   Padding-top i elementer med fast højde flytter teksten .15em ned i optisk midte */
	--indsigt-optisk-midte: .3em;

	background: #f6f7f8; /* rgba(217, 224, 228, .25) oven på hvid */
}

.indsigt-univers [hidden] {
	display: none !important;
}

/* ===== Indledning (overskrift + tekst i Basis-sektionen før shortcoden) ===== */

body.indsigt-landingpage .section > h1:first-child {
	margin: 0 0 8px;
	color: var(--indsigt-blaa);
	font-size: 40px;
	font-weight: var(--indsigt-black);
	line-height: 1.15;
}

body.indsigt-landingpage .section > h1:first-child + p {
	margin: 0 0 20px;
	color: var(--indsigt-blaa);
	font-size: 18px;
	font-weight: var(--indsigt-medium);
	line-height: 1.3;
}

/* Brødtekst i de øvrige tekstsektioner på siden (fx "Hvad er Varefakta Indsigt?") */
body.indsigt-landingpage #main-content .section-wrap.basis .section > :is(p, ul, ol) {
	font-size: 18px;
	font-weight: var(--indsigt-medium);
	line-height: 1.4;
}

body.indsigt-landingpage #main-content .section-wrap.basis .section > :is(ul, ol) li {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

/* ===== Søgning ===== */

.indsigt-univers {
	color: var(--indsigt-blaa);
}

.indsigt-univers .indsigt-soegning {
	position: relative;
	margin: 0 0 20px;
}

.indsigt-univers .indsigt-soeg-ikon {
	position: absolute;
	top: 50%;
	left: 18px;
	width: 22px;
	height: 22px;
	transform: translateY(-50%);
	color: var(--indsigt-blaa);
	pointer-events: none;
}

.indsigt-univers .indsigt-soeg-felt {
	display: block;
	width: 100%;
	height: 54px;
	margin: 0;
	/* line-height 1 klipper toppen af "Ø" i inputfeltet - brug normal linjehøjde og flyt kun teksten lidt ned */
	padding: 4px 20px 0 52px;
	border: 1px solid var(--indsigt-blaa);
	border-radius: var(--indsigt-radius-lille);
	background: var(--indsigt-hvid);
	color: var(--indsigt-blaa);
	font-size: 18px;
	font-weight: var(--indsigt-medium);
	line-height: 1.35;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

.indsigt-univers .indsigt-soeg-felt::placeholder {
	color: var(--indsigt-blaa);
	opacity: 1;
}

.indsigt-univers .indsigt-soeg-felt:focus {
	outline: 2px solid var(--indsigt-bronze);
	outline-offset: 1px;
}

/* ===== Filtre ===== */

.indsigt-univers .indsigt-filtre {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.indsigt-univers .indsigt-filtre li {
	margin: 0;
	padding: 0;
}

.indsigt-univers .indsigt-filtre li::before {
	display: none;
}

.indsigt-univers .indsigt-filter {
	display: inline-flex;
	align-items: center;
	height: 32px;
	padding: var(--indsigt-optisk-midte) 10px 0;
	border: 1px solid var(--indsigt-blaa);
	border-radius: var(--indsigt-radius-lille);
	background: var(--indsigt-hvid);
	color: var(--indsigt-blaa);
	font-size: 16px;
	font-weight: var(--indsigt-medium);
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	transition: background var(--transition), color var(--transition);
}

.indsigt-univers .indsigt-filter:hover,
.indsigt-univers .indsigt-filter.active {
	background: var(--indsigt-blaa);
	color: var(--indsigt-hvid);
}

/* ===== Sektionsoverskrifter ("Seneste indsigt", "Alle indsigter") ===== */

.indsigt-univers .indsigt-senest,
.indsigt-univers .indsigt-oversigt {
	margin-top: 40px;
}

.indsigt-univers .indsigt-overskrift {
	margin: 0 0 20px;
	color: var(--indsigt-blaa);
	font-size: 25px;
	font-weight: var(--indsigt-black);
	line-height: 1.2;
}

/* ===== Kort ===== */

.indsigt-univers .indsigt {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: var(--indsigt-radius);
	background: var(--indsigt-hvid);
	color: var(--indsigt-blaa);
}

.indsigt-univers .indsigt .full-element-link {
	position: absolute;
	inset: 0;
	z-index: 2;
}

.indsigt-univers .indsigt .thumbnail {
	aspect-ratio: 380 / 214;
	overflow: hidden;
	background: var(--color-3);
}

.indsigt-univers .indsigt .thumbnail img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease-out;
}

.indsigt-univers .indsigt:hover .thumbnail img {
	transform: scale(1.04);
}

.indsigt-univers .indsigt .content {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 27px 20px 28px;
}

.indsigt-univers .indsigt .meta {
	display: flex;
	flex-wrap: wrap; /* lange kategorinavne brydes som én samlet linje under datoen */
	align-items: baseline;
	margin: 0 0 10px;
	color: var(--indsigt-bronze);
	font-size: 16px;
	font-weight: var(--indsigt-semibold);
	line-height: 1.2;
}

.indsigt-univers .indsigt .meta .category {
	white-space: nowrap;
}

/* Skillestreg mellem dato og kategori: 2 x 12px */
.indsigt-univers .indsigt .meta .category::before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 12px;
	margin: 0 10px;
	background: currentColor;
	vertical-align: 0;
}

/* Smalle kort: kategorien står under datoen uden skillestreg i stedet for at brydes.
   Skal stå efter skillestregen, ellers vinder den */
.indsigt-univers .indsigt .content {
	container-type: inline-size;
}

@container (max-width: 330px) {
	.indsigt-univers .indsigt .meta {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}

	.indsigt-univers .indsigt .meta .category::before {
		display: none;
	}
}

.indsigt-univers .indsigt .title {
	display: -webkit-box;
	margin: 0 0 14px;
	overflow: hidden;
	color: var(--indsigt-blaa);
	font-size: 20px;
	font-weight: var(--indsigt-black);
	line-height: 1.25;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.indsigt-univers .indsigt .excerpt {
	display: -webkit-box;
	margin: 0 0 24px;
	overflow: hidden;
	color: var(--indsigt-blaa);
	font-size: 18px;
	font-weight: var(--indsigt-medium);
	line-height: 1.3;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.indsigt-univers .indsigt .read-more {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: auto;
	color: var(--indsigt-blaa);
	font-size: 18px;
	font-weight: var(--indsigt-black);
	line-height: 1;
}

.indsigt-univers .indsigt .read-more svg {
	width: 17px;
	height: 14px;
	transition: transform var(--transition);
}

.indsigt-univers .indsigt:hover .read-more svg {
	transform: translateX(4px);
}

/* ===== Fremhævet: seneste indsigt (billede 1/3, tekst 2/3) ===== */

.indsigt-univers .indsigt-fremhaevet {
	display: grid;
	grid-template-columns: 1fr 2fr;
	min-height: 504px;
}

.indsigt-univers .indsigt-fremhaevet .thumbnail {
	aspect-ratio: auto;
	height: 100%;
}

.indsigt-univers .indsigt-fremhaevet .content {
	padding: 37px 40px 40px;
}

.indsigt-univers .indsigt-fremhaevet .meta {
	margin-bottom: 18px;
}

.indsigt-univers .indsigt-fremhaevet .title {
	margin-bottom: 26px;
	color: var(--indsigt-graa-tekst);
	font-size: 30px;
	line-height: 1.2;
	-webkit-line-clamp: 3;
}

.indsigt-univers .indsigt-fremhaevet .excerpt {
	margin-bottom: 30px;
	color: var(--indsigt-graa-tekst);
	-webkit-line-clamp: 4;
}

.indsigt-univers .indsigt-fremhaevet .read-more {
	align-self: flex-end;
}

/* Nøgletal under uddraget (Figma node 1:312): 40px fra uddrag, 56px til knappens versalhøjde */
.indsigt-univers .indsigt-kort-datapunkt {
	display: flex;
	align-items: center;
	gap: 15px;
	margin: 10px 0 54px; /* +2px fra knappens linjeboks = 56px */
	padding: 40px;
	border-radius: var(--indsigt-radius);
	background: var(--indsigt-lys);
	color: var(--indsigt-bronze);
}

.indsigt-univers .indsigt-kort-datapunkt p {
	margin: 0;
	color: var(--indsigt-bronze);
	font-weight: var(--indsigt-black);
}

.indsigt-univers .indsigt-kort-datapunkt .indsigt-kort-datapunkt-tal {
	flex: 0 0 auto;
	padding-top: .07em; /* versalhøjden går over linjeboksen ved line-height 1 */
	font-size: 60px;
	line-height: 1;
	white-space: nowrap;
}

.indsigt-univers .indsigt-kort-datapunkt .indsigt-kort-datapunkt-tekst {
	font-size: 18px;
	line-height: 1.2;
}

/* ===== Grid ===== */

.indsigt-univers .indsigt-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 25px 30px;
	transition: opacity var(--transition);
}

.indsigt-univers.indlaeser .indsigt-grid {
	opacity: .5;
}

.indsigt-univers .indsigt-ingen {
	margin: 0;
}

/* "Alle indsigter" skjules, når der kun findes den seneste indsigt - ellers står overskriften alene over et tomt felt.
   Ved en søgning uden resultat vises "Der blev ikke fundet nogen indsigter" stadig */
.indsigt-univers .indsigt-oversigt:not(:has(.indsigt-grid > *)):has(.indsigt-ingen[hidden]) {
	display: none;
}

/* ===== Vis flere ===== */

.indsigt-univers .indsigt-vis-flere-wrapper {
	margin-top: 60px;
	text-align: center;
}

/* Uden flere sider står der ingen knap - så heller ingen tom luft */
.indsigt-univers .indsigt-vis-flere-wrapper:has(> .indsigt-vis-flere[hidden]) {
	display: none;
}

.indsigt-univers .indsigt-vis-flere {
	display: inline-flex;
	align-items: center;
	height: 54px;
	margin: 0;
	padding: var(--indsigt-optisk-midte) 30px 0;
	border: 0;
	border-radius: 50px;
	background: var(--indsigt-blaa);
	color: var(--indsigt-hvid);
	font-size: 18px;
	font-weight: var(--indsigt-black);
	line-height: 1;
	cursor: pointer;
	transition: opacity var(--transition);
}

.indsigt-univers .indsigt-vis-flere:hover {
	opacity: .85;
}

.indsigt-univers .indsigt-vis-flere:disabled {
	opacity: .6;
	cursor: wait;
}

/*======================================================================//
// Nøgletal: "Kolonner & kasser"-sektion med tællere ([count]) på     //
// indsigt-siden - eller en sektion med klassen indsigt-noegletal      //
// Indhold pr. kolonne: [count data-count="68" type="percentage"] + tekst //
//======================================================================*/

body.indsigt-landingpage :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) .section {
	padding: 62px 60px 52px; /* 60px til tallets versalhøjde / fra sidste linjes grundlinje som i Figma */
	border-radius: var(--indsigt-radius);
	background: var(--indsigt-blaa);
	color: var(--indsigt-hvid);
}

body.indsigt-landingpage :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) .grid-elements {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0 60px;
	margin: 0;
}

body.indsigt-landingpage :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) .grid-element {
	position: relative;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
	background: none;
	color: var(--indsigt-hvid);
}

/* Lodret skillelinje mellem kolonnerne */
body.indsigt-landingpage :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) .grid-element + .grid-element::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -30px;
	width: 1px;
	background: var(--indsigt-hvid);
}

body.indsigt-landingpage :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) .overlay {
	justify-content: flex-start; /* temaet bundjusterer - tal skal stå på linje i toppen */
	position: static;
	padding: 0;
	background: none;
	color: var(--indsigt-hvid);
}

body.indsigt-landingpage :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) .count-up {
	margin: 0 0 2px; /* Figma: 67px fra tallets til tekstens versalhøjde */
	color: var(--indsigt-hvid);
	font-size: 60px;
	font-weight: var(--indsigt-black);
	line-height: 1;
}

/* #main-content .section .grid-element: temaet sætter .overlay > p til 16px med en id-selector */
body.indsigt-landingpage #main-content :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) .section .grid-element p {
	margin: 0;
	color: var(--indsigt-hvid);
	font-size: 18px;
	font-weight: var(--indsigt-medium);
	line-height: 1.35; /* Figmas "normal" for Area Normal */
}

body.indsigt-landingpage :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) p:empty {
	display: none;
}

/* ===== Responsive ===== */

@media only screen and (max-width: 1199px) {
	.indsigt-univers .indsigt-fremhaevet {
		min-height: 420px;
	}

	.indsigt-univers .indsigt-fremhaevet .content {
		padding: 30px 30px 32px;
	}

	.indsigt-univers .indsigt-fremhaevet .title {
		font-size: 26px;
	}

	.indsigt-univers .indsigt-kort-datapunkt {
		padding: 30px;
	}

	.indsigt-univers .indsigt-kort-datapunkt .indsigt-kort-datapunkt-tal {
		font-size: 50px;
	}
}

@media only screen and (max-width: 959px) {
	body.indsigt-landingpage .section > h1:first-child {
		font-size: 34px;
	}

	.indsigt-univers .indsigt-senest,
	.indsigt-univers .indsigt-oversigt {
		margin-top: 32px;
	}

	.indsigt-univers .indsigt-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
	}

	/* Smallere kort: 3 linjer til titlen, så den ikke klippes midt i en sætning */
	.indsigt-univers .indsigt .title {
		-webkit-line-clamp: 3;
	}

	.indsigt-univers .indsigt-fremhaevet {
		min-height: 0; /* kortet følger teksten - billedet fylder højden */
	}

	.indsigt-univers .indsigt-fremhaevet .content {
		padding: 24px 24px 26px;
	}

	.indsigt-univers .indsigt-fremhaevet .meta {
		margin-bottom: 12px;
	}

	.indsigt-univers .indsigt-fremhaevet .title {
		margin-bottom: 14px;
		font-size: 22px;
	}

	.indsigt-univers .indsigt-fremhaevet .excerpt {
		margin-bottom: 24px;
		-webkit-line-clamp: 3;
	}

	.indsigt-univers .indsigt-kort-datapunkt {
		gap: 12px;
		margin: 0 0 24px;
		padding: 20px 24px;
	}

	.indsigt-univers .indsigt-kort-datapunkt .indsigt-kort-datapunkt-tal {
		font-size: 42px;
	}

	.indsigt-univers .indsigt-kort-datapunkt .indsigt-kort-datapunkt-tekst {
		font-size: 16px;
	}

	.indsigt-univers .indsigt-vis-flere-wrapper {
		margin-top: 40px;
	}

	body.indsigt-landingpage :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) .section {
		padding: 40px 30px;
	}

	body.indsigt-landingpage :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) .grid-elements {
		gap: 0 40px;
	}

	body.indsigt-landingpage :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) .grid-element + .grid-element::before {
		left: -20px;
	}

	body.indsigt-landingpage :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) .count-up {
		font-size: 48px;
	}

	body.indsigt-landingpage #main-content :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) .section .grid-element p {
		font-size: 16px;
	}
}

@media only screen and (max-width: 767px) {
	/* Seneste indsigt stables: billede over tekst */
	.indsigt-univers .indsigt-fremhaevet {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.indsigt-univers .indsigt-fremhaevet .thumbnail {
		height: auto;
		aspect-ratio: 380 / 214;
	}

	.indsigt-univers .indsigt-fremhaevet .content {
		padding: 24px 20px 26px;
	}

	.indsigt-univers .indsigt-fremhaevet .read-more {
		align-self: flex-start;
	}

	body.indsigt-landingpage :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) .grid-elements {
		grid-template-columns: 1fr;
		gap: 50px 0;
	}

	/* Skillelinjen bliver vandret, når kolonnerne stables */
	body.indsigt-landingpage :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) .grid-element + .grid-element::before {
		top: -25px;
		bottom: auto;
		left: 0;
		width: 100%;
		height: 1px;
	}
}

@media only screen and (max-width: 600px) {
	body.indsigt-landingpage .section > h1:first-child {
		font-size: 30px;
	}

	body.indsigt-landingpage .section > h1:first-child + p,
	body.indsigt-landingpage #main-content .section-wrap.basis .section > :is(p, ul, ol) {
		font-size: 16px;
	}

	.indsigt-univers .indsigt-soeg-felt {
		height: 48px;
		font-size: 16px;
	}

	/* Filtrene på én linje, som kan scrolles vandret, i stedet for en høj stak */
	.indsigt-univers .indsigt-filtre {
		flex-wrap: nowrap;
		gap: 8px;
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.indsigt-univers .indsigt-filtre::-webkit-scrollbar {
		display: none;
	}

	.indsigt-univers .indsigt-filtre li {
		flex: 0 0 auto;
	}

	.indsigt-univers .indsigt-filter {
		height: 36px; /* større trykflade */
		font-size: 15px;
	}

	.indsigt-univers .indsigt-overskrift {
		margin-bottom: 16px;
		font-size: 22px;
	}

	.indsigt-univers .indsigt-grid {
		grid-template-columns: 1fr;
	}

	.indsigt-univers .indsigt .title,
	.indsigt-univers .indsigt-fremhaevet .title {
		font-size: 20px;
	}

	.indsigt-univers .indsigt .meta {
		font-size: 15px;
	}

	.indsigt-univers .indsigt .excerpt {
		font-size: 16px;
	}

	/* Tal over teksten, så teksten ikke presses ned i en smal kolonne */
	.indsigt-univers .indsigt-kort-datapunkt {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		padding: 20px;
	}

	.indsigt-univers .indsigt-kort-datapunkt .indsigt-kort-datapunkt-tal {
		font-size: 40px;
	}

	.indsigt-univers .indsigt-vis-flere {
		height: 50px;
		font-size: 17px;
	}

	body.indsigt-landingpage :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) .section {
		padding: 32px 24px;
	}

	body.indsigt-landingpage :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) .grid-elements {
		gap: 36px 0;
	}

	body.indsigt-landingpage :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) .grid-element + .grid-element::before {
		top: -18px;
	}

	body.indsigt-landingpage :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) .count-up {
		margin-bottom: 4px;
		font-size: 36px;
	}

	body.indsigt-landingpage #main-content :is(.section-wrap.indsigt-noegletal, .stom-grid-section:has(.count-up)) .section .grid-element p {
		font-size: 15px;
	}
}

/*======================================================================//
// Topbillede (page-slider-section) på indsigt-siden                    //
// Figma "Forside - oversigt" > Topbillede (node 1373:257):             //
// fuld bredde, 1920 x 711, mørk overlay, hvid tekst og [eye_focus]     //
// som stort øje til højre                                              //
//======================================================================*/

/* Headeren ligger tættere på toppen, da topbilledet starter helt oppe */
body.indsigt-landingpage .header-sticky-active:not(.scrolled) #masthead,
body.indsigt-landingpage .header-sticky-resize:not(.scrolled) #masthead {
	top: 30px;
}

body.admin-bar.indsigt-landingpage .header-sticky-active:not(.scrolled) #masthead,
body.admin-bar.indsigt-landingpage .header-sticky-resize:not(.scrolled) #masthead {
	top: calc(var(--admin-bar-height) + 30px);
}

body.indsigt-landingpage .page-slider-section {
	margin-top: 0;
	padding-inline: 0;
}

body.indsigt-landingpage .page-slider-section .slider-inner {
	border-radius: 0 0 var(--indsigt-radius) var(--indsigt-radius);
}

body.indsigt-landingpage .page-slider-section .image-aligner img {
	display: block;
	width: 100%;
	height: 100%; /* billedet fylder hele topbilledet, også når teksten er højere end temaets min-height */
	max-height: none;
	object-fit: cover;
}

body.indsigt-landingpage .page-slider-section .slider-text {
	align-items: flex-start;
	padding: 239px var(--gap-l) 120px !important; /* temaet bruger !important */
	background-color: rgba(0, 0, 0, .4);
}

/* Den hvide tekstboks med "indhak" fjernes */
body.indsigt-landingpage .page-slider-section .slider-text-inner {
	position: static; /* øjet placeres i forhold til hele topbilledet */
	width: 100%;
	margin: 0;
	padding: 0;
	background: none;
	border-radius: 0;
}

body.indsigt-landingpage .page-slider-section .slider-text-inner::before,
body.indsigt-landingpage .page-slider-section .slider-text-inner::after {
	content: none;
}

body.indsigt-landingpage .page-slider-section .slider-text-inner .slider-text-inner-wrapper {
	max-width: 780px;
	color: var(--indsigt-hvid);
}

body.indsigt-landingpage .page-slider-section .slider-text-inner .slider-text-inner-wrapper > h1 {
	margin: 0 0 9px;
	color: var(--indsigt-hvid);
	font-size: var(--h1);
	font-weight: var(--indsigt-black);
	line-height: 1.1;
}

body.indsigt-landingpage .page-slider-section .slider-text-inner .slider-text-inner-wrapper > p {
	margin: 0 0 1.35em; /* tom linje mellem afsnit som i Figma */
	color: var(--indsigt-hvid);
	font-size: 20px;
	font-weight: var(--indsigt-medium);
	line-height: 1.35; /* Figmas "normal" for Area Normal */
}

body.indsigt-landingpage .page-slider-section .slider-text-inner .slider-text-inner-wrapper > p + .stom-button {
	margin-top: 5px;
}

body.indsigt-landingpage .page-slider-section .slider-text-inner .slider-text-inner-wrapper > .stom-button a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	height: 56px;
	padding: var(--indsigt-optisk-midte) 20px 0;
	border: 0;
	border-radius: 50px;
	background-color: var(--indsigt-hvid);
	color: var(--indsigt-blaa);
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
}

body.indsigt-landingpage .page-slider-section .slider-text-inner .slider-text-inner-wrapper > .stom-button a:hover {
	background-color: var(--indsigt-blaa);
	color: var(--indsigt-hvid);
}

body.indsigt-landingpage .page-slider-section .slider-text-inner .slider-text-inner-wrapper > .stom-button a .stom-custom-svg {
	margin: calc(var(--indsigt-optisk-midte) * -1) 0 0; /* pilen følger knappens midte, ikke teksten (Figma node 1:388) */
	font-size: 20px;
}

body.indsigt-landingpage .page-slider-section .slider-text-inner .slider-text-inner-wrapper > .stom-button a svg {
	fill: currentColor;
}

/* [eye_focus]: shortcoden er bygget i 90 x 77px - zoom skalerer hele øjet inkl. blink-animationen.
   zoom ganger også elementets egne top/right, derfor divideres de med --oeje-zoom */
body.indsigt-landingpage .page-slider-section .slider-text-inner-wrapper > .eye-wrapper {
	--oeje-zoom: 4.5556; /* 410px bredt som i Figma */
	position: absolute;
	top: calc(240px / var(--oeje-zoom));
	right: calc((var(--gap-l) * 2) / var(--oeje-zoom));
	margin: 0;
	zoom: var(--oeje-zoom);
	pointer-events: none;
}

@media only screen and (max-width: 1440px) {
	body.indsigt-landingpage .page-slider-section .slider-text-inner-wrapper > .eye-wrapper {
		--oeje-zoom: 3.5;
		right: calc(var(--gap-l) / var(--oeje-zoom));
	}
}

/* Teksten må ikke løbe ind under øjet (315px / 410px bredt) lige over 1200px og 1440px - min. 40px luft */
@media only screen and (min-width: 1200px) {
	body.indsigt-landingpage .page-slider-section .slider-text-inner .slider-text-inner-wrapper {
		max-width: min(780px, calc(100% - 315px - 40px));
	}
}

@media only screen and (min-width: 1441px) {
	body.indsigt-landingpage .page-slider-section .slider-text-inner .slider-text-inner-wrapper {
		max-width: min(780px, calc(100% - 410px - var(--gap-l) - 40px));
	}
}

/* Under 1200px er der ikke plads ved siden af teksten - øjet står over overskriften som på forsiden */
@media only screen and (max-width: 1199px) {
	body.indsigt-landingpage .page-slider-section .slider-text {
		padding: 190px calc(var(--gap-m) + 30px) 80px !important; /* flugter med logoet i headeren */
	}

	body.indsigt-landingpage .page-slider-section .slider-text-inner-wrapper > .eye-wrapper {
		--oeje-zoom: 1;
		position: relative;
		top: auto;
		right: auto;
		margin: 0 0 20px;
	}
}

@media only screen and (max-width: 959px) {
	body.indsigt-landingpage .header-sticky-active:not(.scrolled) #masthead,
	body.indsigt-landingpage .header-sticky-resize:not(.scrolled) #masthead {
		top: var(--gap-s);
	}

	body.admin-bar.indsigt-landingpage .header-sticky-active:not(.scrolled) #masthead,
	body.admin-bar.indsigt-landingpage .header-sticky-resize:not(.scrolled) #masthead {
		top: calc(var(--admin-bar-height) + var(--gap-s));
	}

	body.indsigt-landingpage .page-slider-section .slider-text {
		padding: 140px calc(var(--gap-m) + 30px) 60px !important;
	}

	body.indsigt-landingpage .page-slider-section .slider-text-inner .slider-text-inner-wrapper > p {
		margin-bottom: 18px;
		font-size: 18px;
	}

	body.indsigt-landingpage .page-slider-section .slider-text-inner .slider-text-inner-wrapper > .stom-button a {
		height: 50px;
		font-size: 18px;
	}
}

@media only screen and (max-width: 600px) {
	body.indsigt-landingpage .page-slider-section .slider-text {
		padding: 120px calc(var(--gap-m) + 20px) 40px !important;
	}

	body.indsigt-landingpage .page-slider-section .slider-text-inner-wrapper > .eye-wrapper {
		--oeje-zoom: .7;
	}

	body.indsigt-landingpage .page-slider-section .slider-text-inner .slider-text-inner-wrapper > p {
		font-size: 16px;
	}

	/* Knapteksten kan brydes på smalle skærme - knappen vokser i højden i stedet for at klippe teksten */
	body.indsigt-landingpage .page-slider-section .slider-text-inner .slider-text-inner-wrapper > .stom-button a {
		height: auto;
		min-height: 48px;
		padding: calc(var(--indsigt-optisk-midte) + 9px) 20px 9px;
		font-size: 16px;
		line-height: 1.15;
		text-align: left;
	}

	body.indsigt-landingpage .page-slider-section .slider-text-inner .slider-text-inner-wrapper > .stom-button a .stom-custom-svg {
		flex: 0 0 auto;
	}
}

/*======================================================================//
// "Hvad er Varefakta Indsigt?": Basis-sektion med h2 + [div class="content"] //
// - eller en sektion med klassen indsigt-om                            //
// Figma "Forside - oversigt" > Om (node 1373:237)                      //
//======================================================================*/

body.indsigt-landingpage :is(.section-wrap.indsigt-om, .section-wrap.basis:has(> .section > h2 + .content)) .section {
	display: grid;
	grid-template-columns: minmax(0, 480fr) minmax(0, 540fr); /* 480px overskrift, 60px luft, 540px tekst */
	gap: 0 60px;
	padding: 90px 60px;
	border-radius: var(--indsigt-radius);
	background: var(--color-3) url('om-vandmaerke-blaa.svg') no-repeat left bottom / 245px 195px; /* lyseblå/grå, så den ikke ligner topbilledet - Varefakta-symbolet nederst til venstre, beskåret som i statistik-boksen */
	color: var(--indsigt-blaa);
}

body.indsigt-landingpage :is(.section-wrap.indsigt-om, .section-wrap.basis:has(> .section > h2 + .content)) .section > h2 {
	margin: 0;
	color: var(--indsigt-blaa);
	font-size: 40px;
	font-weight: var(--indsigt-black);
	line-height: 1.35; /* Figmas "normal" for Area Normal */
}

body.indsigt-landingpage :is(.section-wrap.indsigt-om, .section-wrap.basis:has(> .section > h2 + .content)) .content {
	color: var(--indsigt-blaa);
	font-size: 18px;
	font-weight: 300; /* brødtekst som resten af sitet */
	line-height: 1.35;
}

body.indsigt-landingpage :is(.section-wrap.indsigt-om, .section-wrap.basis:has(> .section > h2 + .content)) .content > p {
	max-width: 480px;
	margin: 0 0 30px;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}

/* "Formålet med Varefakta Indsigt er:" står tæt på listen */
body.indsigt-landingpage :is(.section-wrap.indsigt-om, .section-wrap.basis:has(> .section > h2 + .content)) .content > p:has(+ ul) {
	margin-bottom: 5px;
}

body.indsigt-landingpage :is(.section-wrap.indsigt-om, .section-wrap.basis:has(> .section > h2 + .content)) .content > :last-child {
	margin-bottom: 0;
}

body.indsigt-landingpage :is(.section-wrap.indsigt-om, .section-wrap.basis:has(> .section > h2 + .content)) .content strong {
	font-weight: 700;
}

body.indsigt-landingpage :is(.section-wrap.indsigt-om, .section-wrap.basis:has(> .section > h2 + .content)) .content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.indsigt-landingpage :is(.section-wrap.indsigt-om, .section-wrap.basis:has(> .section > h2 + .content)) .content li {
	position: relative;
	margin: 0 0 5px;
	padding-left: 12px;
	font-size: inherit; /* temaets li-styling må ikke gøre punkterne større/tungere end afsnittene */
	font-weight: inherit;
	line-height: inherit;
}

body.indsigt-landingpage :is(.section-wrap.indsigt-om, .section-wrap.basis:has(> .section > h2 + .content)) .content li:last-child {
	margin-bottom: 0;
}

/* Prik i tekstfarven, 6 x 6px */
body.indsigt-landingpage :is(.section-wrap.indsigt-om, .section-wrap.basis:has(> .section > h2 + .content)) .content li::before {
	content: "";
	position: absolute;
	top: calc(.675em - 3px); /* midt på linjen */
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
}

/*======================================================================//
// Nyhedsbrev i indsigt-universet: footer-sektion med id                //
// "footer-sektion-indsigt" (Tema indstillinger > Footer)               //
// Kolonne 1: tekst (hvid), kolonne 2 med klassen "form": Gravity Forms //
// formular 22 + [div class="consent"]                                  //
// Figma "Individuelt indlæg" > Tilmelding (node 1422:155)              //
//======================================================================*/

#footer-sektion-indsigt {
	background-position: center 40%;
}

/* Boksen er 1200px bred som indholdet over den (de andre nyhedsbreve bruger fuld bredde) */
#footer-sektion-indsigt .section {
	max-width: 1200px;
	margin-inline: auto;
}

#footer-sektion-indsigt .section .grid-elements {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
}

#footer-sektion-indsigt .section .grid-elements .grid-element {
	border-radius: 20px 0 0 20px;
	background-color: #fff;
	color: var(--color-1);
}

#footer-sektion-indsigt .section .grid-elements .grid-element.form {
	border-radius: 0 20px 20px 0;
	background-color: #d9e0e4; /* Baby blue */
	color: #000;
}

#footer-sektion-indsigt .section .grid-elements .grid-element .overlay {
	justify-content: flex-start;
	padding: 90px 60px;
	background: none;
	color: inherit;
}

#footer-sektion-indsigt .section .grid-elements .grid-element .overlay > h2 {
	margin: 0 0 30px;
	color: var(--color-1);
	font-size: 40px;
	font-weight: 800; /* Figma "Black" */
	line-height: 1.35; /* Figmas "normal" for Area Normal */
}

#main-content #footer-sektion-indsigt .section .grid-elements .grid-element .overlay > p,
#footer-sektion-indsigt .section .grid-elements .grid-element .overlay > p {
	margin: 0 0 1.35em; /* tom linje mellem afsnit som i Figma */
	color: var(--color-1);
	font-size: 18px;
	font-weight: 500; /* brødtekst: 500 i stedet for designets 600 */
	line-height: 1.35;
}

#footer-sektion-indsigt .section .grid-elements .grid-element .overlay > p:last-child {
	margin-bottom: 0;
}

/* Formularen: knappen ligger nederst til højre under samtyketeksten */
#footer-sektion-indsigt .section .grid-elements .grid-element.form .overlay {
	padding-bottom: calc(90px + 44px + 30px);
}

/* Knappen placeres i forhold til kolonnen (.grid-element er position: relative) */
#footer-sektion-indsigt .gform_wrapper.gravity-theme,
#footer-sektion-indsigt .gform_wrapper.gravity-theme form {
	position: static;
}

#footer-sektion-indsigt .gform_wrapper.gravity-theme form .gform_body {
	padding-top: 0 !important;
}

#footer-sektion-indsigt .gform_wrapper.gravity-theme form .gform_body .gform_fields {
	grid-row-gap: 20px;
}

#footer-sektion-indsigt .gform_wrapper.gravity-theme .gfield .gfield_label {
	display: block;
	margin: 0 0 10px;
	padding: 0;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.35;
}

/* Påkrævet-stjernen står i samme farve og tæt på labelteksten som i Figma ("Din e-mail*") */
#footer-sektion-indsigt .gform_wrapper.gravity-theme .gfield .gfield_label .gfield_required {
	margin: 0;
	padding: 0;
	color: inherit;
	font-size: inherit;
}

#footer-sektion-indsigt .gform_wrapper.gravity-theme form .gform_body .gform_fields .gfield .ginput_container > input {
	height: 44px;
	padding-inline: 15px;
	border: 0;
	border-radius: 5px;
	background-color: #fff;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	line-height: 44px;
}

#footer-sektion-indsigt .gform_wrapper.gravity-theme form .gform_footer {
	position: absolute;
	right: 60px;
	bottom: 90px;
	margin: 0 !important;
	padding: 0;
}

#footer-sektion-indsigt .gform_wrapper.gravity-theme form .gform_footer .gform_button {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	height: 44px;
	margin: 0;
	padding: .3em 15px 0; /* optisk midte, se --indsigt-optisk-midte */
	border: 0;
	border-radius: 50px;
	background-color: var(--color-1);
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	transition: opacity var(--transition);
}

#footer-sektion-indsigt .gform_wrapper.gravity-theme form .gform_footer .gform_button:hover {
	opacity: .85;
}

#footer-sektion-indsigt .gform_wrapper.gravity-theme form .gform_footer .gform_button .stom-custom-svg {
	margin: 0;
	font-size: 17px;
}

#footer-sektion-indsigt .gform_wrapper.gravity-theme form .gform_footer .gform_button svg {
	fill: currentColor;
}

#footer-sektion-indsigt .section .grid-elements .grid-element.form .overlay .consent {
	margin-top: 20px;
	color: #000;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.35;
}

#main-content #footer-sektion-indsigt .section .grid-elements .grid-element.form .overlay .consent > p,
#footer-sektion-indsigt .section .grid-elements .grid-element.form .overlay .consent > p {
	margin: 0;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}

#footer-sektion-indsigt .section .grid-elements .grid-element.form .overlay .consent a {
	color: inherit;
	font-weight: 600;
	text-decoration: none;
}

#footer-sektion-indsigt .section .grid-elements .grid-element.form .overlay .consent a:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 959px) {
	body.indsigt-landingpage :is(.section-wrap.indsigt-om, .section-wrap.basis:has(> .section > h2 + .content)) .section {
		grid-template-columns: 1fr;
		gap: 20px 0;
		padding: 40px 30px;
		background-size: 163px 130px;
	}

	/* Én kolonne: teksten må bruge hele bredden */
	body.indsigt-landingpage :is(.section-wrap.indsigt-om, .section-wrap.basis:has(> .section > h2 + .content)) .content > p {
		max-width: none;
	}

	body.indsigt-landingpage :is(.section-wrap.indsigt-om, .section-wrap.basis:has(> .section > h2 + .content)) .section > h2,
	#footer-sektion-indsigt .section .grid-elements .grid-element .overlay > h2 {
		font-size: 32px;
	}

	#footer-sektion-indsigt .section .grid-elements {
		grid-template-columns: 1fr;
	}

	#footer-sektion-indsigt .section .grid-elements .grid-element {
		border-radius: 20px 20px 0 0;
	}

	#footer-sektion-indsigt .section .grid-elements .grid-element.form {
		border-radius: 0 0 20px 20px;
	}

	#footer-sektion-indsigt .section .grid-elements .grid-element .overlay {
		padding: 40px 30px;
	}

	#footer-sektion-indsigt .section .grid-elements .grid-element.form .overlay {
		padding-bottom: calc(40px + 44px + 30px);
	}

	#footer-sektion-indsigt .gform_wrapper.gravity-theme form .gform_footer {
		right: 30px;
		bottom: 40px;
	}
}

@media only screen and (max-width: 600px) {
	/* Lange ord som "markedsledende" må ikke knække midt i ordet */
	body.indsigt-landingpage :is(.section-wrap.indsigt-om, .section-wrap.basis:has(> .section > h2 + .content)) .section > h2,
	#footer-sektion-indsigt .section .grid-elements .grid-element .overlay > h2 {
		font-size: 20px;
		line-height: 1.25;
		hyphens: auto;
	}

	#footer-sektion-indsigt .section .grid-elements .grid-element .overlay > h2 {
		margin-bottom: 16px;
	}

	#main-content #footer-sektion-indsigt .section .grid-elements .grid-element .overlay > p,
	#footer-sektion-indsigt .section .grid-elements .grid-element .overlay > p {
		font-size: 16px;
	}

	#footer-sektion-indsigt .section .grid-elements .grid-element .overlay {
		padding: 32px 20px;
	}

	/* Plads til en knap i to linjer under samtykketeksten */
	#footer-sektion-indsigt .section .grid-elements .grid-element.form .overlay {
		padding-bottom: calc(32px + 58px + 24px);
	}

	#footer-sektion-indsigt .gform_wrapper.gravity-theme form .gform_footer {
		right: 20px;
		bottom: 32px;
		left: 20px;
	}

	#footer-sektion-indsigt .gform_wrapper.gravity-theme form .gform_footer .gform_button {
		justify-content: center;
		width: 100%;
		height: auto;
		min-height: 48px;
		padding: calc(.3em + 9px) 20px 9px;
		font-size: 16px;
		line-height: 1.15;
		text-align: left;
	}

	#footer-sektion-indsigt .gform_wrapper.gravity-theme form .gform_footer .gform_button .stom-custom-svg {
		flex: 0 0 auto;
	}
}

/*======================================================================//
// Enkelt indsigt (body.indsigt-single)                                 //
// Figma "Individuelt indlæg" (node 1422:151): 1200px container,        //
// tekstkolonne 870px venstrestillet (Figma 2:7), top 600 + 600 x 420px //
//======================================================================*/

body.indsigt-single {
	--indsigt-tekstkolonne: 870px;
}

/* ===== Top: datapunkt (tal) + billede ===== */

/* Headeren ligger 30px fra toppen som på oversigten - toppen starter 60px under den */
body.indsigt-single .header-sticky-active:not(.scrolled) #masthead,
body.indsigt-single .header-sticky-resize:not(.scrolled) #masthead {
	top: 30px;
}

body.admin-bar.indsigt-single .header-sticky-active:not(.scrolled) #masthead,
body.admin-bar.indsigt-single .header-sticky-resize:not(.scrolled) #masthead {
	top: calc(var(--admin-bar-height) + 30px);
}

body.indsigt-single .indsigt-single-header {
	padding-top: calc(30px + var(--header-height, 91px) + 60px);
}

/* Temaets "Forrige/Næste indlæg" fører til almindelige nyheder uden for universet - "Andre indsigter om emnet" erstatter dem.
   .navigation skal med, ellers vinder temaets ".single .navigation.post-navigation" */
body.indsigt-single .navigation.post-navigation {
	display: none;
}

body.indsigt-single .indsigt-single-top {
	margin-top: 0;
	margin-bottom: 0;
}

body.indsigt-single .indsigt-single-top .section {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: minmax(420px, auto);
	align-items: stretch;
	padding: 0;
}

body.indsigt-single .indsigt-datapunkt {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
	overflow: hidden;
	padding: 60px 60px 48px; /* bund: ca. 60px fra sidste linjes grundlinje som i Figma */
	border-radius: var(--indsigt-radius) 0 0 var(--indsigt-radius);
	background: var(--indsigt-bronze);
	color: var(--indsigt-hvid);
}

body.indsigt-single .indsigt-datapunkt p {
	position: relative;
	z-index: 1;
	margin: 0;
	color: var(--indsigt-hvid);
}

body.indsigt-single .indsigt-datapunkt .indsigt-datapunkt-tal {
	padding-top: .07em; /* versalhøjden går over linjeboksen ved line-height 1 */
	font-size: 150px;
	font-weight: var(--indsigt-black);
	line-height: 1;
}

body.indsigt-single .indsigt-datapunkt .indsigt-datapunkt-tekst {
	max-width: 480px;
	font-size: 30px;
	font-weight: var(--indsigt-black);
	line-height: 1.2;
}

/* Dekoration (feltet "Dekoration", fx et græskar): nederst til venstre bag teksten og beskåret af boksen som i Figma */
/* Ca. 260px bred og forankret i bunden, så der aldrig er luft under den uanset boksens højde */
body.indsigt-single .indsigt-datapunkt .indsigt-datapunkt-dekoration {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	display: block;
	width: min(43%, 260px);
	max-width: none;
	height: auto;
	pointer-events: none;
}

body.indsigt-single .indsigt-top-billede {
	position: relative; /* billedet fylder boksen uden at bestemme højden */
	overflow: hidden;
	border-radius: 0 var(--indsigt-radius) var(--indsigt-radius) 0;
	background: var(--color-3);
}

body.indsigt-single .indsigt-top-billede img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ===== Intro: kategori, dato og titel ===== */

body.indsigt-single .indsigt-single-intro {
	margin-top: 60px;
	margin-bottom: 0;
}

body.indsigt-single .indsigt-single-intro .section {
	padding-top: 0;
	padding-bottom: 0;
}

body.indsigt-single .indsigt-single-meta,
body.indsigt-single .indsigt-single-titel {
	max-width: none; /* hele 1200px-containerens bredde, venstrestillet (870px-kolonnen fra Figma fjernet efter ønske fra kunden) */
	margin-right: auto;
	margin-left: 0;
}

body.indsigt-single .indsigt-single-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 15px;
	margin-bottom: 24px; /* 30px fra kategori til titlens versalhøjde */
}

/* Flere kategori-tags: 10px imellem som i Figma */
body.indsigt-single .indsigt-single-kategorier {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

/* Kategori-tag: samme udtryk som filtrene på oversigten */
body.indsigt-single .indsigt-single-meta .indsigt-filter {
	display: inline-flex;
	align-items: center;
	height: 32px;
	padding: var(--indsigt-optisk-midte) 10px 0;
	border: 1px solid var(--indsigt-blaa);
	border-radius: var(--indsigt-radius-lille);
	color: var(--indsigt-blaa);
	font-size: 16px;
	font-weight: var(--indsigt-medium);
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	transition: background var(--transition), color var(--transition);
}

body.indsigt-single .indsigt-single-meta a.indsigt-filter:hover {
	background: var(--indsigt-blaa);
	color: var(--indsigt-hvid);
}

body.indsigt-single .indsigt-single-dato {
	color: var(--indsigt-bronze);
	font-size: 16px;
	font-weight: var(--indsigt-semibold);
	line-height: 1;
}

body.indsigt-single .indsigt-single-intro .indsigt-single-titel {
	margin-top: 0;
	margin-bottom: 0;
	color: var(--indsigt-blaa);
	font-size: 40px;
	font-weight: var(--indsigt-black);
	line-height: 1.35; /* Figma "normal": 54px mellem linjerne */
}

/* ===== Indhold: tekstsektioner i 870px-kolonnen ===== */

body.indsigt-single #main-content > .section-wrap.basis:first-of-type {
	margin-top: 10px; /* introteksten står 30px under titlens grundlinje */
}

/* Mellemoverskrift (Figma "Varefakta undersøger: …"): 30px Black, 60px over og 30px under */
body.indsigt-single #main-content .section-wrap.basis .section > :is(h2, h3) {
	margin-top: 0;
	margin-bottom: 14px;
	color: var(--indsigt-blaa);
	font-size: 30px;
	font-weight: var(--indsigt-black);
	line-height: 1.35;
}

body.indsigt-single #main-content .section-wrap.basis .section > :is(p, ul, ol) + :is(h2, h3) {
	margin-top: 48px;
}

body.indsigt-single #main-content .section-wrap.basis .section > * {
	max-width: none; /* hele 1200px-containerens bredde, venstrestillet (870px-kolonnen fra Figma fjernet efter ønske fra kunden) */
	margin-right: auto;
	margin-left: 0;
}

body.indsigt-single #main-content .section-wrap.basis .section > :is(p, ul, ol) {
	color: var(--indsigt-blaa);
	font-size: 18px;
	font-weight: 300; /* brødtekst som resten af sitet */
	line-height: 1.35;
}

body.indsigt-single #main-content .section-wrap.basis .section > p {
	margin-bottom: 1.35em; /* tom linje mellem afsnit som i Figma */
}

body.indsigt-single #main-content .section-wrap.basis .section > :last-child {
	margin-bottom: 0;
}

/* Kontaktpersonen (modules/kontaktperson) bruger hele indholdsbredden, ikke tekstkolonnen */
body.indsigt-single #main-content .section-wrap.indsigt-kontakt .section > * {
	max-width: none;
}

/* ===== Andre indsigter om emnet ===== */

/* Slideren går ud til højre skærmkant - klip på siden, så den ikke giver vandret scroll */
body.indsigt-single #page {
	overflow-x: clip;
}

body.indsigt-single .indsigt-relaterede-section {
	margin-top: 90px;
	margin-bottom: 90px;
}

body.indsigt-single .indsigt-relaterede {
	padding-top: 90px;
	border-top: 1px solid var(--indsigt-blaa);
}

body.indsigt-single .indsigt-relaterede-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 24px;
}

body.indsigt-single .indsigt-relaterede .indsigt-relaterede-overskrift {
	margin: 0;
	color: var(--indsigt-blaa);
	font-size: 40px;
	font-weight: var(--indsigt-black);
	line-height: 1.2;
}

body.indsigt-single .indsigt-pile {
	display: flex;
	flex: 0 0 auto;
	gap: 10px;
}

body.indsigt-single .indsigt-pile[hidden] {
	display: none;
}

body.indsigt-single .indsigt-pil {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--indsigt-blaa);
	border-radius: 50%;
	background: none;
	color: var(--indsigt-blaa);
	cursor: pointer;
	transition: background var(--transition), color var(--transition), opacity var(--transition);
}

body.indsigt-single .indsigt-pil:hover:not(:disabled) {
	background: var(--indsigt-blaa);
	color: var(--indsigt-hvid);
}

body.indsigt-single .indsigt-pil:disabled {
	opacity: .35;
	cursor: default;
}

body.indsigt-single .indsigt-pil:focus-visible,
body.indsigt-single .indsigt-slider:focus-visible {
	outline: 2px solid var(--indsigt-bronze);
	outline-offset: 2px;
}

/* Kortene på række, som kan scrolles - slideren fortsætter ud til højre skærmkant */
body.indsigt-single .indsigt-slider {
	display: grid;
	grid-auto-columns: min(380px, 82vw);
	grid-auto-flow: column;
	gap: 30px;
	margin-right: calc(50% - 50vw);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

body.indsigt-single .indsigt-slider::-webkit-scrollbar {
	display: none;
}

body.indsigt-single .indsigt-slider .indsigt {
	scroll-snap-align: start;
}

body.indsigt-single .indsigt-se-alle-wrapper {
	margin-top: 40px;
	text-align: right;
}

body.indsigt-single .indsigt-se-alle {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	height: 54px;
	padding: var(--indsigt-optisk-midte) 20px 0;
	border-radius: 50px;
	background: var(--indsigt-blaa);
	color: var(--indsigt-hvid);
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	transition: opacity var(--transition);
}

body.indsigt-single .indsigt-se-alle:hover {
	opacity: .85;
}

body.indsigt-single .indsigt-se-alle svg {
	margin-top: calc(var(--indsigt-optisk-midte) * -1); /* pilen følger knappens midte, ikke teksten */
}

/* ===== Responsive ===== */

@media only screen and (max-width: 1199px) {
	body.indsigt-single .indsigt-datapunkt {
		padding: 40px;
	}

	body.indsigt-single .indsigt-datapunkt .indsigt-datapunkt-tal {
		font-size: 110px;
	}

	body.indsigt-single .indsigt-datapunkt .indsigt-datapunkt-tekst {
		font-size: 26px;
	}
}

@media only screen and (max-width: 959px) {
	body.indsigt-single .header-sticky-active:not(.scrolled) #masthead,
	body.indsigt-single .header-sticky-resize:not(.scrolled) #masthead {
		top: var(--gap-s);
	}

	body.admin-bar.indsigt-single .header-sticky-active:not(.scrolled) #masthead,
	body.admin-bar.indsigt-single .header-sticky-resize:not(.scrolled) #masthead {
		top: calc(var(--admin-bar-height) + var(--gap-s));
	}

	body.indsigt-single .indsigt-single-header {
		padding-top: calc(var(--gap-s) + var(--header-height, 91px) + 30px);
	}

	body.indsigt-single .indsigt-single-top .section {
		grid-template-rows: minmax(320px, auto);
	}

	body.indsigt-single .indsigt-datapunkt {
		padding: 32px 30px 28px;
	}

	body.indsigt-single .indsigt-datapunkt .indsigt-datapunkt-tal {
		font-size: 80px;
	}

	body.indsigt-single .indsigt-datapunkt .indsigt-datapunkt-tekst {
		font-size: 22px;
	}

	body.indsigt-single .indsigt-single-intro {
		margin-top: 40px;
	}

	body.indsigt-single .indsigt-single-meta {
		margin-bottom: 20px;
	}

	body.indsigt-single .indsigt-single-intro .indsigt-single-titel {
		font-size: 32px;
	}

	body.indsigt-single .indsigt-relaterede-section {
		margin-top: 60px;
		margin-bottom: 60px;
	}

	body.indsigt-single .indsigt-relaterede {
		padding-top: 60px;
	}

	body.indsigt-single .indsigt-relaterede .indsigt-relaterede-overskrift {
		font-size: 30px;
	}

	body.indsigt-single .indsigt-slider {
		gap: 20px;
	}
}

@media only screen and (max-width: 767px) {
	/* Datapunktet over billedet */
	body.indsigt-single .indsigt-single-top .section {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	body.indsigt-single .indsigt-datapunkt {
		min-height: 220px; /* boksen står tydeligt, også før der er indhold */
		padding: 40px 30px 32px;
		border-radius: var(--indsigt-radius) var(--indsigt-radius) 0 0;
	}

	body.indsigt-single .indsigt-datapunkt .indsigt-datapunkt-tal {
		font-size: 96px;
	}

	body.indsigt-single .indsigt-datapunkt .indsigt-datapunkt-tekst {
		font-size: 24px;
	}

	body.indsigt-single .indsigt-top-billede {
		aspect-ratio: 600 / 420;
		border-radius: 0 0 var(--indsigt-radius) var(--indsigt-radius);
	}
}

@media only screen and (max-width: 600px) {
	/* Mobil: tallet og teksten fyldte for meget - mindre skrift og tættere afstand */
	body.indsigt-single .indsigt-datapunkt {
		min-height: 0;
		gap: 16px;
		padding: 26px 22px 24px;
	}

	body.indsigt-single .indsigt-datapunkt .indsigt-datapunkt-tal {
		font-size: 56px;
	}

	body.indsigt-single .indsigt-datapunkt .indsigt-datapunkt-tekst {
		font-size: 17px;
		line-height: 1.25;
	}

	body.indsigt-single .indsigt-datapunkt .indsigt-datapunkt-dekoration {
		width: 140px;
	}

	body.indsigt-single .indsigt-top-billede {
		aspect-ratio: 3 / 2;
	}

	body.indsigt-single .indsigt-single-intro .indsigt-single-titel {
		font-size: 26px;
	}

	body.indsigt-single .indsigt-single-meta .indsigt-filter {
		font-size: 15px;
	}

	body.indsigt-single #main-content .section-wrap.basis .section > :is(p, ul, ol) {
		font-size: 16px;
	}

	body.indsigt-single .indsigt-relaterede .indsigt-relaterede-overskrift {
		font-size: 24px;
	}

	body.indsigt-single .indsigt-se-alle {
		height: 50px;
		font-size: 17px;
	}
}

/*======================================================================//
// Sektion: Indsigt nøgleresultater (.section-wrap.indsigt-noegleresultater) //
// Figma "Uddrag" (node 23:19): boks på 1200px med runde hjørner og     //
// sektionens baggrundsfarve, 60px luft. Overskrift 30px + punktliste   //
// med 8px prikker og 20px mellem punkterne                             //
//======================================================================*/

.section-wrap.indsigt-noegleresultater {
	--noegle-blaa: var(--color-1, #294954);
	width: min(1200px, calc(100% - 2 * var(--gap-m, 40px)));
	margin-right: auto !important; /* temaets sektionsmargin nulstiller siderne */
	margin-left: auto !important;
	border-radius: var(--indsigt-radius, 20px);
}

/* Vandmærke som i Figma (node 1545:689) - på nøgletal (punktliste) og "Læs også" (knap), ikke "Om undersøgelsen" (kun overskrift og tekst).
   Varefakta-symbolet i dobbelt bredde med midten i venstre kant, 5% opacitet i SVG'en. Baggrundsfarven sættes inline af sektionen */
.section-wrap.indsigt-noegleresultater:has(> .section > :is(.stom-button, ul, ol)) {
	background-image: url('noegleresultater-vandmaerke.svg');
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-size: 200% auto;
}

/* Temaet giver sektioner med baggrund 40px sidepadding - luften ligger i .section */
.section-wrap.indsigt-noegleresultater.has-background {
	padding-right: 0;
	padding-left: 0;
}

/* Logget ind står frontend-editorens knap (span.stomFEE-edit-cta) mellem sektionerne */
body.indsigt-single #main-content > :is(.section-wrap.basis, .section-wrap.basis + .stomFEE-edit-cta) + .section-wrap.indsigt-noegleresultater {
	margin-top: 52px; /* 60px fra tekstens grundlinje */
}

.section-wrap.indsigt-noegleresultater > .section {
	max-width: none;
	margin: 0;
	padding: 56px 60px 52px; /* 60px til versalhøjden øverst og grundlinjen nederst */
	color: var(--noegle-blaa);
}

.section-wrap.indsigt-noegleresultater > .section > :is(h2, h3) {
	margin: 0 0 14px;
	color: var(--noegle-blaa);
	font-size: 30px;
	font-weight: 800;
	line-height: 1.35;
}

.section-wrap.indsigt-noegleresultater > .section > :is(p, ul, ol) {
	margin: 0 0 20px;
	color: var(--noegle-blaa);
	font-size: 18px;
	font-weight: 300; /* brødtekst som resten af sitet */
	line-height: 1.35;
}

.section-wrap.indsigt-noegleresultater > .section > :last-child {
	margin-bottom: 0;
}

.section-wrap.indsigt-noegleresultater > .section > ul {
	padding: 0;
	list-style: none;
}

.section-wrap.indsigt-noegleresultater > .section > ul > li {
	position: relative;
	margin: 0 0 20px;
	padding-left: 14px;
	color: inherit;
	font-size: inherit; /* temaets li-styling må ikke overtage */
	font-weight: inherit;
	line-height: inherit;
	list-style: none;
}

.section-wrap.indsigt-noegleresultater > .section > ul > li:last-child {
	margin-bottom: 0;
}

/* Prik, 8 x 8px ud for første linjes versalhøjde */
.section-wrap.indsigt-noegleresultater > .section > ul > li::before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
}

/* Punkter der starter med fed tekst (fx "<strong>77 %</strong> af ...") vises som
   kort med stort nøgletal - uden :has() falder det tilbage til punktlisten */
.section-wrap.indsigt-noegleresultater > .section > ul:has(> li > strong:first-child) {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 20px;
}

.section-wrap.indsigt-noegleresultater > .section > ul > li:has(> strong:first-child) {
	margin: 0;
	padding: 36px 30px 28px;
	border-radius: 12px;
	background: var(--indsigt-hvid, #fff);
}

.section-wrap.indsigt-noegleresultater > .section > ul > li:has(> strong:first-child)::before {
	content: none;
}

.section-wrap.indsigt-noegleresultater > .section > ul > li:has(> strong:first-child) > strong:first-child {
	display: block;
	margin-bottom: 10px;
	color: var(--indsigt-bronze, #ad643a);
	font-size: 44px;
	font-weight: var(--indsigt-black, 800);
	line-height: 1;
	letter-spacing: -.01em;
	white-space: nowrap;
}

body.indsigt-single #main-content > :is(.section-wrap.indsigt-noegleresultater, .section-wrap.indsigt-noegleresultater + .stomFEE-edit-cta) + .section-wrap.indsigt-statistik {
	margin-top: 84px; /* 90px fra boksen til overskriftens versalhøjde */
}

/* Illustration i højre side: skriv klassen i sektionens Class-felt
   - "illustration-drakula" (Figma node 1545:662, drakulahovedet)
   - "illustration-sminke" (Figma node 1545:608, sminke og pensel)
   Lodret centreret, teksten holdes fri af den. Erstatter vandmærket */
.section-wrap.indsigt-noegleresultater:is(.illustration-drakula, .illustration-sminke) {
	position: relative;
	background-image: none !important; /* kun illustrationen, ikke vandmærket (vandmærkereglens :has() vinder ellers på specificitet) */
}

.section-wrap.indsigt-noegleresultater:is(.illustration-drakula, .illustration-sminke)::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 60px;
	width: 160px;
	aspect-ratio: 286 / 270;
	background: url('noegleresultater-drakula.svg?v=2') center / contain no-repeat; /* v=2: farvet version - tæl op, når SVG'en udskiftes */
	transform: translateY(-50%);
	pointer-events: none;
}

.section-wrap.indsigt-noegleresultater.illustration-sminke::after {
	aspect-ratio: 251 / 200;
	background-image: url('noegleresultater-sminke.svg');
}

.section-wrap.indsigt-noegleresultater:is(.illustration-drakula, .illustration-sminke) > .section {
	position: relative;
	z-index: 1;
	padding-right: calc(60px + 160px + 40px);
}

@media only screen and (max-width: 959px) {
	.section-wrap.indsigt-noegleresultater > .section {
		padding: 36px 40px 32px;
	}

	.section-wrap.indsigt-noegleresultater:is(.illustration-drakula, .illustration-sminke)::after {
		right: 40px;
		width: 120px;
	}

	.section-wrap.indsigt-noegleresultater:is(.illustration-drakula, .illustration-sminke) > .section {
		padding-right: calc(40px + 120px + 30px);
	}

	.section-wrap.indsigt-noegleresultater > .section > :is(h2, h3) {
		font-size: 26px;
	}

	.section-wrap.indsigt-noegleresultater > .section > ul > li:has(> strong:first-child) > strong:first-child {
		font-size: 38px;
	}
}

@media only screen and (max-width: 767px) {
	body.indsigt-single #main-content > :is(.section-wrap.basis, .section-wrap.basis + .stomFEE-edit-cta) + .section-wrap.indsigt-noegleresultater {
		margin-top: 40px;
	}

	.section-wrap.indsigt-noegleresultater > .section {
		padding: 26px 20px 22px;
	}

	/* Mobil: for smalt til illustration ved siden af teksten - den udelades */
	.section-wrap.indsigt-noegleresultater:is(.illustration-drakula, .illustration-sminke)::after {
		display: none;
	}

	.section-wrap.indsigt-noegleresultater:is(.illustration-drakula, .illustration-sminke) > .section {
		padding-right: 20px;
	}

	.section-wrap.indsigt-noegleresultater > .section > ul > li {
		margin-bottom: 12px;
	}

	.section-wrap.indsigt-noegleresultater > .section > ul > li::before {
		top: 5px;
		width: 6px;
		height: 6px;
	}

	.section-wrap.indsigt-noegleresultater > .section > ul:has(> li > strong:first-child) {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.section-wrap.indsigt-noegleresultater > .section > ul > li:has(> strong:first-child) {
		padding: 26px 20px 20px;
	}

	.section-wrap.indsigt-noegleresultater > .section > ul > li:has(> strong:first-child) > strong:first-child {
		margin-bottom: 6px;
		font-size: 32px;
	}

	body.indsigt-single #main-content > :is(.section-wrap.indsigt-noegleresultater, .section-wrap.indsigt-noegleresultater + .stomFEE-edit-cta) + .section-wrap.indsigt-statistik {
		margin-top: 50px;
	}
}

/*======================================================================//
// Sektion: Indsigt statistik (.section-wrap.indsigt-statistik)         //
// Figma node 2:7 "Spørgsmål #1": 1200px = indhold 810px + 90px luft +  //
// boks 300px. Egne variabler, så sektionen også virker uden for        //
// universet                                                            //
//======================================================================*/

.section-wrap.indsigt-statistik {
	--statistik-blaa: var(--color-1, #294954);
	--statistik-bronze: var(--color-2, #ad643a);
	--statistik-spor: rgba(217, 224, 228, .5); /* Baby blue 2 (#d9e0e4) 50% */
	--statistik-boks: 300px;
	--statistik-luft: 90px;
}

.section-wrap.indsigt-statistik .indsigt-statistik-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--statistik-boks);
	align-items: start;
	gap: var(--statistik-luft);
	max-width: 1200px;
	margin: 0 auto;
}

/* Uden boks holder spørgsmålene samme bredde som med boks */
.section-wrap.indsigt-statistik.uden-fremhaevet .indsigt-statistik-grid {
	grid-template-columns: minmax(0, 1fr);
}

.section-wrap.indsigt-statistik.uden-fremhaevet .indsigt-statistik-hoved {
	max-width: calc(1200px - var(--statistik-boks) - var(--statistik-luft));
}

/* ===== Overskrift + introtekst ===== */

.section-wrap.indsigt-statistik .indsigt-statistik-indhold {
	margin-bottom: 30px; /* 40px fra tekstens grundlinje til spørgsmålet */
}

.section-wrap.indsigt-statistik .indsigt-statistik-indhold:last-child {
	margin-bottom: 0;
}

.section-wrap.indsigt-statistik .indsigt-statistik-indhold > :is(h2, h3) {
	margin: 0 0 10px; /* 30px fra grundlinjen til teksten */
	color: var(--statistik-blaa);
	font-size: 40px;
	font-weight: 800;
	line-height: 1.35;
}

.section-wrap.indsigt-statistik .indsigt-statistik-indhold > :is(p, ul, ol) {
	color: var(--statistik-blaa);
	font-size: 18px;
	font-weight: 300; /* brødtekst som resten af sitet */
	line-height: 1.35;
}

.section-wrap.indsigt-statistik .indsigt-statistik-indhold > :last-child {
	margin-bottom: 0;
}

/* ===== Spørgsmål + svar ===== */

.section-wrap.indsigt-statistik .indsigt-statistik-spoergsmaal-blok + .indsigt-statistik-spoergsmaal-blok {
	margin-top: 87px; /* 90px fra bjælken til næste spørgsmåls versalhøjde */
}

.section-wrap.indsigt-statistik .indsigt-statistik-spoergsmaal {
	margin: 0 0 20px; /* 30px fra grundlinjen til første svar */
	color: var(--statistik-blaa);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.35;
}

.section-wrap.indsigt-statistik .indsigt-statistik-liste {
	display: flex;
	flex-direction: column;
	gap: 18px; /* 52px fra svar til svar som i Figma (20px fra bjælke til næste svar) */
	margin: 0;
	padding: 0;
	list-style: none;
}

.section-wrap.indsigt-statistik .indsigt-statistik-punkt {
	margin: 0;
	padding: 0;
}

.section-wrap.indsigt-statistik .indsigt-statistik-punkt::before {
	content: none;
}

.section-wrap.indsigt-statistik .indsigt-statistik-svar {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 20px;
	margin: 0 0 3px; /* bjælken ligger 10px under svarets grundlinje */
	color: var(--statistik-blaa);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.35;
}

.section-wrap.indsigt-statistik .indsigt-statistik-svar-procent {
	flex: 0 0 auto;
	font-variant-numeric: tabular-nums;
}

.section-wrap.indsigt-statistik .indsigt-statistik-bjaelke {
	height: 10px;
	overflow: hidden;
	border-radius: 20px;
	background: var(--statistik-spor);
}

.section-wrap.indsigt-statistik .indsigt-statistik-bjaelke span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--statistik-blaa);
}

/* ===== Fremhævet tal: bronze boks med Varefakta-symbolet nederst til højre ===== */

.section-wrap.indsigt-statistik .indsigt-statistik-fremhaevet {
	display: flex;
	flex-direction: column;
	gap: 70px; /* fast afstand som i Figma: 145px fra tallets versalhøjde til tekstens - boksen vokser med teksten */
	padding: 27px 30px 22px; /* 30px til tallets versalhøjde og tekstens grundlinje */
	border-radius: 20px;
	background: var(--statistik-bronze) url('statistik-boks.svg') no-repeat right bottom / 300px 267px;
	color: #fff;
}

.section-wrap.indsigt-statistik .indsigt-statistik-fremhaevet p {
	margin: 0;
	color: #fff;
}

.section-wrap.indsigt-statistik .indsigt-statistik-fremhaevet .indsigt-statistik-tal {
	padding-top: .07em; /* versalhøjden går over linjeboksen ved line-height 1 */
	font-size: 70px;
	font-weight: 800;
	line-height: 1;
}

.section-wrap.indsigt-statistik .indsigt-statistik-fremhaevet .indsigt-statistik-tekst {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.35;
}

@media only screen and (max-width: 1199px) {
	.section-wrap.indsigt-statistik {
		--statistik-boks: 280px;
		--statistik-luft: 50px;
	}

	.section-wrap.indsigt-statistik .indsigt-statistik-indhold > :is(h2, h3) {
		font-size: 34px;
	}
}

@media only screen and (max-width: 959px) {
	.section-wrap.indsigt-statistik {
		--statistik-boks: 240px;
		--statistik-luft: 30px;
	}

	.section-wrap.indsigt-statistik .indsigt-statistik-indhold > :is(h2, h3) {
		font-size: 30px;
	}

	.section-wrap.indsigt-statistik .indsigt-statistik-fremhaevet {
		gap: 56px; /* skaleret med tallet (56px) */
	}

	.section-wrap.indsigt-statistik .indsigt-statistik-fremhaevet .indsigt-statistik-tal {
		font-size: 56px;
	}
}

@media only screen and (max-width: 767px) {
	/* Boksen under spørgsmålene */
	.section-wrap.indsigt-statistik .indsigt-statistik-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
	}

	.section-wrap.indsigt-statistik.uden-fremhaevet .indsigt-statistik-hoved {
		max-width: none;
	}

	.section-wrap.indsigt-statistik .indsigt-statistik-indhold {
		margin-bottom: 35px;
	}

	.section-wrap.indsigt-statistik .indsigt-statistik-spoergsmaal-blok + .indsigt-statistik-spoergsmaal-blok {
		margin-top: 40px;
	}

	.section-wrap.indsigt-statistik .indsigt-statistik-fremhaevet {
		gap: 15px;
	}
}

/* Skriftstørrelser på mobil står samlet under "Mobil" nederst i filen */
@media only screen and (max-width: 600px) {
	.section-wrap.indsigt-statistik .indsigt-statistik-spoergsmaal {
		margin-bottom: 16px;
	}
}

/*======================================================================//
// Sektion: Indsigt billede (.section-wrap.indsigt-billede)             //
// Billede i 870px-kolonnen, beskåret til 870 x 400                     //
//======================================================================*/

.section-wrap.indsigt-billede .indsigt-billede-figur {
	max-width: 870px;
	margin: 0 auto;
}

/* På en indsigt står billedet venstrestillet ligesom teksten */
body.indsigt-single .section-wrap.indsigt-billede .indsigt-billede-figur {
	margin-left: 0;
}

.section-wrap.indsigt-billede .indsigt-billede-img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 87 / 40;
	object-fit: cover;
	border-radius: 20px;
}

@media only screen and (max-width: 600px) {
	.section-wrap.indsigt-billede .indsigt-billede-img {
		aspect-ratio: 4 / 3;
	}
}

/*======================================================================//
// Sektion: Indsigt ekspert (.section-wrap.indsigt-ekspert)             //
// Figma "Faglighed" (node 2:259): sektionens baggrundsbillede sløret   //
// i en afrundet flade (maks. 1740px) med en hvid boks (1080px):        //
// tekst (600px) + medarbejder (300px). Råd skrives som <ol>            //
//======================================================================*/

.section-wrap.indsigt-ekspert {
	--ekspert-blaa: var(--color-1, #294954);
	position: relative;
	overflow: hidden;
	width: calc(100% - 180px); /* 90px til kanten som i designet */
	max-width: 1740px;
	margin-right: auto !important; /* temaets sektionsmargin nulstiller siderne */
	margin-left: auto !important;
	border-radius: var(--indsigt-radius, 20px);
	background-color: var(--ekspert-blaa); /* uden billede: mørkeblå flade */
	background-position: center;
	background-size: cover;
}

/* Sløret baggrund: backdrop-filter slører sektionens eget baggrundsbillede (valgt i sektionens indstillinger) */
.section-wrap.indsigt-ekspert::before {
	content: "";
	position: absolute;
	inset: 0;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	pointer-events: none;
}

.section-wrap.indsigt-ekspert > .section {
	position: relative;
	z-index: 1;
	padding: 60px 30px;
	background: none;
}

.section-wrap.indsigt-ekspert .indsigt-ekspert-boks {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	align-items: center;
	gap: 60px;
	max-width: 1080px;
	margin: 0 auto;
	padding: 60px;
	border-radius: var(--indsigt-radius, 20px);
	background: #fff;
	color: var(--ekspert-blaa);
}

.section-wrap.indsigt-ekspert.uden-medarbejder .indsigt-ekspert-boks {
	grid-template-columns: minmax(0, 1fr);
}

/* ===== Tekst ===== */

.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold > :is(h2, h3) {
	margin: 0 0 4px; /* 20px fra grundlinjen til teksten som i Figma */
	color: var(--ekspert-blaa);
	font-size: 30px;
	font-weight: 800;
	line-height: 1.35;
}

.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold > :is(p, ul, ol) {
	margin: 0 0 20px;
	color: var(--ekspert-blaa);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.35;
}

.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold > :last-child {
	margin-bottom: 0;
}

.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold strong {
	font-weight: 700;
}

.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold a {
	color: inherit;
	text-decoration: underline;
}

.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold ul {
	padding: 0;
	list-style: none;
}

.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold ul li {
	position: relative;
	margin: 0 0 10px;
	padding-left: 12px;
	color: inherit;
	font-size: inherit; /* temaets li-styling må ikke gøre punkterne større/tungere end afsnittene */
	font-weight: inherit;
	line-height: inherit;
}

.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold ul li:last-child {
	margin-bottom: 0;
}

/* Prik, 6 x 6px */
.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold ul li::before {
	content: "";
	position: absolute;
	top: calc(.675em - 3px); /* midt på linjen */
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
}

/* ===== Medarbejder ===== */

.section-wrap.indsigt-ekspert .indsigt-ekspert-person {
	text-align: center;
}

.section-wrap.indsigt-ekspert .indsigt-ekspert-billede {
	width: 300px;
	max-width: 100%;
	margin: 0 auto 25px;
	overflow: hidden;
	aspect-ratio: 1;
	border-radius: 50%;
	/* Blå ring i farven fra mockuppets billedbaggrund - billederne har hvid baggrund, så baggrunden kan ikke ses */
	border: 8px solid #d8e0e3;
	background: var(--indsigt-lys, #f5f7f8);
}

/* Medarbejderens "Billede i indsigter" har sin egen baggrund - ingen ring */
.section-wrap.indsigt-ekspert .indsigt-ekspert-billede.med-baggrund {
	border: 0;
}

.section-wrap.indsigt-ekspert .indsigt-ekspert-billede img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.section-wrap.indsigt-ekspert .indsigt-ekspert-person p {
	margin: 0;
	color: var(--ekspert-blaa);
}

.section-wrap.indsigt-ekspert .indsigt-ekspert-navn {
	font-size: 25px;
	font-weight: 800;
	line-height: 1.2;
}

.section-wrap.indsigt-ekspert .indsigt-ekspert-stilling {
	margin-top: 5px !important;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.35;
}

/*======================================================================//
// Sektion: Billede + tekst på en enkelt indsigt                        //
// Kolonne-sektion (stom-grid-section) med et billed- og et tekst-      //
// element og evt. en "Husk!"-boks i fuld bredde med baggrundsfarve.    //
// Figma "4 Gode" (node 2:214): billede 600px + tekst 540px.            //
// Figma "Husk" (node 13:51): mørkeblå boks med udråbstegn-ikon         //
//======================================================================*/

body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-elements {
	grid-template-columns: minmax(0, 600fr) minmax(0, 540fr);
	gap: 40px 60px;
}

/* ===== Billede: fylder kolonnen i tekstens højde, mindst 600 x 739 ===== */

body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.image {
	position: relative;
	display: block;
}

body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.image::before {
	content: "";
	display: block;
	padding-top: 123.17%; /* 739 / 600 */
}

body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.image .overlay {
	position: absolute;
	inset: 0;
	padding: 0;
}

body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.image .overlay > * {
	height: 100%;
	margin: 0;
}

body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--indsigt-radius, 20px);
}

/* ===== Tekst ===== */

body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay {
	justify-content: flex-start; /* temaet lægger teksten i bunden */
	padding: 0;
}

body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay > :is(h2, h3) {
	margin: 0 0 14px; /* 30px fra grundlinjen til teksten som i Figma */
	color: var(--indsigt-blaa);
	font-size: 30px;
	font-weight: var(--indsigt-black);
	line-height: 1.35;
}

body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay > :is(p, ul, ol) {
	margin: 0 0 20px;
	color: var(--indsigt-blaa);
	font-size: 18px;
	font-weight: var(--indsigt-regular);
	line-height: 1.35;
}

body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay > p:empty {
	display: none;
}

body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay > :last-child {
	margin-bottom: 0;
}

/* ===== "Husk!"-boks: element i fuld bredde med baggrundsfarve ===== */

body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.fullwidth.has-background {
	display: grid;
	grid-template-columns: 130px minmax(0, 860px);
	align-items: center;
	gap: 30px;
	padding: 30px 90px;
	border-radius: var(--indsigt-radius, 20px);
}

body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.fullwidth.has-background::before {
	content: "";
	grid-row: 1;
	grid-column: 1;
	width: 130px;
	height: 130px;
	background: url("ikon-husk.svg") center / contain no-repeat;
}

body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.fullwidth.has-background .overlay {
	grid-row: 1; /* temaet lægger overlay over hele elementet (1 / -1) */
	grid-column: 2;
	padding: 0;
}

body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.fullwidth.has-background .overlay > :is(h2, h3) {
	margin: 0 0 15px;
	color: #fff;
	font-size: 50px;
	font-weight: var(--indsigt-black);
	line-height: 1.1;
}

body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.fullwidth.has-background .overlay > p {
	margin: 0 0 10px;
	color: #fff;
	font-size: 18px;
	font-weight: var(--indsigt-regular);
	line-height: 1.35;
}

body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.fullwidth.has-background .overlay > :last-child {
	margin-bottom: 0;
}

/*======================================================================//
// Nummererede råd (<ol>) i ekspert- og billede + tekst-sektionen:      //
// mørkeblå cirkel (50px) med hvidt tal, teksten 65px inde.             //
// Skriv fx <li><strong>Overskrift</strong><br>Tekst</li>               //
//======================================================================*/

:is(.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold, body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay) > ol {
	display: grid;
	gap: 30px; /* 30px fra et råds sidste linje til det næste som i Figma */
	padding: 0;
	list-style: none;
}

/* Tælleren nulstilles i sektionen, ikke i listen - editoren laver ofte én <ol> pr. råd med et <p> imellem */
:is(.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold, body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay) {
	counter-reset: indsigt-raad;
}

/* <ol><li>Overskrift</li></ol><p>Tekst</p> (ét råd pr. liste): teksten står lige under overskriften, rykket ind på linje med den. En almindelig liste med flere punkter efterfulgt af et afsnit røres ikke */
:is(.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold, body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay) > ol:has(> li:only-child):has(+ p) {
	margin-bottom: 0;
}

:is(.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold, body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay) > ol:has(> li:only-child):has(+ p) > li:last-child {
	min-height: 0;
}

:is(.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold, body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay) > ol:has(> li:only-child) + p {
	margin-top: 0;
	padding-left: 65px;
}

:is(.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold, body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay) > ol:has(> li:only-child) + p:has(+ ol) {
	margin-bottom: 30px;
}

:is(.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold, body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay) > ol > li {
	position: relative;
	min-height: 50px;
	margin: 0;
	padding-left: 65px;
	color: inherit;
	font-size: inherit; /* temaets li-styling må ikke overtage */
	font-weight: inherit;
	line-height: inherit;
	counter-increment: indsigt-raad;
}

:is(.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold, body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay) > ol > li::before {
	content: counter(indsigt-raad);
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	padding-top: .1em; /* optisk midte - Area Normal sidder højt i linjeboksen */
	border-radius: 50%;
	background: var(--color-1, #294954);
	color: #fff;
	font-size: 25px;
	font-weight: 800;
	line-height: 1;
}

:is(.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold, body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay) > ol > li strong {
	font-weight: 700;
}

/* ===== Responsive ===== */

@media only screen and (max-width: 1199px) {
	.section-wrap.indsigt-ekspert {
		width: calc(100% - 60px);
	}

	.section-wrap.indsigt-ekspert .indsigt-ekspert-boks {
		grid-template-columns: minmax(0, 1fr) 240px;
		gap: 40px;
		padding: 50px;
	}

	body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-elements {
		column-gap: 40px;
	}

	body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.fullwidth.has-background {
		grid-template-columns: 100px minmax(0, 1fr);
		padding: 30px 50px;
	}

	body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.fullwidth.has-background::before {
		width: 100px;
		height: 100px;
	}
}

@media only screen and (max-width: 959px) {
	.section-wrap.indsigt-ekspert > .section {
		padding: 40px 20px;
	}

	/* Tablet: teksten blev presset ned i en smal kolonne ved siden af medarbejderen - medarbejderen står under teksten */
	.section-wrap.indsigt-ekspert .indsigt-ekspert-boks {
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
		padding: 40px;
	}

	.section-wrap.indsigt-ekspert .indsigt-ekspert-billede {
		width: 220px;
	}

	/* Billede + tekst: stables allerede her, så teksten ikke står i en smal kolonne ved siden af et meget højt billede */
	body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-elements {
		grid-template-columns: minmax(0, 1fr);
		gap: 30px;
	}

	body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.image::before {
		padding-top: 60%;
	}

	.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold > :is(h2, h3),
	body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay > :is(h2, h3) {
		font-size: 26px;
	}

	.section-wrap.indsigt-ekspert .indsigt-ekspert-navn {
		font-size: 22px;
	}

	body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.fullwidth.has-background .overlay > :is(h2, h3) {
		font-size: 40px;
	}
}

@media only screen and (max-width: 767px) {
	/* Fladen går helt ud til kanten, medarbejderen står under teksten */
	.section-wrap.indsigt-ekspert {
		width: 100%;
		border-radius: 0;
	}

	.section-wrap.indsigt-ekspert .indsigt-ekspert-boks {
		gap: 30px;
		padding: 30px 20px;
	}

	/* Billedet over teksten (stablet fra 959px) - lidt højere format på mobil */
	body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.image::before {
		padding-top: 75%;
	}

	body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.fullwidth.has-background {
		grid-template-columns: 60px minmax(0, 1fr);
		gap: 20px;
		padding: 25px 20px;
	}

	body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.fullwidth.has-background::before {
		width: 60px;
		height: 60px;
	}

	body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.fullwidth.has-background .overlay > :is(h2, h3) {
		margin-bottom: 10px;
		font-size: 30px;
	}

	:is(.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold, body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay) > ol {
		gap: 20px;
	}

	:is(.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold, body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay) > ol > li {
		min-height: 40px;
		padding-left: 52px;
	}

	:is(.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold, body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay) > ol:has(> li:only-child) + p {
		padding-left: 52px;
	}

	:is(.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold, body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay) > ol:has(> li:only-child) + p:has(+ ol) {
		margin-bottom: 20px;
	}

	:is(.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold, body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay) > ol > li::before {
		width: 40px;
		height: 40px;
		font-size: 20px;
	}
}

@media only screen and (max-width: 600px) {
	/* Den hvide boks går næsten ud til kanten, så teksten får mere bredde */
	.section-wrap.indsigt-ekspert > .section {
		padding: 24px 10px;
	}

	.section-wrap.indsigt-ekspert .indsigt-ekspert-boks {
		padding: 26px 18px;
	}

	:is(.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold, body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay) > ol > li {
		min-height: 34px;
		padding-left: 46px;
	}

	:is(.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold, body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay) > ol:has(> li:only-child) + p {
		padding-left: 46px;
	}

	:is(.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold, body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay) > ol > li::before {
		width: 34px;
		height: 34px;
		font-size: 17px;
	}
}

/*======================================================================//
// Mobil: samlet nedskalering af teksten i hele universet               //
// Samme brudpunkt som sitets mobil-tokens (767px, --p: 14px).          //
// Står sidst, så den vinder over modulernes egne mobilregler.          //
// Brødtekst 15px, småtekst 14px. Inputfelter holdes på 16px, ellers    //
// zoomer iOS ind, når man trykker i feltet                             //
//======================================================================*/

@media only screen and (max-width: 767px) {
	/* ===== Oversigt: intro, filtre og kort ===== */

	body.indsigt-landingpage .section > h1:first-child + p,
	body.indsigt-landingpage #main-content .section-wrap.basis .section > :is(p, ul, ol) {
		font-size: 15px;
	}

	.indsigt-univers .indsigt-filter {
		font-size: 14px;
	}

	.indsigt-univers .indsigt-overskrift {
		font-size: 20px;
	}

	.indsigt-univers .indsigt .title,
	.indsigt-univers .indsigt-fremhaevet .title {
		font-size: 18px;
	}

	.indsigt-univers .indsigt .meta {
		font-size: 14px;
	}

	.indsigt-univers .indsigt .excerpt {
		font-size: 15px;
	}

	.indsigt-univers .indsigt .read-more {
		font-size: 16px;
	}

	.indsigt-univers .indsigt-vis-flere {
		height: 48px;
		font-size: 16px;
	}

	/* ===== Topbillede ===== */

	body.indsigt-landingpage .page-slider-section .slider-text-inner .slider-text-inner-wrapper > p {
		font-size: 15px;
	}

	/* ===== "Hvad er Varefakta Indsigt?" ===== */

	body.indsigt-landingpage :is(.section-wrap.indsigt-om, .section-wrap.basis:has(> .section > h2 + .content)) .section > h2,
	#footer-sektion-indsigt .section .grid-elements .grid-element .overlay > h2 {
		font-size: 20px;
		line-height: 1.25;
	}

	body.indsigt-landingpage :is(.section-wrap.indsigt-om, .section-wrap.basis:has(> .section > h2 + .content)) .content {
		font-size: 15px;
	}

	body.indsigt-landingpage :is(.section-wrap.indsigt-om, .section-wrap.basis:has(> .section > h2 + .content)) .content > p {
		margin-bottom: 20px;
	}

	/* ===== Nyhedsbrev ===== */

	#main-content #footer-sektion-indsigt .section .grid-elements .grid-element .overlay > p,
	#footer-sektion-indsigt .section .grid-elements .grid-element .overlay > p {
		font-size: 15px;
	}

	#footer-sektion-indsigt .gform_wrapper.gravity-theme .gfield .gfield_label {
		font-size: 15px;
	}

	#footer-sektion-indsigt .gform_wrapper.gravity-theme form .gform_body .gform_fields .gfield .ginput_container > input {
		font-size: 16px;
	}

	/* ===== Enkelt indsigt ===== */

	body.indsigt-single .indsigt-single-intro .indsigt-single-titel {
		font-size: 24px;
	}

	body.indsigt-single .indsigt-single-meta .indsigt-filter,
	body.indsigt-single .indsigt-single-dato {
		font-size: 14px;
	}

	body.indsigt-single #main-content .section-wrap.basis .section > :is(p, ul, ol),
	.section-wrap.indsigt-noegleresultater > .section > :is(p, ul, ol) {
		font-size: 15px;
	}

	body.indsigt-single #main-content .section-wrap.basis .section > :is(h2, h3),
	.section-wrap.indsigt-noegleresultater > .section > :is(h2, h3) {
		font-size: 22px;
		line-height: 1.25;
	}

	body.indsigt-single #main-content .section-wrap.basis .section > :is(p, ul, ol) + :is(h2, h3) {
		margin-top: 32px;
	}

	body.indsigt-single .indsigt-relaterede .indsigt-relaterede-overskrift {
		font-size: 22px;
	}

	body.indsigt-single .indsigt-se-alle {
		height: 48px;
		font-size: 16px;
	}

	/* ===== Statistik ===== */

	.section-wrap.indsigt-statistik .indsigt-statistik-indhold > :is(h2, h3) {
		font-size: 22px;
	}

	.section-wrap.indsigt-statistik .indsigt-statistik-spoergsmaal {
		font-size: 17px;
	}

	.section-wrap.indsigt-statistik .indsigt-statistik-indhold > :is(p, ul, ol),
	.section-wrap.indsigt-statistik .indsigt-statistik-svar,
	.section-wrap.indsigt-statistik .indsigt-statistik-fremhaevet .indsigt-statistik-tekst {
		font-size: 15px;
	}

	.section-wrap.indsigt-statistik .indsigt-statistik-fremhaevet .indsigt-statistik-tal {
		font-size: 48px;
	}

	/* ===== Ekspert ===== */

	.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold > :is(h2, h3),
	body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) .grid-element.content .overlay > :is(h2, h3) {
		font-size: 20px;
		line-height: 1.25;
	}

	.section-wrap.indsigt-ekspert .indsigt-ekspert-indhold > :is(p, ul, ol),
	.section-wrap.indsigt-ekspert .indsigt-ekspert-stilling,
	body.indsigt-single #main-content .stom-grid-section:has(.grid-element.image + .grid-element.content) :is(.grid-element.content, .grid-element.fullwidth) .overlay > :is(p, ul, ol) {
		font-size: 15px;
	}

	.section-wrap.indsigt-ekspert .indsigt-ekspert-navn {
		font-size: 18px;
	}
}