:root {
	--map-tiles-filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);
}
body > figure {
	width: 100%;
	align-items: center;
	align-content: center;
	justify-content: center;
	overflow: hidden;
}
body > figure > img {
  	width: 100%;
  	height: 100%;
  	object-fit: cover;
	z-index: -1;
}
body > figure > figcaption {
	display: grid;
	grid-template-columns: var(--grid-template);
	transform: translateY(-10vh);
}
body > figure > figcaption > * {
	grid-column: content;
}
main:has(aside) > section {
	grid-column-start: content-start;
	grid-column-end: center-start;
	padding: var(--gap) var(--gap) var(--gap) 0;
}
main:has(aside) > aside {
	grid-column-start: center-end;
	grid-column-end: content-end;
	padding: var(--gap) 0 var(--gap) var(--gap);
}
main > * > * {
	margin-bottom: var(--gap);
}

#map {
	width: 100%;
	aspect-ratio: 4 / 3;
	z-index: 1;
}
@media (prefers-color-scheme: dark) {
	.map-tiles {
		filter: var(--map-tiles-filter, none);
	}
}
@media (max-width: 800px){
	body > figure{
		max-height: 300px !important;
	}
	body > figure > figcaption{
		transform: translateY(-100px);
	}
	main:has(aside) > section {
		grid-column-start: content-start;
		grid-column-end: content-end;
        padding: var(--gap) 0;
	}
	main:has(aside) > aside {
		grid-column-start: content-start;
		grid-column-end: content-end;
        padding: var(--gap) 0;
	}
}


.insidenav {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--gap);
	display: none;
}
.insidenav > * {
	text-align: center;
	flex: 1 0 calc(25% - var(--gap));
	display: flex;
	gap: var(--gap);
	align-content: center;
	align-items: center;
	justify-content: center;
	color: rgb(var(--fontcolor));
	text-decoration: none;
	width: 100%;
}
.insidenav:has(> :nth-child(3))  > *:first-child {
	justify-content: flex-start;
}
.insidenav:has(> :nth-child(3))  > *:last-child {
	justify-content: flex-end;
}
.insidenav svg,
.insidenav img {
	min-height: 1rem;
	max-height: 50px;
}
.insidenav > *:hover {
	color: rgb(var(--manRed));
}
@media (max-width: 1200px) {
	.insidenav {
		gap: calc(var(--gap) / 2);
	}
	.insidenav > * {
		flex: 1 0 calc(50% - var(--gap));
	}
}
@media (max-width: 600px) {
	.insidenav {
		text-align: left;
		gap: 0;
		padding: 0 var(--gap);
		justify-content: center;
	}
	.insidenav > * {
		flex: 1 0 100%;
	}
}

div:has(.employees) {
	grid-column: full-width;
	display: grid;
	grid-template-columns: var(--grid-template);
	background: rgb(var(--manHover));
	margin-bottom: 0;
	padding-block: var(--gap);
}
div:has(.employees) > * {
	grid-column: content;
}
a:has(.icon) {
	color: rgb(var(--fontcolor));	
}