/* ------------------------------------------------------------------- */
/* CODE
/* The Anderen • July 2022 • https://theanderen.com
/* ------------------------------------------------------------------- */

*, *:before, *:after{
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

@font-face {
  font-family: 'Ronzino';
  src: url('../fonts/Ronzino-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Ronzino Italic';
  src: url('../fonts/Ronzino-Oblique.woff2') format('woff2');
}
@font-face {
  font-family: 'Ronzino Bold';
  src: url('../fonts/Ronzino-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Ronzino Medium';
  src: url('../fonts/Ronzino-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Ronzino Bold Italic';
  src: url('../fonts/Ronzino-BoldOblique.woff2') format('woff2');
}




/* ------------------------------------------------------------------- */
/* !$ Base */
/* ------------------------------------------------------------------- */

:root {
  --padding: 1rem;
  --text-size: 18px;
  --col-dark: #52727d;
  --col-medium: #c2e1e3;
  --col-light:#FFF;
  --col-bg: #f1eaec;
  --col-primary: #E11149;
  --col-secondary: #f3c599;
  --box-radius: calc(var(--text-size)/3*2);
  /*
  --col-h0: #c7ae7e; /*(199,174,126)*
  --col-h1: #d9000d;
  --col-h2: #FAE100;
  --col-h3: #64C8AA;
  --col-h4: #966ED2;
   */
}


::selection {background: rgba(243,196,153,0.99); color: var(--col-dark);}
::-moz-selection {background: rgba(243,196,153,0.99); color: var(--col-dark);}

html {
	-webkit-text-size-adjust: 100%;
}
body {
	font-weight: normal;
	font-feature-settings: "liga", "dlig", "kern" 1;
	font-kerning: normal;
	-webkit-tap-highlight-color: transparent;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



/* ------------------------------------------------------------------- */
/* !$ Link */
/* ------------------------------------------------------------------- */

a, .link {
	color: currentColor;
	text-decoration: none;
	position: relative;
	transition: 0.3s ease-in-out;
}
a:focus {
	outline: none;
}

.block.text a:after,
.map-info a:after {
	position: absolute;
	bottom: 0px;
	content: "";
	display: block;
	height: 1px;
	background: currentColor;
	width: 100%;
	left: 0;
	transition: width 0.3s ease-in-out;
}

.block.text a:hover:after,
.map-info a:hover:after {
	-webkit-animation: hoverLine 0.6s ease-in-out;
	-moz-animation:    hoverLine 0.6s ease-in-out;
	-o-animation:      hoverLine 0.6s ease-in-out;
	animation:         hoverLine 0.6s ease-in-out;
}

.block.text a {
	display: inline-block;
}
@-webkit-keyframes hoverLine {
	0%	 { width: 100%;}
	20%  { width: 0%;  }
	100% { width: 100%;}
}
@keyframes hoverLine {
	0%	 { width: 100%;}
	20%  { width: 0%;  }
	100% { width: 100%;}
}

button {
	font: inherit;
	background: none;
	border: 0;
	color: currentColor;
	cursor: pointer;
}
button:focus, input:focus {
	outline: none;
}



/* ------------------------------------------------------------------- */
/* !$ Text */
/* ------------------------------------------------------------------- */

body {
	font-family: 'Ronzino', sans-serif;
	font-size: var(--text-size);
	line-height: 1.2;
	color: var(--col-dark);
}

h1, h2, h3, h4, h5, h6, 
.bold, b, strong, .italic, em  {
	font-weight: normal;
	font-style: normal;
}

h1, .text-L, h2, .text-M {
	font-size: calc(var(--text-size)*1.8);
	line-height: 1;
}
.leaflet-popup-content,
h2.popup-title {
	font-family: 'Ronzino Medium', sans-serif;
	font-size: var(--text-size);
	text-align: center;
}
h3, h4, h5, h6, .text-S, small {
	font-size: calc(var(--text-size)/3*2);
	letter-spacing: 0.5px;
}
 .marker-cluster div, 
 .leaflet-control-layers {
	font-family: 'Ronzino Bold', sans-serif;
	font-size: calc(var(--text-size)/3*2);
	letter-spacing: 0.5px;
}
.leaflet-control-attribution {
	font-size: calc(var(--text-size)/3);
	letter-spacing: 0.5px;
}
 .marker-cluster div {
	background-color: var(--col-dark);
}


.bold, b, strong {
	font-family: 'Ronzino Bold', sans-serif;
}
em, i, .italic {
	font-family: 'Ronzino Italic';
}
.uppercase {
	text-transform: uppercase;
}
.lowercase {
	text-transform: lowercase;
}

p:empty {
	display: none;
}
.text p + p, .text ul + p, .text ol + p {
  text-indent: calc(var(--text-size)*3);
}
h2 {
	margin-bottom: calc(var(--text-size)*1.1/2);
}
.external-links {
	margin: calc(var(--text-size)*1.1/2) 0;
}

.text ul, .text ol {
	list-style-type: disc;
	padding-left: var(--text-size);
}


/* ------------------------------------------------------------------- */
/* !$ Container */
/* ------------------------------------------------------------------- */

/* scroll position offset for fixed header on anchor links */
:target:before {
	content: "";
	display: block;
	height: calc((100vw/var(--scale-factor)*0.85 + var(--padding)*1.25) * 2);
	margin: calc(((100vw/var(--scale-factor)*0.85 + var(--padding)*1.25) * 2) * -1) 0 0;
}

body {
	margin: 0 auto;
	width: 100%;
	background-color: var(--col-light);
}

/* body::-webkit-scrollbar, 
.scroll-container:not(.horizontal)::-webkit-scrollbar {
	display: none;
} */
body, 
.scroll-container:not(.horizontal) {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.scroll-container {
	-webkit-overflow-scrolling: touch;
	overflow: scroll;
}

.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.block {
	padding: var(--padding);
}
.block.map,
.block.map-sidebar {
	padding: 0;
}

.page-main, .page-footer {
	position: relative;
}


/* ------------------------------------------------------------------- */
/* !$ Header */
/* ------------------------------------------------------------------- */

.page-header {
	position: -webkit-sticky;
	position: sticky;
	top: calc((var(--text-size)*1.8 + var(--padding)*2) * -1);
	z-index: 9;
	margin-bottom: calc(var(--padding)*2);
	background-color: var(--col-light);
}

.page-title {
	background-color: var(--col-primary);
	color: var(--col-light);
	padding: var(--padding);
	display: flex;
	align-items: center;
	justify-content: end;
	border-bottom-left-radius: var(--box-radius);
	border-bottom-right-radius: var(--box-radius);
}

.page-link {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
header .page-link {
	margin-right: var(--padding);
}
.icon {
	width: calc(var(--text-size)*1.8);
	height: calc(var(--text-size)*1.8);
}

.menu-main {
	padding: var(--padding);
}
.menu-main li {
	display: inline-block;
	margin-right: var(--padding);
	transition: 0.3s ease-in-out;
}
.menu-main li:not(.active) {
	color: var(--col-medium);
}
.menu-main li:not(.active):hover {
	color: var(--col-dark);
	transition: 0.1s linear;
}





/* ------------------------------------------------------------------- */
/* !$ Map */
/* ------------------------------------------------------------------- */

.map-wrapper {
	position: relative;
	z-index: 1;
}

#map {
	height: calc(60vh - var(--text-size)*1.8 - var(--padding)*2);
	max-height: calc(100vh - var(--text-size)*1.8 - var(--padding)*2);
	font-family: 'Ronzino', sans-serif;
	border-radius: var(--box-radius);
	overflow: hidden;
}
.leaflet-container {
	background-color: rgba(0,0,0,0.1);
}
.leaflet-tile-pane {
	filter: grayscale(1);
}
.leaflet-container a {
	color: currentColor;
}

.block.map {
	-webkit-position: sticky;
	position: sticky;
	top: calc(var(--text-size)*1.8 + var(--padding)*2);
}
.block.map-sidebar {
	height: calc(40vh - var(--text-size)*1.8 - var(--padding)*2);
	-webkit-overflow-scrolling: touch;
	overflow: scroll;
}


.leaflet-left .leaflet-control,
.leaflet-right .leaflet-control {
	margin: 0;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-control-zoom {
	box-shadow: none;
	border-radius: 0;
	border: none;
	background: none;
	margin: calc(var(--padding)/2);
}

.leaflet-control-layers {
	padding: 0;
}
.leaflet-control-layers label {
	position: relative;
	line-height: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	font-size: inherit;
	color: var(--col-dark);
}
.leaflet-control-layers input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin: 0;
	transition: 0.3s ease-in-out;
	border-radius: var(--text-size);
	overflow: hidden;
}
.leaflet-control-layers input:checked {
	background-color: var(--col-light);
}
.leaflet-control-layers input:focus {
	background-color: var(--col-secondary);
	transition: 0.1s linear;
}
.leaflet-control-layers input + span {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1;
	padding: calc(var(--padding)/2) var(--padding) calc(var(--padding)/2) calc(var(--padding)/2);
}
.leaflet-control-layers .map-marker {
	display: inline-block;
	margin-right: calc(var(--text-size)/2);
	width: 15px !important;
	height: 15px !important;
}

.leaflet-touch .leaflet-bar a {
	width: calc(var(--text-size)*3);
	height: calc(var(--text-size)*3);
	border: none;
	border-radius: 100% !important;
	transition: 0.3s ease-in-out;
}
.leaflet-touch .leaflet-bar a:focus {
	background-color: var(--col-secondary);
	transition: 0.1s linear;
}
.leaflet-control-zoom-in span, 
.leaflet-control-zoom-out span {
	display: none;
}
.leaflet-control-zoom-in:before {
	content: "";
	border-right: 2px solid currentcolor;
	width: calc(33.33% + 1px);
	height: 66.66%;
	position: absolute;
	top: 16.66%;
	left: 16.66%;
}
.leaflet-control-zoom-in:after,
.leaflet-control-zoom-out:after {
	content: "";
	border-bottom: 2px solid currentcolor;
	width: 66.66%;
	height: calc(33.33% + 1px);
	position: absolute;
	top: 16.66%;
	left: 16.66%;
}

.leaflet-container .leaflet-control-attribution {
	background: none;
	padding: 0;
	text-transform: uppercase;
	margin: calc(var(--padding)/2);
}

.leaflet-div-icon {
	background: none;
	border: none;
}


.leaflet-popup {
	
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
	box-shadow: none;
	color: var(--col-dark);
}
.leaflet-popup-content-wrapper {
	border-radius: var(--box-radius);
	padding: 0 calc(var(--padding)/2);
	border: 2px solid;
	overflow: hidden;
}
.leaflet-popup-tip-container {
	margin-top: -2px;
}
.leaflet-popup-tip {
	border-bottom: 2px solid;
	border-right: 2px solid;
}
.leaflet-popup-content {
	margin: 0;
	line-height: 1.1;
	width: 200px;
}
.leaflet-popup-content .popup-title {
	margin: var(--padding) 0;
}
.leaflet-popup-content .popup-image {
	max-width: 200px;
	max-height: 200px;
	margin: var(--padding) auto;
}
.leaflet-popup-content .popup-image figure {
	margin: 0;
}
.leaflet-popup-content .popup-image picture {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-bottom: 66.66%;
}
.leaflet-popup-content img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}



#map-data .data-title {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 3;
	padding: var(--padding);
	background-color: var(--col-medium);
	border-radius: var(--box-radius);
}
/* #map-data .data-title:before {
	content: '';
	display: inline-block;
	position: absolute;
	width: 100%;
	top: -1px;
	left: 0;
	height: calc(var(--padding) + 1px);
	background-color: var(--col-light);
} */

#map-data li.data {
	position: relative;
	scroll-margin-top: calc(var(--text-size)/3*2 + var(--text-size)*1.8 + var(--padding)*4);
	scroll-margin-bottom: calc(var(--text-size)/3*2 + var(--padding)*2);
	padding: var(--padding);
	cursor: pointer;
	border-radius: var(--box-radius);
	background-color: var(--col-light);
}
#map-data li.data:not(:last-child):after {
	content: "";
	position: absolute;
	bottom: 0;
	left: var(--padding);
	width: calc(100% - var(--padding)*2);
	border-bottom: 2px solid var(--col-medium);
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	mix-blend-mode: multiply;
}
#map-data li.data.active {
	background-color: var(--col-bg);
	mix-blend-mode: multiply;
}
#map-data li.data.active .map-preview figure:before {
	background-color: var(--col-light);
}

