.hero {
	position:relative;
	width:100%;
}

.hero__img {
	display:block;
	width:100%;
	height:auto;
}

.hero__overlay {
	position:absolute;
	top:50%;
	left:5vw;
	right:5vw;
	transform:translateY(-50%);
	text-align:center;
}

.hero__title {
	margin:0 0 .4em;
	font-size:clamp(28px, 5.5vw, 72px);
	color:#fff; /* Beholder hvid tekst over billedet */
	line-height:1.1;
}

.hero__text {
	margin:0;
	font-size:clamp(12px, 1.4vw, 20px);
	color:#fff;
}

.serie-row {
	padding-top:20px;


}

.serie-row h2 {
	font-size:17px;
	font-weight:bold;
	text-transform:uppercase;
}

.fade-wrap {
	position:relative
}

.fade-wrap::before,
.fade-wrap::after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	pointer-events:none;
	opacity:0;
	transition:opacity .2s;
}


.fade-wrap::before,
.fade-wrap::after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	pointer-events:none;
	opacity:0;
	transition:opacity .2s;
}

.fade-wrap::before {
	left:0;
	background:linear-gradient(to right, rgba(0, 0, 0, .08), rgba(0, 0, 0, 0));
}

.fade-wrap::after {
	right:0;
	background:linear-gradient(to left, rgba(0, 0, 0, .08), rgba(0, 0, 0, 0));
}

.fade-wrap.can-left::before {
	opacity:1;
}

.fade-wrap.can-right::after {
	opacity:1;
}

#serie-button.serie.button {
	display:flex;
	justify-content:flex-start;
	gap:12px;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	scroll-snap-type:x proximity;
	padding-left:0;
	margin:0;
	background:transparent;
	border:0;
	outline:none;
	user-select:none;
	cursor:grab;
	scrollbar-width:none; /* Firefox */
	-ms-overflow-style:none; /* IE/Edge legacy */
	touch-action:pan-x; /* tillader swipe */
}

#serie-button::-webkit-scrollbar {
	display:none;
}

#serie-button[data-dragging="true"] {
	cursor:grabbing;
}

/* Knapper / links */
#serie-button a {
	flex:0 0 auto;
	scroll-snap-align:start;
	text-decoration:none;
	white-space:nowrap;
	font-family:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	font-weight:600;
	line-height:1;
	color:#ffffff;
	background:#000000;
	padding:10px 14px;
	border:1px solid #cfd3d8;
	border-radius:2px;
	transition:transform .15s ease, border-color .15s ease;
	-webkit-user-drag:none;
}

#serie-button a:hover {
	transform:translateY(-1px);
}

#serie-button a:active {
	transform:translateY(0);
}

#serie-button a:focus-visible {
	border-color:#0a84ff;
	box-shadow:0 0 0 2px rgba(10, 132, 255, .20);
	outline:0;
}

.produkt-ups {
	display:inline-flex;
	flex-direction:column;
	width:max-content;
	max-width:100%;
	box-sizing:border-box;
	padding-block:8px;
	padding-inline:8px;
}

.produkt-ups hr {
	width:100%;
	border:none;
	border-top:1px solid #eee;
	margin:0;
}

.produkt-ups p {
	display:inline-flex;
	align-items:center;
	gap:8px;
	white-space:nowrap;
	margin:8px 0;
}

.produkt-ups img {
	width:30px;
	height:30px;
}

.ny-2x3-grids {
	display:grid;
	grid-template-columns: repeat(2, auto);
	grid-auto-rows:auto;
	gap:13px;
	align-items:start;
	justify-content:start;
}

.ny-2x3-grids__item {

}

.ny-2x3-grids__link {
	display:inline-block;
	transition:transform 120ms ease-out;
	text-decoration:none;
}

.ny-2x3-grids__link:hover .ny-2x3-grids__img,
.ny-2x3-grids__link:focus .ny-2x3-grids__img {
	transform:scale(1.01);
}

.ny-2x3-grids__img {
	display:block;
}

.h2-forside {
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	text-align:center;
	font-size:1, 5vw; /* responsiv størrelse */
	font-family:Arial, sans-serif;
}

.description h5 {
	font-weight:bold;
}

.pris-filter-container {
	display:flex; /* Flex container */
	flex-wrap:wrap; /* Tillad wrap, så knapperne står ved siden af hinanden */
	gap:10px; /* Afstand mellem knapper */
	justify-content:center; /* Centrerer knapperne */
	padding:1px; /* Indre afstand */
}

