@charset "UTF-8";

/* Setup */
:root {
	--max-width: 1350px;
	--font-family: "Public Sans", sans-serif;
	--displayfont-family: "Londrina Solid", sans-serif;
	--font-size: 12pt;
	--font-size-s: 11pt;
	--font-size-xl: 24pt;
	--font-size-xxl: 38pt;
	--line-height: 1.4em;
	--grid-gap: 1.5em;
	--spacer-x: 1.5em;
	--spacer: 2.75em;
	--inner-padding: 1.375em;
	--padding: 1em;
	--hamburger-size: 5em;
	--pfd-yellow: #ffe900;
	--pfd-violet: #293682;
	--pfd-violet-light: #eeeff5;
	--pfd-violet-medium: #dfe1ec;
	--text-color: #232323;
	--link-color: var(--pfd-violet);
	--background: #fff;
}
@media (max-width: 1280px) {
	:root {
		--font-size: 12pt;
		--font-size-xl: 20pt;
		--font-size-xxl: 32pt;
	}
}
@media (max-width: 960px) {
	:root {
		--font-size: 12pt;
		--font-size-xl: 14pt;
		--font-size-xxl: 26pt;
		--grid-gap: 1em;
		--spacer-x: 1em;
		--inner-padding: 1em;
	}
}

/* Fixes */
* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	overflow-y: scroll;
}
html, body {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	min-height: 100%;
	width: 100%;
	max-width: 100%;
}
img {
	border-style: none;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
ul, main, header, figure, nav, section, address {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
}
sup {
	font-feature-settings: "sups";
	vertical-align: baseline;
	position: relative;
}
sub { 
	font-feature-settings: "dnom";
	vertical-align: baseline;
	position: relative;
}

/* Generic elements */
html {
	scroll-behavior: smooth;
	overflow-x: hidden;
}
body {
	background: var(--background);
	color: var(--text-color);
	font-family: var(--font-family);
	font-size: var(--font-size);
	line-height: var(--line-height);
	text-align: left;
	text-rendering: optimizeLegibility;
	padding: 0;
}
label {
	cursor: pointer;
}
a {
	text-decoration: none;
	color: var(--text-color);
}
a:hover {
	transition: all 250ms ease;
}
.grid {
	padding: var(--spacer) var(--spacer-x);
	max-width: var(--max-width);
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: auto;
	grid-column-gap: var(--grid-gap);
	grid-row-gap: var(--grid-gap);
}

/* Animations */
@keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* Header */
header.grid {
	grid-template-areas: 
		"logo . tools";
	padding: 0 var(--spacer-x);
	margin-bottom: var(--spacer);
}

	/* Logo */
	header figure#logo {
		grid-area: logo;
		background: var(--pfd-yellow);
		text-align: center;
		padding: var(--padding);
		position: relative;
	}
	header figure#logo a {
		font-weight: bold;
		font-family: var(--displayfont-family);
		font-weight: 400;
		font-size: var(--font-size-xl);
		line-height: 1.25em;
		color: var(--text-color);
		-ms-user-select: none;
		-moz-user-select: none;
		-webkit-user-select: none;
		user-select: none;
	}
	header figure#logo img#fingerprint {
		position: absolute;
		height: 80%;
		width: auto;
		bottom: -1em;
		right: -3em
	}
	header figure#logo a span#firstline, header figure#logo a span#secondline, header figure#logo a span#thirdline {
		display: block;
		white-space: nowrap;
	}

	/* Tools */
	header figure#tools {
		grid-area: tools;
		padding-top: calc(var(--spacer) / 2);
		text-align: right;
	}
	header figure#tools a#easytoread {
		display: inline-block;
		float: left;
		padding: .65em 0;
	}
	header figure#tools a#easytoread svg {
		height: 1.5em;
		width: auto;
	}
	header figure#tools form#search {
		display: inline-block;
		width: calc(100% - 2.5em);
	}
	header figure#tools form#search input {
		width: 100%;
		border: 2px solid var(--pfd-violet-medium);
		padding: 1em;
		border-radius: 0;
		-webkit-appearance: none;
	}
	header figure#tools form#search input:active,
	header figure#tools form#search input:focus {
		border: 2px solid var(--pfd-violet);
	}