.map-preview {
	display: flex;
}
.summary .map-preview {
	display: block;
}
.map-preview figure {
	aspect-ratio: 1;
	/* max-width: 100px; */
	width: 100px;
	height: 100px;
	margin-right: calc(var(--padding)/2);
	position: relative;
}
.map-preview figure:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-color: var(--col-bg);
	position: absolute;
	z-index: 1;
}
.map-preview picture {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	transform: scale(1.1);
	transform-origin: center;
}
.map-preview img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.map-preview + .map-info {
	margin-top: var(--padding);
}
.map-info .title {
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: calc(var(--text-size)*1.1/2);
	margin-bottom: 0;
}
/* .labels li {
	display: inline-block;
	margin-right: calc(var(--text-size)/3*2);
	margin-bottom: calc(var(--text-size)/3);
} */




/* ------------------------------------------------------------------- */
/* !$ Footer */
/* ------------------------------------------------------------------- */

footer {
	z-index: 3;
	padding: var(--padding);
	display: flex;
	align-items: center;
	background-color: var(--col-dark);
	color: var(--col-light);
	border-top-left-radius: var(--box-radius);
	border-top-right-radius: var(--box-radius);
}

.menu-language {
	position: absolute;
	right: 0;
}
.menu-language li,
.menu-logout li {
	display: inline-block;
	margin-right: var(--padding);
}
footer .page-link {
	margin-left: var(--padding);
	margin-right: var(--padding);
}


