/* =========================================
   Variabler
   ========================================= */
:root {
	--h2-color:#ffffff;
	--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:#ffffff
}

/* =========================================
   SEO read more
   ========================================= */
.seo-readmore {
    --seo-collapsed-height: 190px;
    --seo-fade-color: #ffffff;
    position: relative;
  }
  .seo-readmore__content {
    max-height: var(--seo-collapsed-height);
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease;
  }
  .seo-readmore__content::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), var(--seo-fade-color));
    pointer-events: none;
    transition: opacity 0.3s ease;
  }
  .seo-readmore.is-open .seo-readmore__content::after {
    opacity: 0;
  }
  .seo-readmore__button {
    display: inline-block;
    margin-top: 10px;
    padding: 0;
    background: none;
    border: 0;
    color: #000000;
    font: inherit;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
  }
  .seo-readmore__button:focus-visible {
    outline: 2px solid #000000;
    outline-offset: 3px;
  }
  @media (prefers-reduced-motion: reduce) {
    .seo-readmore__content,
    .seo-readmore__content::after { transition: none; }
  }

/* =========================================
   Hero
   ========================================= */
.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);
	line-height:1.1;
	color:#fff /* Hvid tekst over billedet */
}

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

/* =========================================
   Serie-knapper (vandret scroll med fade i kanterne)
   ========================================= */