/* Navigation */
input[type="checkbox"]#toggle_hamburger,
figure.navigation_switch,
nav#header ul li input,
nav#header ul li label {
	display: none;
}
nav#header {
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	border-bottom: var(--spacer) solid var(--pfd-yellow);
}
nav#header ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0 var(--spacer-x);
	max-width: var(--max-width);
}
nav#header ul li {
	display: inline;
	margin: 0;
	font-size: 0;
}
nav#header ul li a {
	display: inline-block;
	font-size: var(--font-size);
	font-weight: bold;
	padding: 0 var(--inner-padding);
	line-height: var(--spacer);
}
nav#header ul li.active > a {
	background: var(--pfd-yellow);
}
nav#header > ul > li:not(.active):hover a {
	background: var(--pfd-violet);
	color: white;
}
nav#header ul li div.sub {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	background: var(--pfd-yellow);
	font-size: var(--font-size);
}
nav#header ul li.active div.sub {
	display: block;
	z-index: 10;
}
nav#header ul li:not(.active):hover div.sub {
	display: block;
	z-index: 20;
	background: var(--pfd-violet);
	opacity: 0;
	animation: fadein ease 250ms forwards;
	animation-delay: 150ms;
}
nav#header ul li div.sub a {
	padding: 0;
	margin-left: var(--inner-padding);
	font-weight: normal;
}
nav#header ul li div.sub li.active a {
	font-weight: bold;
}
nav#header ul li:not(.active):hover div.sub a {
	color: white;
}
nav#header div#pattern {
	display: none;
}