.logout {
	text-align: center;
	padding: calc(var(--padding)/2);
}
.logout a {
	display: inline-block;
}



/* ------------------------------------------------------------------- */
/* !$ PAGE Home */
/* ------------------------------------------------------------------- */

.intro {
	background-color: var(--col-bg);
	min-height: 75vmin;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--box-radius);
}
.intro h1 {
	white-space: nowrap;
	font-size: 50vw;
	letter-spacing: -2.5vw;
	background-color: var(--col-light);
	border-radius: 100%;
	text-align: center;
	padding: var(--padding) calc(var(--padding)*2);
}

.areas {
	background-color: var(--col-bg);
	min-height: 75vmin;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-template-rows: repeat(7, 1fr);
	border-radius: var(--box-radius);
	position: relative;
}
.areas a {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--col-light);
	border-radius: 100%;
	text-align: center;
	padding: var(--padding) calc(var(--padding)*2);
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	z-index: 2;
}

.areas .map {
	position: absolute;
	width: calc(100% - var(--padding));
	height: calc(100% - var(--padding));
	top: calc(var(--padding)/2);
	left: top: calc(var(--padding)/2);
	z-index: 3;
	pointer-events: none;
	mix-blend-mode: multiply;
}


.dotted {
	position: relative;
	z-index: 3;
	height: calc(var(--text-size)*6);
	width: 66.66%;
	margin-left: 33.33%;
	--dotSize: 0.15rem;
	--bgSize: 0.75rem;
	--bgPosition: calc(var(--bgSize) / 2);
	background-image: 
		radial-gradient(circle at center, var(--col-primary) var(--dotSize), transparent 0), 
		radial-gradient(circle at center, var(--col-primary) var(--dotSize), transparent 0);
	background-size: var(--bgSize) var(--bgSize);
	background-position: 0 0, var(--bgPosition) var(--bgPosition);
	background-repeat: round;
	padding: 0;
}
.page-main .dotted.overlap-bottom {
	margin-bottom: calc(var(--padding)*2 * -1);
	margin-top: calc(var(--text-size)*2);
}
.page-main .dotted.overlap-top {
	margin-top: calc(var(--text-size)*2 * -1);
}
.page-main .dotted.left {
	width: calc(50% - var(--padding));
	margin-left: 0;
}
.page-main .dotted.double {
	height: calc(var(--text-size)*12);
}

