html {
	scroll-behavior: smooth;
	font-family: Verdana, sans-serif;
}

body {
	overflow-x: hidden;
}

.modal {
	z-index: 9999;
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	outline: 0;
}

.modal.show {
	display: block;
}

.modal.fade .modal-dialog {
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	transform: translate(0, -25%);
}

.modal-dialog-centered {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - (.5rem * 2));
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: .5rem;
	pointer-events: none;
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.fade.show {
	opacity: 1;
}

.modal.show .modal-dialog {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

@media (min-width: 576px) {

	.modal-dialog-centered {
		min-height: calc(100% - (1.75rem * 2));
	}

	.modal-dialog {
		max-width: 500px;
		margin: 1.75rem auto;
	}

}

.modal-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .3rem;
	outline: 0;
}

.modal-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem;
	border-bottom: 1px solid #e9ecef;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem;
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
}

.modal .h5,
.modal h5 {
	font-size: 1.75rem;
	padding: 0px;
	margin: 0px;
	color: #000000;
}

.modal button.close {
	color: #000000;
}

.modal-body {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem;
}

body.modal-open {
	overflow: hidden;
}

.modal-backdrop.fade {
	opacity: 0;
}

.modal-backdrop.show {
	opacity: .5;
}

.modal-backdrop {
	z-index: 9998;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
}

.modal button.btn-primary {
	background-color: #000000;
	border-color: #000000;
}

.modal-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 1rem;
	border-top: 1px solid #e9ecef;
}

.modal-footer>:not(:first-child) {
	margin-left: .25rem;
}

.modal-footer>:not(:last-child) {
	margin-right: .25rem;
}

.fix-height-110 {
	min-height: 110px;
}

.img-auto-size {
	width: 100%;
	height: auto;
}

figcaption {
	font-size: 18px;
	line-height: 26px;
	margin-top: 16px;
}

body,
.form-check-label {
	font-family: Verdana, sans-serif;
	font-size: 22px;
	line-height: 32px;
}

h1 {
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
}

h1.h1-inside-video strong,
.bgcolor-seperate strong {
	background-color: #000000;
	color: #ffffff;
	padding: 0px 6px;
}

.bgcolor-seperate strong {
	padding: 8px !important;
	line-height: 72px;
}

@media (max-width: 768px) {
	.bgcolor-seperate strong {
		line-height: 56px;
	}
}

h3,
p strong {
	font-size: 22px;
	line-height: 32px;
	font-weight: 600;
}

p.form-check-label {
	font-size: 20px;
	line-height: 27px;
}

form div.text-right {
	text-align: right;
}

.form-control {
	font-size: 20px;
	line-height: 28px;
}

form button {
	background-color: #7346B8;
	background-color: #4AC2DB;
	border: 1px solid #4AC2DB;
	padding: 30px 100px;
	font-size: 25px;
	line-height: 35px;
}

form button:hover {
	background-color: #000000;
	border: 1px solid #000000;
	color: #4AC2DB;
}

body.page-id-27.default .container.page a.wp-block-button__link,
.hf-message.hf-message-success {
	background-color: #7346B8;
	background-color: #4AC2DB;
	border: 1px solid #4AC2DB;
	padding: 30px 100px;
	font-size: 25px;
	line-height: 35px;
	color: #000000;
}

body.page-id-27.default .container.page a.wp-block-button__link:hover {
	background-color: #000000;
	border: 1px solid #000000;
	color: #4AC2DB;
}

form.hf-form.hf-form-76 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

#header.zindex {
	z-index: 111;
}

#header #tools .search input[type=text] {
	background-color: transparent;
	border: 3px solid #fff;
	border-radius: 0px;
	color: #ffffff;
	font-size: 16px;
	width: 108px;
	padding: 0px 10px;
	height: 50px;
	margin-top: 7px;
}

#header #tools .search button {
	display: none;
}

#header #tools .search.open button {
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	height: 100%;
	width: 26px;
	border: 0px;
	background: transparent;
	background: url("/wp-content/themes/spikelands/assets/images/d_close_icon_@2x.png") no-repeat;
	background-size: 26px;
	background-position: 50%;
}

#header #tools .search.open {
	width: 90%;
	position: relative;
}

#header #tools .search.open input[type=text] {
	width: 100%;
}

#header #tools .search input[type=text]::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #ffffff;
	opacity: 1;
}

#header #tools .search input[type=text]:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #ffffff;
}

#header #tools .search input[type=text]::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #ffffff;
}

form.hf-form.hf-form-76 input[type=email],
form.hf-form.hf-form-76 input[type=text],
form.hf-form.hf-form-76 select {
	border: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
	border-radius: 0px;
}

form.hf-form.hf-form-76 .form-check-input[type=radio] {
	width: 20px;
	height: 20px;
}

form.hf-form.hf-form-76 .form-check-input:checked {
	background-color: #000000;
	border-color: #000000;
}

form.hf-form.hf-form-76 input[type=text]::placeholder,
form.hf-form.hf-form-76 input[type=email]::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #000000;
	opacity: 1;
}

form.hf-form.hf-form-76 input[type=text]:-ms-input-placeholder,
form.hf-form.hf-form-76 input[type=email]:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #000000;
}

form.hf-form.hf-form-76 input[type=text]::-ms-input-placeholder,
form.hf-form.hf-form-76 input[type=email]::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #000000;
}

a {
	text-decoration: none;
}

.container.page a:not(.wp-block-button__link) {
	color: #000000;
	font-size: 27px;
	line-height: 40px;
	text-decoration: none;
}

.container.video {
	padding: 0px;
}

.container.page a:not(.wp-block-button__link):not(.not-arrow)::before {
	content: "";
	display: inline-block;
	background: url("/wp-content/themes/spikelands/assets/images/arrow_black.png") no-repeat;
	background-size: 100% 100%;
	width: 14px;
	background-size: contain;
	height: 14px;
}

.sience-top-box {
	display: none;
}

.sience-top-box .float-left {
	padding-top: 18px;
	margin: 0px;
}

.sience-top-box .float-right {
	padding-top: 15px;
	margin: 0px;
}

#header .sience-top-box {
	display: flex;
	background-color: #4AC2DB;
	color: #000000;
	text-align: right;
	line-height: 18px;
	border: 1px solid #4AC2DB;
	height: 70px;
}

#header .sience-top-box p strong {
	font-size: 15px;
}

#header .sience-top-box a:hover,
#header .sience-top-box a:visited,
#header .sience-top-box a:focus,
#header .sience-top-box a {
	color: #fff;
	border: 1px solid #000;
	padding: 16px 20px;
	background: #000;
}

