/*
Theme Name: Dezibel
Theme URI: 
Author: Björn Rexin
Author URI: http://bjoernrexin.de/
Description: Theme für Hörakustik Collofong & Speckert basierend auf dem großartigen Theme »BlankSlate«.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post
Version: 2022.1
Requires at least: 5.2
Tested up to: 5.9
Requires PHP: 7.0

Dezibel WordPress Theme © 2022 Björn Rexin
*/

@charset "UTF-8";
:root {
	/* Corporate Design Typography*/
	--ff-primary: 		'Public Sans', 'Helvetica Neue', Arial, sans-serif;
	--ff-secondary: 	'Public Sans', 'Helvetica Neue', Arial, sans-serif;
	--p-lineheight:		1.5;

	--fnt-sz-mainmenu:1.0rem;	/* 20pt */
	--fnt-sz-h-one: 	1.0rem;	/* */
	--fnt-sz-h-two: 	4.8rem;	/* 48pt */
	--fnt-sz-h-three:	2.7rem;	/* 27pt */
	--fnt-sz-h-four: 	2.2rem;	/* 22pt */	
	--fnt-sz-p: 		2.1rem;	/* 21pt */

	/* Corporate Design Colors */
	--clr-purewhite:		#ffffff;
	--clr-snowgray: 		#eeeeee;
	--clr-snowgray-tl:	rgba(255, 255, 255, .75);
	--clr-anthrazit: 		#1e1e1e;
	--clr-stonegray: 		#5a5a5a;
	--clr-stonegray-tl:	rgba(40, 40, 40, .3);
	--clr-bronzedark: 	#975615;
	--clr-bronzelight: 	#d9bba1;
	--clr-champagne:		#fcefe5;

	/* Units */

	/* Spacers */
	--spacer-small:		3rem;							/* 16pt */
	--spacer-medium: 	calc(var(--spacer-small) * 2);	/* 32pt */
	--spacer-large: 	calc(var(--spacer-small) * 3);	/* 64pt */

	--magnifying-glass-anthrazit:		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzQuMzEgMjM0LjMxIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzFlMWUxZTt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjM0LjMxLDIxMS42OWwtNjAuMDYtNjAuMDZjMTEuMTgtMTUuNjksMTcuNzUtMzQuODksMTcuNzUtNTUuNjJDMTkyLDQyLjk4LDE0OS4wMiwwLDk2LDBTMCw0Mi45OCwwLDk2czQyLjk4LDk2LDk2LDk2YzIwLjczLDAsMzkuOTMtNi41Nyw1NS42Mi0xNy43NWw2MC4wNiw2MC4wNiwyMi42My0yMi42M1ptLTEzOC4zMS01MS42OWMtMzUuMjksMC02NC0yOC43MS02NC02NFM2MC43MSwzMiw5NiwzMnM2NCwyOC43MSw2NCw2NC0yOC43MSw2NC02NCw2NFoiLz48L3N2Zz4=');
	--magnifying-glass-snowgray:		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzQuMzEgMjM0LjMxIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2VlZTt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjM0LjMxLDIxMS42OWwtNjAuMDYtNjAuMDZjMTEuMTgtMTUuNjksMTcuNzUtMzQuODksMTcuNzUtNTUuNjJDMTkyLDQyLjk4LDE0OS4wMiwwLDk2LDBTMCw0Mi45OCwwLDk2czQyLjk4LDk2LDk2LDk2YzIwLjczLDAsMzkuOTMtNi41Nyw1NS42Mi0xNy43NWw2MC4wNiw2MC4wNiwyMi42My0yMi42M1ptLTEzOC4zMS01MS42OWMtMzUuMjksMC02NC0yOC43MS02NC02NFM2MC43MSwzMiw5NiwzMnM2NCwyOC43MSw2NCw2NC0yOC43MSw2NC02NCw2NFoiLz48L3N2Zz4=');
	--magnifying-glass-bronzedark:	url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzQuMzEgMjM0LjMxIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6Izk3NTYxNTt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjM0LjMxLDIxMS42OWwtNjAuMDYtNjAuMDZjMTEuMTgtMTUuNjksMTcuNzUtMzQuODksMTcuNzUtNTUuNjJDMTkyLDQyLjk4LDE0OS4wMiwwLDk2LDBTMCw0Mi45OCwwLDk2czQyLjk4LDk2LDk2LDk2YzIwLjczLDAsMzkuOTMtNi41Nyw1NS42Mi0xNy43NWw2MC4wNiw2MC4wNiwyMi42My0yMi42M1ptLTEzOC4zMS01MS42OWMtMzUuMjksMC02NC0yOC43MS02NC02NFM2MC43MSwzMiw5NiwzMnM2NCwyOC43MSw2NCw2NC0yOC43MSw2NC02NCw2NFoiLz48L3N2Zz4=');
}


/* Start Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav,
output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: ''; content: none;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
/* End Reset */


@viewport,
@-ms-viewport {
	width: extend-to-zoom;
	zoom: 1.0;
}

/* draw selected text in a paragraph white on black */
::-moz-selection 	   { color: var(--clr-purewhite);  background: var(--clr-bronzedark); }
::-webkit-selection  { color: var(--clr-purewhite);  background: var(--clr-bronzedark); }
::selection      	   { color: var(--clr-purewhite);  background: var(--clr-bronzedark); }


/**************************************************
	toggle debug mode via comment function below
***************************************************/
/*
h1, h3, h5 {
	background-color: green;
}
h2, h4, h6 {
	background-color: lightgreen;
}
p {
	background-color: lightblue;
}
ul {
	background-color: teal;
}
li {
	background-color: purple;
}

article {
	background-color: antiquewhite;
}

img {
	border: 1px dotted black;
}


.staff-member {
	background-color: lightgray;
}


.staff-member-details {
	background-color: aquamarine;
}


.staff-member h2 {
	background-color: lightblue;
}

.staff-member :is(h3, h4) {
	background-color: darkgray;
}

.staff-member p {
	background-color: blanchedalmond;
}

/**************************************************
	toggle debug mode via comment function above
***************************************************/



/* Start Font Faces */
@font-face {
	font-family: 'Public Sans'; src: url('fonts/PublicSans/PublicSans-Thin.ttf');
	font-weight: 200; font-style: normal;
}

@font-face {
	font-family: 'Public Sans'; src: url('fonts/PublicSans/PublicSans-ThinItalic.ttf');
	font-weight: 200; font-style: italic;
}

@font-face {
	font-family: 'Public Sans'; src: url('fonts/PublicSans/PublicSans-Light.ttf');
	font-weight: 300; font-style: normal;
}

@font-face {
	font-family: 'Public Sans'; src: url('fonts/PublicSans/PublicSans-LightItalic.ttf');
	font-weight: 300; font-style: italic;
}

@font-face {
	font-family: 'Public Sans'; src: url('fonts/PublicSans/PublicSans-Regular.ttf');
	font-weight: 400; font-style: normal;
}

@font-face {
	font-family: 'Public Sans'; src: url('fonts/PublicSans/PublicSans-Italic.ttf');
	font-weight: 400; font-style: italic;
}

@font-face {
	font-family: 'Public Sans'; src: url('fonts/PublicSans/PublicSans-Medium.ttf');
	font-weight: 500; font-style: normal;
}

@font-face {
	font-family: 'Public Sans'; src: url('fonts/PublicSans/PublicSans-MediumItalic.ttf');
	font-weight: 500; font-style: italic;
}