/* Main */
main::before,
main::after {
	content: "";
	background-color: var(--pfd-violet);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='pfd_x5F_pattern' x='0' y='0' version='1.1' viewBox='0 0 1888 32' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:%2340a636%7D.st1%7Bfill:%23293682%7D.st2%7Bfill:%23ffe900%7D.st3%7Bfill:%2312a3ab%7D.st4%7Bfill:%233d702e%7D.st5%7Bfill:%23009ee3%7D.st6%7Bfill:%23d13345%7D.st7%7Bfill:%23e5007d%7D.st8%7Bfill:%23a6214a%7D.st9%7Bfill:%23ed6645%7D%3C/style%3E%3Cpath d='M0 0h32v32H0z' class='st0'/%3E%3Cpath d='M128 0h32v32h-32z' class='st1'/%3E%3Cpath d='M64 0h32v32H64z' class='st2'/%3E%3Cpath d='M192 0h32v32h-32z' class='st3'/%3E%3Cpath d='M32 0h32v32H32z' class='st4'/%3E%3Cpath d='M160 0h32v32h-32z' class='st5'/%3E%3Cpath d='M96 0h32v32H96z' class='st6'/%3E%3Cpath d='M224 0h32v32h-32z' class='st7'/%3E%3Cpath d='M1536 0h32v32h-32z' class='st0'/%3E%3Cpath d='M1664 0h32v32h-32z' class='st1'/%3E%3Cpath d='M1600 0h32v32h-32z' class='st8'/%3E%3Cpath d='M1728 0h32v32h-32z' class='st3'/%3E%3Cpath d='M1568 0h32v32h-32z' class='st4'/%3E%3Cpath d='M1696 0h32v32h-32z' class='st5'/%3E%3Cpath d='M1632 0h32v32h-32z' class='st6'/%3E%3Cpath d='M1760 0h32v32h-32z' class='st7'/%3E%3Cpath d='M768 0h32v32h-32z' class='st0'/%3E%3Cpath d='M896 0h32v32h-32z' class='st1'/%3E%3Cpath d='M832 0h32v32h-32z' class='st8'/%3E%3Cpath d='M960 0h32v32h-32z' class='st3'/%3E%3Cpath d='M800 0h32v32h-32z' class='st4'/%3E%3Cpath d='M928 0h32v32h-32z' class='st5'/%3E%3Cpath d='M864 0h32v32h-32z' class='st6'/%3E%3Cpath d='M992 0h32v32h-32z' class='st7'/%3E%3Cpath d='M480 0h32v32h-32z' class='st2'/%3E%3Cpath d='M352 0h32v32h-32z' class='st7'/%3E%3Cpath d='M416 0h32v32h-32z' class='st5'/%3E%3Cpath d='M288 0h32v32h-32z' class='st0'/%3E%3Cpath d='M448 0h32v32h-32z' class='st3'/%3E%3Cpath d='M320 0h32v32h-32z' class='st8'/%3E%3Cpath d='M384 0h32v32h-32z' class='st9'/%3E%3Cpath d='M256 0h32v32h-32zM1248 0h32v32h-32z' class='st1'/%3E%3Cpath d='M1120 0h32v32h-32z' class='st4'/%3E%3Cpath fill='%23a61463' d='M1184 0h32v32h-32z'/%3E%3Cpath d='M1056 0h32v32h-32zM1216 0h32v32h-32z' class='st2'/%3E%3Cpath fill='%23f0872e' d='M1088 0h32v32h-32z'/%3E%3Cpath fill='%23bfb52e' d='M1152 0h32v32h-32z'/%3E%3Cpath d='M1024 0h32v32h-32z' class='st3'/%3E%3Cpath d='M1824 0h32v32h-32z' class='st2'/%3E%3Cpath d='M1856 0h32v32h-32z' class='st6'/%3E%3Cpath fill='%231f91bf' d='M1792 0h32v32h-32z'/%3E%3Cpath d='M736 0h32v32h-32z' class='st6'/%3E%3Cpath d='M608 0h32v32h-32z' class='st5'/%3E%3Cpath d='M672 0h32v32h-32z' class='st7'/%3E%3Cpath d='M544 0h32v32h-32z' class='st0'/%3E%3Cpath d='M704 0h32v32h-32z' class='st9'/%3E%3Cpath fill='%2312a1b0' d='M576 0h32v32h-32z'/%3E%3Cpath d='M640 0h32v32h-32z' class='st2'/%3E%3Cpath d='M512 0h32v32h-32z' class='st8'/%3E%3Cpath d='M1280 0h32v32h-32z' class='st0'/%3E%3Cpath d='M1408 0h32v32h-32z' class='st1'/%3E%3Cpath d='M1344 0h32v32h-32z' class='st8'/%3E%3Cpath d='M1472 0h32v32h-32z' class='st2'/%3E%3Cpath d='M1312 0h32v32h-32z' class='st4'/%3E%3Cpath d='M1440 0h32v32h-32z' class='st5'/%3E%3Cpath d='M1376 0h32v32h-32z' class='st6'/%3E%3Cpath d='M1504 0h32v32h-32z' class='st7'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: repeat;
	background-size: auto 100%;
	height: calc(var(--spacer) / 2);
	width: 100%;
	position: relative;
	display: block;
}
main::after {
	margin-top: calc(var(--spacer) / 2);
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' id='pfd_x5F_pattern' x='0' y='0' version='1.1' viewBox='0 0 1888 64' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:%23293682%7D.st1%7Bfill:%2340a636%7D.st2%7Bfill:%23ffe900%7D.st3%7Bfill:%2312a3ab%7D.st4%7Bfill:%233d702e%7D.st5%7Bfill:%23009ee3%7D.st6%7Bfill:%23d13345%7D.st7%7Bfill:%23e5007d%7D.st8%7Bfill:%23a6214a%7D.st9%7Bfill:%23ed6645%7D%3C/style%3E%3Cpath d='M0 0h1888v32H0z' class='st0'/%3E%3Cpath d='M1856 32h32v32h-32z' class='st1'/%3E%3Cpath d='M1728 32h32v32h-32z' class='st0'/%3E%3Cpath d='M1792 32h32v32h-32z' class='st2'/%3E%3Cpath d='M1664 32h32v32h-32z' class='st3'/%3E%3Cpath d='M1824 32h32v32h-32z' class='st4'/%3E%3Cpath d='M1696 32h32v32h-32z' class='st5'/%3E%3Cpath d='M1760 32h32v32h-32z' class='st6'/%3E%3Cpath d='M1632 32h32v32h-32z' class='st7'/%3E%3Cpath d='M320 32h32v32h-32z' class='st1'/%3E%3Cpath d='M192 32h32v32h-32z' class='st0'/%3E%3Cpath d='M256 32h32v32h-32z' class='st8'/%3E%3Cpath d='M128 32h32v32h-32z' class='st3'/%3E%3Cpath d='M288 32h32v32h-32z' class='st4'/%3E%3Cpath d='M160 32h32v32h-32z' class='st5'/%3E%3Cpath d='M224 32h32v32h-32z' class='st6'/%3E%3Cpath d='M96 32h32v32H96z' class='st7'/%3E%3Cpath d='M1088 32h32v32h-32z' class='st1'/%3E%3Cpath d='M960 32h32v32h-32z' class='st0'/%3E%3Cpath d='M1024 32h32v32h-32z' class='st8'/%3E%3Cpath d='M896 32h32v32h-32z' class='st3'/%3E%3Cpath d='M1056 32h32v32h-32z' class='st4'/%3E%3Cpath d='M928 32h32v32h-32z' class='st5'/%3E%3Cpath d='M992 32h32v32h-32z' class='st6'/%3E%3Cpath d='M864 32h32v32h-32z' class='st7'/%3E%3Cpath d='M1376 32h32v32h-32z' class='st2'/%3E%3Cpath d='M1504 32h32v32h-32z' class='st7'/%3E%3Cpath d='M1440 32h32v32h-32z' class='st5'/%3E%3Cpath d='M1568 32h32v32h-32z' class='st1'/%3E%3Cpath d='M1408 32h32v32h-32z' class='st3'/%3E%3Cpath d='M1536 32h32v32h-32z' class='st8'/%3E%3Cpath d='M1472 32h32v32h-32z' class='st9'/%3E%3Cpath d='M1600 32h32v32h-32zM608 32h32v32h-32z' class='st0'/%3E%3Cpath d='M736 32h32v32h-32z' class='st4'/%3E%3Cpath fill='%23a61463' d='M672 32h32v32h-32z'/%3E%3Cpath d='M800 32h32v32h-32zM640 32h32v32h-32z' class='st2'/%3E%3Cpath fill='%23f0872e' d='M768 32h32v32h-32z'/%3E%3Cpath fill='%23bfb52e' d='M704 32h32v32h-32z'/%3E%3Cpath d='M832 32h32v32h-32z' class='st3'/%3E%3Cpath d='M32 32h32v32H32z' class='st2'/%3E%3Cpath d='M0 32h32v32H0z' class='st6'/%3E%3Cpath fill='%231f91bf' d='M64 32h32v32H64z'/%3E%3Cpath d='M1120 32h32v32h-32z' class='st6'/%3E%3Cpath d='M1248 32h32v32h-32z' class='st5'/%3E%3Cpath d='M1184 32h32v32h-32z' class='st7'/%3E%3Cpath d='M1312 32h32v32h-32z' class='st1'/%3E%3Cpath d='M1152 32h32v32h-32z' class='st9'/%3E%3Cpath fill='%2312a1b0' d='M1280 32h32v32h-32z'/%3E%3Cpath d='M1216 32h32v32h-32z' class='st2'/%3E%3Cpath d='M1344 32h32v32h-32z' class='st8'/%3E%3Cpath d='M576 32h32v32h-32z' class='st1'/%3E%3Cpath d='M448 32h32v32h-32z' class='st0'/%3E%3Cpath d='M512 32h32v32h-32z' class='st8'/%3E%3Cpath d='M384 32h32v32h-32z' class='st2'/%3E%3Cpath d='M544 32h32v32h-32z' class='st4'/%3E%3Cpath d='M416 32h32v32h-32z' class='st5'/%3E%3Cpath d='M480 32h32v32h-32z' class='st6'/%3E%3Cpath d='M352 32h32v32h-32z' class='st7'/%3E%3C/svg%3E");
	height: var(--spacer);
}
main {
	background: var(--pfd-violet-light);
}
main > div.grid {
	padding-bottom: 0;
	grid-row-gap: 0;
}
main div.sidebar_right {
	grid-template-areas: 
		"content content sidebar"
		"content content diversity";
}
main div.full_content {
	grid-template-areas: 
		"content content content";
}
main div div.content {
	grid-area: content;
}
main div div.sidebar {
	grid-area: sidebar;
}
main div div#diversity {
	grid-area: diversity;
	align-self: end;
	margin: calc(var(--spacer) / 2) 0;
}
main div div#diversity img {
	display: block;
	width: 100%;
}