.pris-filter-container a {
	text-decoration:none; /* Fjern tekstunderstregning */
	padding:15px 15px; /* Indre afstand */
	font-size:13px; /* Standard skriftstørrelse */
	font-weight:bold; /* Fremhæv tekst */
	color:white; /* Hvid tekst */
	background-color:#000000; /* Sort baggrund */
	border:none; /* Ingen kant */
	border-radius:3px; /* Rundede hjørner */
	text-align:center; /* Centrer tekst */
	cursor:pointer; /* Ændrer museikon */
	transition:background-color 0.3s ease, transform 0.3s ease; /* Glidende effekt */
	width:190px; /* Fast bredde */
	height:45px; /* Fast højde */
}

.pris-filter-container a:hover {
	background-color:#333333; /* Hover farve */
	transform:scale(1.05);
}

.grids-blogs {
	display:grid;
	grid-template-columns: 1fr 2fr;
	margin:20px;
}

#blog-grid-image {
	width:40%;
	height:auto;
	margin-left:250px;
}

#blog-grid-text {
	margin-right:200px;
	padding-right:70px;
}

.inspiration {
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	gap:10px;
	padding:20px; /* Øget padding for hele gridet */
	margin:20px; /* Margin omkring hele sektionen */
}

.inspiration-item {
	text-align:center;
	padding:5px;
	margin:5px;
}

.inspiration-item img {
	width:100%;
	height:auto;
	transition:transform 0.2s; /* Glat transformation ved hover */
}

.inspiration-item img:hover {
	transform:scale(1.05); /* Let forstørrelse ved hover */
}

.inspiration-item h2 {
	margin-top:10px; /* Top margin til h2 teksten */
}

.inspiration-item p {
	margin-top:5px; /* Margin over tekst */
}

.hovedkategori-2-grid-buttons {
	position:absolute;
	bottom:10px;
	left:50%;
	transform:translate(-50%, -50%);
	display:flex;
	justify-content:center;
}

.hovedkategori-2-grid-button,
.hovedkategori-2-grid-button:link,
.hovedkategori-2-grid-button:visited,
.hovedkategori-2-grid-button:hover,
.hovedkategori-2-grid-button:active,
.hovedkategori-2-grid-button {
	padding:10px 20px;
	margin:0 10px;
	width:13em;
	height:2.2em;
	line-height:0.5em;
	border:none;
	border-radius:3px;
	background-color:#ffffff;
	color:#000000;
	text-decoration:none;
	font-size:1.1vw;
	transition:background-color 0.3s, color 0.3s;
	font-weight:bold;
	display:inline-block;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
}

.hovedkategori-2-grid-button:hover {
	background-color:#a39274;
	transform:scale(0.9);
}

.hovedkategori-2-grid-container {
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap:10px;
}

.hovedkategori-2-grid-item {
	position:relative;
	width:100%;
	height:auto;
}

.hovedkategori-4x4-container {
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	gap:10px;
	padding-bottom:20px;
	padding-top:20px;
}

.hovedkategori-4x4-item {
	position:relative;
}

.hovedkategori-4x4-item img {
	width:100%;
	display:block;
}

.hovedkategori-4x4-grid-button,
.hovedkategori-4x4-grid-button:link,
.hovedkategori-4x4-grid-button:visited,
.hovedkategori-4x4-grid-button:hover,
.hovedkategori-4x4-grid-button:active {
	width:15em;
	height:2.5em;
	padding:8px 15px;
	margin:0 10px;
	border:none;
	border-radius:3px;
	background-color:#ffffff;
	color:#000000; /* Ensures text color remains white */
	text-decoration:none;
	font-size:0.9vw;
	transition:background-color 0.3s, color 0.3s;
	font-weight:bold;
	line-height:0.5em;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
}

.hovedkategori-4x4-grid-button:hover {
	transform:scale(0.9);
	background-color:#C3AB93;
	color:#fff;
}

.hovedkategori-1x2-container {
	display:grid;
	grid-template-columns: auto auto auto;
	gap:10px;

	& uml
;
	padding-top:10px;
}

.hovedkategori-1x2-item {
	position:relative;
	text-align:center;
}

.hovedkategori-1x2-item img {
	width:100%;
}