@font-face {
	font-family: 'Public Sans'; src: url('fonts/PublicSans/PublicSans-Bold.ttf');
	font-weight: 600; font-style: normal;
}

@font-face {
	font-family: 'Public Sans'; src: url('fonts/PublicSans/PublicSans-BoldItalic.ttf');
	font-weight: 600; font-style: italic;
}
/* End Font Faces */

html {
	font-family: var(--ff-primary);
	font-size: 62.5%;
	font-weight: 300;
}

body {
	overflow-y: scroll; /* Show vertical scrollbar */
	overflow-x: hidden;
	text-rendering: optimizeLegibility;
	color: var(--clr-anthrazit)
}

a {
	text-decoration: none;
	color: var(--clr-bronzedark);
}

/* Customize Scrollbar */
/*::-webkit-scrollbar {
	display: none;
	max-width: .75rem;
}
::-webkit-scrollbar-track {
	border: 0px solid var(--clr-snowgray);
	background: var(--clr-bronzelight);
}
::-webkit-scrollbar-track-piece {
	background: var(--clr-snowgray);
}
::-webkit-scrollbar-thumb {
	background: var(--clr-bronzedark);
	border: 1px solid var(--clr-snowgray);
}*/

/* Start Navigation */

#nav {
	background-color: var(--clr-stonegray);
	height: 6rem;
	width: 100%;
	position: fixed;
	z-index: 10;

	align-items: center;
	
	float: right;

	text-transform: uppercase;

	box-shadow: 0px 0px 10px rgba(0, 0, 0, .6);
	border-top: 0px solid var(--clr-bronzedark);
	border-bottom: 1px solid var(--clr-stonegray-tl);

	transition: 0.25s;
	transition-timing-function: ease-in-out;
}
/* if backdrop support: transparent and blurred */
@supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
  #nav {
	background-color: var(--clr-stonegray-tl);
	-webkit-backdrop-filter: blur(10px) brightness(50%);
	backdrop-filter: blur(10px) brightness(50%);
  }
}

#back-to-top-button {
	cursor: pointer;
	position: absolute;
	width: 8rem;
	height: 16rem;
	right: 3rem;
	top: calc(100vh - 6rem);
	background-color: var(--clr-purewhite);
	border-radius: 15px 15px 0 0;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);

	transform: translateY(12rem);
	transition: all 0.5s ease-in-out;
}

#back-to-top-button p {
	font-size: 1.2rem;
	text-align: center;
	margin: 1rem auto .25rem auto;
	display: block;
}

.arrow {
	margin-top: 2.25rem;
	margin-left: 2.5rem;
	border: solid var(--clr-anthrazit);
	border-width: 0 1rem 1rem 0;
	display: inline-block;
	padding: 1rem;
	z-index: -1;
}

.arrow-p {
	margin-top: 2.0rem;
	border: solid var(--clr-anthrazit);
	border-width: 0 .4rem .4rem 0;
	display: inline-block;
	padding: .4rem;
	z-index: -1;
}

/* Helper Classes for rotating the arrow class in 4 directions */
.right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
.down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}


.limiter {
	margin: 0 auto;
	height: 100%;
	max-width: 1920px;
	position: relative;
}

#logo-area {
	background-color: var(--clr-purewhite);
	position: absolute;
	top: 0;
	left: 3rem;
	border-radius: 0 0 2.0rem 2.0rem;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
	z-index: 50;
}

#header-logo {
	width: 	26rem; /* 13: 5 is the ratio of the logo */
	height: 10rem;

	padding-top: 		4.0rem;
	padding-right: 		4.0rem;
	padding-bottom: 	4.0rem;
	padding-left: 		4.0rem;

	transition: 0.25s;
	transition-timing-function: ease-in-out;
}

.header-logo-shrinked {
	width: 26.0rem !important;
	height: 7.5rem !important;

	padding-top: 		1.0rem !important;
	padding-right: 		4.0rem !important;
	padding-bottom: 	1.0rem !important;
	padding-left: 		4.0rem !important;
}

#menu-burger-menu {
	margin: auto;
	padding: 0;
	position: absolute;
	right: 0rem;
	cursor: pointer; 
	display: none;

	transition: 0.25s;
	transition-timing-function: ease-in-out;
}

#menu-burger-menu div {
	width: 2em;
	height: .125em;
	margin: .4em 0;
	background-color: var(--clr-snowgray);
	transition: all 0.5s ease;
}

#menu-hauptmenue {
	display: inline-block;
	text-align: left;
	margin-top: 2.5rem;
}

#menu-hauptmenue li {
	list-style: none;
}

#menu-hauptmenue li:before {
	padding-left: 0;
	padding-right: 0;
	content: '';
}

#menu-hauptmenue li a {
	color: var(--clr-snowgray);
}

#menu-hauptmenue li ul {
	display: none;
}

#menu-hauptmenue {
	transition: all 0.25s;
	transition-timing-function: ease-in-out;
}

.menu-hauptmenue-container {
	display: block;
	margin: auto 3rem; 

	transition: all 0.25s;
	transition-timing-function: ease-in-out;
}

#menu-hauptmenue .sub-menu {
	transform: translateX(0%);
	display: none;
	
	background-color: #eee;
	text-decoration: none;
	border-radius: 13px;
	border-radius: 10px;
}

#menu-hauptmenue .search-submit {
	display: none;
}

#page404 .search-submit {
	display: none;
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }


#menu-hauptmenue #search-field-small,
#menu-hauptmenue #search-field-large {
	margin: 0;
	color: transparent;
	background-color: transparent;
	background-image: var(--magnifying-glass-snowgray);
	background-repeat: no-repeat;
	font-size: 1.8rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-style: none;
	transition: all 1s;
}

#menu-hauptmenue #search-field-small:focus,
#menu-hauptmenue #search-field-large:focus {
	outline: none;
	color: var(--clr-anthrazit);
	background-color: var(--clr-snowgray);
	background-image: var(--magnifying-glass-bronzedark);
}

#search-results #search-field-small,
#search-results #search-field-large,
#page404 #search-field-small,
#page404 #search-field-large {
	outline: none;
	max-width: calc( 100rem - var(--spacer-small) - var(--spacer-small) );
}

/* */
.menu-shrinked {
	height: 4rem !important;
}

.menu-hauptmenue-shrinked {
	margin-top: 1.75rem !important;
}

.wp-block-nk-awb h2 {
	font-size: auto;
	line-height: 1.1;
	-webkit-hyphenate-limit-lines: 2;

	position: absolute;
	bottom: 12rem;
	right: 0;
	width: 66%;
	max-width: 18ch;
	padding: 3rem;
	margin-left: 3rem;

}

.wp-block-nk-awb .has-background {
	box-shadow: 3px 3px 6px rgba(0, 0, 0, .4);
	border-top: 1px var(--clr-snowgray);
	border-bottom: 1px var(--clr-stonegray);
}
/* if backdrop support: transparent and blurred */
@supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
  .wp-block-nk-awb .has-background {
	background-color: var(--clr-stonegray-tl) !important;
	-webkit-backdrop-filter: blur(10px) brightness(100%);
	backdrop-filter: blur(10px) brightness(100%);
  }
}


/* End Navigation */

time {
	display: block;
	text-align: left;
	font-family: var(--ff-primary);
}

h1 {
	display: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--ff-primary);
	font-weight: 500;
	text-align: left;
	line-height: 1.25;
	margin-bottom: 1.5rem;
}

h1, h2, h3 {
	text-transform: uppercase;
}