/* Boxes */
main > * {
	opacity: 0;
	animation: fadein ease 250ms forwards;
	animation-delay: 100ms;
}
main div.box {
	box-shadow: 0 5px 10px 0 var(--pfd-violet-medium);
	background: var(--background);
	margin-bottom: var(--grid-gap);
}
main picture, 
main img {
	display: block;
}
main div.sidebar .box,
main div.sidebar > img {
	box-shadow: 0 5px 10px 0 #cccfe3;
}
main div.sidebar div.box {
	background: var(--pfd-violet-medium);
}
main div.box div.innertext {
	padding: var(--inner-padding);
}

/* Subpages */
main div.sidebar div.subpage {
	background: var(--background);
	box-shadow: 0 5px 10px 0 var(--pfd-violet-medium);
}

/* Innertext */
div.box div.innertext p:not(.caption):first-of-type {
	margin-top: 0;
}
div.box div.innertext p:not(.caption):last-of-type {
	margin-bottom: 0;
}
div.innertext h1 {
	font-family: var(--displayfont-family);
	font-size: var(--font-size-xxl);
	font-weight: 900;
	line-height: 120%;
	margin-top: 0;
}
div.innertext h2 {
	line-height: var(--line-height);
}
div.innertext h2:not(h1 + h2) {
	margin-top: 1.5em;
}
div.box div.innertext h2:first-of-type {
	margin-top: 0;
}
div.innertext img {
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}
div.sidebar div.innertext h2 {
	font-family: var(--displayfont-family);
	font-weight: 900;
	font-size: var(--font-size-xl);
	line-height: 120%;
	margin-top: 0;
	margin-bottom: .5em;
}
div.innertext h3 {
	margin-top: 1.5em;
	line-height: var(--line-height);
}
div.innertext a {
	color: var(--pfd-violet);
	font-weight: bold;
	text-decoration: underline;
}
div.innertext a:hover {
	color: var(--text-color);
	text-decoration: none;
	transition: all 300ms ease;
}
div.innertext h1 a {
	font-weight: normal;
	text-decoration: underline;
	text-decoration-color: var(--pfd-violet-medium);
}
div.innertext ul:not(.breadcrumbs) {
	list-style: none;
	margin-left: 1.5em;
}
div.innertext ul:not(.breadcrumbs) li:before {
	display: inline-block;
	content: "\2014";
	width: 1.5em;
	margin-left: -1.5em;
	opacity: .4;
}
div.innertext ol {
	list-style: none;
	margin-left: 1.5em;
	padding-left: 0;
	counter-reset: section;
}
div.innertext ol li:before {
	display: inline-block;
	counter-increment: section;
	content: counter(section) ". ";
	width: 1.5em;
	margin-left: -1.5em;
	opacity: .4;
}
div.innertext li + li {
	margin-top: 1em;
}
div.innertext li p {
	display: inline;
}
div.innertext ul.attachments {
	margin-left: 3.5em
}
div.innertext ul.attachments li {
	margin-top: 1.5em;
}
div.innertext ul.attachments li:before {
	display: inline-block;
	content: "";
	opacity: 1;
	position: absolute;
	width: var(--spacer);
	height: var(--spacer);
	margin-left: -3.5em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Ebene_1' x='0' y='0' version='1.1' viewBox='0 0 36 36' xml:space='preserve'%3E%3Cstyle%3E.st1%7Bfill:%23293682%7D%3C/style%3E%3Cpath fill='%23eaebf3' d='M36 18a18 18 0 11-36 0 18 18 0 0136 0'/%3E%3Cpath d='M15.2 8.6h5.7v9.5h-5.7z' class='st1'/%3E%3Cpath d='M18 22.7l-2.4-3.1-2.3-3h9.4l-2.3 3z' class='st1'/%3E%3Cpath d='M24.1 18.5v5.2H12v-5.2H8.4v8.9h19.2v-9z' class='st1'/%3E%3C/svg%3E");
	background-size: cover;
}
div.innertext ul.attachments li span.filesize {
	opacity: .4;
}
div.innertext hr {
    background: var(--pfd-violet-light);
    margin: 2em 0;
    height: 2px;
    border: none;
}