.hovedkategori-1x2-text {
	position:absolute;
	bottom:0;
	color:white;
	width:100%;
	padding:10px;
	font-size:2vw;
	text-align:center;
}

.image-grid-8xbrand {
	display:grid;
	grid-template-columns: repeat(8, 1fr);
	gap:10px;
	padding:35px;
}

.service-banner-img {
	width:100%;
	margin-bottom:20px;
	z-index:1;
}

.service-banner h1 {
	position:absolute; /* Absolut positionering i forhold til service-banner */
	top:50%; /* Centrerer vertikalt */
	left:50%; /* Centrerer horisontalt */
	transform:translate(-50%, -50%); /* Justerer præcis centreringspunkt */
	font-size:5vw; /* Responsiv fontstørrelse */
	color:#fff; /* Farve for synlighed */
	z-index:2; /* Sørger for, at teksten er over billedet */
	margin:0; /* Fjerner standardmargen */
}

.brand-banner-container {
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	gap:10px;
}

.brand-banner-item {
	width:100%;
}

.grid-container-2xbox {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:20px;
	padding:20px;
}

.grid-item-2xbox {
	position:relative;
	overflow:hidden;
}

.grid-item-2xbox img {
	width:100%;
	height:auto;
}

.grid-item-2xbox .knap-banner-text-2xbox {
	position:absolute;
	bottom:13%;
	left:50%;
	transform:translateX(-50%);
	color:white;
	font-size:0.9vw;
	text-align:center;
	width:100%;
}

.grid-item-2xbox .knap-banner-buttons-2xbox {
	position:absolute;
	bottom:5%;
	left:50%;
	transform:translateX(-50%);
	display:flex;
	justify-content:center;
}

.grid-item-2xbox .knap-banner-2xbox {
	padding:0.5vw 1vw;
	border:none;
	border-radius:3px;
	background-color:#C3AB93;
	color:white;
	text-decoration:none;
	font-size:1vw;
	transition:background-color 0.3s, color 0.3s;
}

.grid-item-2xbox .knap-banner-2xbox:hover {
	transform:scale(0.9);
	background-color:#C3AB93;
	color:#fff;
}

.rund-menu-image:hover {
	transform:scale(1.1);
}

.rund-menu-container {
	display:grid;
	grid-template-columns: repeat(8, 1fr);
	gap:5px;
}

.rund-menu-item {
	margin:5px;
}

.rund-menu-link {
	display:block;
}

.rund-menu-image {
	width:100%;
	height:auto;
}

.video-grid-container {
	display:grid;
	grid-template-columns: 1fr 1fr;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding:var(--grid-top-padding) var(--grid-side-padding);
}

.video-grid-wrapper {
	position:relative;
	width:100%;
	padding-bottom:56.25%;
	height:0;
}

.video-grid-media-content {
	position:absolute;
	object-fit:cover;
	left:0;
	width:100%;
}

.video-grid-tekst-wrapper {
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
	color:#000000;
	font-size:var(--tekst-stoerrelse);
	align-items:center;
	padding:var(--grid-margin);
}

.video-grid-button-container {
	display:flex;
	justify-content:center;
	margin-top:20px;
}

.video-grid-custom-button {
	padding:0.7em;
	background-color:#C3AB93;
	color:#ffffff;
	text-decoration:none;
	border-radius:3px;
	transition:transform 0.2s ease;
	font-size:calc(0.8em + 0.3vw);
	font-weight:bold;
	border:none;
}

.video-grid-custom-button:hover {
	transform:scale(0.9);
	background-color:#C3AB93;
	color:#ffffff;
}

.knap-banner-container {
	position:relative;
	width:100%;
}

.knap-banner-container img {
	width:100%;
	height:auto;
}

.knap-banner-text {
	position:absolute;
	top:35%;
	left:50%;
	transform:translate(-50%, -50%);
	color:white;
	font-size:4vw;
	text-align:center;
}

.knap-banner-buttons {
	position:absolute;
	top:70%;
	left:50%;
	transform:translate(-50%, -50%);
	display:flex;
	justify-content:center;
}

.knap-banner {
	padding:0.5vw 1vw;
	margin:0 1vw;
	border:none;
	border-radius:3px;
	background-color:#C3AB93;
	color:white;
	text-decoration:none;
	font-size:1vw;
	transition:background-color 0.3s, color 0.3s;
	font-weight:bold;
}

.knap-banner:hover {
	transform:scale(0.9);
	background-color:#C3AB93;
	color:#fff;
}