.summary.images {
	text-align: center;
	overflow-x: hidden;
}

.summary.images figure {
	width: calc(100vw - var(--padding)*2);
	height: calc(100vw - var(--padding)*2);
	margin-right: 0;
}
.summary.images figcaption {
	margin-top: calc(var(--text-size)*1.1/2);
	margin-bottom: calc(var(--padding)*2);
}

.summary li {
	border-bottom: 2px solid var(--col-medium);
}
.summary li:first-child {
	border-top: 2px solid var(--col-medium);
}
.summary li a {
	display: flex;
	justify-content: space-between;
	border-radius: var(--box-radius);
}


.info aside {
	margin-top: calc(var(--padding)*2);
	display: flex;
	align-items: center;
}
.dot {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	border: 2px solid;
	display: inline-block;
	margin-right: calc(var(--padding)/2);
}
.dot:nth-child(1) {
	background-color: var(--col-dark);
}
.dot:nth-child(3) {
	border-style: dotted;
}
.dot:nth-child(4) {
	border: none;
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%2352727DFF' stroke-width='4' stroke-dasharray='2%2c 4.7' stroke-dashoffset='0' stroke-linecap='butt' /%3e%3c/svg%3e");
}


.progress {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: var(--padding) 0;
}
.num {
	margin-left: var(--padding);
	padding: var(--padding) 0;	
}

