/* Front-end stijlen voor kantoorhuren.gent.
   De header komt uit de Elementor Theme Builder-template; de oude regels die
   het woordmerk met ::before en ::after nabouwden staan hier niet meer.

   Wat hier wel staat, kan de builder niet: een knop die bij hoveren in zijn
   eigen offset-blok wegzakt. Zet de klasse `kh-knop` op een knopwidget, en
   `kh-knop--licht` erbij wanneer de knop op een donkere ondergrond staat. */

.kh-knop .elementor-button,
.kh-knop button.elementor-button {
	--kh-schaduw: #EDDDDE;
	align-items: center;
	border: 0;
	border-radius: 0;
	box-shadow: 7px 7px 0 0 var(--kh-schaduw);
	display: inline-flex;
	gap: 10px;
	transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.kh-knop--licht .elementor-button,
.kh-knop--licht button.elementor-button {
	--kh-schaduw: #ECF0E7;
}

.kh-knop .elementor-button-content-wrapper::after {
	content: "\2192";
	display: inline-block;
	transition: transform .16s ease;
}

.kh-knop .elementor-button:hover,
.kh-knop button.elementor-button:hover,
.kh-knop .elementor-button:focus-visible,
.kh-knop button.elementor-button:focus-visible {
	box-shadow: 0 0 0 0 var(--kh-schaduw);
	transform: translate(7px, 7px);
}

.kh-knop .elementor-button:hover .elementor-button-content-wrapper::after {
	transform: translateX(5px);
}

.kh-knop .elementor-button:focus-visible,
.kh-knop button.elementor-button:focus-visible {
	outline: 3px solid #00387B;
	outline-offset: 3px;
}

.kh-knop--licht .elementor-button:focus-visible,
.kh-knop--licht button.elementor-button:focus-visible {
	outline-color: #FFFFFF;
}

/* Een los label mag niet over de volle kolombreedte uitrekken. */
.kh-tag {
	align-self: flex-start;
}

/* De tabbladen links uitlijnen met de tekst eronder in plaats van gecentreerd. */
.elementor-widget-n-tabs .e-n-tabs-heading {
	justify-content: flex-start;
}

@media (prefers-reduced-motion: reduce) {
	.kh-knop .elementor-button,
	.kh-knop button.elementor-button,
	.kh-knop .elementor-button-content-wrapper::after {
		transition: none;
	}

	.kh-knop .elementor-button:hover,
	.kh-knop button.elementor-button:hover {
		transform: none;
	}
}

/* Inspiratie: de beelden verspringen om en om, met een schuin etiket erop dat
   zegt wat je op het beeld ziet. Dit kan de builder niet, vandaar hier. */
.kh-inspo {
	align-items: flex-start;
}

.kh-inspo__item {
	position: relative;
	transition: transform .2s ease;
}

.kh-inspo__item:nth-child(even) {
	margin-top: 56px;
}

.kh-inspo__item:hover {
	transform: translateY(-8px);
}

.kh-inspo__tag {
	left: -12px;
	position: absolute;
	top: 20px;
	transform: rotate(-4deg);
	z-index: 2;
}

@media (max-width: 767px) {
	.kh-inspo__item:nth-child(even) {
		margin-top: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.kh-inspo__item,
	.kh-inspo__item:hover {
		transform: none;
		transition: none;
	}
}

/* De kaarten van de vergaderruimtes: het etiket hangt schuin over de rand,
   in dezelfde taal als de etiketten bij de inspiratiebeelden. */
.kh-kaart {
	position: relative;
}

.kh-kaart__tag {
	left: -12px;
	position: absolute;
	top: 34px;
	transform: rotate(-4deg);
	z-index: 2;
}

/* De inspiratiebeelden schuiven horizontaal, met vastklikpunten. Geen
   JavaScript nodig; werkt met vegen, muiswiel en pijltjestoetsen. */
.kh-inspo {
	-webkit-overflow-scrolling: touch;
	flex-wrap: nowrap !important;
	overflow-x: auto;
	padding-bottom: 0;
	scrollbar-width: none;
	-ms-overflow-style: none;
	scroll-snap-type: x mandatory;
}

.kh-inspo > .kh-inspo__item {
	flex: 0 0 42% !important;
	scroll-snap-align: start;
}

.kh-inspo__ai {
	bottom: 12px;
	position: absolute;
	right: 12px;
	z-index: 2;
}

@media (max-width: 1024px) {
	.kh-inspo > .kh-inspo__item {
		flex: 0 0 62% !important;
	}
}

@media (max-width: 767px) {
	.kh-inspo > .kh-inspo__item {
		flex: 0 0 86% !important;
	}

	.kh-inspo__item {
		margin-top: 0 !important;
	}
}

/* De header blijft bovenaan staan; de ankers stoppen eronder in plaats van erachter. */
header.elementor-location-header {
	position: sticky;
	top: 0;
	z-index: 100;
}

/* De <header> zelf plakt; de container erbinnen kreeg vroeger position:sticky,
   maar die kan niet bewegen omdat haar ouder precies even hoog is. */
.kh-header {
	position: relative;
}

html {
	scroll-padding-top: 104px;
}

.kh-nav a {
	position: relative;
	text-decoration: none;
	text-transform: none;
}


/* De hamburgerknop bestaat alleen op smalle schermen. */
.kh-burger {
	display: none;
}

/* Op smalle schermen blijft de balk één regel: merk links, hamburger rechts.
   De links schuiven als paneel onder de balk open. */
@media (max-width: 900px) {
	.kh-header > .e-con-inner {
		align-items: center;
		flex-wrap: nowrap;
		row-gap: 0;
	}

	.kh-burger {
		align-items: center;
		align-self: center;
		background-color: transparent;
		border: 2px solid #00387B;
		cursor: pointer;
		display: flex;
		flex: 0 0 auto;
		flex-direction: column;
		gap: 5px;
		height: 44px;
		justify-content: center;
		margin-left: auto;
		padding: 0;
		width: 44px;
	}

	.kh-burger:focus-visible {
		outline: 2px solid #00387B;
		outline-offset: 3px;
	}

	.kh-burger__streep {
		background-color: #00387B;
		display: block;
		height: 3px;
		transition: opacity .18s ease, transform .22s ease;
		width: 22px;
	}

	.kh-burger.is-open .kh-burger__streep:nth-child(1) {
		transform: translateY(8px) rotate(45deg);
	}

	.kh-burger.is-open .kh-burger__streep:nth-child(2) {
		opacity: 0;
	}

	.kh-burger.is-open .kh-burger__streep:nth-child(3) {
		transform: translateY(-8px) rotate(-45deg);
	}

	.kh-nav {
		align-items: flex-start !important;
		background-color: #00387B;
		box-shadow: 0 14px 30px rgba(0, 56, 123, 0.18);
		display: flex !important;
		flex-direction: column;
		gap: 0 !important;
		left: 0;
		opacity: 0;
		padding: 10px 22px 24px !important;
		pointer-events: none;
		position: absolute;
		right: 0;
		top: 100%;
		transform: translateY(-12px);
		transition: opacity .2s ease, transform .2s ease;
		visibility: hidden;
		width: auto !important;
		z-index: 90;
	}

	.kh-nav.is-open {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
		visibility: visible;
	}

	.kh-nav > .elementor-element {
		width: 100% !important;
	}

	.kh-nav .elementor-heading-title {
		white-space: nowrap;
	}

	.kh-nav a {
		color: #FFFFFF !important;
		display: inline-block;
		padding: 11px 0;
	}

	.kh-nav a:hover,
	.kh-nav a:focus-visible {
		color: #00387B !important;
	}

	html {
		scroll-padding-top: 84px;
	}
}

/* --------------------------------------------------------------------------
   Carousel met AI-beelden: pijltjes erboven en slepen met de muis.
   -------------------------------------------------------------------------- */
.kh-inspo__nav {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
	margin: 0 0 20px;
}

.kh-inspo__pijl {
	align-items: center;
	background-color: #FFFFFF;
	border: 2px solid #00387B;
	border-radius: 0;
	color: #00387B;
	cursor: pointer;
	display: inline-flex;
	font-size: 22px;
	height: 52px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	transition: background-color .16s ease, color .16s ease, opacity .16s ease;
	width: 52px;
}

.kh-inspo__pijl:hover:not( :disabled ),
.kh-inspo__pijl:focus-visible:not( :disabled ) {
	background-color: #00387B;
	color: #FFFFFF;
}

.kh-inspo__pijl:disabled {
	cursor: default;
	opacity: .28;
}

.kh-inspo {
	cursor: grab;
}

.kh-inspo.is-slepend {
	cursor: grabbing;
	scroll-snap-type: none;
	-webkit-user-select: none;
	user-select: none;
}

.kh-inspo.is-slepend img {
	pointer-events: none;
}

@media (max-width: 767px) {
	.kh-inspo__nav {
		display: none;
	}

	.kh-inspo {
		cursor: auto;
	}
}

/* De rij schuift met de pijltjes en met slepen; de balk zelf hoeft niet in beeld. */
.kh-inspo::-webkit-scrollbar {
	display: none;
}

/* --------------------------------------------------------------------------
   Het kaartje van de parkeerplaats draait om naar de foto zodra je erover gaat.
   Op een scherm zonder muisaanwijzer staan voor- en achterkant onder elkaar.
   -------------------------------------------------------------------------- */
.kh-flip {
	background-color: transparent !important;
	padding: 0 !important;
	perspective: 1400px;
}

.kh-flip__kaart {
	height: 100%;
	min-height: 196px;
	padding: 0 !important;
	position: relative;
	transform-style: preserve-3d;
	transition: transform .55s cubic-bezier( .4, .2, .2, 1 );
	width: 100%;
}

.kh-flip:hover .kh-flip__kaart,
.kh-flip:focus-within .kh-flip__kaart {
	transform: rotateY( 180deg );
}

.kh-flip__zijde {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	inset: 0;
	position: absolute;
}

.kh-flip__achter {
	overflow: hidden;
	transform: rotateY( 180deg );
}

.kh-flip__achter .elementor-widget-image,
.kh-flip__achter .elementor-widget-image > .elementor-widget-container,
.kh-flip__achter figure,
.kh-flip__achter a {
	height: 100%;
}

.kh-flip__achter img {
	aspect-ratio: auto;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center 62%;
	object-position: center 62%;
	width: 100%;
}

@media (hover: none), (max-width: 900px) {
	.kh-flip__kaart {
		min-height: 0;
		transform: none !important;
		transform-style: flat;
	}

	.kh-flip__zijde {
		-webkit-backface-visibility: visible;
		backface-visibility: visible;
		inset: auto;
		position: static;
	}

	.kh-flip__achter {
		margin-top: 10px;
		transform: none;
	}

	.kh-flip__achter img {
		aspect-ratio: 4 / 3;
		height: auto;
	}
}

/* --------------------------------------------------------------------------
   Eén soort link op de hele site: een dun roze streepje onder de tekst dat bij
   hoveren volloopt tot een roze vlak, met blauwe letters erin. Geldt voor de
   navigatie, titels, lopende tekst en icoonlijsten. Knoppen, het woordmerk en
   de meescrollende knop doen niet mee, die hebben hun eigen vorm.

   Het roze vlak overschrijft meteen de regel uit het kindthema
   (style.css, "TEMP: always-hover test"), die links in een icoonlijst een blok
   in currentColor gaf.
   -------------------------------------------------------------------------- */
.kh-nav a,
.elementor-widget-heading a,
.elementor-widget-text-editor a,
.elementor .elementor-widget-icon-list a .elementor-icon-list-text {
	position: relative;
	text-decoration: none;
	transition: color .2s ease;
	z-index: 0;
}

.kh-nav a::before,
.elementor-widget-heading a::before,
.elementor-widget-text-editor a::before,
.elementor .elementor-widget-icon-list a .elementor-icon-list-text::before {
	background-color: #EDDDDE !important;
	bottom: -0.06em !important;
	content: "" !important;
	height: 0.22em !important;
	left: -0.14em !important;
	opacity: 1 !important;
	pointer-events: none !important;
	position: absolute !important;
	right: -0.14em !important;
	top: auto !important;
	transition: height .22s ease !important;
	z-index: -1 !important;
}

.kh-nav a:hover::before,
.kh-nav a:focus-visible::before,
.elementor-widget-heading a:hover::before,
.elementor-widget-text-editor a:hover::before,
.elementor .elementor-widget-icon-list a:hover .elementor-icon-list-text::before {
	height: calc( 100% + 0.18em ) !important;
}

.kh-nav a:hover,
.elementor-widget-heading a:hover,
.elementor-widget-text-editor a:hover,
.elementor .elementor-widget-icon-list a:hover .elementor-icon-list-text {
	color: #00387B !important;
}

/* Het woordmerk is een merk, geen link met een streepje eronder. */
.kh-merk a::before {
	display: none !important;
}

/* --------------------------------------------------------------------------
   Meescrollende knop: een schuin kaartje in de hoek, in dezelfde taal als de
   stickers op de foto's. Bij hoveren gaat het recht staan en zakt het in zijn
   eigen schaduw. Verschijnt zodra de hero uit beeld is, verdwijnt zodra het
   contactformulier in beeld komt.
   -------------------------------------------------------------------------- */
.kh-cta {
	background-color: #00387B;
	bottom: 30px;
	box-shadow: 8px 8px 0 0 #EDDDDE;
	color: #FFFFFF;
	display: block;
	opacity: 0;
	padding: 15px 26px 17px;
	pointer-events: none;
	position: fixed;
	right: 34px;
	text-decoration: none;
	transform: translateY( 18px ) rotate( -3deg );
	transition: opacity .22s ease, transform .22s ease, box-shadow .22s ease;
	z-index: 200;
}

.kh-cta.is-zichtbaar {
	opacity: 1;
	pointer-events: auto;
	transform: translateY( 0 ) rotate( -3deg );
}

.kh-cta.is-zichtbaar:hover,
.kh-cta.is-zichtbaar:focus-visible {
	box-shadow: 0 0 0 0 #EDDDDE;
	color: #FFFFFF;
	transform: translate( 8px, 8px ) rotate( 0deg );
}

.kh-cta__groot {
	display: block;
	font-family: "Anton", Impact, sans-serif;
	font-size: 25px;
	letter-spacing: .6px;
	line-height: 1;
	text-transform: uppercase;
}

.kh-cta__klein {
	color: #EDDDDE;
	display: block;
	font-family: "Roboto", -apple-system, sans-serif;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .2px;
	line-height: 1.3;
	margin-top: 6px;
}

@media (max-width: 767px) {
	.kh-cta {
		bottom: 0;
		box-shadow: none;
		left: 0;
		padding: 12px 20px 14px;
		right: 0;
		text-align: center;
		transform: translateY( 100% );
	}

	.kh-cta.is-zichtbaar {
		transform: translateY( 0 );
	}

	.kh-cta.is-zichtbaar:hover {
		box-shadow: none;
		transform: translateY( 0 );
	}

	.kh-cta__groot {
		font-size: 21px;
	}
}

/* --------------------------------------------------------------------------
   Woordmerk met sticker, selectiekleur en de foto-verhouding. Deze regels waren
   bij een eerdere opruiming van dit bestand mee weggevallen.
   -------------------------------------------------------------------------- */
::selection {
	background-color: #EDDDDE;
	color: #00387B;
}

::-moz-selection {
	background-color: #EDDDDE;
	color: #00387B;
}

/* Het blokje rond het merk krimpt tot de breedte van het woord, zodat de sticker
   eraan hangt en niet aan de rand van de balk. */
.kh-merk {
	--width: auto;
	align-items: center;
	flex: 0 0 auto !important;
	position: relative;
	width: -moz-max-content !important;
	width: max-content !important;
}

/* De sticker begint op 58% van de breedte van het merk en zakt net genoeg om
   alleen de onderkant van de letters te raken. */
.kh-tag--merk {
	left: 58%;
	position: absolute !important;
	right: auto !important;
	top: 19px;
	white-space: nowrap;
	z-index: 3;
}

@media (max-width: 900px) {
	.kh-tag--merk {
		left: 54%;
		top: 15px;
	}
}

/* Foto's die naast elkaar staan zijn niet allemaal even hoog: staand en liggend
   door elkaar. Deze krijgen dezelfde verhouding en tonen het midden-onder,
   want daar staat telkens het onderwerp. */
.kh-beeld img {
	aspect-ratio: 4 / 3;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center 58%;
	object-position: center 58%;
	width: 100%;
}

/* --------------------------------------------------------------------------
   De slider bij “45 m²”: pijltjes als roze blokjes op de foto en rechthoekige
   bolletjes eronder, want ronde vormen komen op deze site niet voor.
   -------------------------------------------------------------------------- */
.kh-slider .elementor-swiper-button {
	align-items: center;
	background-color: #EDDDDE;
	color: #00387B;
	display: flex;
	height: 46px;
	justify-content: center;
	transition: background-color .16s ease, color .16s ease;
	width: 46px;
}

.kh-slider .elementor-swiper-button:hover {
	background-color: #00387B;
	color: #FFFFFF;
}

.kh-slider .swiper-pagination-bullet {
	border-radius: 0;
	height: 6px;
	margin: 0 4px;
	opacity: .3;
	width: 20px;
}

.kh-slider .swiper-pagination-bullet-active {
	opacity: 1;
}

.kh-slider .elementor-image-carousel-caption {
	text-align: left;
}

/* --------------------------------------------------------------------------
   Bedankpagina: het witte vlak krijgt dezelfde harde schaduw als de foto's.
   -------------------------------------------------------------------------- */
.kh-bedankt {
	box-shadow: 22px 22px 0 0 #EDDDDE;
}

@media (max-width: 900px) {
	.kh-bedankt {
		box-shadow: 12px 12px 0 0 #EDDDDE;
	}
}
/* --------------------------------------------------------------------------
   Gewone pagina's zonder Elementor, zoals het privacybeleid.
   -------------------------------------------------------------------------- */
body:not(.elementor-page) .page-content {
	color: #00387B;
	margin: 0 auto;
	max-width: 780px;
	padding: 72px 32px 96px;
}

body:not(.elementor-page) .page-content h1,
body:not(.elementor-page) .page-content h2 {
	color: #00387B;
	font-family: "Anton", Impact, sans-serif;
	font-weight: 400;
	letter-spacing: .6px;
	line-height: 1;
	text-transform: uppercase;
}

body:not(.elementor-page) .page-content h1 {
	font-size: 48px;
	margin: 0 0 26px;
}

body:not(.elementor-page) .page-content h2 {
	font-size: 26px;
	margin: 46px 0 14px;
}

body:not(.elementor-page) .page-content p {
	font-family: "Roboto", -apple-system, sans-serif;
	font-size: 17px;
	line-height: 1.7;
	margin: 0 0 18px;
}

body:not(.elementor-page) .page-content a {
	color: #00387B;
	position: relative;
	text-decoration: none;
	transition: color .2s ease;
	z-index: 0;
}

body:not(.elementor-page) .page-content a::before {
	background-color: #EDDDDE;
	bottom: -0.06em;
	content: "";
	height: 0.22em;
	left: -0.14em;
	position: absolute;
	right: -0.14em;
	transition: height .18s ease;
	z-index: -1;
}

body:not(.elementor-page) .page-content a:hover::before,
body:not(.elementor-page) .page-content a:focus-visible::before {
	height: calc( 100% + 0.18em );
}

@media (max-width: 767px) {
	body:not(.elementor-page) .page-content {
		padding: 48px 20px 64px;
	}

	body:not(.elementor-page) .page-content h1 {
		font-size: 32px;
	}

	body:not(.elementor-page) .page-content h2 {
		font-size: 22px;
	}
}

/* --------------------------------------------------------------------------
   De herofoto staat op een blok in Shady Green. Deze regel was verdwenen bij
   een eerdere opruimactie in dit bestand en is op 27-08-2026 hersteld.
   -------------------------------------------------------------------------- */
.kh-heroblok img {
	box-shadow: 22px 22px 0 0 #ECF0E7;
	display: block;
}

@media (max-width: 900px) {
	.kh-heroblok img {
		box-shadow: 12px 12px 0 0 #ECF0E7;
	}
}

/* --------------------------------------------------------------------------
   Tandwiel voor de cookie-instellingen, naast de link Cookiebeleid. Het
   zwevende tabje van Complianz staat uit, dat dekte de knop rechtsonder af.
   Achtergrond en kleur staan hier expliciet voor elke toestand, want de reset
   van hello-elementor kleurt een kale <button> anders magenta bij hoveren.
   -------------------------------------------------------------------------- */
.kh-cookieknop {
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
	display: none;
	margin-left: 4px;
	padding: 0;
	vertical-align: -3px;
}

body:has(.cmplz-cookiebanner) .kh-cookieknop {
	display: inline-block;
}

/* Elementor strippt een <svg> uit de tekst van een kopwidget, dus het
   tandwiel staat hier als masker. Zo volgt de kleur gewoon `color`. */
.kh-cookieknop {
	background-color: currentColor;
	height: 17px;
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M19.14%2012.94a7.07%207.07%200%200%200%20.05-.94%207.07%207.07%200%200%200-.05-.94l2.03-1.58a.49.49%200%200%200%20.12-.61l-1.92-3.32a.49.49%200%200%200-.59-.22l-2.39.96a7.03%207.03%200%200%200-1.62-.94l-.36-2.54a.48.48%200%200%200-.48-.41h-3.84a.48.48%200%200%200-.48.41l-.36%202.54c-.59.24-1.13.56-1.62.94l-2.39-.96a.49.49%200%200%200-.59.22L2.74%208.87a.49.49%200%200%200%20.12.61l2.03%201.58a7.07%207.07%200%200%200%200%201.88l-2.03%201.58a.49.49%200%200%200-.12.61l1.92%203.32c.12.22.37.3.59.22l2.39-.96c.5.38%201.03.7%201.62.94l.36%202.54c.05.24.25.41.48.41h3.84c.23%200%20.43-.17.48-.41l.36-2.54c.59-.24%201.13-.56%201.62-.94l2.39.96c.22.08.47%200%20.59-.22l1.92-3.32a.49.49%200%200%200-.12-.61l-2.03-1.58zM12%2015.6A3.6%203.6%200%201%201%2012%208.4a3.6%203.6%200%200%201%200%207.2z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M19.14%2012.94a7.07%207.07%200%200%200%20.05-.94%207.07%207.07%200%200%200-.05-.94l2.03-1.58a.49.49%200%200%200%20.12-.61l-1.92-3.32a.49.49%200%200%200-.59-.22l-2.39.96a7.03%207.03%200%200%200-1.62-.94l-.36-2.54a.48.48%200%200%200-.48-.41h-3.84a.48.48%200%200%200-.48.41l-.36%202.54c-.59.24-1.13.56-1.62.94l-2.39-.96a.49.49%200%200%200-.59.22L2.74%208.87a.49.49%200%200%200%20.12.61l2.03%201.58a7.07%207.07%200%200%200%200%201.88l-2.03%201.58a.49.49%200%200%200-.12.61l1.92%203.32c.12.22.37.3.59.22l2.39-.96c.5.38%201.03.7%201.62.94l.36%202.54c.05.24.25.41.48.41h3.84c.23%200%20.43-.17.48-.41l.36-2.54c.59-.24%201.13-.56%201.62-.94l2.39.96c.22.08.47%200%20.59-.22l1.92-3.32a.49.49%200%200%200-.12-.61l-2.03-1.58zM12%2015.6A3.6%203.6%200%201%201%2012%208.4a3.6%203.6%200%200%201%200%207.2z'/%3E%3C/svg%3E") center / contain no-repeat;
	width: 17px;
}

.kh-cookieknop:hover,
.kh-cookieknop:focus,
.kh-cookieknop:focus-visible,
.kh-cookieknop:active {
	background-color: currentColor;
	color: #EDDDDE;
}

.kh-cookieknop:focus-visible {
	outline: 2px solid #EDDDDE;
	outline-offset: 2px;
}