audio #sience-top-box-audio {
	display: none;
}

#header {
	background-color: #000000;
	position: relative;
	padding: 20px;
}

#site-navigation {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 9998;
	background-color: #000000;
}

#site-navigation.fixed-nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998;
	width: 100%;
	background-color: #000000;
}

#site-navigation.fixed-nav #primary-menu ul li:first-child {
	padding-left: 10px;
}

.mg_zone #header.sticky {
	visibility: hidden;
}

#header.sticky {
	z-index: 9998;
	border-bottom: 3px solid #7346B8;
}

/* DESKTOP L */
@media (min-width: 1024px) {

	#header.sticky #navigation {
		display: block !important;
	}

}

#header.sticky.hover #navigation {
	display: block !important;
}

#header #navigation.active {
	display: block !important;
	margin-bottom: 20px;
}

#header.sticky>.row:not(.sience-top-box) {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

#header .logo {
	font-size: 52px;
	color: #ffffff;
}

#header .logo.default,
body:not(.home) #header .logo {
	color: #ffffff;
}

body.home #header .logo.animation {
	-webkit-animation: colorchange 3s 1 alternate;
}

@-webkit-keyframes colorchange {
	0% {

		color: #7346B8;
	}

	100% {

		color: #ffffff;
	}
}

#header #tools {
	text-align: right;
	height: 64px;
}

#header #tools a:not(.dropdown-item),
#header #tools .dropdown {
	height: 32px;
	width: 32px;
	display: inline-block;
	cursor: pointer;
}

#header #tools #homeButton {
	background: url('/wp-content/themes/spikelands/assets/images/d_home_icon_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

#header #tools #playButton {
	background: url('/wp-content/themes/spikelands/assets/images/d_Play_icon_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

#header #tools #playButton.isPlaying {
	background: url('/wp-content/themes/spikelands/assets/images/d_stop_icon_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

#header #tools #contrast1Button {
	background: url('/wp-content/themes/spikelands/assets/images/Normal_Contrast_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

#header #tools #contrast2Button {
	background: url('/wp-content/themes/spikelands/assets/images/Dark_Contrast_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

#header #tools #contrast3Button {
	background: url('/wp-content/themes/spikelands/assets/images/Light_Contrast_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

#header #tools #zoomButton {
	background: url('/wp-content/themes/spikelands/assets/images/d_Size_medium_icon_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

body.light-font #header #tools #zoomButton {
	background: url('/wp-content/themes/spikelands/assets/images/d_Size_small_icon_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

body.big-font #header #tools #zoomButton {
	background: url('/wp-content/themes/spikelands/assets/images/d_Size_large_icon_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

#header #tools #magnifierButton {
	background: url('/wp-content/themes/spikelands/assets/images/d_Search_icon_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

#header #tools #magnifierButton {
	background: url('/wp-content/themes/spikelands/assets/images/d_Search_icon_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

#header #primary-menu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

#header #primary-menu ul li {
	display: inline-flex;
	text-align: left;
}

#header #primary-menu ul li a {
	font-size: 25px;
	line-height: 50px;
	font-weight: 400;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 2px solid #000000;
}

#header #primary-menu ul li a.current {
	color: #ffffff;
	font-weight: 600;
	border-bottom: 2px solid #ffffff;
}

#footer {
	background-color: #000000;
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
}

#footer-logo {
	max-height: 40px;
	color: yellow;
}

#footer ul {
	list-style: none;
	padding: 0px;
}

#footer a {
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
	text-decoration: none;
}

.vimeo-fullsize iframe {
	width: 100%;
	height: 600px;
}

.wp-block-embed,
figure {
	margin: 0px;
	padding: 0px;
}

.resources-title {
	margin-top: 50px;
}

ol,
.resources-list {
	margin-bottom: 50px;
}

ol,
.resources-list,
.resources-title,
.container.page a.wp-block-button__link {
	font-size: 20px;
	line-height: 24px;
}

ol,
.resources-list,
.resources-title {
	color: #818181;
	list-style: decimal;
}

.container.page a.wp-block-button__link {
	border-radius: 2px;
	background-color: #000000;
	color: #ffffff;
	padding: 30px 30px;
	margin: 40px 0px;
	font-weight: 600;
	text-transform: uppercase;
	min-width: 300px;
}

.container.page .wp-block-column .button-fix a.wp-block-button__link {
	min-height: 156px;
	min-width: 330px;
	width: 330px;
	align-items: center !important;
	justify-content: center !important;
	display: flex;
	margin: 20px 0px;
}

.container.page .wp-block-column.col-6 .button-fix a.wp-block-button__link,
.container.page .wp-block-column.col-md-6 .button-fix a.wp-block-button__link {
	width: 100%;
}

.container.page a.wp-block-button__link:hover {
	background-color: #242221;
	background-position: calc(100% - 18px);
}

.container.page a.wp-block-button__link:active {
	background-color: #000000;
}

.container.page a.wp-block-button__link {
	background-image: url("/wp-content/uploads/2023/07/arrow-right.png");
	background-position: calc(100% - 24px);
	background-repeat: no-repeat !important;
	background-size: 32px;
	padding-right: 78px !important;
	transition: background-position 0.1s ease-out;
}

body.light .container.page a.wp-block-button__link {
	background-image: url("/wp-content/uploads/2023/07/arrow-right-black.png");
}

body.light .container.page a.wp-block-button__link:hover {
	background-image: url("/wp-content/uploads/2023/07/arrow-right-yellow.png");
}

body.dark .container.page a.wp-block-button__link {
	background-image: url("/wp-content/uploads/2023/07/arrow-right-yellow.png");
}

body.dark .container.page a.wp-block-button__link:hover {
	background-image: url("/wp-content/uploads/2023/07/arrow-right-black.png");
}

.audioBox {
	outline: #FEEF27 solid 2px !important;
	box-shadow: 0 0 16px #000000;
}

body.page-id-27 #header #primary-menu ul li a.current,
body.page-id-11 #header #primary-menu ul li a.current {
	color: #4AC2DB;
	border-bottom: 2px solid #4AC2DB;
}

body.page-id-27 #header .logo,
body.page-id-11 #header .logo {
	color: #4AC2DB;
}

#footer #footer-logo {
	background: url('/wp-content/themes/spikelands/assets/images/footer_logo.png');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 122px;
	height: 40px;
	display: block;
	margin-bottom: 30px;
}

#cookies {
	position: fixed;
	bottom: -1000px;
	background: #000000;
	color: #ffffff;
	transition-duration: 2.15s;
	transition-timing-function: linear;
	border: 4px solid #000000;
	left: 50%;
	transform: translate(-50%, 0);
	margin: 0 auto;
	z-index: 9999;
}