.info {
	margin-bottom: calc(var(--padding)*2);
}

.ticker {
	width: 100%;
	padding: 0;
	border-top: 2px solid var(--col-dark);
	border-bottom: 2px solid var(--col-dark);
	margin-bottom: -2px;
	overflow: hidden;
	position: relative;
	z-index: 6;
	/* background-color: var(--col-medium); */
}
.ticker:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: repeating-linear-gradient(
		to right,
		var(--col-medium),
		var(--col-medium) 2px,
		var(--col-light) 2px,
		var(--col-light) calc(var(--padding)/2)
	);
}
.ticker ul {
	white-space: nowrap;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	height: 100%;
	-webkit-transform: translateX(100vw);
	transform: translateX(100vw);
	-webkit-animation: ticker 21s infinite 0s linear;
	animation: ticker 21s infinite 0s linear;
}
.ticker ul:hover {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}
.ticker.delayed ul {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}
.ticker li {
	display: inline-block;
	padding: var(--padding) calc(var(--padding)*2);
	background-color: var(--col-light);
	border-right: 2px solid var(--col-dark);
	min-width: 33.33vw;
	text-align: center;
}
.ticker li:first-child {
	border-left: 2px solid var(--col-dark);
}

@-webkit-keyframes ticker {
  0%    { -webkit-transform: translateX(100vw); transform: translateX(100vw); }
  100%  { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
@keyframes ticker {
  0%    { transform: translateX(100vw); }
  100%  { transform: translateX(-100%); }
}


.cookie {
	color: var(--col-medium);
}





/* ------------------------------------------------------------------- */
/* !$ PAGE Default */
/* ------------------------------------------------------------------- */





/* ------------------------------------------------------------------- */
/* !$ PAGE Maintenance */
/* ------------------------------------------------------------------- */

.template-maintenance:not(.logged-in) .page-main {
	margin-top: 0;
}

/* ------------------------------------------------------------------- */
/* !$ Error */
/* ------------------------------------------------------------------- */

.template-error .page-main {
	background-color: var(--col-medium);
	border-radius: var(--box-radius);
	min-height: calc(100vh - var(--padding)*6 - var(--text-size)/3*2 - var(--text-size)*1.8);
}
.template-error .block.text {
	padding-bottom: calc(var(--padding)*8);
}






/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !$ ~~~~~~~~~~ Media Queries */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@media screen and (max-device-width: 736px){
	body{
		-webkit-text-size-adjust: none;
	}
}

/* ------------------------------------------------------------------- */
/* !$ screen > 400px */
/* ------------------------------------------------------------------- */

@media all and (min-width: 400px) {
	
	h1, .text-L {
		font-size: calc(var(--text-size)*2.4);
	}
	h2, .text-M {
		font-size: calc(var(--text-size)*1.8);
	}
	
}


/* ------------------------------------------------------------------- */
/* !$ screen > 600px */
/* ------------------------------------------------------------------- */
/* change font size and footer */

@media all and (min-width: 600px) {
		
	.areas {
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(6, 1fr);
	}
	.areas a:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 2; }
	.areas a:nth-child(2) { grid-column: 1 / 2; grid-row: 2 / 3; } 
	.areas a:nth-child(3) { grid-column: 2 / 3; grid-row: 2 / 3; }
	.areas a:nth-child(4) { grid-column: 3 / 4; grid-row: 3 / 4; }
	.areas a:nth-child(5) { grid-column: 1 / 2; grid-row: 3 / 4; }
	.areas a:nth-child(6) { grid-column: 2 / 3; grid-row: 3 / 4; }
	.areas a:nth-child(7) { grid-column: 2 / 3; grid-row: 4 / 5; }
	
	.summary.images .map-preview {
		display: inline-block;
	}
	.summary.images figure {
		width: calc(50vw - var(--padding));
		height: calc(50vw - var(--padding));
	}

}


/* ------------------------------------------------------------------- */
/* !$ screen > 720px */
/* ------------------------------------------------------------------- */
/* two columns */
	
@media all and (min-width: 720px) {
	
	#map {
		height: calc(100vh - var(--text-size)*1.8 - var(--padding)*2);
		max-height: inherit;
	}
	.block.map {
		width: 50%;
		display: inline-block;
		vertical-align: top;
	}
	.block.map-sidebar {
		width: 50%;
		height: auto;
		display: inline-block;
		vertical-align: top;
		overflow: inherit;
	}
	#map-data .data-title {
		top: calc(var(--text-size)*1.8 + var(--padding)*2);
	}
	
	

	
	
}