.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 { 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,
.fade-wrap.can-right::after { opacity:1 }

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

#serie-button::-webkit-scrollbar { display:none }
#serie-button[data-dragging="true"] { cursor:grabbing }

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

#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, .2); outline:0 }

/* =========================================
   Produkt-USP'er
   ========================================= */
.produkt-ups {
	display:inline-flex;
	flex-direction:column;
	box-sizing:border-box;
	width:max-content;
	max-width:100%;
	padding:8px
}

.produkt-ups hr { width:100%; margin:0; border:none; border-top:1px solid #eee }
.produkt-ups p { display:inline-flex; align-items:center; gap:8px; margin:8px 0; white-space:nowrap }
.produkt-ups img { width:30px; height:30px }

/* =========================================
   Overskrifter og tekster
   ========================================= */
.h2-forside {
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	text-align:center;
	font-family:Arial, sans-serif
}

.description h5 { font-weight:bold }
#kategori-titel { font-size:2.2vw; color:#000 }
.kategori-overskrift { margin:20px; text-align:center }
#sub-title { text-align:center; font-size:2.2vw; color:#FFD952 }

.sub-headline { margin:0; padding:0; font-size:1.1em; color:#000 }
.headline { margin:0; padding:0; font-size:1.2em; font-weight:bold; color:#fff }

.sub-centered-text { max-width:850px; margin-inline:auto; padding-top:20px; padding-bottom:25px; text-align:center }
.sup-tekst { max-width:95%; padding:20px 10px }
.centered-text { max-width:850px; margin-inline:auto; padding:20px; text-align:center }
.centered-container { display:flex; justify-content:center; align-items:center }

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

#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
}

.gul-streg { display:block; height:4px; margin:30px 0; border:none; background-color:#FFD952 }
img.splitter { width:100%; height:auto; margin:20px; transition:transform .3s ease-in-out }

/* =========================================
   Fælles grids (samme kolonner, egne afstande længere nede)
   ========================================= */
.grid-container,
.responsive-grid,
.kategori-box-grid-container,
.hovedkategori-4x4-container,
.inspiration { display:grid; grid-template-columns:repeat(4, 1fr); gap:10px }

.unik-grid-container,
.katalog-box-grid-container {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:var(--grid-gap);
	max-width:1200px;
	margin-inline:auto
}

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

/* =========================================
   Knapper
   ========================================= */
.button-container,
.katalog-box-button-container,
.video-grid-button-container { display:flex; justify-content:center; margin-top:20px }

/* Gul knap */
.custom-button {
	padding:.7em;
	border:none;
	border-radius:3px;
	background-color:#FFD952;
	font-size:calc(.8em + .2vw);
	font-weight:bold;
	text-decoration:none;
	color:#000;
	transition:transform .3s ease
}

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

/* Beige knap */
.katalog-box-custom-button,
.video-grid-custom-button {
	padding:.7em;
	border:none;
	border-radius:3px;
	background-color:#C3AB93;
	font-size:calc(.8em + .3vw);
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	transition:transform .2s ease
}

.katalog-box-custom-button:hover,
.video-grid-custom-button:hover { background-color:#C3AB93; color:#fff; transform:scale(.9) }

/* =========================================
   Prisfilter
   ========================================= */
.pris-filter-container {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:10px;
	padding:1px
}

.pris-filter-container a {
	width:190px;
	height:45px;
	padding:15px;
	border:none;
	border-radius:3px;
	background-color:#000;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	transition:background-color .3s ease, transform .3s ease
}

.pris-filter-container a:hover { background-color:#333; transform:scale(1.05) }

/* =========================================
   Blog-grid
   ========================================= */
.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
   ========================================= */
.inspiration { margin:20px; padding:20px }
.inspiration-item { margin:5px; padding:5px; text-align:center }
.inspiration-item img { width:100%; height:auto; transition:transform .2s }
.inspiration-item img:hover { transform:scale(1.05) }
.inspiration-item h2 { margin-top:10px }
.inspiration-item p { margin-top:5px }

/* =========================================
   Hovedkategori: 2-grid
   ========================================= */
.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-2-grid-buttons {
	display:flex;
	justify-content:center;
	position:absolute;
	bottom:10px;
	left:50%;
	transform:translate(-50%, -50%)
}

/* :link, :visited osv. er med, så temaets link-farver ikke overskriver knappen */
.hovedkategori-2-grid-button,
.hovedkategori-2-grid-button:link,
.hovedkategori-2-grid-button:visited,
.hovedkategori-2-grid-button:hover,
.hovedkategori-2-grid-button:active {
	display:flex;
	justify-content:center;
	align-items:center;
	width:13em;
	height:2.2em;
	margin:0 10px;
	padding:10px 20px;
	border:none;
	border-radius:3px;
	background-color:#fff;
	font-size:1.1vw;
	font-weight:bold;
	line-height:.5em;
	text-align:center;
	text-decoration:none;
	color:#000;
	transition:background-color .3s, color .3s
}

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

/* =========================================
   Hovedkategori: 4x4
   ========================================= */
.hovedkategori-4x4-container { padding-top:20px; padding-bottom:20px }
.hovedkategori-4x4-item { position:relative }
.hovedkategori-4x4-item img { display:block; width:100% }

.hovedkategori-4x4-grid-button,
.hovedkategori-4x4-grid-button:link,
.hovedkategori-4x4-grid-button:visited,
.hovedkategori-4x4-grid-button:hover,
.hovedkategori-4x4-grid-button:active {
	display:flex;
	justify-content:center;
	align-items:center;
	width:15em;
	height:2.5em;
	margin:0 10px;
	padding:8px 15px;
	border:none;
	border-radius:3px;
	background-color:#fff;
	font-size:.9vw;
	font-weight:bold;
	line-height:.5em;
	text-align:center;
	text-decoration:none;
	color:#000;
	transition:background-color .3s, color .3s
}

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

/* =========================================
   Hovedkategori: 1x2
   ========================================= */
.hovedkategori-1x2-container { display:grid; grid-template-columns:auto auto auto; gap:10px; padding-top:10px }
.hovedkategori-1x2-item { position:relative; text-align:center }
.hovedkategori-1x2-item img { width:100% }

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

/* =========================================
   Kategori-banner
   ========================================= */
.kategori-banner { position:relative; margin:5px; overflow:hidden; text-align:center }
.kategori-banner img { width:100%; object-fit:cover; transition:transform .3s ease }

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

/* =========================================
   Billedgrids med overskrift (grid-item og kategori-box)
   ========================================= */
.grid-item { display:flex; justify-content:center; align-items:center; position:relative; overflow:hidden }
.grid-item a { display:block }
.kategori-box-grid-item { position:relative; overflow:hidden }

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

.grid-item:hover img,
.kategori-box-grid-item:hover img { transform:scale(1.1) }

.grid-item h2,
.kategori-box-grid-item h2 {
	position:absolute;
	inset:auto 0 0;
	box-sizing:border-box;
	margin:0;
	background-color:rgba(195, 171, 147, .5);
	font-size:clamp(14px, 2.5vw, 25px);
	text-align:center;
	transition:font-size .3s ease
}

.grid-item h2 { padding:7px; color:var(--h2-color) }
.kategori-box-grid-item h2 { padding:10px; color:var(--kategori-box-h2-color) }

.responsive-grid { margin:0 20px }

/* =========================================
   Grid 2x2
   ========================================= */
.grid-2x2 { display:grid; grid-template-columns:repeat(2, 1fr); 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 .3s ease }
.grid-cell-2x2:hover img { transform:scale(1.1) }

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

.grid-cell-2x2 h2 {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	margin:0;
	padding:15px;
	background-color:transparent;
	font-size:2.5vw;
	text-align:center;
	color:#fff;
	transform:translateY(0);
	transition:transform .3s ease
}

/* =========================================
   2x-bokse (billede med tekst og knap)
   ========================================= */
.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%;
	width:100%;
	transform:translateX(-50%);
	font-size:.9vw;
	text-align:center;
	color:#fff
}

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

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

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

/* =========================================
   Unik-grid og katalog-boks (billede + tekst i to kolonner)
   ========================================= */
.unik-billede-wrapper,
.katalog-box-billede-wrapper { overflow:hidden }

.unik-billede-link,
.katalog-box-billede-link { display:block }

.unik-billede { width:80%; height:auto; transition:transform .5s ease }
.unik-billede:hover { transform:scale(.9) }
.katalog-box-billede { width:100%; height:auto; transition:transform .5s ease }
.katalog-box-billede:hover { transform:scale(1.1) }

.unik-tekst-wrapper,
.katalog-box-tekst-wrapper { display:flex; flex-direction:column; justify-content:center; text-align:center }
.unik-tekst-wrapper { font-size:var(--tekst-stoerrelse); color:var(--tekst-farve) }

.unik-overskrift { margin:3px; font-family:poppins; font-size:2.2vw; font-weight:bold; color:#FFD952 }
.katalog-box-overskrift { margin:3px; font-size:2.2vw; font-weight:bold; color:#000 }

/* =========================================
   Video-grid
   ========================================= */
.video-grid-container {
	display:grid;
	grid-template-columns:1fr 1fr;
	max-width:1200px;
	margin-inline:auto;
	padding:var(--grid-top-padding) var(--grid-side-padding)
}

.video-grid-wrapper { position:relative; width:100%; height:0; padding-bottom:56.25% }
.video-grid-media-content { position:absolute; left:0; width:100%; object-fit:cover }

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

/* =========================================
   Knap-banner
   ========================================= */
.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%);
	font-size:4vw;
	text-align:center;
	color:#fff
}

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

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

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

/* =========================================
   Site-banner
   ========================================= */
.site-banner-container { position:relative }
.site-banner-image { width:100%; transition:transform .5s ease }

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

.site-banner-content h2 { margin:0 0 5px; font-size:3vw; text-decoration:none; color:#fff }
.site-banner-content p { margin:0; font-size:1.5vw; text-decoration:none; color:#fff }

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

/* =========================================
   Service-banner, topbanner og USP-banner
   ========================================= */
.top-banner { display:block; width:100%; height:auto }

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

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

.service-banner h1 {
	position:absolute;
	z-index:2; /* Teksten ligger over billedet */
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	margin:0;
	font-size:5vw;
	color:#fff
}

#usp-banner { width:70%; height:auto }

/* =========================================
   Brands
   ========================================= */
.image-grid-8xbrand { padding:35px }
.brand-banner-container { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px }
.brand-banner-item { width:100% }

/* =========================================
   Rund menu
   ========================================= */
.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 }
.rund-menu-image:hover { transform:scale(1.1) }

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

.underkategori-block { margin:15px; text-align:center }
.underkategori-link { text-decoration:none; color:inherit }
.underkategori-image { width:13vw; max-width:10%; transition:transform .3s ease }
.underkategori-image:hover { transform:scale(1.1) }
.underkategori-title { margin:5px 0; font-size:1.3vw; color:#333 }

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

.ny-2x3-grids__link { display:inline-block; text-decoration:none; transition:transform 120ms ease-out }
.ny-2x3-grids__img { display:block }
.ny-2x3-grids__link:hover .ny-2x3-grids__img,
.ny-2x3-grids__link:focus .ny-2x3-grids__img { transform:scale(1.01) }

/* =========================================
   Hjælp-grid
   ========================================= */
.help-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px }
.help-cell { display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center }
.help-cell:hover { transform:scale(1.2) }

/* =========================================
   Mobil (op til 767px)
   ========================================= */
@media (max-width:767px) {
	/* Kolonner */
	.grid-container-2xbox,
	.unik-grid-container,
	.katalog-box-grid-container,
	.grids-blogs { grid-template-columns:1fr }

	.grid-container,
	.responsive-grid,
	.kategori-box-grid-container,
	.hovedkategori-4x4-container,
	.inspiration,
	.help-grid { grid-template-columns:repeat(2, 1fr) }

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

	.image-brand,
	.image-grid-8xbrand,
	.rund-menu-container { grid-template-columns:repeat(4, 1fr) }

	/* Overskrifter og tekster */
	#kategori-titel,
	#sub-title,
	#sub-title-CM { font-size:5vw }
	.sub-headline { font-size:1em }
	.centered-text { max-width:95%; padding:20px 10px }
	img.splitter { transform:scale(2.2) }

	/* Prisfilter */
	.pris-filter-container a { flex:1 1 calc(50% - 10px); width:auto; font-size:12px }

	/* Blog-grid */
	#blog-grid-image { display:block; width:50%; height:auto; margin:auto }
	#blog-grid-text { margin-inline:0; padding:1px }

	/* Inspiration */
	.inspiration { gap:0; margin:0; padding:0 }
	.inspiration-item h2 { font-size:3.3vw; font-weight:bold }

	/* Hovedkategori: 2-grid */
	.hovedkategori-2-grid-button,
	.hovedkategori-2-grid-button:link,
	.hovedkategori-2-grid-button:visited,
	.hovedkategori-2-grid-button:hover,
	.hovedkategori-2-grid-button:active { padding:2vw 3vw; font-size:4.1vw }

	/* Hovedkategori: 4x4 */
	.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:1em }

	/* Hovedkategori: 1x2 (det midterste billede øverst i fuld bredde, de to andre under) */
	.hovedkategori-1x2-container { grid-template-columns:1fr 1fr; grid-template-rows:auto auto }
	.hovedkategori-1x2-item:nth-child(1),
	.hovedkategori-1x2-item:nth-child(3) { grid-row:2 }
	.hovedkategori-1x2-item:nth-child(2) { grid-row:1; grid-column:1 / span 2 }
	.hovedkategori-1x2-text { font-size:4.8vw }

	/* Kategori-banner og billedgrids */
	.kategori-banner img { transform:scale(1.2) } /* Zoom-niveau på mobil */
	.grid-item h2 { font-size:4vw }
	.kategori-box-grid-item h2 { font-size:var(--kategori-box-h2-font-size-mobile) }
	.grid-cell-2x2 h2 { font-size:3.5vw }

	/* 2x-bokse */
	.grid-item-2xbox .knap-banner-text-2xbox { bottom:17%; font-size:3.3vw }
	.grid-item-2xbox .knap-banner-2xbox { padding:1.3vw 3vw; font-size:3.5vw }

	/* Unik-grid og katalog-boks */
	.unik-overskrift,
	.katalog-box-overskrift { font-size:8vw }

	/* Knap-banner */
	.knap-banner-text { top:23%; font-size:6.8vw }
	.knap-banner-buttons { gap:3% }
	.knap-banner { padding:1.5vw 2vw; font-size:3.3vw; font-weight:normal }

	/* Site-banner */
	.site-banner-content { padding:5px }
	.site-banner-content h2 { font-size:6vw }
	.site-banner-content p { font-size:3.5vw }

	/* Service- og USP-banner */
	.service-banner h1 { font-size:7vw }
	#usp-banner { width:130vw }
	.desktop-banner { display:block }
	.mobile-banner { display:none }

	/* Brands (kun det midterste brand-banner vises) */
	.image-grid-8xbrand { gap:15px; padding:15px }
	.brand-banner-container { display:block }
	.brand-banner-item:nth-child(1),
	.brand-banner-item:nth-child(3) { display:none }
	.brand-banner-item:nth-child(2) { display:block; width:100% }

	/* Rund menu */
	.rund-menu-image { width:20vw }

	/* Underkategorier */
	.underkategori-container { gap:.2px; width:100% }
	.underkategori-image { width:100%; height:auto }
	.underkategori-title { font-size:3vw }

	/* Diverse */
	.responsive-image.size-50 { width:50px }
	.responsive-image.size-60 { width:60px }
	.help-cell img { max-width:100%; height:auto }
	div.klaviyo-form-VEqrWm { background-color:#fff }
}