#cookies p,
#cookies button {
	font-size: 24px;
	line-height: 26px;
}

#cookies.hide {
	display: none;
}

#cookies.up {
	bottom: 0px;
}

#cookies h3,
#cookies p {
	color: #ffffff;
}

#cookies button {
	width: 100%;
	border: 4px solid #ffffff;
	background: #ffffff;
	color: #000000;
	border-radius: 6px;
	height: 70px;
}

#cookies button.cookie_reject {
	border-color: #ffffff;
	background: #000000;
	color: #ffffff;
}

#cookies .close-button {
	position: absolute;
	right: 20px;
	top: 0px;
	text-transform: uppercase;
	cursor: pointer;
	color: #fff;
}

#cookies .close-button::before {
	content: 'Exit  x';
	font-weight: 400;
	font-size: 18px;
}

#cookies .close-button.close-de_DE::before {
	content: 'Schliessen  x';
}

.container.video .wp-block-video.video-fullsize {
	position: relative;
}

.container.video .wp-block-video.video-fullsize div {
	display: flex;
	position: absolute;
	bottom: 0px;
}

.container.video .wp-block-video.video-fullsize h1.h1-inside-video {
	align-self: flex-end;
	margin-left: 20px;
}

.language-switcher,
.language-switcher a:focus,
.language-switcher a:hover,
.language-switcher a:visited,
.language-switcher a {
	color: #fff;
	font-size: 16px;
}

body.light .language-switcher,
body.light .language-switcher a:focus,
body.light .language-switcher a:hover,
body.light .language-switcher a:visited,
body.light .language-switcher a {
	color: #000;
}

body.dark .language-switcher,
body.dark .language-switcher a:focus,
body.dark .language-switcher a:hover,
body.dark .language-switcher a:visited,
body.dark .language-switcher a {
	color: #FEEF27;
}

/* PERMISSION */
.permission {
	z-index: 10000;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	background-color: #FEEF27;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0.55px;
	padding: 30px;
	border: 5px solid #13062F;
	color: #13062F;
	text-align: center;
	font-weight: 300;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: fixed;
}

.permission>div {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	width: 90%;
}

.permission button {
	background-color: #FEEF27;
	border: 2px solid #13062F;
	margin-top: 20px;
	padding: 6px 16px;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0.55px;
}

/* WORDPRESS STYLE */
.wp-block-video video {
	width: 100%;
}

.wp-block-video {
	margin-left: 0;
	margin-right: 0;
}

.wp-block-buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.wp-block-buttons>.wp-block-button {
	display: inline-block;
	margin-left: 0;
	margin-right: .5em;
	margin-bottom: .5em;
}

.wp-block-image img {
	max-width: 100%;
}

.wp-block-button__link {
	color: #fff;
	background-color: #000000;
	border: none;
	border-radius: 1.55em;
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
	font-size: 1.125em;
	padding: .667em 1.333em;
	text-align: center;
	text-decoration: none;
	overflow-wrap: break-word;
}

.dropdown-menu.show {
	border: 3px solid #000000;
}

.dropdown-menu.show a.dropdown-item {
	padding: 0px 1rem;
}

.dropdown-menu.show a.dropdown-item:hover {
	background-color: #7346B8;
	color: #ffffff;
}

/* MOBILE */

.container.video h1.h1-inside-video {
	font-size: 20px;
	line-height: 28px;
}

#header #primary-menu ul li {
	padding-right: 13px;
}

#header #primary-menu ul li:not(:first-child) {
	padding-left: 13px;
}

html[lang="de-DE"] #header #primary-menu ul li,
html[lang="de-DE"] #header #primary-menu ul li:not(:first-child) {
	padding-left: 6px;
	padding-right: 6px;
}

h1,
h2 {
	font-size: 32px;
	line-height: 40px;
	margin: 40px 0px;
}

p.info-box {
	padding: 1.25em 1.25em;
	background-color: #ffffff !important;
	border: 3px solid #000000;
}

.container.page .wp-block-column .button-fix.button-color-1 a.wp-block-button__link {
	background-color: #B364FF;
}

.container.page .wp-block-column .button-fix.button-color-2 a.wp-block-button__link {
	background-color: #FEEF27;
	color: #000000;
}

.container.page .wp-block-column .button-fix.button-color-3 a.wp-block-button__link {
	background-color: #000000;
}

.footer-up-button {
	position: fixed;
	bottom: 54px;
	right: 54px;
	width: 54px;
	height: 54px;
	background-image: url('/wp-content/themes/spikelands/assets/images/apellis_up_button_b_w.png');
	background-size: 100%;
	background-repeat: no-repeat;
	cursor: pointer;
	display: none;
	opacity: 0;
	animation-duration: 1500ms;
}

body.dark .footer-up-button {
	background-image: url('/wp-content/themes/spikelands/assets/images/apellis_up_button_y_b.png');
}

body.light .footer-up-button {
	background-image: url('/wp-content/themes/spikelands/assets/images/apellis_up_button_b_y.png');
}

.footer-up-button.show {
	display: block;
	opacity: 1;
	animation-duration: 1500ms;
}

/* HAMBURGER */
.hamburger {
	padding: 0px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
	color: #ffffff;
}

.hamburger:hover {}

.hamburger.is-active:hover {}

.hamburger-box {
	height: 24px;
	display: inline-block;
	position: relative;
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}

/* HAMBURGER OPEN */
#header #navigation.active #primary-menu ul li {
	display: block;
	padding-left: 0px;
}

/* DARK */
body.dark {
	background-color: #000000;
	color: #FEEF27;
}

body.dark h1.h1-inside-video strong,
body.dark .bgcolor-seperate strong {
	background-color: #000000;
	color: #FEEF27;
}

body.dark h1.bgcolor-seperate,
body.dark .bgcolor-seperate {
	border: 1px solid #FEEF27;
}

body.dark .container.page a.wp-block-button__link {
	border: 2px solid #FEEF27;
}

body.dark .container.page a.wp-block-button__link:hover {
	background-color: #FEEF27;
	color: #000000;
}

body.dark #header .logo {
	font-size: 52px;
	color: #FEEF27;
}