div.map {
	width: 100%;
	padding-bottom: 66%;
}
#map {
	background: #e3e0d8;
}
.leaflet-container {
	font-family: unset !important;
}


/* Poll */
.poll__fieldset {
    border: 2px solid var(--pfd-violet-medium);
    margin-bottom: var(--inner-padding);
}
.poll__legend {
    background-color: var(--pfd-violet-medium);
    padding: calc(var(--inner-padding) / 2) var(--inner-padding);
}
.poll__question {
    margin: 0;
    font-size: inherit;
}
.poll__submit {
	display: inline-block;
    padding: calc(var(--inner-padding) / 2) var(--inner-padding);
    color: var(--background) !important;
    background: var(--pfd-violet);
    font-weight: bold;
    font-size: inherit;
    text-decoration: none !important;
    border: none;
    cursor: pointer;
}
.poll__submit:hover {
	background: var(--text-color);
}

/* signatures */
.signatures--form {
	background: var(--pfd-yellow);
}
.signatures__formInfo {
	display: none;
}
.signatures__formGrid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas: "firstname lastname"
		"email email";
	grid-gap: var(--inner-padding);
	margin: var(--inner-padding) 0;
}
.signatures__formCell--firstname {
	grid-area: firstname;
}
.signatures__formCell--lastname {
	grid-area: lastname;
}
.signatures__formCell--email {
	grid-area: email;
}
.signatures__formLabel {
	display: block;
}
.signatures__formInput {
	border-radius: 0;
	font-family: var(--font-family);
	font-weight: normal;
	font-size: var(--font-size);
	padding: calc(var(--inner-padding) / 2) var(--inner-padding);
	margin: calc(var(--inner-padding) / 2) 0;
	outline: none !important;
	width: 100%;
	border: 2px solid var(--pfd-violet-light);
	color: var(--main-color);
}
.signatures__formInput:hover {
	border: 2px solid var(--pfd-violet-medium);
}
.signatures__formInput:focus {
	border: 2px solid var(--pfd-violet);
}
.signatures__formInput:invalid {
	color: #d13345;
}
.signatures__formInput::placeholder {
	color: var(--text-color);
}
.signatures__formButton {
	display: inline-block;
	border-radius: 0;
	font-family: var(--font-family);
	font-weight: bold;
	font-size: var(--font-size);
	line-height: var(--line-height);
	padding: calc(var(--inner-padding) / 2) var(--inner-padding);
	margin: 0;
	outline: none !important;
	color: var(--background);
	background: var(--pfd-violet);
	border: none;
	cursor: pointer;
}
.signatures__formButton:hover,
.signatures__formButton:active {
	background: var(--text-color);
}
.signatureslist__item {
	margin-top: 0 !important;
}
@media (max-width: 960px) {
	.signatures__formGrid {
		grid-template-columns: 1fr;
		grid-template-areas: "firstname"
			"lastname"
			"email";
	}
}