p {
	font-family: var(--ff-primary);
	text-align: justify;
	
	-webkit-hyphens: 				  auto;
	-ms-hyphens: 					  auto;
	-webkit-hyphenate-limit-lines: 		 4;
	-webkit-hyphenate-limit-chars: 	auto 3;
	-ms-hyphenate-limit-lines: 			 4;
	-ms-hyphenate-limit-chars: 		auto 3;
}

ul {
	font-family: var(--ff-primary);
	text-align: left;
}

li {

}

input {
	font-family: var(--ff-primary);
	text-align: left;
}

em {
	font-family: var(--ff-primary);
	font-style: italic;
	font-weight: 400;
}

blockquote {
	font-family: var(--ff-primary);
	margin-left: auto;
	margin-right: auto;
	max-width: calc( 100rem - var(--spacer-small) - var(--spacer-small) );
}

blockquote p {
	font-family: var(--ff-primary);
	font-style: italic;
	margin-bottom: 0rem !important;
}

strong {
	font-weight: 500;
}

blockquote cite {
	font-family: var(--ff-primary);
	display: block;
	font-weight: 500;
	text-align: left;
	margin-bottom: 2.7rem;
}

blockquote cite:before {
	font-family: var(--ff-primary);
	content: '—';
	padding-left: 1.0rem;
	padding-right: .25rem;
}

#wrapper {
	position: relative;
	min-height: 100vh;
}

#container {
	margin-top: 	0;
	margin-right: 	0rem;
	margin-bottom: 	0;
	margin-left: 	0rem;

	padding-top: 	0rem;
	padding-right: 	0;
	padding-bottom: 45.0rem;
	padding-left:	0;

	font-family: var(--ff-primary);
	font-size: 1.5rem;
	line-height: var(--p-lineheight);
	text-align: center; 				/* make the content centered on the screen */
}

#container h2 {
	font-size: 4.2rem; 
}

#container h3 {
	font-size: 2.7rem;
}

#container h4 {
	font-size: 2.7rem;
}

#container :is(p, li, blockquote, cite) {
	font-size: 2.1rem;
}

.image-menu {

}

.image-menu-2-images div figure {
	width: 49%;
	height: 80vh;
	display: inline-block;
	position: relative;
	margin: 0;
}


.image-menu-2-images div figure img {
	height: 100vh;
	object-fit: cover;
}


.image-menu-3-images div figure {
	width: 32%;
	display: inline-block;
	position: relative;
	margin: 0;
}


.image-menu div figure figcaption {
	position: absolute;
	bottom: 0;
	color: var(--clr-purewhite);
	text-transform: uppercase;
	padding: 3rem;
	opacity: 0.5;
	transition: opacity 1s ease;
	pointer-events: none;
}

.image-menu div figure:hover figcaption {
   opacity: 1;
}


/* if backdrop support: transparent and blurred */
@supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
  .image-menu div figure figcaption {
	background-color: var(--clr-stonegray-tl) !important;
	-webkit-backdrop-filter: blur(10px) brightness(100%);
	backdrop-filter: blur(10px) brightness(100%);
  }
}


.cli_settings_button,
.wpgmza-api-consent,
.wp-button-block,
.wpcf7-select,
.wpcf7-text,
.wpcf7-textarea,
.wpcf7-submit,
.post-edit-link,
.wp-block-button__link,
.button-standard {
	font-size: 2.1rem;
}

.faq-article,
.post,
.glossary-entry,
.entry-content {
	margin-top:		00.0rem;
	margin-right:	   auto;
	margin-bottom:	 0.0rem;
	margin-left:	   auto;
	padding-top: 		0rem;
	padding-bottom: 	3rem;
}

#search-results  :is(h2, h3, h4, h5, h6, p),
#content #search-field-small,
.wpcf7-response-output,
.faq-article :is(p),
.post :is(h2, h3, h4, h5, h6, p),
.glossary-entry :is(h2, h3, h4, h5, h6, p),
.entry-content :is(h2, h3, h4, h5, h6, p),
.entry-date {
	margin-left: auto;
	margin-right: auto !important;
	padding-left: var(--spacer-small);
	padding-right: var(--spacer-small);
}

.faq-article :is(li ul),
.post :is(ul),
.glossary-entry :is(ul),
.entry-content :is(ul),
.entry-date {
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--spacer-small);
}

#search-results  :is(h2, h3, h4, h5, h6, p),
#content #search-field-small,
.wpcf7-response-output,
.faq-article :is(p),
.post :is(h2, h3, h4, h5, h6, p),
.glossary-entry :is(h2, h3, h4, h5, h6, p),
.entry-content :is(h2, h3, h4, h5, h6, p),
.entry-date {
	max-width: calc( 100rem - var(--spacer-small) - var(--spacer-small) );
}

.reviews {
	display: inline-block;
	margin: 0 auto;
	max-width: calc( 80ch - var(--spacer-medium) - var(--spacer-medium) ) !important;
}

.post:nth-child(odd) {
	background-color: var(--clr-champagne);
}


#search-results :is(article) {
	margin-bottom: 6rem;
}

#h2-search-results {
	font-size: 4.8rem !important;
}

.search-result-entry {
	background-color: var(--clr-snowgray);
}

.search-result-entry-link {
	margin-bottom: 4.5rem;
}


.glossary-entry h3 {
	clear: both;
}

.glossary-entry .description {
	
}

.glossary-entry img {
	clear: both;
}

.post:first-child .entry-title {
	margin-top: 17.5rem;
}

.wpcf7-response-output {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: calc( 100rem - var(--spacer-medium) - var(--spacer-small) );
}

.faq-article :is(p),
.post :is(p),
.glossary-entry :is(p),
.entry-content :is(p) {
	margin-bottom: 2.7rem;
}

.faq-article :is(li ul),
.post :is(ul),
.glossary-entry :is(ul),
.entry-content :is(ul) {
	max-width: calc( 100rem );
}

.faq-article li ul,
.post ul,
.glossary-entry ul,
.entry-content ul, {
	max-width: 80rem;
}

.faq-article li ul,
.post ul,
.glossary-entry ul,
.entry-content ul, {
	margin-top:		0.0rem;
	margin-right:	  auto;	
	margin-bottom:	0.0rem;
	margin-left:	  auto;
}

.faq-article li ul li,
.post ul li,
.glossary-entry ul li,
.entry-content ul li {
	margin-top: 	 0.0rem;
	margin-right: 	 3.0rem;
	margin-bottom:  1.1rem;
	margin-left: 	 3.0rem;

	text-indent: 	-2.5rem;
}

.faq-article li ul li:before,
.post ul li:before,
.glossary-entry ul li:before,
.entry-content ul li:before {
	content: '■'; /* Character replacing the bullet points in ul li elements */
	padding-right: 1rem;
	color: var(--clr-bronzedark);
}

.faq-article h3 {
	font-size: 2.1rem;
	margin-left: 2rem;
	text-transform: none;
}

.faq-article :is(button p) {
	font-size: 2.1rem;
	padding: 0;
	margin-bottom: 0
}

.wp-post-image {
	 width: 100%;
	 max-width: 80ch;
	 height: auto;
	 margin-bottom: 1.5rem;
}

.side-by-side {
	display: flex;
	justify-content: center;
	margin-left: var(--spacer-small);
	margin-right: var(--spacer-small);
	/*margin-bottom: 12rem;*/

}