body.dark #header #primary-menu ul li a,
body.dark h2,
body.dark h3,
body.dark p,
body.dark #header #primary-menu ul li a.current,
body.dark #footer,
body.dark .resources-list,
body.dark .resources-title,
body.dark #header #primary-menu ul li a,
body.dark .container.page a:not(.wp-block-button__link),
body.dark .container.page a.wp-block-button__link,
body.dark #footer a {
	color: #FEEF27;
}

body.dark #header #primary-menu ul li a {
	border-bottom: 2px solid #000000;
}

body.dark #header #primary-menu ul li a.current {
	border-bottom: 2px solid #FEEF27;
}

body.dark #header.sticky {
	border-bottom: 3px solid #FEEF27;
}

body.dark .audioBox {
	outline: #FEEF27 solid 2px !important;
	box-shadow: 0 0 16px #FEEF27;
}

body.dark.page-id-27 #header #primary-menu ul li a.current,
body.dark.page-id-11 #header #primary-menu ul li a.current {
	color: #FEEF27;
}

body.dark.page-id-27 #header .logo,
body.dark.page-id-11 #header .logo {
	color: #FEEF27;
}

body.dark #footer #footer-logo {
	background: url('/wp-content/themes/spikelands/assets/images/ape_logo_yellow_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

body.dark form.hf-form.hf-form-76 input[type=email],
body.dark form.hf-form.hf-form-76 input[type=text],
body.dark form.hf-form.hf-form-76 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #000000;
	border-bottom: 1px solid #FEEF27;
	border-radius: 0px;
	background-color: #000000;
	color: #FEEF27;
}

body.dark form.hf-form.hf-form-76 input[type=text]::placeholder,
body.dark form.hf-form.hf-form-76 input[type=email]::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #FEEF27;
	opacity: 1;
}

body.dark form.hf-form.hf-form-76 input[type=text]:-ms-input-placeholder,
body.dark form.hf-form.hf-form-76 input[type=email]:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #FEEF27;
}

body.dark form.hf-form.hf-form-76 input[type=text]::-ms-input-placeholder,
body.dark form.hf-form.hf-form-76 input[type=email]::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #FEEF27;
}

body.dark .hamburger.is-active .hamburger-inner,
body.dark .hamburger.is-active .hamburger-inner::before,
body.dark .hamburger.is-active .hamburger-inner::after,
body.dark .hamburger-inner,
body.dark .hamburger-inner::before,
body.dark .hamburger-inner::after {
	background-color: #FEEF27;
}

body.dark .hamburger {
	color: #ffffff;
}

body.dark form button {
	background-color: #FEEF27;
	border: 1px solid #FEEF27;
	color: #000000;
}

body.dark form button:hover {
	background-color: #000000;
	border: 1px solid #FEEF27;
	color: #FEEF27;
}

body.dark .dropdown-menu.show {
	background-color: #000000;
	border: 3px solid #FEEF27;
}

body.dark .dropdown-menu.show a.dropdown-item {
	color: #FEEF27;
}

body.dark .dropdown-menu.show a.dropdown-item:hover {
	background-color: #FEEF27;
	color: #000000;
}

body.dark p.info-box {
	background-color: #000000 !important;
	border: 3px solid #FEEF27;
}

body.dark form.hf-form.hf-form-76 .form-check-input:checked {
	background-color: #000000;
	border: 1px solid #FEEF27;
}

body.dark #header #tools .search input[type=text] {
	border-color: #FEEF27;
	color: #FEEF27;
}

body.dark #header #tools .search input[type=text]::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #FEEF27;
	opacity: 1;
}

body.dark #header #tools .search input[type=text]:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #FEEF27;
}

body.dark #header #tools .search input[type=text]::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #FEEF27;
}

body.dark #cookies {
	border: 4px solid #FEEF27;
}

body.dark #cookies h3,
body.dark #cookies p {
	color: #FEEF27;
}

body.dark #cookies button {
	border: 4px solid #FEEF27;
	background: #FEEF27;
	color: #000000;
}

body.dark #cookies button.cookie_reject {
	border-color: #FEEF27;
	background: #000000;
	color: #FEEF27;
}

body.dark #cookies .close-button {
	color: #FEEF27;
}

body.dark .container.page .wp-block-column .button-fix.button-color-1 a.wp-block-button__link,
body.dark .container.page .wp-block-column .button-fix.button-color-2 a.wp-block-button__link,
body.dark .container.page .wp-block-column .button-fix.button-color-3 a.wp-block-button__link {
	background-color: #000000;
	color: #FEEF27;
}

body.dark .container.page a:not(.wp-block-button__link)::before {
	content: "";
	display: inline-block;
	background: url(/wp-content/themes/spikelands/assets/images/arrow_yellow.png) no-repeat;
	background-size: 100% 100%;
	width: 14px;
	background-size: contain;
	height: 14px;
}

body.dark #header .sience-top-box,
body.dark #header .sience-top-box p {
	background-color: #FEEF27;
	color: #000000;
	border-color: #FEEF27;
}

body.home.dark #header .logo.animation {
	-webkit-animation: colorchange_dark 3s 1 alternate;
}

@-webkit-keyframes colorchange_dark {
	0% {

		color: #FEEF27;
	}

	100% {

		color: #FEEF27;
	}
}

/* LIGHT */
body.light,
body.light #header,
body.light #footer {
	background-color: #FEEF27;
	color: #000000;
}

body.light h1.h1-inside-video strong,
body.light .bgcolor-seperate strong {
	background-color: #FEEF27;
	color: #000000;
}

body.light h1.bgcolor-seperate,
body.light .bgcolor-seperate {
	border: 1px solid #000000;
}

body.light .container.page a.wp-block-button__link {
	border: 2px solid #000000;
	background-color: #FEEF27;
}

body.light .container.page a.wp-block-button__link:hover {
	background-color: #000000;
	color: #FEEF27;
}

body.light #header .logo {
	font-size: 52px;
	color: #000000;
}

body.light #header #primary-menu ul li a,
body.light h2,
body.light h3,
body.light p,
body.light #header #primary-menu ul li a.current,
body.light #footer,
body.light .resources-list,
body.light .resources-title,
body.light #header #primary-menu ul li a,
body.light .container.page a:not(.wp-block-button__link),
body.light .container.page a.wp-block-button__link,
body.light #footer a {
	color: #000000;
}

body.light #header #primary-menu ul li a {
	border-bottom: 2px solid #FEEF27;
}

body.light #header #primary-menu ul li a.current {
	border-bottom: 2px solid #000000;
}


body.light #header.sticky {
	border-bottom: 3px solid #000000;
}

