/* Import */
@font-face {
	font-family:'Montserrat Subrayada';
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url('/shared/fonts/montserrat-subrayada-v8-latin-regular.eot');
	src:local('MontserratSubrayada-Regular'),
		url('/shared/fonts/montserrat-subrayada-v8-latin-regular.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/montserrat-subrayada-v8-latin-regular.woff2') format('woff2'),
		url('/shared/fonts/montserrat-subrayada-v8-latin-regular.woff') format('woff'),
		url('/shared/fonts/montserrat-subrayada-v8-latin-regular.ttf') format('truetype'),
		url('/shared/fonts/montserrat-subrayada-v8-latin-regular.svg#MontserratSubrayada') format('svg');
}
@font-face {
	font-family:'K2D';
	font-style:normal;
	font-weight:300;
	font-display:swap;
	src:url('/shared/fonts/k2d-v2-latin-300.eot');
	src:local('K2D Light'), local('K2D-Light'),
		url('/shared/fonts/k2d-v2-latin-300.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/k2d-v2-latin-300.woff2') format('woff2'),
		url('/shared/fonts/k2d-v2-latin-300.woff') format('woff'),
		url('/shared/fonts/k2d-v2-latin-300.ttf') format('truetype'),
		url('/shared/fonts/k2d-v2-latin-300.svg#K2D') format('svg');
}
@font-face {
	font-family:'K2D';
	font-style:italic;
	font-weight:300;
	font-display:swap;
	src:url('/shared/fonts/k2d-v2-latin-300italic.eot');
	src:local('K2D Light Italic'), local('K2D-LightItalic'),
		url('/shared/fonts/k2d-v2-latin-300italic.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/k2d-v2-latin-300italic.woff2') format('woff2'),
		url('/shared/fonts/k2d-v2-latin-300italic.woff') format('woff'),
		url('/shared/fonts/k2d-v2-latin-300italic.ttf') format('truetype'),
		url('/shared/fonts/k2d-v2-latin-300italic.svg#K2D') format('svg');
}

@font-face {
	font-family:'K2D';
	font-style:normal;
	font-weight:500;
	font-display:swap;
	src:url('/shared/fonts/k2d-v2-latin-500.eot');
	src:local('K2D Medium'), local('K2D-Medium'),
		url('/shared/fonts/k2d-v2-latin-500.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/k2d-v2-latin-500.woff2') format('woff2'),
		url('/shared/fonts/k2d-v2-latin-500.woff') format('woff'),
		url('/shared/fonts/k2d-v2-latin-500.ttf') format('truetype'),
		url('/shared/fonts/k2d-v2-latin-500.svg#K2D') format('svg');
}

/* Global */
html {
	scroll-behavior:smooth;
}
body {
	font-family:'K2D', sans-serif;
	font-weight:300;
	line-height:1.6;
	color:#fff;
	background:#00374d;
}
::selection {
	background:#000;
	color:#fff;
}
h1, h2, .h1, .h2 {
	font-family:'Montserrat Subrayada', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	font-size:2rem;
}
h2, .h2 {
	color:#f28b00;
}
h3, .h3 {
	font-weight:500;
	font-size:2rem;
}
img {
	max-width:100%;
}
video {
	width:100%;
	height:auto;
}
p {
	margin-bottom:1.5rem;
}
p a, p a:visited {
	color:#f28b00;
	border-bottom:1px solid #f28b00;
	transition:border .2s;
	text-decoration:none;
	outline:none;
}
p a:hover, p a:focus {
	color:#f28b00;
	border-color:transparent;
	text-decoration:none;
	outline:none;
}
a.btn, input.btn {
	background-color:#f28b00;
	color:#fff;
	border-radius:0;
	font-size:1.5rem;
	padding:1rem 1.5rem;
	transition:transform .2s;
	font-family:"Montserrat Subrayada", sans-serif;
	letter-spacing:-.01em;
	font-weight:400;
}
a.btn:hover, a.btn:focus, input.btn:hover, input.btn:focus {
	color:#fff;
	transform:scale(1.05);
	box-shadow:none;
}
.lazy-hidden {
	opacity:0;
}
.lazy-loaded {
	transition:opacity .6s;
	opacity:1;
}
.no-js noscript + img {
	display:none !important;
}
canvas {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#noscript {
	background:#f28b00;
	padding:1rem 2rem;
	left:0;
	bottom:0;
	z-index:9999;
}