.entry-content .side-by-side .wp-block-group {
	display: inline-table;
	max-width: calc(80ch - var(--spacer-medium));
	margin-left: var(--spacer-small);
	margin-right: var(--spacer-small);
	vertical-align: top;
}

.wp-block-image {
	margin: 0 auto;
	max-width: 100rem;
}

.entry-content .side-by-side .wp-block-group :is(h2, p, li) {
	padding: 0
}

.entry-content .side-by-side .wp-block-image {
	display: inline-table;
	max-width: calc(80ch - var(--spacer-medium));

	margin-left: var(--spacer-small);
	margin-right: var(--spacer-small);

	height: auto;	
}

.entry-content .side-by-side img {

}

.post time {
	padding-top: 3rem;
	font-weight: 500;
}

.wpgmza-api-consent,
.wpcf7-submit,
.post-edit-link,
.wp-block-button__link,
.button-standard {
	display: inline-block;
	font-weight: 400;
	text-transform: uppercase;
	padding: .75rem 1.5rem;
	margin: 0 0rem;
	color: var(--clr-snowgray) !important;
	background-color: var(--clr-bronzedark);
	border-radius: .75rem;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);

	will-change: opacity;
	transition: 0.25s;
	transition-timing-function: ease-in-out;
}

.wpgmza-api-consent:hover,
.wpcf7-submit:hover,
.post-edit-link:hover,
.wp-block-button__link:hover,
.button-standard:hover {
	color: var(--clr-snowgray) !important;
	background-color: #777;
	
	border-radius: 10px !important;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);

	will-change: opacity;
	transition: 0.25s;
	transition-timing-function: ease-in-out;
}

.wpgmza-api-consent:active,
.wpcf7-submit:active,
.post-edit-link:active,
.wp-block-button__link:active,
.button-standard:active {
	color: #545454;
	background-color: #ccc;

	border-radius: 10px;
	box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 1);

	will-change: opacity;
	transition: 0.25s;
	transition-timing-function: ease-in-out;
}

.mgbutton,
.cli_settings_button {
	font-weight: 400 !important;
	padding: .625rem 1.5rem !important;
	border-radius: .75rem !important;
	border: none !important;
}

.mgbutton:hover,
.cli_settings_button:hover {
	color: var(--clr-snowgray) !important;
	background-color: #777 !important;
}



/* Start staff specific CSS */

#team {
	padding-left: 0 !important;
	padding-right: 0 !important;
	max-width: calc(80rem - 6rem - var(--spacer-medium)) !important;
}


.staff-member {
	text-align: left;
	margin-top: 2rem;
	margin-right: 3rem;
	margin-bottom: 12rem;
	margin-left: 3rem;
	max-width: calc(80ch - 6rem);
	
	position: relative;
	display: inline-table;
}


.staff-member-details {
	min-height: 15rem;
}

.staff-member h2 {
	font-size: 3rem;
	font-weight: 500; 
	margin: 0 0 0 0;
	line-height: 1.1em;
	text-transform: uppercase;
}

.staff-member :is(h3, h4, h5) {
	margin-top: 0;
	font-size: 2.4rem !important;
	font-weight: 200; 
	text-transform: unset;
	margin-bottom: .75rem;
}

.staff-member h4 {
	font-size: 2.0rem !important;
	line-height: 1;
}

.staff-member h5 {
	font-size: 1.8rem !important;
	line-height: 1;
}

.staff-member p {
	margin-bottom: 2.7rem; 
}

.staff-member p:first-child {
	margin: 0;
	padding: 0;
}

.staff-member img {
	z-index: -1;

	background-color: rgb(136,136,136);
	background-color: radial-gradient(circle, rgba(136,136,136,1) 0%, rgba(112,112,112,1) 100%);

	border: 2px solid var(--clr-stonegray);
	border-radius: 50%;
}

.staff-member blockquote {
}

.glossary-entry .wp-post-image {
	width: 30rem;
	height: auto;
}

.faq-article {
	max-width: calc( 100rem  );
	margin-top: 0rem;
}

.faq-article li {
	margin-top: 1.5rem;
}


.faq-article .accordion {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-color: var(--clr-champagne);
	color: var(--clr-anthrazit);
	cursor: pointer;
	padding: 1.5rem 3rem;
	width: 100%;
	text-align: left;
	vertical-align: top;
	border: none;
	outline: none;
	transition: 0.4s;
	transition: all 0.25s ease-in-out;
}

.arrow-helper {
	position: absolute;
	top: 2.25rem;
	left: 1rem;	
}

.faq-article .accordion .arrow-p {
	display: inline-block;
	margin: 0 1.5rem 0 0;
	transition: all 0.1s ease-in-out;
	color: var(--clr-snowgray) !important;
}

.faq-article .active, .accordion:hover {
	background-color: var(--clr-bronzelight);
	color: var(--clr-anthrazit);
}

.faq-article .panel {
	padding: 1.5rem 0 0 0;
	background-color: var(--clr-purewhite);
	color: var(--clr-anthrazit);
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.container {
	min-height: 100vh;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 100px 0;
	background-color: transparent;
}
.timeline {
	width: 100%;
	height: auto;
	max-width: 118ch;
	margin: 0 auto;
	position: relative;
}

.timeline ul {
	list-style: none;
}
.timeline ul li {
	color: var(--clr-anthrazit);
	background-color: var(--clr-purewhite);
	margin-bottom: 20px;
	padding-bottom: 3rem;
}
.timeline ul li:last-child {
	margin-bottom: 0;
}
.timeline-content h2 {
	font-weight: 500;
	font-size: 3.2rem !important;
	margin-bottom: 10px;
	line-height: 1.33;
}
.timeline-content p {
	font-size: 2.0rem;
	font-weight: 300;
	line-height: 1.45 !important;
}
.timeline-content .date {
	font-size: 12px;
	font-weight: 300;
}

.timeline .date,
.timeline h2,
.timeline p {
	padding-left: 3rem;
	padding-right: 3rem;
}

.timeline .date {
	padding-top: 1.5rem;
}


/* End staff specific CSS */


.wp-block-nk-awb {
	padding: 0;
	margin: 2rem 0;
	position: relative;
}

.wp-block-nk-awb:nth-child(1)::before {
	content: '';
	position: absolute;
	display: inline-block;
	left: calc(50% - 2rem);
	border: solid var(--clr-snowgray-tl);
	width: 0rem;
	border-width: 0 1rem 1rem 0;
	padding: 1rem;
	z-index: -1;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	animation: indicator-hover 15s infinite ease-in-out;
}

.wp-block-nk-awb:nth-child(2)::before {
	content: none;
}

.wp-block-nk-awb:first-child {
	margin: 0rem 0 6rem 0;
}

#footer li:before,
.xoxo li:before {
	padding-left: 0;
	padding-right: 0;
	content: '';
}

/* Start Footer */

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	min-height: 360px;
	color: #eee;
	background-color: var(--clr-stonegray);
	border-top: 	1px solid var(--clr-stonegray-tl);
	border-bottom: 1px solid var(--clr-stonegray);
}

#copyright {
	width: 100%;
	bottom: 20px;
}

#footer-logo-container {
	float: left;
	position: relative;
}

#footer-logo {
	min-height: 10rem;
	padding: 6rem 6rem 3rem 6rem;
	display: block;
}

#footer-logo-container .social-media-links {
	padding-left: 12rem;
	display: block;
}

#footer-logo-container .wp-block-image {
	display: inline;
}