body.light #header #tools #homeButton {
	background: url('/wp-content/themes/spikelands/assets/images/l_home_icon_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

body.light #header #tools #playButton {
	background: url('/wp-content/themes/spikelands/assets/images/l_Play_icon_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

body.light #header #tools #playButton.isPlaying {
	background: url('/wp-content/themes/spikelands/assets/images/l_stop_icon_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

body.light #header #tools #zoomButton {
	background: url('/wp-content/themes/spikelands/assets/images/l_Size_medium_icon_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

body.light.light-font #header #tools #zoomButton {
	background: url('/wp-content/themes/spikelands/assets/images/l_Size_small_icon_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

body.light.big-font #header #tools #zoomButton {
	background: url('/wp-content/themes/spikelands/assets/images/l_Size_large_icon_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

#header #tools #zoomButton {
	height: 64px;
	width: 100px;
}

body.light #header #tools #magnifierButton {
	background: url('/wp-content/themes/spikelands/assets/images/l_Search_icon_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

body.light .audioBox {
	outline: #FEEF27 solid 2px !important;
	box-shadow: 0 0 16px #000000;
}

body.light.page-id-27 #header #primary-menu ul li a.current,
body.light.page-id-11 #header #primary-menu ul li a.current {
	color: #000000;
}

body.light.page-id-27 #header .logo,
body.light.page-id-11 #header .logo {
	color: #000000;
}

body.light #footer #footer-logo {
	background: url('/wp-content/themes/spikelands/assets/images/ape_logo_black_@2x.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

body.light form.hf-form.hf-form-76 input[type=email],
body.light form.hf-form.hf-form-76 input[type=text],
body.light form.hf-form.hf-form-76 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #FEEF27;
	border-bottom: 1px solid #000000;
	border-radius: 0px;
	background-color: #FEEF27;
	color: #000000;
}

body.light form.hf-form.hf-form-76 input[type=text]::placeholder,
body.light form.hf-form.hf-form-76 input[type=email]::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #000000;
	opacity: 1;
}

body.light form.hf-form.hf-form-76 input[type=text]:-ms-input-placeholder,
body.light form.hf-form.hf-form-76 input[type=email]:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #000000;
}

body.light form.hf-form.hf-form-76 input[type=text]::-ms-input-placeholder,
body.light form.hf-form.hf-form-76 input[type=email]::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #000000;
}

body.light .hamburger.is-active .hamburger-inner,
body.light .hamburger.is-active .hamburger-inner::before,
body.light .hamburger.is-active .hamburger-inner::after,
body.light .hamburger-inner,
body.light .hamburger-inner::before,
body.light .hamburger-inner::after {
	background-color: #000000;
}

body.light .hamburger {
	color: #000000;
}

body.light form button {
	background-color: #000000;
	border: 1px solid #000000;
	color: #FEEF27;
}

body.light form button:hover {
	background-color: #FEEF27;
	border: 1px solid #000000;
	color: #000000;
}

body.light .dropdown-menu.show {
	background-color: #FEEF27;
	border: 3px solid #000000;
}

body.light .dropdown-menu.show a.dropdown-item {
	color: #000000;
}

body.light .dropdown-menu.show a.dropdown-item:hover {
	background-color: #000000;
	color: #FEEF27;
}

body.light p.info-box {
	background-color: #FEEF27 !important;
	border: 3px solid #000000;
	color: #000000;
}

body.light #header #tools .search input[type=text] {
	border-color: #000000;
	color: #000000;
}

body.light #header #tools .search.open button {
	background-image: url('/wp-content/themes/spikelands/assets/images/l_close_icon_@2x.png');
}

body.light #header #tools .search input[type=text]::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #000000;
	opacity: 1;
}

body.light #header #tools .search input[type=text]:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #000000;
}

body.light #header #tools .search input[type=text]::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #000000;
}

body.light #cookies {
	border: 4px solid #000000;
}

body.light #cookies h3,
body.light #cookies p {
	color: #FEEF27;
}

body.light #cookies button {
	border: 4px solid #FEEF27;
	background: #FEEF27;
	color: #000000;
}

body.light #cookies button.cookie_reject {
	border-color: #FEEF27;
	background: #000000;
	color: #FEEF27;
}

body.light #cookies .close-button {
	color: #FEEF27;
}

body.light .container.page .wp-block-column .button-fix.button-color-1 a.wp-block-button__link,
body.light .container.page .wp-block-column .button-fix.button-color-2 a.wp-block-button__link,
body.light .container.page .wp-block-column .button-fix.button-color-3 a.wp-block-button__link {
	background-color: #FEEF27;
	color: #000000;
}

body.light #header .sience-top-box,
body.light #header .sience-top-box p {
	background-color: #FEEF27;
	color: #000000;
	border-color: #000000;
}

body.home.light #header .logo.animation {
	-webkit-animation: colorchange_light 3s 1 alternate;
}

@-webkit-keyframes colorchange_light {
	0% {

		color: #000000;
	}

	100% {

		color: #000000;
	}
}

/* ZOOM SMALL */
form.hf-form.hf-form-76 input[type=email],
form.hf-form.hf-form-76 input[type=text],
form.hf-form.hf-form-76 select,
body.light-font .form-control,
body.light-font .form-check-label,
body.light-font .container.page a,
body.light-font .container.page p,
body.light-font .container.page span {
	font-size: 20px;
	line-height: 28px;
}

body.light-font .form-check-input {
	margin-top: 12px;
}

body.light-font .container.page ol,
body.light-font .container.page .resources-list,
body.light-font .container.page .resources-title,
body.light-font .container.page h3,
body.light-font .container.page p strong {
	font-size: 20px;
	line-height: 28px;
}

body.light-font .container.video h1,
body.light-font .container.page h1 {
	font-size: 40px;
	line-height: 55px;
}

body.light-font .container.page h2 {
	font-size: 25px;
	line-height: 35px;
}

body.light-font .container.page a.wp-block-button__link {
	font-size: 25px;
	line-height: 35px;
}

/* ZOOM BIGGER */
body.big-font .form-check-label,
body.big-font .container.page a,
body.big-font .container.page p,
body.big-font .container.page span {
	font-size: 29px;
	line-height: 36px;
}

body.big-font .form-check-input {
	margin-top: 12px;
}

body.big-font .container.page h3,
body.big-font .container.page p strong {
	font-size: 35px;
	line-height: 40px;
}

body.big-font .container.video h1,
body.big-font .container.page h1,
body.big-font .container.page h2 {
	font-size: 60px;
	line-height: 75px;
}