.underkategori-container {
	display:grid;
	grid-template-columns: repeat(6, 1fr);
	width:90%;
	margin:0 auto;
	align-items:center;
	justify-items:center;
	gap:5px;
}

.underkategori-block {
	text-align:center;
	margin:15px;
}

.underkategori-link {
	text-decoration:none;
	color:inherit;
}

.underkategori-image {
	width:13vw; /* Størrelsen på billederne */
	max-width:10%;
	transition:transform 0.3s ease;
}

.underkategori-image:hover {
	transform:scale(1.1);
}

.underkategori-title {
	font-size:1.3vw;
	color:#333;
	margin:5px 0;
}

.help-cell:hover {
	transform:scale(1.2);
}

.glowing-effect {
	border:none;
	height:2px;
	background-color:#F4FEFF;
	margin:30px 0;
	display:block; /* Sikrer at højden respekteres */
	box-shadow:0 0 10px #F4FEFF, 0 0 20px #F4FEFF, 0 0 30px #F4FEFF; /* Glødeeffekt */
}

.site-banner-link,
.site-banner-link:link,
.site-banner-link:visited,
.site-banner-link:hover,
.site-banner-link:active {
	color:#ffffff;
	text-decoration:none;
}

#sub-title-CM {
	text-align:center;
	font-size:2.2vw;
	color:#F4FEFF;
	text-shadow:0 0 10px #F4FEFF, 0 0 20px #F4FEFF, 0 0 30px #F4FEFF;
}

.site-banner-container {
	position:relative;
}

.site-banner-image {
	width:100%;
	transition:transform 0.5s ease;
}

.site-banner-content {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	text-align:center;
	padding:10px;
	border-radius:10px;
}

.site-banner-content h2 {
	font-size:3vw;
	color:#ffffff;
	text-decoration:none;
	margin:0 0 5px; /* Added margin for spacing below h2 */

}

.site-banner-content p {
	font-size:1.5vw;
	color:#ffffff;
	text-decoration:none;
	margin:0;
}

.grid-2x2 {
	display:grid;
	grid-template-columns: repeat(2, 1fr); /* Altid to kolonner */
	grid-template-rows: auto;
	gap:10px;
}

.grid-cell-2x2 {
	position:relative;
	overflow:hidden;
}

.grid-cell-2x2 img {
	display:block;
	width:100%;
	height:auto;
	transition:transform 0.3s ease;
}

.grid-cell-2x2:hover img {
	transform:scale(1.1);
}

.grid-cell-2x2 a {
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	color:inherit;
	height:100%;
}

.grid-cell-2x2 h2 {
	margin:0;
	padding:15px;
	font-size:2.5vw; /* Basis fontstørrelse i vw */
	text-align:center;
	color:white;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	transform:translateY(0);
	transition:transform 0.3s ease;
	background-color:transparent;
}

#kategori-titel {
	font-size:2.2vw;
	color:#000000;
}

.kategori-overskrift {
	text-align:center;
	margin:20px;
}

.kategori-box-grid-item h2 {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	color:var(--kategori-box-h2-color);
	padding:10px;
	margin:0;
	box-sizing:border-box;
	text-align:center;
	background-color:rgba(195, 171, 147, 0.5);
	font-size:clamp(14px, 2.5vw, 25px);
	transition:font-size 0.3s ease;
}

.kategori-box-grid-item:hover img {
	transform:scale(1.10);
}

.kategori-box-grid-item img {
	width:100%;
	height:auto;
	transition:transform 0.3s ease;
}

.kategori-box-grid-item {
	position:relative;
	overflow:hidden;
}

.kategori-box-grid-container {
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	gap:10px;
}

.sub-headline {
	color:black; /* Tekstfarve, kan ændres */
	font-size:1.1em; /* Start størrelse, kan justeres */
	margin:0;
	padding:0;
}

.sub-centered-text {
	max-width:850px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:20px;
	padding-bottom:25px;
}

.sup-tekst {
	max-width:95%;
	padding:20px 10px;
}

.kategori-banner {
	position:relative;
	text-align:center;
	margin:5px;
	overflow:hidden;
}

.kategori-banner img {
	width:100%;
	object-fit:cover;
	transition:transform 0.3s ease;
}

.kategori-banner h1 {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:5vw;
	color:#ffffff;
	margin:0;
}