#menu-footermenue {
	margin: 3rem 3rem 0 0;
	font-size: 1.8rem;
	font-weight: 500;
	text-transform: uppercase;
	float: right;
	vertical-align: top;
	text-align: left;
	position: relative;
}

#menu-impressum-datenschutz {
	display: block;
	margin: 3rem 3rem 0 0;
	font-size: 1.8rem;
	font-weight: 500;
	text-transform: uppercase;
	float: right;
	vertical-align: bottom;
	text-align: center;
	position: relative;
	bottom: 0;
}

#menu-impressum-datenschutz li,
#menu-footermenue li {
	display: inline-table;
	margin: .5rem 2rem;
}

#menu-impressum-datenschutz li a,
#menu-footermenue li a {
	color: var(--clr-snowgray);
	text-decoration: none;
}

#menu-footermenue li .sub-menu {
	font-weight: 300;
}

#menu-footermenue li .sub-menu li {
	margin: 1.2rem 0;
	display: inherit;
	text-transform: none;
}

#menu-footermenue li .sub-menu li a:hover {
	color: var(--clr-bronzelight);
}

#menu-footermenue li .sub-menu li:nth-last-child(-n+2) {

}
/* End Footer */

.sticky h2 {
	padding-top: 1.5rem;
}

.sticky > * {
	background-color: var(--clr-champagne);

	 margin-bottom: 0.0rem !important;
	 padding-bottom: 2.7rem;
}


.wpgmza_map {
	margin-bottom: var(--spacer-large);
}



input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--clr-anthrazit);
	transition: background-color 5000s ease-in-out 0s;
}


/* Start Forms */
.wp-block-contact-form-7-contact-form-selector {

}

.wpcf7-list-item {
	margin: 0 0 1rem 0;
}

.wpcf7-list-item [type='checkbox'] {
	position: relative;
	left: 0;
	top: .5rem;
	z-index: 0;
	width: 2.5rem;
	height: 2.5rem;
	margin: 0 .5rem 0 0;

	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0;

	border: 1px solid var(--clr-bronzedark);

	background-image: none;
	background-size: none;
}

.wpcf7-list-item [type='checkbox'] + label {
  position: absolute;
}

.wpcf7-list-item [type='checkbox'] + label::before {
	background-color: #00ff00;
	display: block;
	content: "";
	float: left;
	margin-right: 5px;
	z-index: 5;
	position: relative;
}

.wpcf7-list-item [type='checkbox']:checked {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NjQ4LCAyMDIxLzAxLzEyLTE1OjUyOjI5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIyLTA2LTE1VDAxOjM2OjI3KzAyOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTA2LTE1VDAxOjM2OjI3KzAyOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wNi0xNVQwMTozNjoyNyswMjowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplZjFiMzUzMS1lZGNkLWNlNGEtOWI5My1jZDNjN2FlMWNiM2UiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiOGMxOWI5NS01Y2M3LWMyNDktYWE3NC1kZDFkZWRlNTIzNjAiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2Mzc4ODg2OS1iN2ZkLWExNDgtOGNhYy1lZjE5YTg5ZjhkMTciIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Mzc4ODg2OS1iN2ZkLWExNDgtOGNhYy1lZjE5YTg5ZjhkMTciIHN0RXZ0OndoZW49IjIwMjItMDYtMTVUMDE6MzY6MjcrMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4yIChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZWYxYjM1MzEtZWRjZC1jZTRhLTliOTMtY2QzYzdhZTFjYjNlIiBzdEV2dDp3aGVuPSIyMDIyLTA2LTE1VDAxOjM2OjI3KzAyOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMiAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+wM4xkAAAA1FJREFUeNrtm82LTlEcxw9jEAvvj8VQRl4yWFCoSZFsTKEpZWNBXpLF/AEmVsJCCgujWE5JE42NlDwLijI2XkoWWFDeJdPIkMf3p3Prdjv3nnPPPfe555znnPpuZu7b5zNzfvd3z3Mf1mg0WCuHBQFBQBAQBAQB8R94NnqvswnIPuQZMq+lBAB4JXIPafDcbAkBAJ2E9CO/YvCUY94LAOQKZCQBPobsot97LQCQhzlsHP49sjbaxksBAJyNDCfAKS+QRfFtvRMAwHXIGwH8Q2ROcnuvBADwkKDQUe4i00T7eCEAcO3IRQH4/1sdMjltX+cF8Ple14F3XgAVNF7YtOCdFkC3Mn5L04Z3VgDgNiPfU+DraQXPCwGA6xE0N1EeITPyHM8pAYDbgYynwL9CanmP6YwACfwXZLnOcZ0QIIGnxmej7rGtFwC4LSndXZS9RY5vtQAOP5YBf7boOawVALgNEvg7SJuXAgDWhXzOgH+rU/GdEACwhRwwDf430m3qfFYJoCYGeZoBT+kzeU5rBPCFy9sS+EHT57VJwCUJ/BNkupcCAHZEAv8DWVrGuSsXALBNvLBlCdhT1vm1BVDvjexEttL81YTvQD5I4C+X+QfIJQAXM5FaT+S5YLm5S6Po3ZfAvyxj3msJwIV0Ig8yLvZTnnmKbc9I4P8g68uegkoCeE/+TXLBUaWeqgC/TeFYx5tRgKUCJI+iopyUwNcU5v2Ibl0pQ8ApZDSHAKroy1Lg6bP5W5L96dF3VbP6D9Up0KFw4fEMpQg4qLBvfzPb7zxFsE2hW4tnTQK+kzc0shrSbqWA2L/wDUUBVxP71SXb/zX5lFdaI4SLnIm8UxBAQIv5PvsVth+oYu1BqxPkHaDKf8F5XvW/Srb7iMxyRgCXMKwgYFRxyhyoaumtiIAlOfuDtDymFts5AVzCgAEB3azCUVQA9Qc/C8APVf25Q+H1AEBc0YQfL2uRo9kCVmsKuMAsGEZWhBSaHNHdYb5PAnpzCjjNLBmmBNBK0WtFeHqzY65XAriEowrw9E5PD7NomBRQkzRGg6I3Nb0RwCVcE4DTc8BuZukwLWC74BXVBcziYVrAlNji6Ykqe/zKPhkC9LnoywgujPCtsSAgCAgCgoBY/gEfUtqiWCzNmgAAAABJRU5ErkJggg==');
	background-size: contain;
	border: 1px solid var(--clr-stonegray);
}



#search-results #search-field-small,
#search-results #search-field-large,
#page404 #search-field-small,
#page404 #search-field-large,
.wpcf7-select,
.wpcf7-text,
.wpcf7-textarea {
	border-radius: 0rem;
	padding: 1rem;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	border: 1px solid var(--clr-bronzedark);
}

#search-results #search-field-small:focus,
#search-results #search-field-large:focus,
#page404 #search-field-large:focus,
#page404 #search-field-large:focus,
.wpcf7-list-item input[type=checkbox]:focus,
.wpcf7-select:focus,
.wpcf7-text:focus,
.wpcf7-textarea:focus {
	outline: none;
	box-shadow: 0 0 10px var(--clr-bronzelight);

	border: 1px solid var(--clr-bronzedark);
}

.wpcf7-select,
.wpcf7-text,
.wpcf7-textarea {
	width: 100%;
	max-width: calc(100vw - 2px - var(--spacer-medium));
}

.wpcf7-textarea {
	font-family: var(--ff-primary);
	line-height: 1.5;
	resize: vertical;
}