body.big-font .container.page .resources-list,
body.big-font .container.page .resources-title,
body.big-font .container.page a.wp-block-button__link {
	font-size: 30px;
	line-height: 31px;
}

@media (max-width: 768px) {

	#header .sience-top-box {
		height: 146px;
	}

	#header .sience-top-box p strong {
		font-size: 11px;
		line-height: 20px;
	}

	.sience-top-box .float-right {
		margin-top: 10px;
	}

	#header #tools a:not(.dropdown-item),
	#header #tools .dropdown {
		height: 64px;
		width: 46px;
	}

	.wp-block-video video {
		width: 100%;
		height: 50vh;
		object-fit: cover;
	}

	body.light-font .container.video h1,
	body.light-font .container.page h1,
	body.light-font .container.page h2 {
		font-size: 26px;
		line-height: 42px;
	}

	#header #tools {
		display: flex !important;
		justify-content: flex-start !important;
		margin-top: 20px;
	}

	#header #tools .search input[type=text] {
		height: 37px;
		margin-top: 5px;
	}

}

/* DESKTOP M */
@media (min-width: 768px) and (max-width: 1023px) {

	#header #primary-menu ul li a {
		font-size: 16px;
		line-height: 26px;
	}

}

/* DESKTOP M - XL */
@media (min-width: 768px) {

	body.larg-font .container.page a.wp-block-button__link,
	h2 {
		font-size: 30px;
		line-height: 45px;
	}

	h2 {
		margin: 40px 0px;
	}

	h3,
	p strong {
		font-size: 25px;
		line-height: 35px;
		font-weight: 600;
	}

	body,
	.form-check-label {
		font-family: Verdana, sans-serif;
		font-size: 25px;
		line-height: 35px;
	}

	#header #navigation.active #primary-menu ul li {
		display: inline-flex;
	}

	#header #primary-menu ul li:not(:last-child) {
		border-right: 2px solid #ffffff;
	}

	body.dark #header #primary-menu ul li:not(:last-child) {
		border-right: 2px solid #FEEF27;
	}

	body.light #header #primary-menu ul li:not(:last-child) {
		border-right: 2px solid #000000;
	}

	#cookies .close-button {
		top: 10px;
	}

}

/* DESKTOP L */
@media (min-width: 1024px) {

	#header #tools a:not(.dropdown-item),
	#header #tools .dropdown {
		height: 64px;
		width: 64px;
	}

	#header {
		padding: 0px;
	}

	p.info-box {
		padding: 1.25em 2.375em;
	}

	.container.video h1.h1-inside-video,
	h1 {
		font-size: 50px;
		line-height: 65px;
	}

	#header #primary-menu ul li a {
		font-size: 16px;
		line-height: 32px;
	}

	#header #primary-menu ul li {
		padding-right: 20px;
	}

	#header #primary-menu ul li:not(:first-child) {
		padding-left: 20px;
	}

	html[lang="de-DE"] #header #primary-menu ul li,
	html[lang="de-DE"] #header #primary-menu ul li:not(:first-child) {
		padding-left: 14px;
		padding-right: 14px;
	}

	.container.video .wp-block-video.video-fullsize div {
		bottom: 20px;
	}

	.container.video .wp-block-video.video-fullsize h1.h1-inside-video {
		margin-left: 60px;
	}

}

/* DESKTOP XL */
@media (min-width: 1200px) {

	#header #primary-menu ul li a {
		font-size: 20px;
		line-height: 36px;
	}

}

/* DESKTOP XXL */
@media (min-width: 1400px) {

	#header #primary-menu ul li a {
		font-size: 20px;
		line-height: 36px;
	}

	#header #primary-menu ul li {
		padding-right: 38px;
	}

	#header #primary-menu ul li:not(:first-child) {
		padding-left: 38px;
	}

	html[lang="de-DE"] #header #primary-menu ul li,
	html[lang="de-DE"] #header #primary-menu ul li:not(:first-child) {
		padding-left: 28px;
		padding-right: 28px;
	}

}

.isHidden {
	display: none !important;
}

p.DEBUG {
	border: 1px solid red;
}

.magnifyXX {
	border-radius: 50%;
	border: 2px solid white;
	position: absolute;
	z-index: 20;
	cursor: crosshair;
	background-repeat: no-repeat;
	background-color: white;
	box-shadow: inset 0 0 20px rgba(0, 0, 0, .5);
	display: block;
	width: 300px;
	height: 300px;
	top: calc(50% - 150px);
	left: calc(50% - 150px);
}

body.dark .magnify {
	border-color: #FEEF27;
}

body.light .magnify {
	border-color: black;
}

.magnify {
	/*z-index: 20;
  position: relative;
  width:auto;
  height:auto;
  overflow: hidden;*/
}

.magnify img {
	display: block;
}

.element_to_magnify {
	position: relative;
	width: auto;
	height: auto;
	/*overflow: hidden;*/
}

.element_to_magnify a {}

.element_to_magnify img {
	max-width: 100%;
	height: auto;
}

.magnified_element {}

.magnify_glass {
	z-index: 300;
	position: absolute;
	width: 300px;
	height: 300px;
	cursor: move;
	border-radius: 50%;
	background: #fff;
	display: none;
}

.mg_ring {
	pointer-events: none;
	background: none;
	position: absolute;
	-moz-box-shadow: inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	-ms-box-shadow: inset 0 0 10px #000000;
	box-shadow: inset 0 0 10px #000000;
	border: 4px solid #CCC;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	z-index: 20;

}

.mg_zone {
	position: absolute;
	border-radius: 50%;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10;
	overflow: hidden;
}

.pm_btn {
	border: 4px solid #CCC;
	z-index: 30;
	color: #333;
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 50%;

}

.pm_btn h2 {
	text-align: center;
	user-select: none;
	cursor: pointer;
}

.magnify_glass .minus {
	right: -24px;
	bottom: 30px;
}

.magnify_glass .minus h2 {
	text-align: center;
	user-select: none;
	cursor: pointer;
	font-size: 28px;
	margin: 0px;
	line-height: 30px;
}

.magnify_glass .plus {
	right: 0px;
	bottom: -5px;
}

.magnify_glass .plus h2 {
	text-align: center;
	user-select: none;
	cursor: pointer;
	font-size: 24px;
	margin: 0px;
	line-height: 30px;
}