/* Preloader */
#loader {
	width:100vw;
	height:100vh;
	position:fixed;
	z-index:9998;
	left:0;
	top:0;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
}
.no-js #loader {
	display:none;
}
#loader:after {
	width:60px;
	height:60px;
	border:10px solid #fff;
	border-top:10px solid #00374d;
	border-radius:50%;
	animation:spin 1s infinite;
	display:block;
	content:"";
	z-index:9999;
}
@keyframes spin {
	0% { transform:rotate(0deg); }
	100% { transform:rotate(360deg); }
}

/* Klaro CMP */
#klaro .klaro .cookie-modal {
	z-index:7000;
}
#klaro .klaro .cookie-modal h4 {
	margin-top:0;
	color:#fff;
}
main .klaro .context-notice {
	border-color:#ddd;
	border-radius:0;
}
#klaro .klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider, main .klaro .context-notice .cm-list-input:checked + .cm-list-label .slider, #klaro .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider,
#klaro .klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider, main .klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider, #klaro .klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider {
	background-color:#f28b00;
}
#klaro .klaro .cookie-modal a, #klaro .klaro .context-notice a, #klaro .klaro .cookie-notice a {
	color:#f28b00;
}
#klaro .klaro .cookie-modal .cm-btn, #klaro .klaro .cookie-modal .cm-btn.cm-btn-accept, main .klaro .context-notice .cm-btn, #klaro .klaro .cookie-notice .cm-btn,
#klaro .klaro .cookie-modal .cm-btn.cm-btn-success, main .klaro .context-notice .cm-btn.cm-btn-success, #klaro .klaro .cookie-notice .cm-btn.cm-btn-success {
	background-color:#2a2a2a;
	padding:8px 24px;
	border-radius:0;
}
#klaro .klaro .cookie-modal .cm-btn.cm-btn-accept-all, main .klaro .context-notice .cm-btn.cm-btn-info, #klaro .klaro .cookie-notice .cm-btn.cm-btn-info,
#klaro .klaro .cookie-modal .cm-btn.cm-btn-accept, main .klaro .context-notice .cm-btn.cm-btn-accept, #klaro .klaro .cookie-notice .cm-btn.cm-btn-accept,
#klaro .klaro .cookie-modal .cm-btn.cm-btn-success-var, main .klaro .context-notice .cm-btn.cm-btn-success-var, #klaro .klaro .cookie-notice .cm-btn.cm-btn-success-var {
	background-color:#f28b00;
}
#klaro .klaro .cm-purpose label {
	margin-bottom:0;
}

/* Menu */
#menu img {
	width:10rem;
}
#menu a {
	color:#fff;
	border-bottom:1px solid #fff;
	text-decoration:none;
	font-size:1.25rem;
	transition:color .2s, border .2s;
}
#menu a:hover, #menu a:focus, #menu .active a {
	color:#f28b00;
	border-color:transparent;
}
#menu a.social svg {
	fill:#fff;
	transition:fill .2s;
}
#menu a.social:hover svg, #menu a.social:focus svg {
	fill:#f28b00;
}