/* Buttons */
a.button {
	display: inline-block;
	padding: calc(var(--inner-padding) / 2) var(--inner-padding);
	color: var(--background) !important;
	background: var(--pfd-violet);
	font-weight: bold;
	text-decoration: none !important;
}
a.button:hover {
	background: var(--text-color);
}

/* Pagination */
nav.pagination {
	margin-bottom: calc(var(--spacer) / 2);
}

/* Embedded videos */
figure.video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	margin: var(--inner-padding) 0;
}
figure.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Galleries */
div.innertext div.gallery {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: auto;
	grid-column-gap: var(--inner-padding);
	grid-row-gap: var(--inner-padding);
	margin: var(--inner-padding) 0;
}

/* Cover photos */
figure figcaption.copyright {
	padding: 0 var(--inner-padding);
	text-align: right;
}
figure figcaption.copyright p {
	font-size: var(--font-size-s);
	opacity: .4;
}

/* Breadcrumbs */
main nav#breadcrumbs {
	padding-bottom: 1em;
}
main nav#breadcrumbs ul {
	list-style: none;
}
main nav#breadcrumbs ul li {
	display: inline;
}
main nav#breadcrumbs ul li:after {
	margin-left: .5em;
	content: "/\00a0";
	opacity: .4;
}
main nav#breadcrumbs ul li a {
	color: var(--pfd-violet);
	text-decoration: none;
	font-weight: bold;
}
main nav#breadcrumbs ul li.active a {
	font-weight: normal;
}
main nav#breadcrumbs ul li a:hover {
	color: var(--text-color);
	text-decoration: underline;
}