.magnify_glass .button {
	width: 30px;
	height: 30px;
	padding-top: 5px;
	overflow: hidden;
	border-radius: 50%;
	background-color: rgba(50, 50, 50, .5);
	position: absolute;
	text-indent: -999em;
	border: solid black 1px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

body.dark .graphic_cascade img {
	content: url("/wp-content/themes/spikelands/assets/images/graphic_cascade_@2x.png");
}

html[lang="de-DE"] body.dark .graphic_cascade img {
	content: url("/wp-content/themes/spikelands/assets/images/de_graphic_cascade__yellow_de_@2x.png");
}

#footer a.vimeo_link,
#footer a.youtube_link,
#footer a.spotify_link {
	height: 48px;
	width: 48px;
	background-size: 100%;
	background-repeat: no-repeat;
	display: inline-block;
}

#footer a.vimeo_link {
	background-image: url('/wp-content/themes/spikelands/assets/images/vimeo_w@2x.png');
	margin-right: 10px;
}

#footer a.youtube_link {
	background-image: url('/wp-content/themes/spikelands/assets/images/ytb_w@2x.png');
	margin-right: 10px;
}

#footer a.spotify_link {
	background-image: url('/wp-content/themes/spikelands/assets/images/spotify_w@2x.png');
}

body.dark #footer a.vimeo_link {
	background-image: url('/wp-content/themes/spikelands/assets/images/vimeo_y@2X.png');
}

body.dark #footer a.youtube_link {
	background-image: url('/wp-content/themes/spikelands/assets/images/ytb_y@2X.png');
}

body.dark #footer a.spotify_link {
	background-image: url('/wp-content/themes/spikelands/assets/images/spotify_y@2X.png');
}

body.light #footer a.vimeo_link {
	background-image: url('/wp-content/themes/spikelands/assets/images/vimeo_b@2X.png');
}

body.light #footer a.youtube_link {
	background-image: url('/wp-content/themes/spikelands/assets/images/ytb_b@2X.png');
}

body.light #footer a.spotify_link {
	background-image: url('/wp-content/themes/spikelands/assets/images/spotify_b@2X.png');
}

.podcast-button a.wp-block-button__link {
	background-image: url('/wp-content/themes/spikelands/assets/images/podcast_icon_white.png');
	background-position: calc(100% - 20px) 50%;
	background-repeat: no-repeat;
	background-size: 126px 75px;
	margin-top: 0px !important;
	background-color: #000;
	padding: 26px 40px !important;
	border-radius: 50px !important;
	padding-right: 160px !important;
	font-size: 18px !important;
	line-height: 27px !important;
	text-align: left;
}

.podcast-button a.wp-block-button__link:hover {
	background-color: #000 !important;
}

.no-cursor a.wp-block-button__link {
	cursor: default !important;
}

.wp-block-audio audio {
	width: 100% !important;
}

#dryamdBody table {
	font-size: 16px !important;
	margin: 20px 0;
	width: 100%;
}

#dryamdBody table thead {
	color: #000;
	background: #00000020;
	text-align: center;
	border-bottom: 0 !important;

}

#dryamdBody table th {
	border-top: 0;
	border-bottom: 2px solid #00000020;
	border-right: 2px solid #00000020;
	border-left: 0;
}

#dryamdBody table th:last-of-type {
	border-right: 0;
}

#dryamdBody td {
	border-top: 0;
	border-bottom: 2px solid #00000020;
	border-right: 2px solid #00000020;
	border-left: 0;
	padding: 5px 10px;
}

#dryamdBody table td:last-of-type {
	border-right: 0;
}




