* {
	margin: 0;
}

*::before,
*::after {
	box-sizing: border-box;
}

body {
	font-family: var(--font-default-family);
	font-weight: var(--font-default-weight-regular);
	font-size: var(--font-default-size);
	background-color: var(--color-white);
	color: var(--color-text);
	-webkit-font-smoothing: antialiased;
	min-width: 360px;
}

img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
}

input, button, textarea, select {
	font: inherit;
	box-sizing: border-box;
	background: var(--color-white);
	padding: 7px 16px;
	border: 1px solid #ccc;
	border-radius: 0;
}

	input, textarea, select {
		box-shadow: 0 0 10px rgba(0,0,0,.2) inset;
	}

	input[type="submit"] {
		box-shadow: unset;
	}

	input[type="submit"],
	button {
		background: var(--color-highlight);
		color: var(--color-white);
		border-color: var(--color-highlight);
		text-transform: uppercase;
		font-weight: var(--font-default-weight-medium);
		cursor: pointer;

		-webkit-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}

		input[type="submit"]:hover,
		button:hover {
			background: var(--color-black);
			border-color: var(--color-black);
		}

.content .mc4wp-form {
	display: block;
	margin: 60px -5px;
	text-align: center;
}

	.mc4wp-form p {
		margin-top: 0 !important;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
	}

		.mc4wp-form p br {
			display: none;
		}

	.mc4wp-form label {
		display: block;
		margin: 5px 5px;
	}

		.mc4wp-form label.third {
			width: calc(100% / 3 - 10px);
		}

		.mc4wp-form label.half {
			width: calc(100% / 2 - 10px);
		}
	
		.mc4wp-form label input,
		.mc4wp-form label select {
			width: 100%;
			box-sizing: border-box;
		}

		.mc4wp-form label input[type=checkbox] {
			width: auto;
		}

	.mc4wp-form button {
		margin: 1em auto 0;
	}

	.mc4wp-form label.terms {
		margin-top: 1em;
		display: block;
	}

	@media ( max-width: 680px ) {

		.mc4wp-form label.half,
		.mc4wp-form label.third {
			width: 100%;
		}

	}

b, strong {
	font-weight: var(--font-default-weight-bold);
}

i, em {
	font-style: var(--font-default-italic);
}

a {
	-webkit-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}

.width,
.width-narrow,
.width-wide {
	width: 100%;
	max-width: 1140px;
	padding: 0 20px;
	box-sizing: border-box;
	margin: 0 auto;
}

	.width-narrow {
		max-width: 800px;
	}

	.width-wide {
		max-width: 1400px;
	}

.content {
	line-height: var(--font-default-line-height);
}

	.content ul,
	.content ol {
		margin: 0;
		padding-left: 20px;
	}

		.content ul {
			list-style-type: disc;
		}

		.content ol {
			list-style-type: decimal;
		}

	.content ul.no-list-style,
	.content ol.no-list-style {
		padding: 0;
		list-style-type: none;
	}

	.content * + p,
	.content * + ul,
	.content * + ol,
	.content * + img,
	.content * + picture,
	.content * + svg,
	.content * + video,
	.content * + blockquote,
	.content * + dl,
	.content * + figure,
	.content * + form,
	.content * + h1,
	.content * + h2,
	.content * + h3,
	.content * + h4,
	.content * + h5,
	.content * + h6,
	.content * + hr,
	.content * + nav,
	.content * + pre,
	.content * + table {
		margin-top: 1em;
	}

	.content a {
		color: inherit;
		text-decoration: underline;
	}

		.content a:hover {
			color: var(--color-highlight);
		}

