:root {
	--ui-primary: #ee7621;
	--ui-secondary: #ee7621;
	--ui-dark: #282827;
	--top-height: 200px;
	--top-bg: rgba(0, 0, 0, 0.6);
	--dark-gradient: linear-gradient(to bottom, #595959 0%, #4d4d4d 22%, #434343 48%, var(--ui-dark) 100%);
	--primary-gradient: radial-gradient(circle, var(--ui-primary) 0%, #e05519 100%);
}

.eplus {
	--ui-secondary: #b6c932;
}

body {
	background: var(--ui-bg-elevated);
}

[data-page="page"]:not([data-path="/"]) main {
	margin: 30px 0;
}

.primary-link {
	color: var(--ui-primary) !important;
}

/* Samarbejdspartnere */
[data-block-id="9825bdbd-6089-49a5-9d85-202127ea8b5e"] p {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;

	img {
		max-width: 10em;
		margin-top: 1em;
		margin-bottom: 1em;
	}

	@media (min-width: 64rem) {
		flex-direction: row;
		justify-content: space-evenly;
		margin-bottom: 1em;

		img {
			max-width: 10em;
			margin-bottom: 0;
		}
	}
}

@media (max-width: 64rem) {
	:root {
		--top-height: 120px;
	}

	footer .content-block {
		margin-bottom: 2em;
	}
}

.eplus [data-block="header"] a[href="/om-automester"] [data-slot="linkLabel"] {
	position: relative;
	padding-right: 25px;

	&:after {
		content: "";
		position: absolute;
		right: 3px;
		height: 19px;
		width: 19px;
		background: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTguMDggMTU1Ljc4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2FlYzkwMDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNjkuMTQsMTYyLjEyYy0xOS44OCwwLTM3LjI2LTcuNTItNDkuMTEtMjEuMjhDNy41NCwxMjYuMzMsMi43LDEwNi43Miw2LjM5LDg1LjYyLDEzLjg3LDQzLDU0LjY3LDcuNCw5Ny4zNSw2LjM1YzIwLjc1LS40MiwzOC44Miw3LDUxLjA2LDIxLjI1LDEyLjUsMTQuNTEsMTcuMzQsMzQuMTIsMTMuNjQsNTUuMjJoMGMtNy40Nyw0Mi42Ni00OC4yNyw3OC4yMi05MSw3OS4yN1pNOTkuMywxMS42MWwtMS44MiwwYy00MC4yOSwxLTc4LjgxLDM0LjYtODUuODgsNzQuOUM4LjE4LDEwNiwxMi41OSwxMjQuMTEsMjQsMTM3LjM5YzExLjE4LDEzLDI3LjgsMjAsNDYuOTMsMTkuNDIsNDAuMjktMSw3OC44MS0zNC42LDg1Ljg4LTc0LjloMGMzLjQyLTE5LjUxLTEtMzcuNTgtMTIuNDQtNTAuODZDMTMzLjU4LDE4LjQ3LDExNy42MSwxMS42MSw5OS4zLDExLjYxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuMTggLTYuMzMpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTAuODQsNTIuMjNoNTIuN0wxMDAuNCw2N0g2NC44OUw2Mi43Nyw3Ny41Nkg5NS41TDkyLjczLDkwLjg4SDYwTDU3LjQsMTAzLjQ1SDkzLjE5bC0zLjE0LDE0LjhIMzcuMTVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS4xOCAtNi4zMykiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMjIuNzUsNjAuODRoMTMuMzFsLTMuNDksMTYuNzNoMTUuMDZsLTIuNzcsMTMuMzFIMTI5LjhsLTMuNDgsMTYuNzNIMTEzbDMuNDgtMTYuNzNIMTAxLjlsMi43Ny0xMy4zMWgxNC41OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjE4IC02LjMzKSIvPjwvc3ZnPg==")
			no-repeat center center;
	}
}

#default > [data-block="gridSection"]:has([data-custom-block="AutoMesterLogo"]) {
	height: var(--top-height);
	background: var(--top-bg);
	overflow: hidden;
	color: rgb(255 255 255 / 80%);

	@media (min-width: 64rem) {
		padding: 0 8rem;

		background:
			url("data:image/svg+xml;base64,77u/IDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTA5IDIwMCI+DQogICAgICAgIDxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik0wIDBoMTA5TDcwLjA5NCAyMDBIMFYwWiIgLz4NCiAgICAgICAgPGRlZnM+DQogICAgICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSI0Ni45NzkiIHgyPSI3Mi4wMiIgeTE9IjIwNS44IiB5Mj0iNy44MTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4NCiAgICAgICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRUU3NjIxIiAvPg0KICAgICAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0I3NEUwNCIgLz4NCiAgICAgICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgICAgIDwvZGVmcz4NCiAgICA8L3N2Zz4=")
				no-repeat,
			var(--top-bg);

		> div {
			height: 100%;
		}

		[data-block="gridSection"]:has([data-custom-block="AutoMesterLogo"]) {
			> div {
				gap: 1rem;
				display: flex;
				flex-direction: column;
				align-items: center;
			}
		}
	}

	@media (max-width: 64rem) {
		background: none;
		z-index: 100;

		> [data-block-area="area"] {
			display: flex;
			flex-direction: column;
			height: 100%;
		}

		[data-block="trustpilot"],
		[data-block="gridSection"]:has([data-custom-block="AutoMesterLogo"]) {
			padding: 0.5rem 1rem;
			background: rgb(0 0 0 / 50%);
			width: 50%;
			position: absolute;
			height: 40px;
			display: flex;
			align-items: center;
		}

		[data-block="trustpilot"] {
			right: 0;
		}
		[data-block="gridSection"]:has([data-custom-block="AutoMesterLogo"]) {
			left: 0;
			img {
				width: 100%;
				max-height: 20px;
			}
		}
	}

	[data-block="logo"] {
		display: flex;
		justify-content: center;
		margin: 0 auto;
		min-height: 0;

		img {
			width: auto;
			max-height: 100%;
			max-width: 300px;
		}

		@media (max-width: 64rem) {
			margin-top: 40px;
			padding: 1rem 0;

			img {
				max-width: none;
			}
		}
	}
}

body[data-path="/"] .page-grid > .content-block[data-block="slideshow"]:first-child {
	max-height: 80dvh;
	min-height: 60dvh;

	@media (max-width: 64rem) {
		height: 80dvh;
		margin-bottom: -100px;
	}
}

[data-block="header"] {
	--text-color: white;
}

.design1 {
	body[data-path="/"] .page-grid > .content-block[data-block="slideshow"]:first-child {
		margin-top: calc((var(--top-height) + var(--ui-header-height)) * -1);
		margin-bottom: -150px;
		z-index: -1;
		max-height: 80dvh;
		min-height: 60dvh;
		overflow: hidden;
	}

	.content-block[data-block="header"] {
		@media (min-width: 64rem) {
			min-width: 1000px;
			margin: calc(-1 * var(--ui-header-height) / 2) auto 0;
			border-radius: calc(infinity * 1px);
		}

		@media (max-width: 64rem) {
			position: relative;
			background: transparent;
			border-bottom: 0;
			backdrop-filter: none;
			color: white;

			&::before {
				content: "";
				position: absolute;
				inset: 0;
				top: calc(var(--top-height) * -1);
				z-index: -1;
				background: var(--top-bg);
				backdrop-filter: blur(8px);
			}
		}
	}

	@media (min-width: 64rem) {
		#default > [data-block="gridSection"]:has([data-custom-block="AutoMesterLogo"]) {
			> div {
				grid-template-rows: 1fr 3fr 1fr;
			}
		}
	}
}

.design2 {
	--top-bg: linear-gradient(to bottom, #3a3a3a, #121212);

	.content-block[data-block="header"] {
		@media (min-width: 64rem) {
			min-width: 1000px;
			margin: 2rem auto;
			border-radius: calc(infinity * 1px);
		}

		@media (max-width: 64rem) {
			background: var(--ui-primary);
			border-bottom: 0;
		}
	}

	@media (min-width: 64rem) {
		body[data-path="/"] .page-grid > .content-block[data-block="slideshow"]:first-child {
			margin-bottom: -150px;
		}

		#default > [data-block="gridSection"]:has([data-custom-block="AutoMesterLogo"]) {
			> div {
				grid-template-rows: 1fr 3fr;
			}
		}
	}

	@media (max-width: 64rem) {
		--top-height: auto;

		#default > [data-block="gridSection"]:has([data-custom-block="AutoMesterLogo"]) {
			background: var(--top-bg);
		}
	}
}
  @layer base, base, base;
/* layer: theme, alias: base */
@layer base{
:root, :host { --spacing: 0.25rem; }
}
/* layer: default, alias: base */
@layer base{
.px-6{padding-inline:calc(var(--spacing) * 6);}
.rounded-full{border-radius:calc(infinity * 1px);}
}