/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 22px;
	vertical-align: middle;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.sliderSwitcher {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.sliderSwitcher:before {
	position: absolute;
	content: "";
	height: 15px;
	width: 15px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.sliderSwitcher {
	background-color: #2196F3;
}

input:focus+.sliderSwitcher {
	box-shadow: 0 0 1px #2196F3;
}

input:checked+.sliderSwitcher:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.sliderSwitcher.round {
	border-radius: 22px;
}

.sliderSwitcher.round:before {
	border-radius: 50%;
}

.glossary-terms p:nth-of-type(2n + 1) {
	margin-bottom: 8px;
}

.glossary-terms p:nth-of-type(2n) {
	margin-bottom: 32px;
}

.resources-item {
	margin-bottom: 80px;
}

.resources-item h2:first-of-type {
	margin: 0px 0px 24px 0px;
	font-size: 25px;
	line-height: 35px;
}

.resources-item p:first-of-type {
	margin: 0px 0px 32px 0px;
}

.resources-item a.wp-block-button__link {
	margin: 0px !important;
}

.resources-item .wp-block-buttons {
	gap: 32px;
}

.resources-item .wp-block-buttons .wp-block-button {
	margin: 0px;
}

.homepage-link {
	flex-direction: column-reverse;
	gap: 32px;
	flex-wrap: nowrap !important;
}

.homepage-link h2 {
	margin: 0px;
	margin-bottom: 16px;
	font-size: 20px !important;
	line-height: 28px !important;
}

.homepage-link p {
	margin-bottom: 32px;
}

.homepage-link .wp-block-button,
.homepage-link .wp-block-button__link {
	margin: 0px !important;
	width: 100%;
	text-align: left;
}

.homepage-link .wp-block-button__link {
	padding: 32px 24px !important;
	font-weight: 400 !important;
}

@media (min-width: 992px) {
	.homepage-link h2 {
		margin-bottom: 24px;
		font-size: 25px !important;
		line-height: 35px !important;
	}
}

.explore-resources h2 {
	margin-top: 0px;
	margin-bottom: 24px;
}

.explore-resources p {
	margin-bottom: 32px;
}

.explore-resources .wp-block-button,
.explore-resources .wp-block-button__link {
	margin: 0px !important;
}


@media (min-width:992px) {
	.homepage-link {
		flex-direction: row;
		gap: 0px;
	}

	.homepage-link h3 {
		margin-bottom: 24px;
	}

	.homepage-link .wp-block-button__link {
		padding: 36px 32px !important;
	}
}

.ga-stages h2 {
	margin: 0px;
	margin-bottom: 24px;
}

.ga-stages .wp-block-columns {
	gap: 48px;
}

.ga-stages .wp-block-columns .wp-block-column p:first-of-type {
	min-height: 56px;
	margin-bottom: 32px;
}

.ga-stages .wp-block-columns .wp-block-column p:last-of-type {
	margin-bottom: 0px;
}

.ga-stages .wp-block-columns .wp-block-column figure {
	min-height: 185px;
	margin-bottom: 18px;
}

.ga-stages .wp-block-columns .wp-block-column img {
	max-height: 240px;
	height: 240px;
	width: unset;
}

@media (min-width: 992px) {
	.ga-stages .wp-block-columns .wp-block-column:first-of-type img {
		height: auto;
	}

	.ga-stages .wp-block-columns .wp-block-column img {
		max-height: 108px;
		height: 108px;
	}

	.ga-stages .wp-block-columns .wp-block-column figure {
		min-height: 108px;
	}
}

@media (min-width: 1200px) {
	.ga-stages .wp-block-columns .wp-block-column img {
		max-height: 131px;
		height: 131px;
	}

	.ga-stages .wp-block-columns .wp-block-column figure {
		min-height: 131px;
	}
}

@media (min-width: 1400px) {
	.ga-stages .wp-block-columns .wp-block-column figure {
		min-height: 185px;
		margin-bottom: 18px;
	}

	.ga-stages .wp-block-columns .wp-block-column img {
		max-height: 162px;
		height: 162px;
	}
}

.ga-vision-impact h2 {
	margin: 0px;
	margin-bottom: 32px;
}

.ga-vision-impact h2:has(+ p) {
	margin-bottom: 24px;
}

.ga-vision-impact .wp-block-columns {
	gap: 24px;
	margin-inline: 0px;
}

.ga-vision-impact .wp-block-columns:not(:nth-of-type(4)) {
	margin-bottom: 32px;
}

.ga-vision-impact .wp-block-columns .wp-block-column {
	padding: 0px;
	display: flex;
	flex-direction: column;
}

.ga-vision-impact .wp-block-columns .wp-block-column p {
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: lightgrey;
}

.ga-vision-impact .wp-block-columns .wp-block-column p {
	padding: 16px 16px 24px 16px;
	margin: 0px;
	flex-grow: 1;
}

@media (min-width:992px) {
	.ga-vision-impact .wp-block-columns {
		gap: 16px;
	}

	.ga-stages .wp-block-columns {
		gap: 0px;
	}

	.ga-stages .wp-block-columns .wp-block-column p:first-of-type {
		min-height: 100px;
	}

	.ga-stages .wp-block-columns .wp-block-column img {
		width: unset;
	}
}

@media (min-width:1400px) {
	.ga-stages .wp-block-columns .wp-block-column p:first-of-type {
		min-height: 56px;
	}
}

.flex-basis-content {
	flex-basis: content;
}

@media (max-width: 991px) {
	.gap-md-6 {
		gap: 2rem !important;
	}

	.full-w-btn {
		width: 100%;
		margin: 0px !important;
	}

	.full-w-btn a {
		width: 100%;
	}
}


.link-underline {
	text-decoration: underline !important;
	text-underline-offset: 2px;
}

.references .resources-title,
.references ol {
	color: #404040;
}

body.dark .references ol {
	color: #FEEF27;
}

.references ol li {
	word-break: break-word;
}

.references ol li a {
	color: inherit !important;
}

.text-medium {
	font-size: 20px;
	line-height: 28px;
}

.img-full img {
	width: 100%
}

@media (max-width: 991px) {
	.gap-6-md {
		gap: 32px;
	}
}

.resource-preview-item {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

@media (min-width: 992px) {
	.resource-preview-item {
		flex-direction: row;
	}
}

.resource-preview-item .wp-block-column:last-of-type {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.resource-preview-item .wp-block-column {
	flex: 1;
}

.resource-preview-item .wp-block-column:last-of-type .wp-block-button__link {
	margin: 0px;
}

.resource-preview-item .wp-block-column:last-of-type h2 {
	margin-top: 0px;
}

@media (max-width: 991px) {
	.resource-preview-item .wp-block-column:last-of-type h2 {
		margin-bottom: 24px;
	}

	.resource-preview-item .wp-block-column:last-of-type p {
		margin-bottom: 32px;
	}
}

.resource-btn-text-icon .wp-block-button,
.resource-btn-text-icon .wp-block-button__link,
.resource-btn-text-icon h4 {
	margin: 0px;
}

.resource-btn-text-icon h4 {
	border: 1px solid #D8D8D8;
	padding: 32px 20px;
	font-weight: bold;
	font-size: 32px;
}

.resource-btn-text-icon {
	display: flex;
	flex-direction: column;
	gap: 1px;
}

@media (min-width: 992px) {
	.resource-btn-text-icon {
		flex-direction: row;
		gap: 32px;
	}

	.resource-btn-text-icon h4 {
		width: 107px;
		height: 107px;
		text-align: center;
	}
}

@media (min-width: 1400px) {
	.resource-btn-text-icon .wp-block-button__link {
		height: 107px;
		padding-block: 0px !important;
		line-height: 107px !important;
	}
}

.show-dark {
	display: none;
}

body.dark .show-dark {
	display: block;
}

body.dark .hide-dark {
	display: none;
}

/* Osano */
/* Default */
body.default .osano-cm-info,
body.default .osano-cm-header,
body.default .osano-cm-info-dialog-header {
	background: #ffffff;
	color: #000000;
	stroke: #000000;
}

body.default .osano-cm-close {
	background: #ffffff;
	border: 2px solid #f0f0f0;
	color: #000000;
	stroke: #000000;
}

body.default .osano-cm-powered-by {
	display: none;
}

/* Dark */
body.dark .osano-cm-dialog {
	background: #111111;
	color: #feef27;
}

body.dark .osano-cm-link {
	color: #feef27;
}

body.dark .osano-cm-info,
body.dark .osano-cm-header,
body.dark .osano-cm-close,
body.dark .osano-cm-info-dialog-header {
	background: #000000;
	color: #FEEF27;
	stroke: #FEEF27;
}

body.dark .osano-cm-toggle__switch {
	border: 1px solid #FEEF27;
}

body.dark .osano-cm-button {
	background: #FEEF27;
}

body.dark .osano-cm-powered-by {
	display: none;
}

body.dark .osano-cm-info {
	background: #000000;
	color: #FEEF27;
}

/* Light */
body.light .osano-cm-dialog {
	background: #dfd222;
}

body.light .osano-cm-info,
body.light .osano-cm-header,
body.light .osano-cm-close,
body.light .osano-cm-info-dialog-header {
	background: #FEEF27;
	color: #000000;
	;
	stroke: #000000;
}

body.light .osano-cm-toggle__switch {
	border: 1px solid #000000;
	background-color: #000000;
}

body.light .osano-cm-close {
	background: #FEEF27;
	border: 2px solid #feef27;
	color: #000000;
	stroke: #000000;
}

body.light .osano-cm-button {
	background: #000000;
	color: #feef27;
}

body.light .osano-cm-powered-by {
	display: none;
}