/* Content */
#start img {
	max-width:500px;
	width:100%;
}
#start img.signature {
	max-width:300px;
}
#start h3.countdown span {
	font-size:1.25rem;
	font-weight:300;
	line-height:1;
	margin:0 .5rem;
}
#start h3.countdown span#clock {
	font-size:6rem;
	font-weight:500;
	transform:translateY(-.25rem);
}
.light {
	padding:5rem 0;
	background:#fff;
	position:relative;
}
.light .wrap {
	background:radial-gradient(rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0));
	background:#fff;
	position:relative;
	z-index:1;
}
.light h3, .light p, .light li {
	color:#00374d;
}
#welcome h1 {
	color:#00374d;
	letter-spacing:0;
	font-family:'K2D', sans-serif;
	font-weight:300;
	text-transform:none;
}
#agenda .h5 {
	font-weight:400
}
#agenda dt {
	color:#00374d;
	font-weight:normal;
}
#agenda dd {
	color:#00374d;
}
#agenda dd p {
	padding-left: 10px;
}
#agenda dd p:before {
	content:'•';
	display:inline-block;
	margin-right:5px;
	margin-left:-10px;
}
#partner h3 {
	color:#00374d;
}
#partner .row:not(:last-child) {
	border-bottom:1px solid #ccc;
}
#members .carousel-control-next, #members .carousel-control-prev {
	display:none;
}
#members .carousel-indicators {
	bottom:-50px;
}
#members.light .carousel-indicators li {
	background-color:#00374d;
}
#members.light .carousel-control-next-icon {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%2300374d' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}
#members.light .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%2300374d' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}
#contact {
	padding-bottom:10rem;
}
#contact img {
	max-width:215px;
}
#contact h3 {
	color:#f28b00;
}
#welcome.quote .lead {
	font-size:1.5rem;
}
#dna img {
	width:3rem;
	float:left;
	margin-top:-.25rem;
}
#dna p {
	padding-left:4rem;
}
#facts img.large {
	max-width:1680px;
	margin:0 auto;
}
#statements .quote svg {
	fill:rgba(255,255,255,.25);
	width:48px;
	height:48px;
	position:absolute;
	left:-12px;
	top:0;
	z-index:-1;
}
#statements img {
	max-width:300px;
	width:100%;
}

/* Video-Player */
.plyr {
	height:auto;
}
.plyr.plyr--stopped .plyr__controls {
	display:none;
}
.plyr--full-ui input[type=range] {
	color:#f28b00;
}
.plyr__control--overlaid {
	background:rgba(242, 139, 0, .8);
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
	background:#f28b00;
}
.plyr__control.plyr__tab-focus {
	box-shadow:0 0 0 5px rgba(242, 139, 0, .5);
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
	background:#f28b00;
}
#testimonials .plyr button.plyr__control--overlaid {
	bottom:4rem;
	top:auto;
}
#testimonials .plyr--video::after {
	display:block;
	width:100%;
	height:300px;
	position:absolute;
	z-index:1;
	opacity:.75;
	bottom:0;
	left:0;
	content:"";
	transition:opacity .2s;
	background:linear-gradient(to bottom, transparent, #00374d);
}
#testimonials .plyr--video + p {
	transform:translateY(-4.5rem);
	z-index:2;
	position:relative;
	text-align:center;
	margin-bottom:0;
	transition:opacity .2s;
}
#testimonials .plyr--playing + p, #testimonials .plyr--playing::after {
	opacity:0;
}

/* Formular */
form .fullname {
	display:none;
}
.form-group > label {
	font-weight:500;
	color:#00374d;
}
#form {
	background:#fff;
}
#form label, #form p, #form h3, #form li, #form h4 {
	color:#00374d;
}
#form input.btn {
	font-size:1rem;
}
.form-control, .custom-select, .custom-checkbox .custom-control-label::before {
	border-color:#00374d;
	font-weight:300;
	border-radius:0;
	transition:border-color .2s;
	color:#00374d;
}
.form-control:hover, .custom-select:hover, .custom-checkbox .custom-control-label:hover::before, .form-control:focus, .custom-select:focus, .custom-checkbox .custom-control-label:focus::before, .custom-control-input:focus ~ .custom-control-label::before {
	box-shadow:none !important;
	border-color:#f28b00 !important;
	color:#000 !important;
}
.form-control:hover, .custom-select:hover {
	background-color:#fff !important;
}
.custom-select:hover, .custom-control-label:hover::after {
	cursor:pointer;
}
.custom-control-input:checked ~ .custom-control-label::before {
	border-color:#f28b00;
	background-color:#f28b00;
}
#form .custom-control-input:checked ~ .custom-control-label::before {
	background-color:#f28b00;
}