.top-banner {
	width:100%;
	height:auto;
	display:block;
}

.centered-text {
	max-width:850px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	text-align:center;
}

.headline {
	color:white; /* Tekstfarve, kan ændres */
	font-size:1.2em; /* Start størrelse, kan justeres */
	margin:0; /* Fjerner browserens standard margin */
	padding:0; /* Fjerner browserens standard padding */
	font-weight:bold;
}

:root {
	/* Definerer custom properties for lettere tilpasning */
	--h2-color:#ffffff; /* Definerer tekstfarve til hvid */
	--tekst-farve:#ffffff;
	--tekst-stoerrelse:16px;
	--grid-gap:5px;
	--grid-margin-left:70px;
	--grid-margin-right:70px;
	--kategori-box-h2-font-size-desktop:25px;
	--kategori-box-h2-font-size-mobile:16px;
	--kategori-box-h2-color:#fffff;
}

.unik-grid-container {
	display:grid;
	grid-template-columns: 1fr 1fr; /* To kolonner */
	gap:var(--grid-gap);
	margin-left:auto;
	margin-right:auto;
	max-width:1200px; /* En maksimal bredde for at centrere grid'et */
	/* padding:var(--grid-top-padding) var(--grid-side-padding); */
}

.unik-billede-wrapper {
	overflow:hidden;
	/* margin:var(--grid-margin); */
}

.unik-billede-link {
	display:block;
}

.unik-billede {
	width:80%;
	height:auto;
	transition:transform 0.5s ease;
}

.unik-billede:hover {
	transform:scale(0.9);
}

.unik-tekst-wrapper {
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
	color:var(--tekst-farve);
	font-size:var(--tekst-stoerrelse);
	/* margin:var(--grid-margin); */
}

.button-container {
	display:flex;
	justify-content:center;
	margin-top:20px;
}

.custom-button {
	padding:0.7em;
	background-color:#FFD952;
	color:#000000;
	text-decoration:none;
	border-radius:3px;
	transition:transform 0.3s ease;
	font-size:calc(0.8em + 0.2vw);
	font-weight:bold;
	border:none;
}

.custom-button:hover {
	transform:scale(0.9);
	background-color:#FFD952;
	color:#000000;
}

.grid-container {
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	gap:10px;
}

.katalog-box-grid-container {
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:var(--grid-gap);
	margin-left:auto;
	margin-right:auto;
	max-width:1200px;
	/* padding:var(--grid-top-padding) var(--grid-side-padding); */
}

.katalog-box-billede-wrapper {
	overflow:hidden;
	/* margin:var(--grid-margin); */
}

.katalog-box-billede-link {
	display:block;
}

.katalog-box-billede {
	width:100%;
	height:auto;
	transition:transform 0.5s ease;
}

.katalog-box-billede:hover {
	transform:scale(1.10);
}

.katalog-box-tekst-wrapper {
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
	/*
	color:#000000(--tekst-farve);
	font-size:var(--tekst-stoerrelse);
	margin:var(--grid-margin);
	*/
}

.katalog-box-button-container {
	display:flex;
	justify-content:center;
	margin-top:20px;
}

.katalog-box-custom-button {
	padding:0.7em;
	background-color:#C3AB93;
	color:#ffffff;
	text-decoration:none;
	border-radius:3px;
	transition:transform 0.2s ease;
	font-size:calc(0.8em + 0.3vw);
	font-weight:bold;
	border:none;
}

.katalog-box-custom-button:hover {
	transform:scale(0.9);
	background-color:#C3AB93;
	color:#ffffff;
}

.grid-item {
	position:relative;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
}

.grid-item img {
	width:100%;
	height:auto;
	transition:transform 0.3s ease;
}

.grid-item:hover img {
	transform:scale(1.10);
}

.grid-item a {
	display:block;
}

.grid-item h2 {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	color:var(--h2-color);
	padding:7px;
	margin:0;
	box-sizing:border-box;
	text-align:center;
	background-color:rgba(195, 171, 147, 0.5);
	font-size:clamp(14px, 2.5vw, 25px);
	transition:font-size 0.3s ease;
}

.responsive-grid {
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	gap:10px;
	margin:0 20px; /* Adjust the margin as needed */
}

#sub-title {
	text-align:center;
	font-size:2.2vw; /* Skriftstørrelse som en procentdel af viewportens bredde */
	color:#FFD952;
}