/* Cards */
.cards {
	margin: var(--spacer-x) 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: auto;
	grid-gap: var(--grid-gap);
}
.cards__card {
	content-visability: auto;
}

/* Footer */
footer#logos figure {
	-webkit-box-shadow: 0 5px 10px 0 var(--pfd-violet-medium);
	box-shadow: 0 5px 10px 0 var(--pfd-violet-medium);
	padding: var(--inner-padding);
}
footer#logos figure h2 {
	font-size: var(--font-size-s);
	font-weight: bold;
	text-transform: uppercase;
	line-height: var(--line-height);
	margin: 0 0 var(--inner-padding) 0;
}
footer#logos figure a {
	display: block;
	margin: 0 auto;
	text-align: center;
}
footer#logos figure a img {
	max-height: 6em;
	max-width: 85%;
	margin: 0 auto;
}

/* Footer navigation */
nav#footer {
	margin-bottom: var(--spacer);
}
nav#footer ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0 var(--spacer-x);
	max-width: var(--max-width);
}
nav#footer ul li {
	display: inline;
	margin: 0;
}
nav#footer ul li a {
	font-weight: bold;
	margin-right: var(--inner-padding);
	color: var(--pfd-violet);
}
nav#footer ul li a:hover {
	color: var(--text-color);
	text-decoration: underline;
}