.content .dropdown {
	display: block;
	position: relative;
	z-inedx: 5;
}

	.content .dropdown .dropdown-title {
		position: relative;
	}

		.content .dropdown.inited .dropdown-title {
			cursor: pointer;
		}

		.content .dropdown .dropdown-title:before,
		.content .dropdown .dropdown-title:after {
			content: "";
			display: block;
			width: 20px;
			height: 20px;
			margin-top: -10px;
			position: absolute;
			right: 0;
			top: 50%;
			background: url(../img/icons/dropdown_down.svg) no-repeat center center / contain;
			pointer-events: none;
		}
		
			.content .dropdown .dropdown-title:after {
				background-image: url(../img/icons/dropdown_up.svg);
				opacity: 0;
			}

			.content .dropdown:not(.inited):hover .dropdown-title:before,
			.content .dropdown.open .dropdown-title:before {
				opacity: 0;
			}

				.content .dropdown:not(.inited):hover .dropdown-title:after,
				.content .dropdown.open .dropdown-title:after {
					opacity: 1;
				}

	.content .dropdown .dropdown-content {
		position: absolute;
		z-index: 50;
		width: 100%;
		box-sizing: border-box;
		background: var(--color-white);
		padding: 10px;
		overflow: hidden;
		display: none;
		box-shadow: 0 0 20px rgba(0,0,0,.2);
	}
	
		.content .dropdown:not(.inited):hover .dropdown-content,
		.content .dropdown.open .dropdown-content {
			display: block;
		}

.anchor {
	position: absolute;
	margin-top: -100px !important;
}

.content .button,
.content button {
	text-transform: uppercase;
	font-weight: var(--font-default-weight-bold);
	text-decoration: none;
	display: inline-block;
	position: relative;
	z-index: 5;
	color: var(--color-highlight);
	background: transparent;
	border: 0;
	cursor: pointer;
}

	.content .button:after,
	.content button:after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: -3px;
		width: 80%;
		height: 3px;
		background: var(--color-highlight);
		z-index: -1;

		-webkit-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;

		-moz-transform: translate(-50%, 0px);
		-webkit-transform: translate(-50%, 0px);
		-o-transform: translate(-50%, 0px);
		-ms-transform: translate(-50%, 0px);
		transform: translate(-50%, 0px);
	}

		.content .button:hover,
		.content button:hover {
			color: var(--color-white);
		}

		.content .button:hover:after,
		.content button:hover:after {
			width: calc(100% + 20px);
			height: calc(100% + 6px)
		}

	.content .button.disabled,
	.content button[disabled]{
		color: var(--color-black);
		cursor: default;
	}

		.content .button.disabled:hover,
		.content button[disabled]:hover{
			color: var(--color-white);
		}

		.content .button.disabled:after,
		.content button[disabled]:after {
			background: var(--color-black);
		}

	.content .button.button-black {
		color: var(--color-black);
	}

		.content .button.button-black:hover {
			color: var(--color-white);
		}

		.content .button.button-black:after {
			background: var(--color-black);
		}

	.content .button.button-white {
		color: var(--color-white);
	}

		.content .button.button-white:hover {
			color: var(--color-highlight);
		}

		.content .button.button-white:after {
			background: var(--color-white);
		}