.wpgmza-api-consent,
.wpcf7-select,
.wpcf7-submit {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-style: none;
}

.wpcf7-select {
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat calc(100% - 0.5rem) 50%;
	color: var(--clr-stonegray);
	border: 1px solid var(--clr-bronzedark);
	cursor: pointer;
}

.wpcf7-response-output {
	width: 100%;
	max-width: calc( 100rem - var(--spacer-medium) - var(--spacer-medium) );
	padding: .25rem var(--spacer-small) !important;
	border-width: 1px !important;

	font-size: 2.1rem;
}

.youtube-video {
	width: 100%;
	aspect-ratio: 16 / 9;
}

option {
	color: var(--clr-stonegray);
	background-color: var(--clr-champagne);
	padding: 1rem 2rem;
}

option:hover,
option:checked {
	color: var(--clr-purewhite) !important;
	background-color: var(--clr-bronzedark) !important;
}


/* End Forms */




/**/
.nav-inactive {
	transform: translateY(-200%) !important;
}
.nav-active {
	transform: translateY(0%) !important;
}

/* Hamburger Menu Animation to Cross */
.toggle .line1 {
	transform: rotate(45deg) translate(.5em, .25em);
}
.toggle .line2 {
	opacity: 0;
}
.toggle .line3 {
	transform: rotate(-45deg) translate(.5em, -.25em);
}

.noscroll {
	height: 100%;
	overflow: hidden;
}

.fade-in {
	opacity: 0;
	transition: all 1250ms ease, opacity 1000ms ease;
	transform: translateY(3rem);
}

.fade-in.appear {
	opacity: 1;
	transform: translateY(0rem);
}




/* Media Queries */
@media screen and (max-width: 640px) {
	html {
		font-size: 0.55rem;
	}
	.timeline-content h2 {
		font-size: 2.7rem !important;
	}
}

@media screen and (max-width: 1200px) {
	.arrow-unhide {
		transform: translateY(-40%) !important;
	}

	#logo-area {
		border-radius: 0 0 1.0rem 1.0rem;
	}

	#header-logo {
		width: 	13rem; /* 13: 5 is the ratio of the logo */
		height: 5rem;

		padding-top: 		2.0rem;
		padding-right: 	2.0rem;
		padding-bottom: 	2.0rem;
		padding-left: 		2.0rem;

		transition: 0.25s;
		transition-timing-function: ease-in-out;
	}

	.header-logo-shrinked {
		width: 13rem !important;
		height: 3.5rem !important;

		padding-top: 		1.0rem !important;
		padding-right: 		2.0rem !important;
		padding-bottom: 	1.0rem !important;
		padding-left: 		2.0rem !important;
	}

	.glossary-entry {
		position: relative;
		margin-bottom: 0rem;
	}

	.glossary-entry h3 {
		position: sticky;
		top: 0;
		padding-top: 6rem;
		padding-bottom: .5rem;
		background-color: var(--clr-purewhite);
	}

	.glossary-entry img {
		max-width: 20rem;
		margin-left: 1.5rem;
		margin-bottom: 2.0rem;
		height: auto;
		float: right;
	}

	.staff-member img {
		width: 60%;
		height: 60%;
		position: static;
		margin-left: auto;
		margin-right: auto;
		display: block;
		margin-bottom: 1.5rem;
	}

	#menu-hauptmenue {
		background-color: var(--clr-stonegray);

		display: block;
		position: absolute;
		right: 0;
		top: 0rem;

		height: 100vh;
		width: 100vw;
		margin-top: 0;
		padding: 1em 0em;

		box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.4);
		
		transition: transform 0.5s ease-in;
	}

	#menu-hauptmenue li {
		margin: 0rem 0em 0rem 0em;
		padding: 0rem 0rem;
		border-radius: 0;
		display: block;
	}

	#menu-hauptmenue li:first-child {
		margin: 9rem 0em 0rem 0em;
		border-top: 1px solid var(--clr-stonegray);
	}

	#menu-hauptmenue .sub-menu li:first-child {
		margin: 0rem 0em 0rem 0em;
		border-top: 0px solid var(--clr-stonegray);
	}

	#menu-hauptmenue #search-form-small,
	#menu-hauptmenue :is(li a, .sub-menu li a) {
		color: var(--clr-snowgray);
		background-color: var(--clr-stonegray-tl);
		font-size: 1.8rem;
		font-weight: 500;
		display: block;
		padding: .75rem 3rem;
		border: none;
		border-bottom: 1px solid var(--clr-stonegray);
	}

	#menu-hauptmenue .sub-menu li a {
		padding: .75rem 6rem;
	}

	#menu-hauptmenue li ul {
		display: block !important;
		width: 100%;
	}

	#menu-hauptmenue .sub-menu {
		border-radius: 0;
		padding: 0;
		margin: 0;

		background-color: transparent;
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
	}

	#menu-hauptmenue .sub-menu:hover {
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	}

	#menu-hauptmenue .sub-menu li {
		background-color: transparent;
		border-radius: 0;
		padding: 0;
		margin: 0;
	}

	#nav li:hover .sub-menu {
		width: 100vw;
		display: block;

		background-color: transparent;

		box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.4);
	}

	#menu-hauptmenue > li > ul:after {
		border: none;
	}

	#search-field-large {
		display: none;
	}

	#menu-hauptmenue #search-field-small {
		font-weight: 500;
		font-size: 1.8rem;
		width: 100%;
		display: block;
		padding-left: 3rem;
		background-size: 1.8rem;
		background-position: .5rem 50%;
	}

	#menu-hauptmenue #search-field-small::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		color: var(--clr-snowgray);
		opacity: 1; /* Firefox */
	}

	#menu-hauptmenue #search-field-small::-ms-input-placeholder { /* Microsoft Edge */
		color: var(--clr-snowgray);
	}

	#search-results #search-field-small,
	#page404 #search-field-small {
		background-image: var(--magnifying-glass-anthrazit);
		background-repeat: no-repeat;
		background-position: 1rem 50%;
		background-size: 2.1rem;
		font-size: 2.1rem;
		width: calc( 100% - var(--spacer-small) - var(--spacer-small) );
		max-width: calc( 100rem - var(--spacer-small) - var(--spacer-small) );
		padding: 10px 1.5rem 10px 4.25rem;
	}

	#search-results #search-field-small:focus,
	#page404 #search-field-small:focus {
		background-image: var(--magnifying-glass-bronzedark);
	}

	#menu-burger-menu {
		display: block;
		margin: 2rem 3rem;
	}

	.menu-burger-menu-shrinked {
		margin: 1rem 3rem !important;
	}

	.menu-hauptmenue-shrinked {
		margin-top: 0 !important;
	}

	.side-by-side {
		display: flex;
		justify-content: center;

		margin-left: 0;
		margin-right: 0;

	}

	.post:first-child .entry-title {
		margin-top: 6.0rem;
	}

	.entry-content .side-by-side .wp-block-group {
		display: block;
		max-width: 100%;
		
		margin-left: var(--spacer-small);
		margin-right: var(--spacer-small);
	}

	.entry-content .side-by-side .wp-block-image {
		display: block;
		width: 100%;

		height: auto;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0; 
	}

	
	.entry-content .side-by-side img {
		height: 100%;
		max-height: 100%;
		object-fit: cover;
	}

	.entry-content .side-by-side img {
		clear: both;
		display: block;
		max-width: 100%;
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

	.staff-member {
		display: inline-table;
	}

	#page404,
	#search-results {
		padding-top: 15rem;
	}

	#menu-footermenue {
		display: none;
	}

	.timeline:before {
		content: "";
		position: absolute;
		top: 0;
		left: 4.25rem;
		transform: translateX(-50%);
		transform: translateY(0%);
		width: 3px;
		height: 100%;

		background-color: var(--clr-snowgray);
		box-shadow: inset 0px 0px 1px var(--clr-stonegray);
	}
	.timeline ul li {
		width: calc(100% - 10.5rem);
		position: relative;
		margin-bottom: 3rem;
		margin-right: 3rem;
		border: 1px solid var(--clr-bronzedark);
	/*	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);*/
		z-index: 0;
	}

	.timeline ul li {
		float: right;
		clear: left;
	}
	.timeline ul li::before {
		content: "";
		position: absolute;
		height: 2rem;
		width: 2rem;
		border-radius: 50%;
		border: 0.5rem solid var(--clr-purewhite);
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
		background-color: var(--clr-bronzedark);
		top: 1.0rem;
		z-index: -1;
	}

	.timeline ul li::before {
		transform: translateX(-50%) !important;
		transform: translateY(-50%);
		left: -3rem;
	}

	.timeline ul .timeline-wide {
		margin-top: 10.5rem;
	}

	.timeline ul .timeline-wide :is(h2, p) {
		text-align: left;
	}

	.timeline-content .date {
		position: unset;
		color: var(--clr-purewhite);
		background-color: var(--clr-bronzedark);
		display: block;
		font-size: 1.8rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.timeline li h2,
	.timeline li .date {
		text-align: left;
	}
	.timeline li .date::before {
		content: "";
		position: absolute;
		top: 2.4rem;
		display: block;
		height: 3px;
		width: 3rem;
		background-color: var(--clr-snowgray);
		box-shadow: inset 0px 0px 1px var(--clr-stonegray);
		z-index: -2;
	}

	.timeline li .date::before {
		left: -3.1rem;
	}

	.image-menu {

	}

	.image-menu div figure {
		width: 100%;
		height: 50vh;
		display: block;
		position: relative;
	}


	.image-menu div figure img {
		height: 100%;
		object-fit: cover;
	}


	.image-menu div figure figcaption {
		position: absolute;
		bottom: 0;
		left: var(--spacer-large);
    right: var(--spacer-large);
    margin-left: auto;
    margin-right: auto;
		color: var(--clr-purewhite);
		font-size: 2.4rem;
		font-weight: 600;
		text-transform: uppercase;
		padding: 3rem;
		opacity: 1;
		transition: opacity 1s ease;
	}

	.image-menu div figure:hover figcaption {
	   opacity: 1;
	}

	@keyframes indicator-hover {
		0%		{	bottom: 11rem; opacity: 0; }
		70%	{	bottom: 11rem; opacity: 0; }
		75%	{	bottom: 12rem; opacity: 1; }
		80%	{	bottom: 11rem; }
		85%	{	bottom: 12rem; }
		90%	{	bottom: 11rem; }
		95%	{	bottom: 12rem; opacity: 1; }
		100%	{	bottom: 11rem; opacity: 0; }
	}

} /* End Media Query */


