.cMAIN{ color: #FFFFFF;}.cDE{ color: #D9A404;}.cEN{ color: #F28F38;}.cWI{ color: #B537CA;}.cBI{ color: #6EC038;}.cCH{ color: #62B7D9;}.cMA{ color: #FF0050;}.cPH{ color: #1D56F4;}.bMAIN{ border-color: #FFFFFF;}.bDE{ border-color: #D9A404;}.bEN{ border-color: #F28F38;}.bWI{ border-color: #B537CA;}.bBI{ border-color: #6EC038;}.bCH{ border-color: #62B7D9;}.bMA{ border-color: #FF0050;}.bPH{ border-color: #1D56F4;}.bcMAIN{ background-color: #FFFFFF;}.bcDE{ background-color: #D9A404;}.bcEN{ background-color: #F28F38;}.bcWI{ background-color: #B537CA;}.bcBI{ background-color: #6EC038;}.bcCH{ background-color: #62B7D9;}.bcMA{ background-color: #FF0050;}.bcPH{ background-color: #1D56F4;}.cHoMAIN:hover,.cHoMAIN:focus{color: #000;background-color: #FFFFFF;}.cHoDE:hover,.cHoDE:focus{color: #000;background-color: #D9A404;}.cHoEN:hover,.cHoEN:focus{color: #000;background-color: #F28F38;}.cHoWI:hover,.cHoWI:focus{color: #000;background-color: #B537CA;}.cHoBI:hover,.cHoBI:focus{color: #000;background-color: #6EC038;}.cHoCH:hover,.cHoCH:focus{color: #000;background-color: #62B7D9;}.cHoMA:hover,.cHoMA:focus{color: #000;background-color: #FF0050;}.cHoPH:hover,.cHoPH:focus{color: #000;background-color: #1D56F4;}.bHoMAIN:hover,.bHoMAIN:focus{border-color: #FFFFFF;}.bHoDE:hover,.bHoDE:focus{border-color: #D9A404;}.bHoEN:hover,.bHoEN:focus{border-color: #F28F38;}.bHoWI:hover,.bHoWI:focus{border-color: #B537CA;}.bHoBI:hover,.bHoBI:focus{border-color: #6EC038;}.bHoCH:hover,.bHoCH:focus{border-color: #62B7D9;}.bHoMA:hover,.bHoMA:focus{border-color: #FF0050;}.bHoPH:hover,.bHoPH:focus{border-color: #1D56F4;}@font-face {
	font-family: 'lernzettel-icons';
	src: url('../fonts/lernzettel-icons.eot');
	src: url('../fonts/lernzettel-icons.eot?51212867#iefix') format('embedded-opentype'), url('../fonts/lernzettel-icons.woff?51212867') format('woff'), url('../fonts/lernzettel-icons.ttf?51212867') format('truetype'), url('../fonts/lernzettel-icons.svg?51212867#lernzettel-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}
.lernzettel-icon {
	font-family: "lernzettel-icons";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1.35em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@media screen {
	/* Tags */
	* {
		quotes: "„" "“";
		-webkit-text-size-adjust: 100%;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	body, html {
		background-color: #000000;
		margin: 0;
		color: #FFFFFF;
	}
	p {
		font-family: 'Nunito', Helvetica, sans-serif;
		font-size: 13.5pt;
		text-align: justify;
		text-decoration: none;
		width: 90%;
		margin: 15px 5%;
		padding: 0;
		color: #FFFFFF;
		background-color: none;
		line-height: 1.6;
	}
	.sub_text {
		font-family: 'Nunito', sans-serif;
		color: #444;
		font-size: 12pt;
		width: 90%;
		margin: 0 auto;
	}
	.subHeadline {
		font-family: 'Nunito', sans-serif;
		color: #5E5E5E;
		font-size: 14pt;
		width: 90%;
		margin: 35px auto 5px;
	}
	h1 {
		font-family: 'Catamaran', sans-serif;
		font-size: 4.5em;
		font-weight: 900;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		width: 90%;
		margin: 35px auto;
		padding: 0;
		color: #FFFFFF;
	}
	h1 span {
		display: block;
		font-size: 50%;
		text-transform: none;
	}
	h2 {
		font-family: 'Montserrat';
		font-size: 2.8em;
		font-weight: 300;
		text-align: center;
		text-transform: uppercase;
		width: 90%;
		margin: 100px 5% 50px 5%;
		padding: 0;
		color: #FFFFFF;
	}
	h2:only-child {
		margin: 10px 5% 50px 5%;
	}
	h3 {
		font-family: 'Montserrat', sans-serif;
		font-size: 2em;
		font-weight: 300;
		text-align: center;
		text-transform: uppercase;
		width: 90%;
		margin: 15px 5% 15px 5%;
		padding: 0;
		color: #FFFFFF;
	}
	h4 {
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
		font-size: 1.7em;
		text-align: center;
		text-transform: uppercase;
		width: 90%;
		margin: 50px auto 5px;
		padding: 0;
		color: #FFFFFF;
	}
	h5 {
		font-family: 'Montserrat', sans-serif;
		font-size: 15pt;
		text-align: center;
		text-transform: uppercase;
		width: 90%;
		margin: 35px auto 5px;
		padding: 0;
		color: #FFFFFF;
	}
	.hr {
		height: 2px;
		margin: 50px auto;
		border: 0;
		border-radius: 5px;
		background-color: #FFFFFF;
		color: #FFFFFF;
	}
	hr.thin {
		height: 1px;
		margin: 15px auto;
		border: 0;
		border-radius: 5px;
		background-color: #FFFFFF;
		color: #FFFFFF;
	}
	.fullwidth {
		width: 90%;
	}
	input[type="search"] {
		appearance: none;
		-webkit-appearance: none;
		display: block;
		font-family: 'Nunito', Helvetica, sans-serif;
		font-size: 13pt;
		text-align: left;
		text-decoration: none;
		width: 100%;
		margin: 20px auto;
		padding: 10px 40px;
		border: 2px solid #FFFFFF;
		border-radius: 5px;
		color: #FFFFFF;
		background-color: rgba(255, 255, 255, 0.13);
		transition: 0.35s ease-out;
	}
	input[type="search"]:focus {
		color: #000000;
		background-color: #FFFFFF;
	}
	input[type="search"]:focus + span.searchInputIcon {
		color: #000000;
	}
	input[type="search"]:focus ~ span.searchInputClear {
		color: #000000;
	}
	input[type="search"]:hover {
		color: #000000;
		background-color: rgba(255, 255, 255, 0.5);
	}
	input[type="search"]:hover + span.searchInputIcon {
		color: #000000;
	}
	input[type="search"]:hover ~ span.searchInputClear {
		color: #000000;
	}
	.searchInputContainer {
		width: 90%;
		margin: 10px 5% 20px;
		position: relative;
	}
	.searchInputIcon {
		position: absolute;
		top: 0;
		left: 0;
		padding: 10px;
		font-size: 15pt;
		color: #FFFFFF;
	}
	.searchInputClear {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		margin: 0;
		padding: 10px;
		border-width: 2px 2px 2px 0px;
		border-style: solid;
		border-color: #FFFFFF;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		font-size: 18px;
		color: #FFFFFF;
		cursor: pointer;
		transition: 0.45s ease-out;
	}
	.searchInputClear:hover,
	.searchInputClear:focus {
		color: #000;
		background-color: #FFFFFF;
		border-color: #FFFFFF;
		border-width: 2px 2px 2px 0px;
		border-style: solid;
	}
	input[type="search"]:focus ~ span.searchInputClear:hover {
		color: #FFFFFF;
		background-color: #000;
		border-width: 2px 2px 2px 0px;
		border-style: solid;
		border-color: #FFFFFF;
	}
	button {
		display: block;
		font-family: 'Nunito', Helvetica, sans-serif;
		font-size: 1em;
		text-align: center;
		text-decoration: none;
		margin: 50px auto;
		padding: 9px 25px;
		border: 2px solid #FFFFFF;
		border-radius: 5px;
		color: #FFFFFF;
		background-color: rgba(255, 255, 255, 0.13);
		cursor: pointer;
	}
	button:hover,
	button:focus {
		color: #000000;
		background-color: #FFFFFF;
	}
	::-moz-selection {
		color: #000000;
		background-color: #FFFFFF;
	}
	::selection {
		color: #000000;
		background-color: #FFFFFF;
	}
	::placeholder {
		font-family: 'Nunito', sans-serif;
		color: #FFFFFF;
		opacity: 0.8;
	}
	input::selection {
		background-color: #000;
		color: #FFF;
	}
	input::-webkit-input-placeholder {
		font-family: 'Nunito', sans-serif;
		color: #FFFFFF;
		opacity: 0.8;
	}
	input:-moz-placeholder {
		font-family: 'Nunito', sans-serif;
		color: #FFFFFF;
		opacity: 0.8;
	}
	input::-moz-placeholder {
		font-family: 'Nunito', sans-serif;
		color: #FFFFFF;
		opacity: 0.8;
	}
	input:-ms-input-placeholder {
		font-family: 'Nunito', sans-serif;
		color: #FFFFFF;
		opacity: 0.8;
	}
	input:focus::-webkit-input-placeholder {
		color: #000000;
	}
	input:focus:-moz-placeholder {
		color: #000000;
	}
	input:focus::-moz-placeholder {
		color: #000000;
	}
	input:focus:-ms-input-placeholder {
		color: #000000;
	}
	input:hover::-webkit-input-placeholder {
		color: #000000;
	}
	input:hover:-moz-placeholder {
		color: #000000;
	}
	input:hover::-moz-placeholder {
		color: #000000;
	}
	input:hover:-ms-input-placeholder {
		color: #000000;
	}
	table {
		width: 90%;
		margin: 10px 5%;
		border-color: #FFFFFF;
		border-style: solid;
		border-width: 2px;
		border-radius: 5px;
		border-spacing: 0;
		background-color: rgba(255, 255, 255, 0.17);
	}
	td {
		border-color: #FFFFFF;
		border-style: solid;
		border-width: 0 2px 2px 0;
		padding: 4px;
		min-width: 100px;
	}
	td:last-child {
		border-right-width: 0;
	}
	tr:last-child td {
		border-bottom-width: 0;
	}
	td p {
		margin: 5px;
		text-align: center;
		hyphens: none;
	}
	.no_select {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.no_hyphens {
		-webkit-hyphens: none;
		-moz-hyphens: none;
		-ms-hyphens: none;
		hyphens: none;
	}
	svg * {
		pointer-events: none;
	}
	/* Text */
	p.breadcrumb {
		font-family: 'Julius Sans One', Verdana, sans-serif;
		font-size: 15pt;
		text-align: left;
		width: calc(90% + 10px);
		margin: 0 auto 20px auto;
	}
	.small {
		max-width: 500px;
		margin: 10px auto;
	}
	.copyright {
		font-family: 'Julius Sans One', Verdana, sans-serif;
		font-size: 1.22em;
		text-align: center;
		text-decoration: none;
		width: 90%;
		margin: 20px auto;
		padding: 0;
		color: #FFFFFF;
		hyphens: none;
		-webkit-hyphens: none;
	}
	.handwritten {
		opacity: 0.45 !important;
		font-family: 'Julius Sans One', Verdana, sans-serif;
		font-size: 1.22em;
		text-align: center;
		text-decoration: none;
		width: 90%;
		margin: 20px auto;
		padding: 0;
		color: #FFFFFF;
	}
	span.redHeart {
		color: #b6003a;
	}
	.greyColor {
		color: #5e5e5e;
	}
	.ad {
		font-family: 'Julius Sans One', sans-serif;
		font-size: 0.89em;
		text-align: center;
		width: 90%;
		margin: 20px auto;
		color: #FFFFFF;
	}
	.center {
		text-align: center;
	}
	.clock {
		font-family: 'Cutive Mono', monospace;
		font-size: 2.5em;
		text-align: center;
		padding: 5px;
	}
	#dateContainer {
		display: none;
	}
	.titleHeader {
		font-family: 'Julius Sans One';
		font-size: 1.34em;
		text-align: center;
		text-decoration: none;
		width: 90%;
		margin: 20px auto;
		padding: 0;
		color: #FFFFFF;
	}
	.initialLetter::first-letter {
		initial-letter: 2;
		-webkit-initial-letter: 2;
	}
	/* Links */
	.textLink {
		display: inline-block;
		text-decoration: none;
		margin: 2px;
		padding: 5px;
		border-radius: 5px;
		color: #FFFFFF;
		background-color: rgba(255, 255, 255, 0.13);
		transition: 0.35s ease-out;
	}
	.modal .textLink {
		background-color: rgba(0, 0, 0, 0.13);
		color: #000;
	}
	.textLink:hover,
	.textLink:focus {
		color: #000000;
		background-color: #FFFFFF;
	}
	.modal .textLink:hover,
	.modal .textLink:focus {
		color: #FFFFFF;
		background-color: #000;
	}
	.textLink.nohover {
		background-color: transparent;
	}
	.textLink.nohover:hover {
		color: #FFFFFF;
		background-color: transparent;
	}
	.textButton {
		display: inline-block;
		text-decoration: none;
		margin: 2px;
		padding: 4px;
		border: 1px solid #FFFFFF;
		border-radius: 5px;
		color: #FFFFFF;
		transition: 0.35s ease-out;
	}
	.textButton:hover,
	.textButton:focus {
		color: #000000;
		background-color: #FFFFFF;
	}
	.textButton:first-child {
		margin-left: 0;
	}
	.linkButton {
		display: inline-block;
		font-family: 'Nunito', sans-serif;
		text-decoration: none;
		margin: 10px 30px;
		padding: 9px 25px;
		border: 2px solid #FFFFFF;
		border-radius: 5px;
		color: #FFFFFF;
		cursor: pointer;
		background-color: rgba(255, 255, 255, 0.13);
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		transition: 0.35s ease-out;
		min-width: 90px;
	}
	.linkButton:hover,
	.linkButton:focus {
		color: #000000;
		background-color: #FFFFFF;
	}
	/* Other */
	.ausrichtung {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.alignBottom {
		align-self: flex-end;
	}
	.hidden,
	.ios,
	.android,
	.allOther,
	.mobile {
		display: none;
	}
	/* Loadings */
	#page {
		display: none;
		transition: 0.35s ease-in-out;
	}
	#loading {
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: calc(100vh - 20px);
		border-bottom: 20px solid #FFFFFF;
		z-index: 9999999;
		background-color: black;
		opacity: 1;
		overflow: hidden;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-moz-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-moz-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		transition: 0.2s ease-in;
	}
	.window_loading_close {
		animation: window_loading_close .65s ease-in-out;
	}
	.window_loading_start {
		animation: window_loading_start .65s ease-in-out;
	}
	.document_loading_animation {
		width: 250px;
		height: 250px;
	}
	path[class^='document_loading_field'], div[class*=' document_loading_field'] {
		animation-name: document_loading_field_animation;
		animation-duration: 3s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
		fill-opacity: 0;
	}
	.document_loading_field_2 {
		animation-delay: 0.25s;
	}
	.document_loading_field_3 {
		animation-delay: 0.45s;
	}
	.document_loading_field_4 {
		animation-delay: 0.65s;
	}
	.document_loading_field_5 {
		animation-delay: 0.85s;
	}
	.document_loading_field_6 {
		animation-delay: 1.05s;
	}
	#iframeLoadingIconContainer {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 12000;
		background-color: rgba(0, 0, 0, 0.8);
		opacity: 1;
		transition: 0.4s ease-in;
		align-items: center;
		justify-content: center;
	}
	#iframeLoadingIcon {
		width: 300px;
		height: 300px;
	}
	/* Header + Footer */
	.settings_icon_header {
		position: absolute;
		right: 5%;
		width: 40px;
		height: 40px;
		cursor: pointer;
	}
	.settings_icon_container,
	.menu_icon_container {
		width: 40px;
		height: 40px;
	}
	.logoFooter,
	.logoHeader {
		width: 75px;
		height: 75px;
		margin: 5px auto;
	}
	footer {
		background-image: linear-gradient(to bottom, #000, rgba(255, 255, 255, 0.13));
	}
	.logoFooter {
		margin: 25px auto 100px auto;
	}
	.footerLinks {
		overflow-y: hidden;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		width: calc(90% + 10px);
		margin: 5px auto;
		font-family: 'Nunito',sans-serif;
		font-size: 11pt;
		text-align: center;
	}
	.footerLinks a {
		display: inline-block;
		margin: 5px;
	}
	.link_to_copy {
		position: fixed;
		bottom: -200%;
		left: 0;
		right: 0;
		z-index: 10;
		width: 100%;
		height: 120px;
		border: 0;
		margin: auto;
		background-color: #FFFFFF;
	}
	/* Messages */
	.message_container {
		display: none;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 400;
		width: calc(90% - 20px);
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		max-width: 1000px;
		height: 75px;
		border: 0;
		margin: auto;
		padding: 10px;
		-webkit-box-shadow: 0px 0px 15px #000;
		box-shadow: 0px 0px 15px #000;
		background-color: #FFFFFF;
		overflow: hidden;
		cursor: pointer;
		transform-origin: bottom;
		align-items: center;
		justify-content: center;
		animation-fill-mode: forwards;
		animation-duration: 0.7s;
		animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	}
	.message_container[data-shown="false"] {
		animation-name: message-out;
	}
	.message_container[data-shown="true"] {
		animation-name: message-in;
	}
	.message_title {
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
		font-size: 14pt;
		text-transform: uppercase;
		width: calc(100% - 20px);
		margin: 5px 10px;
		padding: 0;
		color: #000;
		text-align: center;
		-webkit-hyphens: none;
		-moz-hyphens: none;
		-ms-hyphens: none;
		hyphens: none;
		animation-fill-mode: both;
		animation-duration: 0.7s;
		animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	}
	.message_container[data-shown="false"] .message_title {
		animation-name: message-title-out;
	}
	.message_container[data-shown="true"] .message_title {
		animation-name: message-title-in;
	}
	.message_body {
		font-family: 'Nunito', Helvetica, sans-serif;
		font-size: 12pt;
		width: 90%;
		margin: 5px auto;
		overflow: hidden;
		color: #000;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: none;
	}
	.message_modal_title {
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
		font-size: 20pt;
		text-transform: uppercase;
		width: 90%;
		margin: 0 5% 5px;
	}
	.message_modal_body {
		font-family: 'Nunito', Helvetica, sans-serif;
		font-size: 13pt;
		width: 90%;
		margin: 5px 5% 15px;
	}
	/* Lightbox */
	.lightbox {
		display: none;
		transition: 0.25s ease-out;
		position: fixed;
		z-index: 200;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-color: rgba(0, 0, 0, 0);
		opacity: 1;
		animation: lightbox_open 0.3s ease-out;
	}
	.lightbox:target {
		display: block;
	}
	.lightbox:target .lightbox_close {
		opacity: 1;
	}
	.lightbox_close_animation {
		animation: lightbox_close 0.3s ease-out forwards;
	}
	.lightbox_content {
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		background-color: #000;
		width: 100%;
		height: 100%;
		position: static;
		z-index: 200;
	}
	.lightbox_close {
		position: fixed;
		top: 5%;
		right: 5%;
		transition: 0.35s ease-out;
		opacity: 0;
		z-index: 201;
	}
	.lightbox_title {
		font-family: 'Montserrat', sans-serif;
		font-size: 26pt;
		font-weight: 300;
		text-transform: uppercase;
		color: #FFFFFF;
		text-align: center;
		width: 90%;
		margin: 100px auto 20px;
		-webkit-hyphens: none;
		-moz-hyphens: none;
		-ms-hyphens: none;
		hyphens: none;
	}
	.lightbox_subtitle {
		color: #FFFFFF;
		font-family: Montserrat;
		font-weight: 100;
		width: 90%;
		margin: 20px auto 35px;
		text-align: center;
		text-transform: uppercase;
	}
	.lightbox_image_big {
		width: 100%;
		border-radius: 5px;
		transition: 0.35s ease-in;
		padding: 0;
		margin: auto;
	}
	.lightbox_image_medium {
		display: block;
		width: 60%;
		margin: 0 auto;
		border-radius: 5px;
		transition: 0.35s ease-in;
	}
	.lightbox_image_background {
		background-image: url('/images/transparent-background.svg');
		background-size: 50px;
		width: 90%;
		margin: 15px 5% 35px;
		border-radius: 5px;
		padding: 0;
	}
	/* Forms */
	select {
		display: block;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: 2px solid #FFFFFF;
		border-radius: 5px;
		width: 90%;
		margin: 5px auto 35px;
		padding: 5px 20px;
		font-family: 'Nunito';
		font-size: 20pt;
		color: #FFFFFF;
		background-image: url('data:image/svg+xml;utf8,<svg width="100%" height="100%" version="1.1" viewBox="0 0 79.375 79.375" xmlns="http://www.w3.org/2000/svg"><path d="m44.219 49.221 1.8852-1.8852 1.6043-1.6043 1.6043-1.6043 0.86866-0.86869 8.026-8.026 1.3233-1.3233v-3.7705l-2.6467-2.6467h-3.7704l-1.3233 1.3233-8.026 8.026-0.86866 0.86868-3.2086 3.2086-1.6043-1.6043-1.6043-1.6043-0.86866-0.86868-8.026-8.026-1.3233-1.3234h-3.7704l-2.6467 2.6467v3.7705l1.3233 1.3233 8.026 8.026 0.86866 0.86869 5.0938 5.0938 0.24356 0.24356 1.0798 1.0798 1.3381 1.3381 3.7556-0.01478z" fill="#FFFFFF"/></svg>');
		background-position: right;
		background-size: contain;
		background-repeat: no-repeat;
		background-color: #000;
		cursor: pointer;
		transition: 0.35s ease-out;
	}
	select::-ms-expand {
		display:none;
	}
	select:focus,
	select:hover {
		color: #000000;
		border-color: #FFFFFF;
		background-color: #FFFFFF;
		background-image: url('data:image/svg+xml;utf8,<svg width="100%" height="100%" version="1.1" viewBox="0 0 79.375 79.375" xmlns="http://www.w3.org/2000/svg"><path transform="rotate(180deg)" d="m44.219 49.221 1.8852-1.8852 1.6043-1.6043 1.6043-1.6043 0.86866-0.86869 8.026-8.026 1.3233-1.3233v-3.7705l-2.6467-2.6467h-3.7704l-1.3233 1.3233-8.026 8.026-0.86866 0.86868-3.2086 3.2086-1.6043-1.6043-1.6043-1.6043-0.86866-0.86868-8.026-8.026-1.3233-1.3234h-3.7704l-2.6467 2.6467v3.7705l1.3233 1.3233 8.026 8.026 0.86866 0.86869 5.0938 5.0938 0.24356 0.24356 1.0798 1.0798 1.3381 1.3381 3.7556-0.01478z" fill=" &#35;000"/></svg>');
	}
	.modal select {
		border: 2px solid #000;
		color: #000;
		background-image: url('data:image/svg+xml;utf8,<svg width="100%" height="100%" version="1.1" viewBox="0 0 79.375 79.375" xmlns="http://www.w3.org/2000/svg"><path d="m44.219 49.221 1.8852-1.8852 1.6043-1.6043 1.6043-1.6043 0.86866-0.86869 8.026-8.026 1.3233-1.3233v-3.7705l-2.6467-2.6467h-3.7704l-1.3233 1.3233-8.026 8.026-0.86866 0.86868-3.2086 3.2086-1.6043-1.6043-1.6043-1.6043-0.86866-0.86868-8.026-8.026-1.3233-1.3234h-3.7704l-2.6467 2.6467v3.7705l1.3233 1.3233 8.026 8.026 0.86866 0.86869 5.0938 5.0938 0.24356 0.24356 1.0798 1.0798 1.3381 1.3381 3.7556-0.01478z" fill="&#35;000"/></svg>');
		background-color: #FFFFFF;
	}
	.modal select:focus,
	.modal select:hover {
		color: #FFFFFF;
		border-color: #000;
		background-color: #000;
		background-image: url('data:image/svg+xml;utf8,<svg width="100%" height="100%" version="1.1" viewBox="0 0 79.375 79.375" xmlns="http://www.w3.org/2000/svg"><path transform="rotate(180deg)" d="m44.219 49.221 1.8852-1.8852 1.6043-1.6043 1.6043-1.6043 0.86866-0.86869 8.026-8.026 1.3233-1.3233v-3.7705l-2.6467-2.6467h-3.7704l-1.3233 1.3233-8.026 8.026-0.86866 0.86868-3.2086 3.2086-1.6043-1.6043-1.6043-1.6043-0.86866-0.86868-8.026-8.026-1.3233-1.3234h-3.7704l-2.6467 2.6467v3.7705l1.3233 1.3233 8.026 8.026 0.86866 0.86869 5.0938 5.0938 0.24356 0.24356 1.0798 1.0798 1.3381 1.3381 3.7556-0.01478z" fill="#FFFFFF"/></svg>');
	}
	.input {
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		display: block;
		font-family: 'Nunito', Helvetica, sans-serif;
		font-size: 20pt;
		text-align: left;
		text-decoration: none;
		width: calc(90% - 44px);
		margin: 5px auto 5px;
		padding: 5px 20px;
		border: 2px solid #FFFFFF;
		border-radius: 5px;
		color: #FFFFFF;
		background-color: #000;
		transition: 0.45s ease-out;
		caret-color: #000;
	}
	.input[type="number"] {
		-moz-appearance: textfield;
	}
	.input:focus,
	.input:hover {
		color: #000000;
		border-color: #FFFFFF;
		background-color: #FFFFFF;
	}
	.form_field_container {
		margin: 5px auto 40px;
	}
	.form_field_container p {
		margin: 1px 5%;
		font-size: 1.2em;
	}
	.input.invalid {
		background-color: rgba(256,0,0,0.1);
		border: 2px solid red;
		color: red;
	}
	.input.invalid:hover,
	.input.invalid:focus {
		background-color: red;
		border-color: red;
		color: #000;
	}
	.invalid_message {
		opacity: 0;
		color: red;
		transition: 0.35s ease-out 0.35s;
	}
	.invalid_message_container {
		overflow: hidden;
		max-height: 0;
		transition: 0.35s ease-out;
	}
	.input.invalid + .invalid_message_container {
		max-height: 100px;
	}
	.input.invalid + .invalid_message_container > .invalid_message {
		opacity: 1;
	}
	.invalid_anchor {
		pointer-events: none;
		opacity: 0.5;
	}
	.form_field_container {
		margin: 5px auto 40px;
	}
	.form_field_container p {
		margin: 1px 5%;
		font-size: 1.2em;
	}
	/* Modals */
	.modal {
		display: none;
		position: fixed;
		z-index: 99;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-color: rgba(0, 0, 0, 0.8);
		opacity: 1;
		transition: 0.35s;
		animation-fill-mode: forwards;
		animation-duration: 0.6s;
		animation-timing-function: ease-in-out;
	}
	.modal[data-shown="true"] {
		animation-name: fade-in;
	}
	.modal[data-shown="false"] {
		animation-name: fade-out;
	}
	.modal_header {
		position: sticky;
		position: -webkit-sticky;
		background-color: #FFFFFF;
		text-align: center;
		top: 0;
		z-index: 1;
	}
	.modal_title {
		font-family: 'Alegreya Sans SC', Verdana, sans-serif;
		font-size: 1.22em;
		text-align: center;
		text-decoration: none;
		width: 90%;
		margin: auto;
		padding: 5px 0;
		color: #000000;
	}
	.modal_body {
		text-align: center;
	}
	.modal_footer {
		position: sticky;
		position: -webkit-sticky;
		background-color: #FFFFFF;
		text-align: center;
		bottom: 0;
	}
	.modal_content {
		display: inline-block;
		position: relative;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		background-color: #FFFFFF;
		margin: auto;
		border: 2px solid #FFFFFF;
		border-radius: 5px;
		z-index: 99;
		-webkit-box-shadow: 0px 0px 15px #FFFFFF;
		box-shadow: 0px 0px 15px #FFFFFF;
		animation-fill-mode: forwards;
		animation-duration: 0.6s;
		animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		transform-origin: 50% 50%;
	}
	.modal[data-shown="true"] .modal_content {
		animation-name: modal-in;
	}
	.modal[data-shown="false"] .modal_content {
		animation-name: modal-out;
	}
	.modal .linkButton {
		color: #000;
		border-color: #000;
		background-color: #FFFFFF;
	}
	.modal .linkButton:hover,
	.modal .linkButton:focus {
		color: #FFFFFF;
		border-color: #000;
		background-color: #000;
	}
	.modal .textButton {
		color: #000;
		border-color: #000;
		background-color: #FFFFFF;
	}
	.modal .textButton:hover,
	.modal .textButton:focus {
		color: #FFFFFF;
		border-color: #000;
		background-color: #000;
	}
	.modal .textButton:first-child {
		margin-left: 0;
	}
	.modal .stopScrolling {
		display: none;
	}
	.modal * {
		color: #000;
	}
	.modal_hr {
		margin: 15px auto;
		width: 90%;
		color: #000;
		background-color: #000;
	}
	.modal .thin {
		height: 1px;
		margin: 15px auto;
		border: 0;
		border-radius: 5px;
		background-color: #000;
		color: #000;
	}
	.modal_close_icon {
		width: 50px;
		height: 50px;
		cursor: pointer;
	}
	.modal .octagonIconBackground:not([fill]),
	.invert .octagonIconBackground:not([fill]) {
		fill: #000;
		stroke: #000;
	}
	.modal .octagonIconSymbol:not([stroke]),
	.invert .octagonIconSymbol:not([stroke]) {
		stroke: #000;
	}
	.modal .octagonIcon:hover .octagonIconBackground,
	.modal .octagonIcon:focus .octagonIconBackground,
	.invert .octagonIcon:hover .octagonIconBackground,
	.invert .octagonIcon:focus .octagonIconBackground {
		fill-opacity: 1;
	}
	.modal .octagonIcon:hover .octagonIconSymbol,
	.modal .octagonIcon:focus .octagonIconSymbol,
	.invert .octagonIcon:hover .octagonIconSymbol,
	.invert .octagonIcon:focus .octagonIconSymbol {
		stroke: #FFFFFF;
		opacity: 1;
	}
	.modal .sharing_container {
		padding: 20px;
		width: calc(90% - 40px);
		background-color: #222;
	}
	.settings_container {
		width: 90%;
		margin: auto;
	}
	.settings_input {
		border-color: #000;
		border-width: 2px;
		border-radius: 5px;
		border-style: solid;
		outline: 0;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: textfield;
		caret-color: #000;
		background-color: rgba(0,0,0,0.13);
		font-family: 'Nunito', sans-serif;
		font-size: 12pt;
		color: #000;
		padding: 5px;
		text-align: center;
		outline: 0;
		transition: 0.2s ease-out;
		width: calc(100% - 14px);
		margin-bottom: 10px;
	}
	.settings_input:hover {
		background-color: #0005;
	}
	.settings_input:focus {
		background-color: #000;
		color: #fff;
		caret-color: #fff;
	}
	.settings_input:focus::selection {
		background-color: #fff;
		color: #000;
	}
	.lrnzttl_checkbox_container {
		display: block;
		position: relative;
		margin-bottom: 22px;
		padding-left: 45px;
		cursor: pointer;
		font-size: 34px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		font-family: 'Nunito', sans-serif;
		border-radius: 5px;
		text-align: left;
	}
	.lrnzttl_checkbox_container.noCheckbox {
		padding-left: 0;
	}
	.lrnzttl_checkbox_container * {
		cursor: pointer;
	}
	.lrnzttl_checkbox {
		position: absolute;
		top: 0;
		left: 0;
		height: 35px;
		width: 35px;
	}
	.lrnzttl_checkbox .background {
		stroke-width: 15;
		fill-opacity: 0.18;
		transition: 0.2s;
	}
	.lrnzttl_checkbox .symbol {
		fill: none;
		stroke-width: 15;
		stroke-opacity: 0;
		transition: 0.2s;
		stroke-dasharray: 250;
		stroke-dashoffset: 250;
		stroke-linecap: round;
		stroke-linejoin: round;
	}
	.modal .lrnzttl_checkbox .background {
		stroke: #000;
		fill: #000;
	}
	.modal .lrnzttl_checkbox:focus .background,
	.modal .lrnzttl_checkbox:hover .background {
		fill-opacity: 0.33;
	}
	.modal .lrnzttl_checkbox .symbol {
		stroke: #000;
	}
	.lrnzttl_checkbox .background {
		stroke: #FFF;
		fill: #FFF;
	}
	.lrnzttl_checkbox .symbol {
		stroke: #FFF;
	}
	.lrnzttl_checkbox_container input:checked ~ .lrnzttl_checkbox .symbol {
		stroke-opacity: 1;
		stroke-dasharray: 250;
		stroke-dashoffset: 0;
	}
	.lrnzttl_checkbox_label {
		display: inline;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.lrnzttl_checkbox_label_headline {
		font-family: 'Montserrat', Helvetica, sans-serif;
		font-weight: 300;
		font-size: 17pt;
		text-transform: uppercase;
	}
	.lrnzttl_checkbox_label_text {
		font-family: 'Nunito', Helvetica, sans-serif;
		font-size: 11.5pt;
	}
	.settings_linkButton {
		font-family: 'Nunito', Helvetica, sans-serif;
		font-size: 11.5pt;
		display: block;
		padding: 8px;
		cursor: pointer;
		transition: 0.32s ease-in-out;
		color: #000;
		background-color: rgba(0,0,0,0.12);
		border: 2px solid #000;
		border-radius: 5px;
		margin: 5px;
		width: calc(100% - 10px);
	}
	.settings_linkButton:hover,
	.settings_linkButton:focus {
		background-color: #000;
		color: #FFFFFF;
	}
	/* Sticky Header */
	.sticky_header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 70px;
		background-color: rgba(0,0,0,0.8);
		transition-property: all;
		transition-duration: 0.8s;
		transition-timing-function: cubic-bezier(.79,.14,.15,.86);
		z-index: 100;
		transform: translateY(-200%);
	}
	.sticky_header[data-shown="true"] {
		transform: translateY(0);
	}
	.sticky_header[data-shown="false"] {
		transform: translateY(-200%);
	}
	.logoStickyHeader {
		position: absolute;
		width: 60px;
		height: 60px;
		right: 0;
		left: 0;
		margin: 0 auto;
		top: 40px;
	}
	.sticky_header_title {
		position: absolute;
		top: 15px;
		right: 0;
		left: 0;
		z-index: -1;
		margin: 0 auto;
		color: #FFFFFF;
		font-family: 'Julius Sans One';
		font-size: 15pt;
		text-align: center;
		width: calc(100% - 110px);
	}
	.sticky_header_buttons {
		display: flex;
		width: 90%;
		margin: 7.5px 5%;
		justify-content: space-between;
	}
	body.rightHand .sticky_header_buttons {
		flex-direction: row-reverse;
	}
	.octagonIcon.sticky_header_button {
		width: 48px;
		height: 48px;
		margin: 0;
		margin-top: 5px;
	}
	.sticky_header_button_container {
		cursor: pointer;
	}
	.menu_icon_sticky_header {
		position: absolute;
		left: 5%;
		top: 10px;
		width: 40px;
		cursor: pointer;
	}
	.settings_icon_sticky_header {
		position: absolute;
		right: 5%;
		top: 10px;
		width: 40px;
		height: 40px;
		cursor: pointer;
	}
	.shadow {
		-webkit-filter: drop-shadow(0px 10px 5px #0009);
		filter: drop-shadow(0px 5px 10px #0009);
	}
	/* Sticky Scroll Top */
	.sticky_scroll_top {
		position: fixed;
		z-index: 89;
		bottom: 5%;
		cursor: pointer;
	}
	body.rightHand .sticky_scroll_top {
		right: 5%;
	}
	body.leftHand .sticky_scroll_top {
		left: 5%;
	}
	.octagonIcon.sticky_scroll_top_icon {
		margin: 0;
	}
	#sticky_scroll_top_container {
		transition: 0.4s ease-out transform;
	}
	/* Images */
	img, object {
		transition: 0.2s opacity ease-in-out;
	}
	.image_small {
		width: 50%;
		max-width: 400px;
		margin: auto;
		display: block;
	}
	/* Search */
	.search_entries_container {
		width: calc(90% + 10px);
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
	}
	.search_entry {
		font-family: 'Nunito', sans-serif;
		font-size: 20px;
		background-color: #222;
		border-radius: 5px;
		width: calc(100% - 30px);
		margin: 5px;
		padding: 10px;
		text-align: center;
	}
	.search_entry_image {
		width: 88px;
		height: 125px;
		border-radius: 5px;
	}
	.search_entry_link {
		font-family: 'Nunito', sans-serif;
		display: inline-block;
		padding: 7px;
		width: 120px;
		border: 2px solid;
		border-radius: 5px;
		margin: 15px 5px;
		text-align: center;
		transition: 0.35s;
		text-decoration: none;
	}
	/* Menu */
	.menu_overlay {
		display: none;
		position: fixed;
		z-index: 90;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		color: #FFFFFF;
		background-color: rgba(0,0,0,0.9);
		overflow: hidden;
		animation: fade-in 0.35s ease-out;
	}
	body.rightHand .menu_wrapper, .menu_wrapper {
		position: absolute;
		right: 0;
		left: unset;
		height: 100%;
		overflow: hidden;
		width: 100%;
		max-width: 450px;
	}
	body.leftHand .menu_wrapper {
		position: absolute;
		left: 0;
		right: unset;
		height: 100%;
		overflow: hidden;
		width: 100%;
		max-width: 450px;
	}
	.menu_content {
		position: relative;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		width: 100%;
		max-width: 450px;
		height: 100%;
		background-color: #111;
	}
	body.rightHand .menu_content,
	.menu_content {
		animation: menu_open_right 0.35s cubic-bezier(.08,.82,.17,1);
	}
	body.leftHand .menu_content {
		animation: menu_open_left 0.35s cubic-bezier(.08,.82,.17,1);
	}
	body.rightHand .menu_content_close_animation,
	.menu_content_close_animation {
		animation-name: menu_close_right;
		animation-timing-function: cubic-bezier(.6,.04,.98,.34);
	}
	body.leftHand .menu_content_close_animation {
		animation-name: menu_close_left;
		animation-timing-function: cubic-bezier(.6,.04,.98,.34);
	}
	.menu_search {
		margin-top: 20px;
	}
	.menu_search_input {
		appearance: none;
		-webkit-appearance: none;
		display: block;
		font-family: 'Nunito', Helvetica, sans-serif;
		font-size: 13pt;
		text-align: left;
		text-decoration: none;
		width: 100%;
		margin: 20px auto;
		padding: 10px 40px;
		border: 2px solid #FFFFFF;
		border-radius: 5px;
		color: #FFFFFF;
		background-color: #000000;
		transition: 0.35s ease-out;
	}
	.menu_headline {
		font-family: 'Catamaran', sans-serif;
		font-weight: 900;
		font-size: 35pt;
		text-transform: uppercase;
		width: 90%;
		margin: 120px auto 35px;
		text-align: center;
		color: #fff;
	}
	.menu_content_close_animation {
		animation-duration: 0.35s;
		animation-timing-function: cubic-bezier(.86,0,.07,1);
		animation-fillmode: backwards;
	}
	.menu_overlay_close_animation {
		animation: fade-out 0.35s ease-in-out;
		animation-fillmode: backwards;
	}
	.menu_bar {
		transition: 0.5s linear;
		transform-origin: 50% 50%;
	}
	.menu_topic_link_container {
		margin: 0 15px 5px 10px;
	}
	.menu_entry {
		width: 100%;
		margin: 0;
		overflow: hidden;
		transition: 0.75s ease-out;
	}
	.menu_entry_inner {
		border-radius: 5px;
		margin: 5px 5px 5px 0;
		padding: 10px;
		background-color: #ffffff0f;
		min-height: 128px;
	}
	.menu_entry_inner .menu_entry_inner {
		margin: 5px 0;
	}
	.menu_entry_title {
		font-family: 'Nunito', sans-serif;
		font-size: 20pt;
	}
	.menu_category_title {
		font-family: 'Montserrat', sans-serif;
		font-size: 20pt;
		text-align: center;
		text-transform: uppercase;
	}
	.menu_entry_links {
		margin-top: 10px -5px;
		text-align: center;
		clear: both;
	}
	.menu_category_links {
		margin: 15px auto;
		text-align: center;
		clear: both;
	}
	.menu_entry_link {
		font-family: 'Nunito', sans-serif;
		display: inline-block;
		padding: 7px;
		width: 120px;
		border: 2px solid;
		border-radius: 5px;
		margin: 5px;
		text-align: center;
		transition: 0.35s;
		text-decoration: none;
	}
	.menu_entry_subpoints {
		font-family: 'Nunito', sans-serif;
		font-size: 14px;
		color: #808080;
		margin-left: 10px;
	}
	.menu_entry_image {
		width: 88px;
		height: 125px;
		border-radius: 5px;
	}
	.menu_category_image {
		width: 70px;
		border-radius: 5px;
		display: block;
		margin: 5px auto;
	}
	.octagonIcon.menu_center_opener {
		width: 75px;
		height: 75px;
	}
	/* On Site Navigation */
	.on_site_navigation {
		font-family: 'Nunito', sans-serif;
		width: 90%;
		margin: 0 auto;
		padding: 5px 0;
		background-color: rgba(255, 255, 255, 0.17);
		border-radius: 5px;
	}
	.on_site_navigation .textLink {
		width: calc(100% - 20px);
	}
	.on_site_navigation ol {
		padding-inline-start: 28px;
		margin: 2px 0;
	}
	.grey_box {
		font-family: 'Nunito', sans-serif;
		width: 90%;
		margin: 15px auto;
		padding: 5px 0;
		background-color: rgba(255, 255, 255, 0.17);
		border-radius: 5px;
	}
	.nav_title {
		font-family: 'Julius Sans One', Verdana, sans-serif;
		font-size: 25pt;
		text-align: center;
		color: #FFFFFF;
		width: 90%;
		margin: 12px auto 20px auto;
	}
	/* Icons */
	.octagonIcon {
		width: 50px;
		height: 50px;
		margin: 5px;
		cursor: pointer;
		transition: all .35s ease-out,transform 0.35s cubic-bezier(.68,-0.55,.27,1.55);
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.octagonIcon:hover,
	.octagonIcon:focus {
		transform: scale(1.2);
		outline: 0;
		caret-color: #000000;
	}
	.octagonIcon.no_hover:hover,
	.octagonIcon.no_hover:focus {
		transform: scale(1);
	}
	.octagonIconBackground,
	.octagonIconBackground.no_modal {
		fill-opacity: 0.12;
		stroke-width: 10;
		stroke-dasharray: 1000;
		stroke-linejoin: round;
		stroke-linecap: round;
		transition: all .45s cubic-bezier(.79,.14,.15,.86), stroke-dashoffset .8s cubic-bezier(.79,.14,.15,.86), fill-opacity .4s cubic-bezier(.55,.06,.68,.19);
	}
	.octagonIconBackground:not([fill]) {
		fill: #FFFFFF;
		stroke: #FFFFFF;
	}
	.octagonIconBackground[fill] {
		fill-opacity: 0.125;
	}
	.octagonIconSymbol,
	.octagonIconSymbol.no_modal {
		fill-opacity: 0;
		stroke-width: 10;
		stroke-linecap: round;
		stroke-linejoin: round;
		transition: all .4s ease-out, opacity .9s ease-out;
		transform-origin: 50% 50%;
	}
	.octagonIconSymbol[fill] {
		fill-opacity: 1;
		stroke-width: 0;
	}
	.octagonIconSymbol:not([stroke]) {
		stroke: #FFFFFF;
		fill: none;
	}
	.octagonIcon:hover .octagonIconBackground,
	.octagonIcon:focus .octagonIconBackground {
		fill-opacity: 1;
	}
	.octagonIcon:hover .octagonIconSymbol[fill],
	.octagonIcon:focus .octagonIconSymbol[fill] {
		fill: #FFFFFF;
	}
	.octagonIcon:hover .octagonIconSymbol,
	.octagonIcon:focus .octagonIconSymbol {
		stroke: #000000;
	}
	.octagonIcon .non_transparent {
		fill: #000;
		fill-opacity: 1;
	}
	.octagonIcon:hover .non_transparent,
	.octagonIcon:focus .non_transparent {
		fill: #FFFFFF;
	}
	/* Accordions */
	[data-accordion] {
		cursor: pointer;
	}
	[data-accordion] + * {
		transition: 0.32s ease-in-out;
		overflow: hidden;
		max-height: auto;
	}
	[data-accordion] span {
		float: right;
		transition: 0.32s ease-in-out;
	}
	[data-accordion="open"] span {
		transform: rotateX(0);
	}
	[data-accordion="closed"] span {
		transform: rotateX(180deg);
	}
	[data-accordion="closed"] + * {
		max-height: 0;
	}
	.sharing_container {
		width: 90%;
		margin: 10px 5%;
		text-align: center;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		overflow-y: hidden;
		white-space: nowrap;
		text-align: center;
		padding: 5px 5px 10px;
		border-radius: 5px;
		background-color: rgba(255, 255, 255, 0.17);
	}
	.sharing_container span:last-child {
		padding-right: 5px;
	}
	.sharing_container .octagonIcon {
		display: inline-block;
	}
	/* Animations */
	.fadein {
		opacity: 1;
		transition: 0.35s ease-out;
	}
	.visible {
		opacity: 1;
	}
	.resize {
		opacity: 0;
		width: 10%;
		transition: 0.9s cubic-bezier(.68,-0.55,.27,1.55);
	}
	.fullwidth {
		opacity: 1;
		width: 90%;
	}
	.winterHr {
		height: 70px;
		width: 90%;
		margin: 15px auto;
		border-radius: 5px;
		border: 0;
		background-image: url('../images/winterHr.svg');
		background-size: contain;
		background-position: left center;
	}
	#linkToCopy {
		opacity: 0;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: 0;
		background: transparent;
		color: transparent;
		border: 0;
		outline: 0;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -100000;
	}
}
@media screen and (min-width: 1px) and (max-width: 320px) {
	h1 {
		font-size: 25pt;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	h2 {
		font-size: 20pt;
		margin: 50px 5% 25px 5%;
	}
	h3 {
		font-size: 18pt;
	}
	h4 {
		font-size: 16pt;
	}
	h5 {
		font-size: 14pt;
	}
	.h3_margin_top {
		margin-top:100px;
		width: 100%;
	}
	p, ul {
		font-size: 11.5pt;
	}
	.steuerung {
		font-size: 15pt;
		width: 30%;
		height: auto;
		padding: 10px;
		margin: 25px;
	}
	.menu_headline {
		font-size: 25pt;
	}
	.searchEntry {
		font-size: 5vw;
		width: calc(100% - 20px);
		padding: 10px;
	}
	.menu_entry_image {
		width: 50px;
		height: auto;
	}
	.cookie_hint_wrapper {
		width: calc(90% - 60px);
		margin: 0 5%;
	}
	.cookie_hint_header {
		font-size: 17.5pt;
	}
	.lightbox_subtitle {
		font-size: 20pt;
	}
	.lightbox_title {
		font-size: 25pt;
	}
	.modal_content {
		width: 100%;
		width: 100vw;
		max-height: 90%;
	}
	.message_title {
		font-size: 14pt;
	}
	.message_body {
		font-size: 9pt;
	}
	.settings_linkButton {
		width: calc(100% - 30px);
	}
}
@media screen and (min-width: 321px) and (max-width: 767px) {
	h1 {
		font-size: 30pt;
	}
	h2 {
		font-size: 27pt;
	}
	h3 {
		font-size: 24pt;
	}
	h4 {
		font-size: 19pt;
	}
	h5 {
		font-size: 16pt;
	}
	.h3_margin_top {
		margin-top:130px;
		width: 100%;
	}
	p {
		font-size: 12.4pt;
	}
	.steuerung {
		font-size: 15pt;
		width: 30%;
		padding: 10px;
		margin: 25px;
	}
	.menu_headline {
		font-size: 31pt;
	}
	.searchEntry {
		font-size: 16px;
		width: calc(100% - 20px);
		padding: 10px;
	}
	.cookie_hint_wrapper {
		width: calc(90% - 60px);
		margin: 0 5%;
	}
	.cookie_hint_header {
		font-size: 17.5pt;
	}
	.lightbox_subtitle {
		font-size: 25pt;
	}
	.lightbox_title {
		font-size: 32pt;
	}
	.modal_content {
		width: 90%;
		max-height: 90%;
	}
	.message_title {
		font-size: 15pt;
	}
	.message_body {
		font-size: 10pt;
	}
	.settings_linkButton {
		width: calc(100% - 30px);
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	p, ul {
		font-size: 14pt;
	}
	h1 {
		font-size: 45pt;
	}
	h2 {
		font-size: 38pt;
	}
	h3 {
		font-size: 33pt;
	}
	.h3_margin_top {
		margin-top:150px;
		width: 100%;
	}
	h4 {
		font-size: 25pt;
	}
	h5 {
		font-size: 20pt;
	}
	.math {
		font-size: 140%;
	}
	.steuerung {
		font-size: 18pt;
		width: 30%;
		padding: 10px;
		margin: 25px;
	}
	.menu_category_link {
		font-size: 19pt;
	}
	.menu_headline {
		font-size: 32pt;
	}
	.menu_entry {
		width: 100%;
	}
	.search_entry {
		font-size: 20px;
		width: calc(50% - 30px);
		padding: 10px;
	}
	.lightbox_subtitle {
		font-size: 32pt;
	}
	.lightbox_title {
		font-size: 45pt;
	}
	.modal_content {
		width: 80%;
		max-height: 80%;
	}
	.message_title {
		font-size: 15pt;
	}
	.message_body {
		font-size: 10pt;
	}
	.logoFooter {
		width: 125px;
		height: 125px;
	}
	.settings_button_container {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1823px) {
	p, ul{
		font-size: 15pt;
	}
	h1 {
		font-size: 60pt;
	}
	h2 {
		font-size: 48pt;
	}
	h3 {
		font-size: 35pt;
	}
	.h3_margin_top {
		margin-top:160px;
		width: 100%;
	}
	h4 {
		font-size: 30pt;
	}
	h5 {
		font-size: 25pt;
	}
	.menu_category_link {
		font-size: 21pt;
	}
	.WSC_outer {
		width: 95%;
		margin: auto;
		display: flex;
		justify-content: space-around;
	}
	.WSC_outer .WSC_outer {
		margin-bottom: 0;
		margin-top: 0;
		align-items: center;
	}
	.WSC_inner:only-child {
		margin-left: -2.5%;
		margin-right: -2.5%;
		width: 105%;
	}
	.WSC_outer .WSC_inner .WSC_outer .WSC_inner {
		width: 100%;
	}
	.WSC_outer .WSC_inner:only-child .WSC_outer .WSC_inner {
		width: 50%;
	}
	.WSC_outer:nth-of-type(even) {
		flex-direction: row-reverse;
	}
	.WSC_inner {
		min-width: 50%;
		margin: 0;
		padding: 0;
	}
	.menu_headline {
		font-size: 45pt;
	}
	.search_entry {
		font-size: 20px;
		width: calc(33.33333% - 30px);
		padding: 10px;
	}
	.lightbox_subtitle {
		font-size: 32pt;
	}
	.lightbox_title {
		font-size: 60pt;
	}
	.logoFooter {
		width: 150px;
		height: 150px;
	}
	.modal_content {
		width: 80%;
		max-height: 80%;
	}
	.message_title {
		letter-spacing: 2.5px;
		font-size: 18pt;
	}
	.settings_button_container {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
@media screen and (min-width: 1824px) {
	h3 {
		font-size: 2.2em;
	}
	.steuerung {
		font-size: 20pt;
		width: 15%;
		padding: 12px;
		margin: 35px;
	}
	.menu_category_link {
		font-size: 23pt;
	}
	.WSC_outer {
		width: 95%;
		margin: 30px auto 170px;
		display: flex;
		justify-content: space-around;
	}
	.WSC_inner:only-child {
		margin-left: -2.5%;
		margin-right: -2.5%;
	}
	.WSC_outer:nth-child(2n) {
		flex-direction: reverse;
	}
	.WSC_inner {
		min-width: 50%;
		margin: 0;
		padding: 0;
	}
	.menu_content {
		width: 500px;
	}
	.menu_headline {
		font-size: 45pt;
	}
	.search_entry {
		font-size: 20px;
		width: calc(20% - 30px);
		padding: 10px;
	}
	.lightbox_subtitle {
		font-size: 32pt;
	}
	.lightbox_title {
		font-size: 60pt;
	}
	.modal_content {
		max-width: 70%;
		max-height: 50%;
	}
	.logoFooter {
		width: 150px;
		height: 150px;
	}
	.message_title {
		letter-spacing: 2.5px;
		font-size: 18pt;
	}
	.settings_button_container {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
@media print {
	* {
		quotes: "„" "“";
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		-webkit-text-size-adjust: 100%;
	}
	.noprint {
		display: none;
	}
	p {
		font-family: 'Nunito', Helvetica, sans-serif;
		font-size: 13.5pt;
		text-align: justify;
		text-decoration: none;
		width: 90%;
		margin: 15px 5%;
		padding: 0;
		color: #FFFFFF;
		background-color: none;
	}
	h1 {
		font-family: 'Catamaran', sans-serif;
		font-size: 45px;
		font-weight: 900;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		width: 90%;
		margin: 35px auto;
		padding: 0;
		color: #FFFFFF;
	}
	h1 span {
		display: block;
		font-size: 50%;
		text-transform: none;
	}
	h2 {
		font-family: 'Montserrat';
		font-size: 2.8em;
		font-weight: 300;
		text-align: center;
		text-transform: uppercase;
		width: 90%;
		margin: 100px 5% 50px 5%;
		padding: 0;
		color: #FFFFFF;
		page-break-after: avoid;
	}
	h3 {
		font-family: 'Montserrat', sans-serif;
		font-size: 2em;
		font-weight: 100;
		text-align: left;
		text-transform: uppercase;
		width: 90%;
		margin: 15px 5% 15px 5%;
		padding: 0;
		color: #FFFFFF;
		page-break-after: avoid;
	}
	h4 {
		font-family: 'Montserrat', 'Times New Roman', Times, serif;
		font-size: 1.57em;
		font-weight: 300;
		text-align: left;
		text-transform: uppercase;
		width: 90%;
		margin: 45px 5% 5px;
		padding: 0;
		color: #FFFFFF;
		page-break-after: avoid;
	}
	.hr {
		height: 2px;
		width: 90%;
		margin: 50px auto;
		border: 0;
		border-radius: 5px;
		background-color: #FFFFFF;
	}
	table {
		width: 90%;
		margin: 10px 5%;
		border-collapse: collapse;
		border-color: #FFFFFF;
		border-style: solid;
		border-width: 2px;
		border-radius: 5px;
		border-spacing: 0;
		background-color: rgba(255, 255, 255, 0.17);
	}
	td {
		border-radius: 5px;
		border-color: #FFFFFF;
		border-style: solid;
		border-width: 0 2px 2px 0;
		padding: 4px;
		min-width: 100px;
	}
	td:last-child {
		border-width-right: 0;
	}
	td p {
		margin: 5px;
	}
	footer {
		page-break-inside: avoid;
	}
	/* Text */
	p.breadcrumb {
		font-family: 'Julius Sans One', Verdana, sans-serif;
		font-size: 15pt;
		text-align: left;
		width: calc(90% + 10px);
		margin: 0 auto 20px auto;
	}
	.small {
		max-width: 500px;
		margin: 10px auto;
	}
	.copyright {
		font-family: 'Alegreya Sans SC', Verdana, sans-serif;
		font-size: 1.22em;
		text-align: center;
		text-decoration: none;
		width: 90%;
		margin: 20px auto;
		padding: 0;
		color: #FFFFFF;
	}
	.handwritten {
		opacity: 0.7;
		font-family: 'Alegreya Sans SC', Verdana, sans-serif;
		font-size: 1.22em;
		text-align: center;
		text-decoration: none;
		width: 90%;
		margin: 20px auto;
		padding: 0;
		color: #FFFFFF;
	}
	span.redHeart {
		color: #b6003a;
	}
	.ad {
		display: none;
	}
	.center {
		text-align: center;
	}
	.clock {
		font-family: 'Cutive Mono', monospace;
		font-size: 2em;
		text-align: center;
		padding: 15px;
	}
	.day {
		display: inline;
		font-family: 'Alegreya Sans SC', sans-serif;
		font-size: 60%;
		margin: 5px 0  5px 5px;
	}
	.date {
		display: inline;
		font-size: 40%;
		margin: 5px;
	}
	.titleHeader {
		font-family: 'Julius Sans One';
		font-size: 1.34em;
		text-align: center;
		text-decoration: none;
		width: 90%;
		margin: 20px auto;
		padding: 0;
		color: #FFFFFF;
	}
	.initialLetter::first-letter {
		initial-letter: 2;
		-webkit-initial-letter: 2;
	}
	.textLink {
		display: inline-block;
		text-decoration: none;
		margin: 2px;
		padding: 5px;
		border-radius: 5px;
		color: #FFFFFF;
		background-color: rgba(255, 255, 255, 0.13);
	}
	.textLink:visited {
		background-color: #aaa;
	}
	.textButton {
		display: inline-block;
		text-decoration: none;
		margin: 2px;
		padding: 4px;
		border: 1px solid #FFFFFF;
		border-radius: 5px;
		color: #FFFFFF;
		transition: 0.35s ease-out;
	}
	.textButton:first-child {
		margin-left: 0;
	}
	.linkButton {
		display: inline-block;
		font-family: 'Nunito', sans-serif;
		text-decoration: none;
		margin: 10px 30px;
		padding: 9px 25px;
		border: 2px solid #FFFFFF;
		border-radius: 5px;
		color: #FFFFFF;
	}
	.ausrichtung {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.alignBottom {
		align-self: flex-end;
	}
	.settings_icon_header {
		position: absolute;
		right: 5%;
		width: 40px;
		height: 40px;
	}
	.settings_icon_container,
	.menu_icon_container {
		width: 40px;
		height: 40px;
	}
	.octagonIcon.menu_center_opener {
		width: 75px;
		height: 75px;
	}
	.logoFooter,
	.logoHeader {
		width: 100px;
		height: 100px;
		margin: 5px auto;
	}
	.logoFooter {
		margin: 25px auto 100px auto;
	}
	#link_to_copy {
		display: none;
	}
	.on_site_navigation {
		font-family: 'Nunito', sans-serif;
		width: 90%;
		margin: 0 5%;
		padding: 5px 0;
		background-color: #222;
		border-radius: 5px;
	}
	li {
		padding-left: 1.5em;
		font-family: 'Nunito', sans-serif;
		font-size: 13pt;
		padding: 5px;
		border-radius: 5px;
		text-align: justify;
		margin: 5px auto;
	}
	ul li {
		list-style-type: none;
	}
	ul li:before {
		content: "\e802";
		font-family: 'lernzettel-icons';
		display: inline-block;
		margin-left: -1.5em;
		width: 1.5em;
	}
	.lightbox {
		display: none;
	}
	.nav_title {
		font-family: 'Julius Sans One', Verdana, sans-serif;
		font-size: 25pt;
		text-align: center;
		color: #FFFFFF;
		width: 90%;
		margin: 12px auto 20px auto;
	}
	.octagonIcon {
		width: 50px;
		height: 50px;
		margin: 5px;
	}
	.octagonIconBackground,
	.octagonIconBackground.no_modal {
		fill-opacity: 0;
		stroke-width: 10;
		stroke-dasharray: 1000;
		stroke-linejoin: round;
		stroke-linecap: round;
	}
	.octagonIconBackground:not([fill]) {
		fill: #FFFFFF;
		stroke: #FFFFFF;
	}
	.octagonIconBackground[fill] {
		fill-opacity: 0.125;
	}
	.octagonIconSymbol,
	.octagonIconSymbol.no_modal {
		fill-opacity: 0;
		stroke-width: 10;
		stroke-linecap: round;
		stroke-linejoin: round;
	}
	.octagonIconSymbol[fill] {
		fill-opacity: 1;
		stroke-width: 0;
	}
	.octagonIconSymbol:not([stroke]) {
		stroke: #FFFFFF;
		fill: none;
	}
	.octagonIcon .non_transparent {
		fill: #000;
		fill-opacity: 1;
	}
	[data-accordion] + * {
		transition: 0.32s ease-in-out;
		overflow: hidden;
		max-height: auto;
	}
	[data-accordion="closed"] + * {
		max-height: 0;
	}
	.sharing_container {
		width: 90%;
		margin: 0 5%;
		text-align: center;
	}
	.hidden,
	.ios,
	.android,
	.mobile {
		display: none;
	}
}
@keyframes lightbox_open {
	0% { transform: translateY(100%) }
	100% { transform: translateY(0) }
}
@keyframes lightbox_close {
	0% { transform: translateY(0) }
	100% { transform: translateY(100%) }
}
@keyframes checkmark_animation {
	to { stroke-dashoffset: 0; }
}
@keyframes cookie_hint_in {
	0% {
		transform: translateY(-200%);
	}
	50% {
		transform: translateY(0);
	}
	70% {
		transform: translateY(0);
		max-height: 50px;
	}
	100% {
		transform: translateY(0);
		max-height: 500px;
	}
}
@keyframes cookie_hint_out {
	0% {
		transform: translateY(0);
		max-height: 500px;
	}
	100% {
		transform: translateY(0);
		max-height: 75px;
	}
}
@keyframes cookie_hint_swipe_right_animation {
	0% {
		opacity: 0;
		transform: translateX(-20px) rotateY(-50deg);
	}
	100% {
		opacity: 1;
		transform: translateX(0) rotateY(0);
	}
}
@keyframes cookie_hint_scale_in_animation {
	0% {
		opacity: 0;
		transform: scale(0.7);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes cookie_hint_swipe_up_animation {
	0% {
		opacity: 0;
		transform: translateY(20px) rotateX(-20deg);
	}
	100% {
		opacity: 1;
		transform: translateY(0) rotateX(0);
	}
}
@keyframes menu_open_right {
	0% { 
		transform: translateX(100%);
	}
	100% {
		transform: translateX(0);
	}
}
@keyframes menu_open_left {
	0% { 
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0);
	}
}
@keyframes menu_close_right {
	0% { 
		transform: translateX(0);
	}
	100% {
		transform: translateX(100%);
	}
}
@keyframes menu_close_left {
	0% { 
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}
@keyframes document_loading_field_animation {
	0%, 80%, 100% {
		fill-opacity: 0;
	}
	20%, 60% {
		fill-opacity: 1;
	}
}
@keyframes menu_open_desktop {
	0% { transform: translate(0, 100%); opacity: 1; }
	100% { transform: translate(0, 0); opacity: 1; }
}
@keyframes menu_close_mobile {
	0% { transform: translate(0, 0); opacity: 1; }
	100% { transform: translate(-100%, 0); opacity: 1; }
}
@keyframes menu_close_desktop {
	0% { transform: translate(0, 0); opacity: 1; }
	100% { transform: translate(0, 100%); opacity: 1; }
}
@keyframes menu_search_animation_out {
	0% { transform: scale(1); max-height: 1000px; }
	99% {transform: scale(0); max-height: 0; }
	100% {display: none;}
}
@keyframes menu_search_animation_out {
	0% { display: block; }
	1% { transform: scale(0); max-height: 0; }
	100% { transform: scale(1); max-height: 1000px; }
}
@keyframes fade-in {
	0% {opacity: 0}
	100% {opacity: 1}
}
@keyframes fade-out {
	0% {opacity: 1}
	100% {opacity: 0}
}
@keyframes modal-in {
	0% {
		transform: translateY(-150%) translateX(-50%);
	}
	100% {
		transform: translateY(-50%) translateX(-50%);
	}
}
@keyframes modal-out {
	0% {
		transform: translateY(-50%) translateX(-50%);
	}
	100% {
		transform: translateY(50%) translateX(-50%);
	}
}
@keyframes window_loading_close {
	0% { transform: translateY(0); }
	100% { transform: translateY(-100%); }
}
@keyframes window_loading_start {
	0% { transform: translateY(-100%); }
	100% { transform: translateY(0); }
}
@keyframes window_loading_blur {
	0% { filter: blur(20px); }
	100% { filter: blur(0); }
}
@keyframes message-in {
	0% {
		transform: translateY(100%) scale(0.7);
	}
	50% {
		transform: translateY(0) scale(0.7);
	}
	100% {
		transform: translateY(0) scale(1);
	}
}
@keyframes message-out {
	0% {
		transform: translateY(0) scale(1);
	}
	50% {
		transform: translateY(0) scale(0.7);
	}
	100% {
		transform: translateY(100%) scale(0.7);
	}
}
@keyframes message-title-in {
	0%, 50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes message-title-out {
	0% {
		opacity: 1;
	}
	50%, 100% {
		opacity: 0;
	}
}
@keyframes sticky_header-in {
	0% {
		transform: translateY(-200%);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes sticky_header-out {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-200%);
	}
}
@keyframes animation_fadein {
	from {
		transform: translateY(20px);
	}
	to {
		transform: translateY(0px);
	}
}