.centered-container {
	display:flex;
	justify-content:center; /* Horisontal centrering */
	align-items:center; /* Vertikal centrering */
}

.unik-overskrift {
	font-family:poppins;
	color:#FFD952;
	margin:3px; /* Fjerner standardmargin */
	font-weight:bold;
	font-size:2.2vw;
}

.gul-streg {
	border:none;
	height:4px; /* Juster højden for at ændre stregens tykkelse */
	background-color:#FFD952; /* Gul farve */
	margin:30px 0; /* Afstand over og under stregen */
	display:block; /* Sikrer at højden respekteres */
}

.image-brand {
	display:grid;
	grid-template-columns: repeat(8, 1fr);
	gap:10px;
}

#usp-banner {
	width:70%; /* Standard bredde */
	height:auto;
}

.service-banner {
	position:relative;
	width:100%;
	display:inline-block;
	padding-top:15px;
	padding-bottom:15px;
}

.katalog-box-overskrift {
	color:#000000;
	margin:3px; /* Fjerner standardmargin */
	font-weight:bold;
	font-size:2.2vw;
}

img.splitter {
	margin:20px;
	width:100%;
	height:auto;
	transition:transform 0.3s ease-in-out;
}

.help-grid {
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	gap:10px;
}

.help-cell {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	text-align:center;
}