@media screen and (max-width: 320px) {
	.wp-block-nk-awb h2 {
		font-size: 2.0rem !important;
		bottom: 4vh;
	}
} /* End Media Query */





@media screen and (min-width: 720px) and (max-width: 1200px) {
	#header-logo {
		width: 	16.25rem; /* 13: 5 is the ratio of the logo */
		height: 6.25rem;

		padding-top: 		2.5rem;
		padding-right: 		2.5rem;
		padding-bottom: 	2.5rem;
		padding-left: 		2.5rem;

		transition: 0.25s;
		transition-timing-function: ease-in-out;
	}

	.header-logo-shrinked {
		width: 16.25rem !important;
		height: 4.375rem !important;

		padding-top: 		1.25rem !important;
		padding-right: 		2.5rem !important;
		padding-bottom: 	1.25rem !important;
		padding-left: 		2.5rem !important;
	}

	#menu-hauptmenue li:first-child {
		margin: 12rem 0em 0rem 0em;
	}

	.post:first-child .entry-title {
		margin-top: 9.0rem;
	}

	.glossary-entry h3 {
		padding-top: 12rem;
	}

	.staff-member img {
		position: absolute;
		top: -3rem;
		right: 0;
		margin: 0;
		width: 20rem;
		height: 20rem;

		border-radius: 100em;
	}


	@keyframes indicator-hover {
		0%		{	bottom: 11rem; opacity: 0; }
		70%	{	bottom: 11rem; opacity: 0; }
		75%	{	bottom: 12rem; opacity: 1; }
		80%	{	bottom: 11rem; }
		85%	{	bottom: 12rem; }
		90%	{	bottom: 11rem; }
		95%	{	bottom: 12rem; opacity: 1; }
		100%	{	bottom: 11rem; opacity: 0; }
	}

} /* End Media Query */