.header {
	background: var(--color-white);
	box-sizing: border-box;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: var(--header-height);
	z-index: 100;
	font-family: var(--font-special-family);
	font-weight: var(--font-special-weight-regular);
	font-size: 16px;
	text-transform: uppercase;
}

	body.transition .header {
		-webkit-transition: height 200ms ease-in-out;
		-o-transition: height 200ms ease-in-out;
		transition: height 200ms ease-in-out;
	}

	.header.scrolled {
		height: var(--header-height-scrolled);
	}

	.header .width {
		position: relative;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.header .logo {
		display: block;
		color: transparent;
		overflow: hidden;
		width: 50px;
		padding: 50px 0 0;
		height: 0;
		background: url(../img/logo/playmaker_logo_bildmarke.svg) no-repeat center center / contain;
		position: absolute;
		left: 50%;
		top: 50%;
		z-index: 10;

		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.header .menu {
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: center;
	}

		.header .menu li {
			display: inline-block;
		}

		.header .menu a {
			color: var(--color-black);
			text-decoration: none;
			display: inline-block;
			padding: 20px;
		}

			.header .menu a:hover {
				color: var(--color-highlight);
			}

			.header .menu .current-menu-item a,
			.header .menu .current-page-ancestor a {
				font-weight: var(--font-special-weight-bold);
			}

		.header .menu .subscribe {
			position: absolute;
			right: 0;
			top: 50%;
			-moz-transform: translate(0%, -50%);
			-webkit-transform: translate(0%, -50%);
			-o-transform: translate(0%, -50%);
			-ms-transform: translate(0%, -50%);
			transform: translate(0%, -50%);
		}

			.header .menu .subscribe a {
				color: var(--color-highlight);
				text-decoration: underline;
			}

				.header .menu .subscribe a:hover {
					text-decoration: none;
				}

		.header .menu li:nth-child(1) {
			padding-left: 30px;
		}

		.header .menu li:nth-child(3) {
			padding-right: 130px;
		}

	.header .searchbox {
		position: absolute;
		left: 20px;
		top: 0;
		height: 100%;
		display: flex;
		align-items: center;
		color: var(--color-highlight);
		overflow: hidden;
	}

		.header .searchbox .search-form .screen-reader-text {
			display: none;
		}

		.header .searchbox .search-form input {
			box-shadow: unset;
			border: 0;
			padding: 0;
			margin: 0;
			width: 130px;
			background: transparent;
			color: var(--color-highlight);
			border-bottom: 1px solid var(--color-highlight);
		}

		.header .searchbox .search-form button {
			color: transparent;
			background: transparent;
			width: 20px;
			height: 20px;
			border: 0;
			padding: 0;
			margin: 0;
			box-shadow: 0;
			box-sizing: border-box;
			background: var(--color-white) url(../img/icons/search.svg) no-repeat center center / auto 14px;
			position: relative;
			margin-left: -20px;
			z-index: 5;
		}

			.header .searchbox .search-form button:after {
				display: none;
			}

	.header .menu-icon {
		display: none;
	}

	@media ( max-width: 1040px ) {

		.header .menu-icon {
			display: block;
			width: 30px;
			height: 40px;
			margin-top: -20px;
			position: absolute;
			right: 20px;
			top: 50%;
			cursor: pointer;
		}

			.header .menu-icon .icon,
			.header .menu-icon .icon:before,
			.header .menu-icon .icon:after {
				pointer-events: none;
				display: block;
				height: 2px;
				background: var(--color-black);
				width: 100%;
				left: 0;
				top: 50%;
				position: absolute;

				-moz-transform: translate(0px, -50%);
				-webkit-transform: translate(0px, -50%);
				-o-transform: translate(0px, -50%);
				-ms-transform: translate(0px, -50%);
				transform: translate(0px, -50%);

				-webkit-transition: all 200ms ease-in-out;
				-o-transition: all 200ms ease-in-out;
				transition: all 200ms ease-in-out;
			}

				.header .menu-icon .icon:before,
				.header .menu-icon .icon:after {
					content: "";
				}

				.header .menu-icon .icon:before {
					margin-top: -7px;
				}

					.header .menu-icon:hover .icon:before {
						margin-top: -5px;
					}

				.header .menu-icon .icon:after {
					margin-top: 7px;
				}

					.header .menu-icon:hover .icon:after {
						margin-top: 5px;
					}

			.header.menu-open .menu-icon .icon {
				background-color: transparent;
			}

				.header.menu-open .menu-icon .icon:before {
					margin-top: 0;
					opacity: 0.8;

					-moz-transform: rotate(45deg) translate(0px, 0px);
					-webkit-transform: rotate(45deg) translate(0px, 0px);
					-o-transform: rotate(45deg) translate(0px, 0px);
					-ms-transform: rotate(45deg) translate(0px, 0px);
					transform: rotate(45deg) translate(0px, 0px);
				}

				.header.menu-open .menu-icon .icon:after {
					margin-top: 0;
					opacity: 0.8;

					-moz-transform: rotate(-45deg) translate(0px, 0px);
					-webkit-transform: rotate(-45deg) translate(0px, 0px);
					-o-transform: rotate(-45deg) translate(0px, 0px);
					-ms-transform: rotate(-45deg) translate(0px, 0px);
					transform: rotate(-45deg) translate(0px, 0px);
				}

		.header .logo {
			width: 40px;
			padding-top: 40px;
		}

		.header .width {
			padding: 0;
			display: block;
		}

		.header .menu-wrapper {
			display: none;
			background: var(--color-white);
			width: 100%;
			min-height: 100vh;
			box-sizing: border-box;
			padding: var(--header-height) 20px 20px;
		}

			.header.menu-open .menu-wrapper {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
			}

		.header .menu-wrapper .menu li {
			padding: 0 !important;
			display: block;
		}

			.header .menu-wrapper .menu li a {
				display: block;
				padding: 12px 0;
			}

		.header .menu .subscribe {
			margin-top: 40px;
			position: static;
			-moz-transform: translate(0px, 0px);
			-webkit-transform: translate(0px, 0px);
			-o-transform: translate(0px, 0px);
			-ms-transform: translate(0px, 0px);
			transform: translate(0px, 0px);
		}

		.header .searchbox {
			position: static;
			padding-bottom: 80px;
		}

			.header .searchbox .search-form {
				margin: 12px auto 0;
			}

	}

.footer {
	background: var(--color-black);
	color: var(--color-white);
	height: var(--footer-height);
	width: 100%;
	box-sizing: border-box;
	padding: 40px 0;
	font-size: 16px;
}

	.footer .width {
		height: 100%;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

		.footer .footer-menu-wrapper {
			flex-grow: 1;
		}

		.footer .footer-contact {
			padding-left: 40px;
		}

		.footer .footer-location {
			padding-left: 83px;
		}

	.footer .menu li {
		display: inline;
	}

		.footer .menu li + li:before {
			content: " | ";
		}

	.footer a {
		color: var(--color-white);
		text-decoration: none;
	}

		.footer .current-menu-item a,
		.footer .current-page-ancestor a,
		.footer a:hover {
			color: var(--color-highlight);
		}

	@media ( max-width: 880px ) {

		.footer {
			height: auto;
		}

			.footer .width {
				flex-wrap: wrap;
				justify-content: center;
			}

			.footer .footer-menu-wrapper {
				width: 100%;
				text-align: center;
				padding-bottom: 40px;
			}

			.footer .footer-contact {
				padding-left: 0;
			}

	}

	@media ( max-width: 480px ) {

		.footer {
			text-align: center;
		}

		.footer .footer-menu-wrapper {
			padding-bottom: 30px;
		}

			.footer .footer-menu-wrapper ul {
				font-size: 0.9em;
			}

		.footer .footer-contact {
			width: 100%;
			padding-bottom: 30px;
		}

		.footer .footer-location {
			padding-left: 0;
		}

	}

.subfooter {
	background: var(--color-highlight);
	color: var(--color-white);
	height: var(--subfooter-height);
	width: 100%;
	box-sizing: border-box;
	padding: 10px 0;
	font-size: 16px;
	line-height: 1;
}

	.subfooter .width {
		display: flex;
		height: 100%;
		justify-content: space-between;
		align-items: center;
	}

	.subfooter .copyright {
		font-weight: var(--font-default-weight-medium);
	}

	.subfooter .menu {
		display: inline-block;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

		.subfooter .menu li {
			display: inline;
		}

		.subfooter .menu a {
			display: inline-block;
			color: var(--color-white);
			text-decoration: none;
			padding: 5px 5px 5px 30px;
			position: relative;
			margin-left: 40px;
		}

			.subfooter .menu a:before,
			.subfooter .menu a:after {
				content: "";
				position: absolute;
				left: 5px;
				top: 1px;
				width: 20px;
				height: 20px;
				background: no-repeat center center / contain;

				-webkit-transition: opacity 200ms ease-in-out;
				-o-transition: opacity 200ms ease-in-out;
				transition: opacity 200ms ease-in-out;
			}

				.subfooter .menu a:before {
					opacity: 1;
				}

					.subfooter .menu a:hover:before {
						opacity: 0;
					}

				.subfooter .menu a:after {
					opacity: 0;
				}

					.subfooter .menu a:hover:after {
						opacity: 1;
					}

				.subfooter .menu .instagram a:before {
					background-image: url(../img/social-icons/instagram-white.svg);
				}

					.subfooter .menu .instagram a:after {
						background-image: url(../img/social-icons/instagram-black.svg);
					}

				.subfooter .menu .facebook a:before {
					background-image: url(../img/social-icons/facebook-white.svg);
				}

					.subfooter .menu .facebook a:after {
						background-image: url(../img/social-icons/facebook-black.svg);
					}

				.subfooter .menu .linkedin a:before {
					background-image: url(../img/social-icons/linkedin-white.svg);
				}

					.subfooter .menu .linkedin a:after {
						background-image: url(../img/social-icons/linkedin-black.svg);
					}

			.subfooter .menu a:hover {
				color: var(--color-black);
			}

	@media ( max-width: 880px ) {

		.subfooter {
			height: auto;
			padding-top: 20px;
			padding-bottom: 10px;
			text-align: center;
		}

			.subfooter .width {
				flex-wrap: wrap;
				justify-content: center;
			}

			.subfooter .copyright {
				width: 100%;
				padding-bottom: 10px;
			}

			.subfooter .menu a {
				margin: 5px;
			}

	}

	@media ( max-width: 680px ) {

		.subfooter {
			font-size: 0.7em;
		}

	}

.main {
	padding-top: var(--header-height);
	box-sizing: border-box;
	min-height: calc(100vh - var(--footer-height) - var(--subfooter-height) );
	display: flex;
	flex-direction: column;
}

	@media ( max-width: 880px ) {

		.main {
			min-height: 400px;
		}

	}

.page-header-simple,
.page-header {
	min-height: 400px;
	height: 50vh;
	box-sizing: border-box;
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

	.page-header-simple {
		padding: 40px 0;
		background: var(--color-grey-light);
	}

	.page-header:after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		background: var(--page-header-overlay);
	}

	.page-header .page-title {
		color: var(--color-white);
		text-shadow: 0 0 0.4em var(--color-black);
		position: relative;
		z-index: 5;
		padding: 0 20px;
	}

		.page-header .page-title .sub-headline {
			display: block;
		}

	.page-header img.background,
	.page-header img.overlay {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
		z-index: -3;
	}

	.page-header img.overlay {
		z-index: 0;
	}

	.page-header img.logo {
		display: block;
		max-width: 100px;
		max-height: 100px;
		width: auto;
		height: auto;
		margin: 20px auto 0;
		position: relative;
		z-index: 4;
	}

	@media ( max-width: 880px ) {

		.page-header-simple,
		.page-header {
			min-height: 200px;
			height: auto;
			display: flex;
			padding: 20px 0;
		}

	}

.page-content {
	position: relative;
	z-index: 5;
	padding: 120px 0;
	box-sizing: border-box;
	flex-grow: 1;
}

	.page-content:before,
	.page-content:after,
	.page-content .corner-element {
		content: "";
		width: 200px;
		height: 200px;
		position: absolute;
		z-index: -1;
		pointer-events: none;
		overflow: hidden;
	}

	.page-content.corner-left-top-1:before {
		left: 0;
		top: 0;
		background: url(../img/corners/left-top-1.png) no-repeat left top / contain;
	}

	.page-content.corner-left-top-2:before {
		left: 0;
		top: 0;
		background: url(../img/corners/left-top-2.png) no-repeat left top / contain;
	}

	.page-content.corner-left-top-3:before {
		left: 0;
		top: 0;
		background: url(../img/corners/left-top-3.png) no-repeat left top / contain;
	}

	.page-content.corner-left-top-4:before {
		left: 0;
		top: 0;
		background: url(../img/corners/left-top-4.png) no-repeat left top / contain;
	}

	.page-content.corner-left-top-5:before {
		left: 0;
		top: 0;
		background: url(../img/corners/left-top-5.png) no-repeat left top / contain;
	}

	.page-content.corner-left-bottom-1:after {
		left: 0;
		bottom: 0;
		background: url(../img/corners/left-bottom-1.png) no-repeat left bottom / contain;
	}

	.page-content.corner-left-bottom-2:after {
		left: 0;
		bottom: 0;
		background: url(../img/corners/left-bottom-2.png) no-repeat left bottom / contain;
	}

	.page-content.corner-left-bottom-3:after {
		left: 0;
		bottom: 0;
		background: url(../img/corners/left-bottom-3.png) no-repeat left bottom / contain;
	}

	.page-content.corner-right-bottom-1:after {
		right: 0;
		bottom: 0;
		background: url(../img/corners/right-bottom-1.png) no-repeat right bottom / contain;
	}

	.page-content.corner-right-bottom-2:after {
		right: 0;
		bottom: 0;
		background: url(../img/corners/right-bottom-2.png) no-repeat right bottom / contain;
	}

	.page-content .corner-element.corner-left-top {
		left: 0;
		top: 0;
	}

	.page-content .corner-element.corner-right-top {
		right: 0;
		top: 0;
	}

	.page-content .corner-element.corner-left-bottom {
		left: 0;
		bottom: 0;
	}

	.page-content .corner-element.corner-right-bottom {
		right: 0;
		bottom: 0;
	}

	.page-content .corner-element .corner-logo {
		width: 280px;
		display: block;
		text-align: center;
		position: absolute;
		left: -140px;
		top: 0;
		height: 140px;
		display: flex;
		box-sizing: border-box;
		padding: 20px;
		justify-content: center;
		align-items: flex-end;
		background-color: var(--color-green);
		box-shadow: 0 0 40px rgba(0,0,0,.4) inset;
		font-family: var(--font-special-family);
		font-weight: var(--font-special-weight-medium);
		text-transform: uppercase;

		-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);
		-webkit-transform-origin: top center;
		-ms-transform-origin: top center;
		transform-origin: top center;
	}

		.page-content .corner-element .corner-logo img {
			width: 60%;
			height: auto;
		}

	@media ( max-width: 880px ) {

		.page-content {
			padding-top: 60px;
		}

		.page-content:before,
		.page-content:after,
		.page-content .corner-element {
			width: 70px;
			height: 70px;
		}

		.page-content .corner-element {
			width: 100px;
			height: 100px;
		}

		.page-content .corner-element .corner-logo {
			width: 140px;
			left: -70px;
			top: 0;
			height: 70px;
			padding: 10px;
		}

			.page-content .corner-element .corner-logo img {
				width: 70%;
			}
			
	}

.headline-centered {
	text-align: center;
}

.headline-with-line {
}

	.headline-with-line:after {
		content: "";
		display: block;
		width: 60px;
		height: 4px;
		background: var(--color-highlight);
		margin: 10px auto 40px;
	}

.slideshow {
	overflow: hidden;
	position: relative;
}

	.slideshow:not(.inited) .slide:not(:first-child) {
		display: none;
	}

.newsposts {
}

	.newsposts .newspost {
		display: block;
		padding-top: 100%;
		position: relative;
		height: 0;
		overflow: hidden;
		box-shadow: 0 0 20px rgba(0,0,0,.2);
		background: var(--color-white);
	}

		.newsposts .newspost .title {
			display: flex;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			padding: 20px;
			box-sizing: border-box;
			justify-content: center;
			align-items: center;
			text-align: center;
			z-index: 5;
			background: rgba(0,0,0,.8);
			color: var(--color-white);
			opacity: 0;
		}
		
			.newsposts .newspost:hover .title {
				opacity: 1;
				-webkit-transition: opacity 200ms ease-in-out;
				-o-transition: opacity 200ms ease-in-out;
				transition: opacity 200ms ease-in-out;
			}

			.newsposts .newspost .title .text:after {
				content: "";
				display: block;
				background: url(../img/icons/arrow-right_white.svg) no-repeat center center / contain;
				width: 60px;
				height: 40px;
				margin: 60px auto 0;
			}

		.newsposts .newspost img {
			position: absolute;
			margin: 0;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			z-index: 1;
		}

	@media ( max-width: 1040px ) {

		.newsposts .newspost .title .text:after {
			margin-top: 30px;
		}

	}

	@media ( max-width: 880px ) {

		.newsposts .newspost .title {
			font-size: 0.8em;
		}

	}

	@media ( max-width: 680px ) {

		.newsposts .newspost .title .text > * {
			display: none;
		}
		
		.newsposts .newspost .title .text:after {
			margin: 0;
		}

	}

.block {
	padding: 120px 0;
}

	@media ( max-width: 680px ) {

		.block {
			padding: 60px 0;
		}

	}

.filmlist {
}

	.filmlist .film {
		display: block;
		height: 0;
		background: #eee;
		padding-top: 139%;
		position: relative;
		overflow: hidden;
	}

		.filmlist .film img,
		.filmlist .film .title {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
			position: absolute;
			left: 0;
			top: 0;
		}

			.filmlist .film .title {
				text-align: center;
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 20px;
				box-sizing: border-box;
			}

.quick-nav {
	position: fixed;
	right: -70px;
	top: 20%;
	z-index: 80;
	width: 150px;
	height: 100px;

	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

	.quick-nav .quick-nav-content {
		background: var(--color-white);
		padding: 10px;
		box-shadow: 0 0 10px rgba(0,0,0,.2);
		position: relative;
		z-index: 10;
		width: 100px;
		height: 40px;
		position: absolute;
		right: 0;
		top: 30px;
		display: flex;
		justify-content: flex-start;
		align-items: center;

		-webkit-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}

		.quick-nav input:checked + .quick-nav-toggle + .quick-nav-content {
			width: 200px;
			height: 70px;
		}

		.quick-nav ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			line-height: 1.3;
			font-size: 14px;
			opacity: 0;
			pointer-events: none;
			white-space: nowrap;
			position: relative;
			overflow: hidden;

			-webkit-transition: opacity 200ms ease-in-out;
			-o-transition: opacity 200ms ease-in-out;
			transition: opacity 200ms ease-in-out;
		}

			.quick-nav input:checked + .quick-nav-toggle + .quick-nav-content ul {
				opacity: 1;
				pointer-events: all;
			}

			.quick-nav ul li a {
				text-transform: uppercase;
				color: inherit;
				text-decoration: none;
			}

				.quick-nav ul li a:before {
					content: "→ ";
				}

				.quick-nav ul li a:hover {
					font-weight: var(--font-default-weight-bold);
				}

	.quick-nav .quick-nav-toggle {
		width: 150px;
		height: 80px;
		background: var(--color-highlight);
		position: absolute;
		right: 0;
		z-index: 5;
	}

	.quick-nav input {
		position: absolute;
		right: 120px;
		top: 0;
		width: 30px;
		height: 30px;
		z-index: 20;
		opacity: 0;
		cursor: pointer;
	}

		.quick-nav input + .quick-nav-toggle:after,
		.quick-nav input + .quick-nav-toggle:before {
			content: "";
			display: block;
			width: 2px;
			height: 20px;
			background: var(--color-white);
			position: absolute;
			left: 15px;
			top: 5px;
			z-index: 20;
			pointer-events: none;
			-moz-transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);

			-webkit-transition: all 200ms ease-in-out;
			-o-transition: all 200ms ease-in-out;
			transition: all 200ms ease-in-out;
		}

			.quick-nav input:hover + .quick-nav-toggle:after,
			.quick-nav input:hover + .quick-nav-toggle:before {
				background-color: var(--color-black);
			}

			.quick-nav input + .quick-nav-toggle:before {
				margin-top: 0px;
				-moz-transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
			}

			.quick-nav input:checked + .quick-nav-toggle:after {
				-moz-transform: rotate(0deg);
				-webkit-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				transform: rotate(0deg);
			}

			.quick-nav input:checked + .quick-nav-toggle:before {
				-moz-transform: rotate(90deg);
				-webkit-transform: rotate(90deg);
				-o-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
				transform: rotate(90deg);	
			}

	@media ( max-width: 1080px ) {

		.quick-nav {
			top: 90px;
		}

	}

	@media ( max-width: 680px ) {

		.quick-nav {
			display: none;
		}

	}

#lightbox {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.9) url(../img/icons/loading_white.svg) no-repeat center center / 40px auto;
	z-index: 3000;
}

	#lightbox.hidden {
		opacity: 0;
		pointer-events: none;
	}

	body.transition #lightbox {
		-webkit-transition: opacity 200ms ease-in-out;
		-o-transition: opacity 200ms ease-in-out;
		transition: opacity 200ms ease-in-out;
	}

	#lightbox:after {
		content: "×";
		display: block;
		width: 40px;
		height: 40px;
		font-size: 60px;
		color: var(--color-white);
		position: absolute;
		right: 10px;
		top: 0;
		cursor: pointer;
	}

	#lightbox-content {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 160px 80px;
		box-sizing: border-box;
	}

		#lightbox-content img {
			width: auto;
			max-width: 100%;
			height: auto;
			max-height: calc(100vh - 80px);
		}

		#lightbox-content .video-embed img {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			max-height: unset;
			object-fit: cover;
			object-position: center center;
		}

	@media ( max-width: 880px ) {

		#lightbox-content {
			padding: 80px 20px;
		}

		#lightbox-content img {
			max-height: calc(100vh - 40px);
		}

	}