/* ------------------------------------------------------------------- */
/* !$ screen > 840px */
/* ------------------------------------------------------------------- */

@media all and (min-width: 840px) {

.block-wrapper {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.intro {
	min-height: 50vmin;
}
.intro h1 {
	font-size: 33.33vw;
	letter-spacing: -1.66vw;
}

.summary.images figure {
	width: calc(25vw - var(--padding)/2);
	height: calc(25vw - var(--padding)/2);
}


}



/* ------------------------------------------------------------------- */
/* !$ screen > 1000px */
/* ------------------------------------------------------------------- */

@media all and (min-width: 1000px) {


	

}


/* ------------------------------------------------------------------- */
/* !$ screen > 1200px */
/* ------------------------------------------------------------------- */

@media all and (min-width: 1200px) {

	:root {
  	--text-size: 23px;
	}
	.block.map {
		width: 60%;
	}
	.block.map-sidebar {
		width: 40%;
	}


}



/* ------------------------------------------------------------------- */
/* !$ screen > 1440px */
/* ------------------------------------------------------------------- */

@media all and (min-width: 1440px) {

	:root {
  	--text-size: 25px;
	}
	.block.map {
		width: 66.66%;
	}
	.block.map-sidebar {
		width: 33.33%;
	}
	

}


/* ------------------------------------------------------------------- */
/* !$ screen > 1600px */
/* ------------------------------------------------------------------- */

@media all and (min-width: 1600px) {

	



}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !$ ~~~~~~~~~~ Hover */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@media (hover: hover) {

.leaflet-touch .leaflet-bar a:hover {
	background-color: var(--col-secondary);
	transition: 0.1s linear;
}
.leaflet-control-layers input:hover {
	background-color: var(--col-secondary);
	transition: 0.1s linear;
}

.areas a:hover {
	background-color: var(--col-secondary);
}
.summary li a:hover {
	background-color: var(--col-secondary);
	padding-left: var(--padding);
	padding-right: var(--padding);
}


}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* !$ ~~~~~~~~~~ IE11 specific */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	
}