@media screen and (min-width: 1201px) {

	.staff-member img {
		position: absolute;
		top: -3rem;
		right: 0;
		margin: 0;
		width: 20rem;
		height: 20rem;

		border-radius: 100em;
	}


	#back-to-top-button:hover {
		transform: translateY(-6rem) !important;
		box-shadow: 0px 5px 18px rgba(0, 0, 0, 0.4);
	}

	.arrow-unhide {
		transform: translateY(-3rem) !important;
	}

	#nav {
		font-size: 2.0rem;
		display: inline-block;
		height: 7rem;
	}

	.menu-hauptmenue-container {
		height: 100%;
		position: absolute;
		right: 0;

	}

	.menu-hauptmenue {
		position: absolute;
		right: 0;
	}

	.menu-shrinked {
		height: 6rem !important;
	}

	.menu-hauptmenue-shrinked {
		height: 2.4rem !important;
	}


	#search-form {
		display: inline-block;
	}

	#menu-hauptmenue li {
		display: inline-block;
		font-weight: 500;
		text-transform: uppercase;
		position: relative;
		margin-left: 1px;
		padding-bottom: 50px;
	}

	#menu-hauptmenue li a {
		padding: 10px 20px;
		color: var(--clr-snowgray);
		border-radius: 5px;
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);

		will-change: opacity;
		transition: 0.25s;
		transition-timing-function: ease-in-out;
	}

	#menu-hauptmenue #search-form-large:hover,
	#menu-hauptmenue li a:hover {
		color: var(--clr-snowgray);
		background-color: var(--clr-bronzedark);
		
		border-radius: 10px !important;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);

		will-change: opacity;
		transition: 0.25s;
		transition-timing-function: ease-in-out;
	}

	#menu-hauptmenue li a:active {
		color: var(--clr-stonegray);
		background-color: var(--clr-snowgray);

		border-radius: 10px;
		box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 1);

		will-change: opacity;
		transition: 0.25s;
		transition-timing-function: ease-in-out;
	}

	#menu-hauptmenue .sub-menu {
		width: auto;
		display: none;
		position: absolute;
		top: 54px;

		background-color: var(--clr-snowgray);
		border-radius: 13px;
		border-radius: 10px;
		box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.4);
	}

	#menu-hauptmenue li:hover .sub-menu {
		width: auto;
		display: block;
		position: absolute;
		top: 5.25rem;
		left: 0rem;

		background-color: var(--clr-snowgray);
		border-radius: 13px; /* default 10px */
		border-radius: 10px;
		box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.4);
	}

	#menu-hauptmenue .sub-menu li {
		padding: 0;
		display: block;
		margin: 0px 0px 0px 0px;
	}

	#menu-hauptmenue .sub-menu li a {
		display: block;
		background: none;
		box-shadow: none;
		border: 3px solid var(--clr-snowgray); /* default none */
		border: none;
		color: var(--clr-stonegray);
	}

	#menu-hauptmenue .sub-menu li a > *{
		white-space: nowrap;
	}

	#menu-hauptmenue .sub-menu li a:hover {
		color: #eee;
		background: var(--clr-bronzedark);
	}

	#menu-hauptmenue > li > ul:after {
		position: absolute;
		left: 0;
		margin-left: 5rem;
		top: -12px;
		width: 0;
		height: 0;
		content:' ';
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 12px solid var(--clr-snowgray);
		text-shadow: 0px -3px 12px rgba(0, 0, 0, 0.93);
	}

	#menu-hauptmenue #search-form-large,
	#menu-hauptmenue #search-form-small {
		margin-top: -10px !important;
	}

	#search-field-small {
		display: none;
	}

	#menu-hauptmenue #search-field-large {
		margin: 0;
		color: transparent;
		background-color: transparent;
		background-image: var(--magnifying-glass-snowgray);
		background-repeat: no-repeat;
		background-position: calc(100% - 1rem) 50%;
		background-size: 2.1rem;
		font-size: 1.8rem;
		padding: 10px 2.75rem 10px 1.5rem;
		width: 3rem;
		border-radius: 5px;

		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-style: none;
		transition: all 1s;
		transition-timing-function: initial;
	}

	#menu-hauptmenue #search-field-large:active {
		color: var(--clr-anthrazit);
		background-color: var(--clr-snowgray);
		background-image: var(--magnifying-glass-anthrazit);
	}

	#menu-hauptmenue #search-field-large:focus {
		color: var(--clr-anthrazit);
		background-color: var(--clr-snowgray);
		background-image: var(--magnifying-glass-bronzedark);
		background-position: calc(100% - 1rem) 50%;
		padding: 10px 4.0rem 10px 1.5rem;
		width: 24ch;
	}

	#search-results #search-field-large,
	#page404 #search-field-large {
		background-image: var(--magnifying-glass-anthrazit);
		background-repeat: no-repeat;
		background-position: 1rem 50%;
		background-size: 2.1rem;
		font-size: 2.1rem;
		width: 100ch;
		padding: 10px 1.5rem 10px 4.25rem;
	}

	#search-results #search-field-large,
	#page404 #search-field-large:focus {
		background-image: var(--magnifying-glass-bronzedark);
	}

	#page404,
	#search-results {
		padding-top: 21rem;
	}

	.glossary-entry {
		max-width: 120ch;
		margin-bottom: 6rem;
	}

	.glossary-entry .description {
		max-width: 120ch;
	}

	.glossary-entry img {
		max-width: 30rem;
		height: auto;
		float: right;
		margin-left: 3rem;
		margin-bottom: 3rem;
	}

	.nav-inactive {
		display: inline-block;
		transform: translateX(0%) !important;
	}

	.nav-active {
		display: inline-block;
		transform: translateX(0%) !important;
	}

	.timeline:before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		transform: translateY(0%);
		width: 3px;
		height: 100%;

		background-color: var(--clr-snowgray);
		box-shadow: inset 0px 0px 1px var(--clr-stonegray);
	}
	.timeline ul li {
		width: 50%;
		position: relative;
		margin-bottom: -7.5rem;
		border: 1px solid var(--clr-bronzedark);
	/*	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);*/
		z-index: 0;
	}
	.timeline ul li:nth-child(odd) {
		float: left;
		clear: right;
		transform: translateX(-3rem);
	}
	.timeline ul li:nth-child(even) {
		float: right;
		clear: left;
		transform: translateX(3.25rem);
	}
	.timeline ul li::before {
		content: "";
		position: absolute;
		height: 2rem;
		width: 2rem;
		border-radius: 50%;
		border: 0.5rem solid var(--clr-purewhite);
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
		background-color: var(--clr-bronzedark);
		top: 1.0rem;
		z-index: -1;
	}

	.timeline ul li:nth-child(odd)::before {
		transform: translateX(50%) !important;
		transform: translateY(-50%);
		right: -3rem;
	}
	.timeline ul li:nth-child(even)::before {
		transform: translateX(-50%) !important;
		transform: translateY(-50%);
		left: -3rem;
	}

	.timeline ul .timeline-wide {
		margin-top: 10.5rem;
	}

	.timeline ul .timeline-wide,
	.timeline ul li:first-child {
		float: none;
		clear: both;
		width: calc(100% + var(--spacer-medium));
		margin-bottom: 3rem;
	}

	.timeline ul .timeline-wide :is(h2, p)
	.timeline ul li:first-child :is(h2, p) {
		text-align: left;
	}

	.timeline ul .timeline-wide::before,
	.timeline ul li:first-child::before {
		display: none;
	}


	.timeline-content .date {
		position: unset;
		color: var(--clr-purewhite);
		background-color: var(--clr-bronzedark);
		display: block;
		font-size: 1.8rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.timeline li:nth-child(odd) h2,
	.timeline li:nth-child(odd) .date {
		text-align: right;
	}

	.timeline li:nth-child(even) h2,
	.timeline li:nth-child(even) .date {
		text-align: left;
	}
	.timeline li .date::before {
		content: "";
		position: absolute;
		top: 2.4rem;
		display: block;
		height: 3px;
		width: 3rem;
		background-color: var(--clr-snowgray);
		box-shadow: inset 0px 0px 1px var(--clr-stonegray);
		z-index: -2;
	}
	.timeline li:nth-child(odd) .date::before {
		right: -3.1rem;
	}
	.timeline li:nth-child(even) .date::before {
		left: -3.1rem;
	}

	.timeline .timeline-wide .date::before,
	.timeline li:first-child .date::before {
		display: none;
	}

	.image-menu {

	}

	.image-menu-2-images div figure {
		width: 49%;
		height: 80vh;
		display: inline-block;
		position: relative;
	}

	.image-menu-2-images div figure img {
		height: 100vh;
		width: 100%;
		object-fit: cover;
	}

	.image-menu-3-images div figure {
		width: calc(33% - var(--spacer-small));
    	margin-left: calc(var(--spacer-small) / 2);
    	margin-right: calc(var(--spacer-small) / 2);
		height: 50vh;
		display: inline-block;
		position: relative;
	}

	.image-menu-3-images div figure img {
		height: 50vh;
		width: 100%;
		object-fit: cover;
	}


	.image-menu div figure figcaption {
		position: absolute;
		bottom: 0;
		color: var(--clr-purewhite);
		font-size: 3.2rem;
		font-weight: 600;
		text-transform: uppercase;
		padding: 3rem;
		opacity: 1;
		transition: opacity 1s ease;
	}

	.image-menu div figure:hover figcaption {
	   opacity: 1;
	}

	@keyframes indicator-hover {
		0%		{	bottom: 4.5rem; opacity: 0; }
		70%	{	bottom: 4.5rem; opacity: 0; }
		75%	{	bottom: 6.0rem; opacity: 1; }
		80%	{	bottom: 4.5rem; }
		85%	{	bottom: 6.0rem; }
		90%	{	bottom: 4.5rem; }
		95%	{	bottom: 6.0rem; opacity: 1; }
		100%	{	bottom: 4.5rem; opacity: 0; }
	}
} /* End Media Query */