.embed-container {
	display: block;
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	width: 100%;
	height: auto;
	background: var(--color-black) url(../img/icons/loading_white.svg) no-repeat center center / 40px auto;
}

	.embed-container iframe,
	.embed-container object,
	.embed-container embed,
	.embed-container canvas,
	.embed-container img {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.embed-container .warn {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		z-index: 50;
		font-size: 14px;
		color: var(--color-white);
		text-align: center;
		background: rgba(0,0,0,.9);
	}

		.embed-container .warn a {
			color: inherit;
			text-decoration: underline;
		}

		.embed-container .warn a:hover {
			text-decoration: none;
		}

	.embed-container .video-embed {
		cursor: pointer;
	}

	.embed-container .video-embed:before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.2) url(../img/icons/play-button.svg) no-repeat center center / 96px auto;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 5;

		-webkit-transition: opacity 200ms ease-in-out;
		-moz-transition: opacity 200ms ease-in-out;
		-o-transition: opacity 200ms ease-in-out;
		-ms-transition: opacity 200ms ease-in-out;
		transition: opacity 200ms ease-in-out;
	}

		.embed-container .video-embed:hover:before {
			opacity: 0.5;
		}

	@media ( max-width: 680px ) {

		.embed-container .warn {
			font-size: 10px;
			padding: 6px;
		}

		.embed-container .video-embed:before {
			background-size: 40px auto;
		}

	}