/* Media queries */
@media (max-width: 960px) {
	.nomobile {
		display: none;
	}
	body {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	/* Header */
	header.grid {
		grid-template-columns: 1fr var(--hamburger-size);
		grid-template-rows: var(--hamburger-size) 1fr;
		grid-template-areas: 
			"logo hamburger"
			"tools tools";
		grid-gap: 0;
		background: var(--pfd-yellow);
		margin-bottom: 0;
	}
	header figure#logo, header figure#hamburger {
		top: 0;
		position: sticky;
		height: var(--hamburger-size);
	}
	header figure#logo img#fingerprint {
		display: none;
	}
	header figure#logo a {
		font-size: var(--font-size-xl);
	}
	header figure#logo a span#firstline, header figure#logo a span#secondline {
		display: inline-block;
	}
	header figure#tools {
		padding-top: 0;
		padding-bottom: var(--spacer-x);
	}
	header form#search input {
		width: 100%;
	}
	/* Hamburger navigation */
		/* Buttons */
		header figure#hamburger {
			grid-area: hamburger;
			display: grid;
			width: var(--hamburger-size);
			background: var(--pfd-yellow);
		}
		figure label {
			place-self: center;
			text-align: center;
			-ms-user-select: none;
			-moz-user-select: none;
			-webkit-user-select: none;
			user-select: none;
			margin: auto;
		}
		figure label span {
			display: block;
			vertical-align: middle;
			color: var(--pfd-violet);
		}
		figure label:hover span { 
			color: var(--text-color);
			animation: color 250ms ease;
		}
		figure label span.icon {
			font-size: 32pt;
			font-weight: normal;
			line-height: 100%;
		}
		figure label span.text {
			font-size: var(--font-size-s);
			font-weight: bold;
			line-height: 100%;
		}

		/* Navigation */
		nav#header {
			display: none;
			border-bottom: none;
		}
		input[type="checkbox"]#toggle_hamburger:checked + nav#header {
			display: grid;
			padding: 0 var(--spacer-x);
			max-width: var(--max-width);
			margin: 0 auto;
			grid-template-columns: 1fr var(--hamburger-size);
			grid-template-rows: var(--hamburger-size) min-content 1fr;
			grid-template-areas: 
				". close"
				"navigation navigation"
				"pattern pattern";
			grid-gap: 0;
			z-index: 50;
			position: fixed;
			height: 100vh;
			width: 100%;
			top: 0;
			left: 0;
			background: var(--pfd-yellow);
			overflow: auto;
		}
		nav#header figure#close {
			grid-area: close;
			display: grid;
			width: var(--hamburger-size);
			background: var(--pfd-yellow);

		}
		nav#header ul {
			grid-area: navigation;
			padding: 0;
			margin: 0;
			background: var(--pfd-yellow);
		}
		nav#header ul li {
			display: block;
			margin: 0;
			background: var(--pfd-yellow);
			font-size: var(--font-size);
		}
		nav#header ul li a {
			background: none !important;
			display: inline-block;
			padding: calc(var(--inner-padding) / 2) 0;
			line-height: var(--line-height);
		}
		nav#header ul li:hover a {
			color: var(--text-color) !important;
		}
		nav#header ul li label {
			display: inline-block;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 1h16L8 15 0 1z'/%3E%3C/svg%3E");
			background-repeat: no-repeat;
			background-size: cover;
			height: var(--font-size-s);
			width: var(--font-size-s);
			margin-left: 1em;
		}
		nav#header ul li div.sub,
		nav#header ul li.active div.sub,
		nav#header ul li:not(.active):hover div.sub {
			display: none;
			position: relative;
		}
		input[type="checkbox"].toggle_sub:checked + div.sub {
			display: block !important;
			opacity: 0;
			animation: fadein ease 150ms forwards;
			animation-delay: 0 !important;
			margin-bottom: calc(var(--inner-padding) / 2);
		}
		nav#header ul li div.sub ul li {
			background: white;
		}
		nav#header ul li div.sub ul li a {
			color: var(--text-color) !important;
			padding: calc(var(--inner-padding) / 2) 0;
		}
		input[type="checkbox"]#toggle_hamburger:checked + nav#header div#pattern {
			display: block;
			margin: var(--spacer-x) calc(var(--spacer-x) * -1) 0 calc(var(--spacer-x) * -1);
			grid-area: pattern;
			background-color: var(--pfd-violet);
			background-image: url("../images/pattern.svg");
			background-position: top center;
			background-repeat: repeat;
			background-size: auto 15.125em;
		}

	/* Main */
	main {
		margin: 0;
	}

	main div.sidebar_right,
	main div.sidebar_left {
		grid-template-columns: 1fr;
		grid-template-areas: 
			"content"
			"sidebar"
			"diversity";
	}
	main div.full_content {
		grid-template-columns: 1fr;
		grid-template-areas: 
			"content";
	}

	div.map {
		width: 100%;
		padding-bottom: 100%;
	}

	/* Footer logos */
	footer#logos {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 640px) {
	footer#logos {
		grid-template-columns: 1fr;
	}
}

/* Fancy additional effects */
::selection {
	background: var(--pfd-yellow);
	color: var(--text-color);
}
a::selection {
	text-shadow: none !important;
	box-shadow: none !important;
}

/* Scrollbar */
::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 5px;
}
::-webkit-scrollbar-thumb {
	background: rgb(41, 54, 130);
	border-radius: 0;
}
::-webkit-scrollbar-thumb:hover {
	background: rgb(0, 0, 0);
}
::-webkit-scrollbar-track {
	background: transparent;
}