/* Media Queries */
@media (max-width: 1365px) {
	#menu a {
		font-size:1rem;
	}
}
@media (max-width: 992px) {
	#menu a {
		color:#00374d;
		border-bottom:1px solid #00374d;
		font-size:1.25rem;
	}
	#menu .navbar-toggler {
		padding:1rem;
	}
	#menu .navbar-toggler-icon {
		background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}
	#menu button[aria-expanded="true"] .navbar-toggler-icon {
		background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,55,77,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}
	#menu button {
		outline:none;
	}
	#menu a.social svg {
		fill:#00374d;
	}
	#menu .navbar-collapse {
		position:fixed;
		top:0;
		left:100%;
		padding:20% 10%;
		width:100%;
		transition:left .2s;
		background:#fff;
		background:rgba(255, 255, 255, .925);
		height:100vh;
		display:flex;
		justify-content:center;
		z-index:2;
	}
	#menu .navbar-collapse.show {
		left:0;
	}
	#menu .navbar-toggler {
		z-index:3;
		position:relative;
	}
	#menu .navbar-toggler span {
		display:block;
		width:2rem;
		height:.125rem;
		margin-bottom:.5rem;
		position:relative;
		background:#fff;
		border-radius:.125rem;
		z-index:1;
		transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0), background .5s cubic-bezier(0.77,0.2,0.05,1.0), opacity .5s ease, margin .5s;
	}
	#menu .navbar-toggler span:nth-last-child(2) {
		transform-origin:0 100%;
	}
	#menu button[aria-expanded="true"] span {
		opacity:1;
		transform:rotate(45deg) translate(-4px, -5px);
		background:#00374d;
		margin-bottom:0;
	}
	#menu button[aria-expanded="true"] span:nth-last-child(2) {
		opacity:1;
		transform:rotate(-45deg) translate(0, 9px);
	}
	#menu button[aria-expanded="true"] span:nth-last-child(3) {
		opacity:0;
		transform:rotate(0deg) scale(0.2, 0.2);
	}
}
@media (max-width:767px) {
	#statements .row:nth-of-type(even) .col-md-3 {
		order:2;
	}
	#statements .row:nth-of-type(even) .col-md-9 {
		order:1;
	}
}
@media (min-width:768px) {
	#facts h2 {
		position:absolute;
		left:15px;
		top:4rem;
		padding-top:0 !important;
	}
	p a[href^=tel] {
		color:#00374d;
		border-bottom:0;
	}
}
@media (min-width:992px) {
	h1, .h1 {
		font-size:4.5rem;
	}
	h2, .h2 {
		font-size:2.5rem;
	}
	#patron.fullscreen {
		background:url(/bilder/magdalena-neuner-fullscreen.jpg) right center / cover no-repeat;
	}
	#patron.fullscreen.patron-2021 {
		background:#fff;
	}
}
@media (min-width:1366px) {
	#members .carousel-control-next, #members .carousel-control-prev {
		width:10%;
		display:flex;
	}
	#members .carousel-control-next {
		right:-100px;
	}
	#members .carousel-control-prev {
		left:-100px;
	}
	#patron.fullscreen.patron-2021 .image-smaller {
		display:none;
	}
	#patron.fullscreen.patron-2021 {
		background:url(/bilder/matthias-steiner-large.jpg) right top / cover no-repeat;
	}
}