/* MOBIL 767 STARTER HER */
@media (max-width:767px) {
	.pris-filter-container a {
		flex:1 1 calc(50% - 10px);
		width:auto;
		font-size:12px;
	}

	div.klaviyo-form-VEqrWm {
		background-color:white;
	}

	.grids-blogs {
		grid-template-columns: 1fr;
	}

	#blog-grid-image {
		width:50%; /* Billedet fylder hele bredden på mindre skærme */
		height:auto; /* Holder billedets proportioner */
		display:block; /* Sætter billedet som block-element for centrering */
		margin:auto; /* Centrerer billedet horisontalt */
	}

	#blog-grid-text {
		margin-left:0;
		margin-right:0;
		padding:1px;
	}

	.inspiration {
		grid-template-columns: repeat(2, 1fr);
		margin:0;
		padding:0;
		gap:0px;
	}

	.inspiration-item h2 {
		font-size:3.3vw;
		font-weight:bold;
	}

	.brand-banner-container {
		display:block; /* Fjerner grid layout på mobil */
	}

	/* Skjul det første billede (nr. 1) */
	.brand-banner-item:nth-child(1) {
		display:none;
	}

	/* Skjul det sidste billede (nr. 3) */
	.brand-banner-item:nth-child(3) {
		display:none;
	}

	/* Det midterste billede (nr. 2) vises og fylder 100% */
	.brand-banner-item:nth-child(2) {
		display:block;
		width:100%;
	}

	.grid-item-2xbox .knap-banner-text-2xbox {
		font-size:3.3vw; /* Juster tekststørrelsen med vw */
		bottom:17%;
	}

	.grid-item-2xbox .knap-banner-2xbox {
		padding:1.3vw 3vw; /* Juster knapstørrelsen med vw */
		font-size:3.5vw; /* Juster knapstørrelsen med vw */
	}

	.grid-container-2xbox {
		grid-template-columns: 1fr; /* Kun en kolonne på mobil */
	}

	.rund-menu-container {
		grid-template-columns: repeat(4, 2fr);
	}

	.rund-menu-image {
		width:20vw; /* Bredde justeret med vw for mobil */
	}

	.knap-banner-buttons {
		gap:3%;
	}

	.knap-banner-text {
		font-size:6.8vw;
		position:absolute;
		top:23%;
		left:50%;
	}

	.knap-banner {
		padding:1.5vw 2vw;
		font-size:3.3vw;
		font-weight:normal;
	}

	.desktop-banner {
		display:block;
	}

	.mobile-banner {
		display:none;
	}

	.grid-item h2 {
		font-size:4vw;
	}

	.underkategori-container {
		grid-template-columns: repeat(3, 1fr);
		gap:0.2px;
		width:100%;

	}

	.underkategori-image {
		width:100%; /* Billedet fylder hele containerens bredde */
		height:auto;
	}

	.underkategori-title {
		font-size:3vw;
	}

	.site-banner-content {
		padding:5px 5px; /* Øget side-padding på mobile enheder */
	}

	.site-banner-content h2 {
		font-size:6vw;
	}

	.site-banner-content p {
		font-size:3.5vw;
	}

	.grid-cell-2x2 h2 {
		font-size:3.5vw; /* Større fontstørrelse på mindre skærme */
	}

	#kategori-titel {
		font-size:5vw; /* Juster skriftstørrelsen for mindre skærme */
	}

	.kategori-box-grid-container {
		grid-template-columns: repeat(2, 1fr);
	}

	.kategori-box-grid-item h2 {
		font-size:var(--kategori-box-h2-font-size-mobile);
	}

	.sub-headline {
		font-size:1em; /* Mindre fontstørrelse for mindre skærme */
	}

	.help-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	#usp-banner {
		width:130vw; /* Juster bredde til 75% af viewportens bredde på skærme mindre end 768px */
	}

	.image-brand {
		grid-template-columns: repeat(4, 1fr);
	}

	.ups-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.responsive-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.responsive-image.size-50 {
		width:50px; /* Example size */
	}

	.responsive-image.size-60 {
		width:60px; /* Example size */
	}

	.help-cell img {
		max-width:100%;
		height:auto;
	}

	.kategori-box-grid-container {
		grid-template-columns: repeat(2, 1fr);
	}

	.kategori-box-grid-item h2 {
		font-size:var(--kategori-box-h2-font-size-mobile);
	}

	.kategori-banner h1 {
	/*	font-size:8w; */
		color:white;
	}

	.kategori-banner img {
		transform:scale(1.2); /* Juster denne værdi for at ændre zoom-niveauet */
	}

	.katalog-box-overskrift {
		margin:3px; /* Fjerner standardmargin */
		font-weight:bold;
		font-size:8vw;
	}

	.katalog-box-grid-container {
		grid-template-columns: 1fr; /* Bekræfter en enkelt kolonne layout for endnu mindre skærme */
	}

	.image-brand {
		grid-template-columns: repeat(4, 1fr);
	}

	.unik-overskrift {
		font-size:8vw;
	}

	.centered-text {
		max-width:95%; /* Tillader teksten at optage mere bredde på mindre skærme */
		padding:20px 10px; /* Mindre siderum på små skærme */
	}

	.unik-grid-container {
		grid-template-columns: 1fr;
	}

	.grid-container {
		grid-template-columns: repeat(2, 1fr);
	}

	.responsive-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	#sub-title {
		font-size:5vw;
	}

	img.splitter {
		transform:scale(2.2);
	}

	#sub-title-CM {
		font-size:5vw;
	}

	.service-banner h1 {
		font-size:7vw;
	}

	.image-grid-8xbrand {
		grid-template-columns: repeat(4, 1fr);
		padding:15px;
		gap:15px;
	}

	/*
	.8 xbrand img {
	max-width:100%;
	height:auto;
	}
	*/

	.hovedkategori-2-grid-button,
	.hovedkategori-2-grid-button:link,
	.hovedkategori-2-grid-button:visited,
	.hovedkategori-2-grid-button:hover,
	.hovedkategori-2-grid-button:active,
	.hovedkategori-2-grid-button {
		width:13em;
		height:2.2em;
		line-height:0.5em;
		font-size:4.1vw;
		padding:2vw 3vw;
	}

	.hovedkategori-4x4-container {
		grid-template-columns: repeat(2, 1fr);
	}

	.hovedkategori-4x4-grid-button,
	.hovedkategori-4x4-grid-button:link,
	.hovedkategori-4x4-grid-button:visited,
	.hovedkategori-4x4-grid-button:hover,
	.hovedkategori-4x4-grid-button:active {
		width:150px;
		height:29px;
		font-size:3vw;
		line-height:1.0em;
	}

	.hovedkategori-1x2-text {
		font-size:4.8vw;
	}

	.hovedkategori-1x2-container {
		grid-template-columns: 1fr 1fr; /* 1x2 grid for mobilvisning */
		grid-template-rows: auto auto;
	}

	.hovedkategori-1x2-item:nth-child(2), .hovedkategori-1x2-item:nth-child(3) {
		grid-column:span 1;
	}

	.hovedkategori-1x2-item:nth-child(2) {
		grid-row:1;
		grid-column:1 / span 2; /* Gør at dette billede optager hele bredden */
	}

	.hovedkategori-1x2-item:nth-child(1) {
		grid-row:2;
	}

	.hovedkategori-1x2-item:nth-child(3) {
		grid-row:2;
	}
}