/* ### CSS styles for Klangmanufaktur theme by Johannes Bouchain - 02/2016 ### */

/* pageloader */

.pageloader {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:white;
	z-index:4;
}

/* general */

* {
	margin:0;
	padding:0;
	hyphens:manual;
}

body {
	font-family:"CANormal";
	font-size:17px;
	position:relative;
	height:100%;
	width:100%;
}

h1, h2, h3, h4, h5, h6, h7, h8, h9 {
	margin:20px 0 12px;
}
h2 {
	font-size:140%;
}
@media screen and (max-width:1150px) {
	h1, h2, h3, h4, h5, h6, h7, h8, h9 {
		margin:12px 0 8px;
	}
	h2 {
		font-size:110%;
	}
}

a {
	text-decoration:none;
}

a:active,
a:focus {
	outline:none;
}

sub, sup { 
	font-size: 75%;
	line-height: 0; 
	position: relative; 
	vertical-align: baseline; 
}
sup { 
	top: -0.5em; 
}
sub { 
	bottom: -0.25em; 
}

/* page */

#page {
	height:0;
	overflow:hidden;
}

/* site header */

header.site-header {
	z-index:4;
	position:fixed;
	top:0;
	left:0;
}

header.site-header .site-title,
header.site-header .site-description {
	position:absolute;
	top:-9999px;
	left:-9999px;
}

/* navigation */

nav.main-navigation {
}

@media screen and (min-width:801px) {
	nav.main-navigation .menu-toggle {
		position:absolute;
		top:-9999px;
		left:-9999px;
	}
}

nav.main-navigation ul.menu {
	width:540px;
	line-height:2.7em;
	background:white;
	padding:80px 68px 40px 200px;
	box-sizing:border-box;
	transition: left 1s;
	height:100vh;
	overflow-y:auto;
	overflow-x:hidden;
}

nav.main-navigation li {
	list-style:none;
	border-top:4px solid black;
	padding-top:4px;
}

nav.main-navigation li ul {
	display:none;
}

nav.main-navigation li.current_page_item ul,
nav.main-navigation li.current_page_ancestor ul {
	display:block;
	margin-top:-3px;
	margin-bottom:20px;
	line-height:1.4em;
}

nav.main-navigation li li {
	border-top:none;
	font-size:95%;
	line-height:1.4em;
}

nav.main-navigation li.inline-menu li {
	display:inline;
	margin:0 10px 0 0;
	padding:0;
}

nav.main-navigation a {
	display:inline-block;
	margin-left:-136px;
	text-transform:uppercase;
	font-size:242%;
	font-weight:normal;
	color:black;
	text-decoration:none;
	letter-spacing:6px;
	transition:all .4s;
}

nav.main-navigation a .whitespace-reduced {
	display:inline-block;
	margin-left:-.15em;
}

nav.main-navigation li li a {
	margin-left:0;
	font-weight:bold;
	text-transform:none;
	font-size:120%;
	letter-spacing:0px;
}

nav.main-navigation li.inline-menu li a {
	display:inline;
	letter-spacing:2px;
}

nav.main-navigation li li ul,
nav.main-navigation li.nur-vorschau {
	display:none !important;
}

body.logged-in nav.main-navigation li.nur-vorschau {
	display:block !important;
}

@media screen and (min-width:1800px) {
	nav.main-navigation ul.menu {
		width:680px;
		line-height:3em;
		padding:100px 95px 60px 240px;
	}

	nav.main-navigation li {
		border-top:5px solid black;
		padding-top:10px;
	}

	nav.main-navigation li.current_page_item ul,
	nav.main-navigation li.current_page_ancestor ul {
		display:block;
		margin-top:-4px;
		margin-bottom:27px;
	}

	nav.main-navigation li li {
		border-top:none;
		font-size:105%;
		line-height:1.5em;
	}

	nav.main-navigation a {
		display:inline-block;
		margin-left:-178px;
		text-transform:uppercase;
		font-size:330%;
		font-weight:normal;
		color:black;
		text-decoration:none;
		letter-spacing:6px;
		transition:all .4s;
	}

	nav.main-navigation li li a {
		margin-left:0;
		font-weight:bold;
		text-transform:none;
		font-size:120%;
		letter-spacing:0px;
	}
}

@media screen and (max-width:1150px) {
	nav.main-navigation {
	}
	nav.main-navigation ul.nav-menu {
		width:300px;
		line-height:1.8em;
		background:white;
		padding:80px 25px 25px 110px;
		box-sizing:border-box;
		height:100vh;
		overflow:auto;
	}
	nav.main-navigation li {
		border-top:2px solid black;
	}
	nav.main-navigation a {
		margin-left:-87px;
		font-size:145%;
		letter-spacing:4px;
	}
	nav.main-navigation li.current_page_item ul,
	nav.main-navigation li.current_page_ancestor ul {
		display:block;
		margin-top:-2px;
		margin-bottom:16px;
	}
	nav.main-navigation li li {
		line-height:1em;
	}
	nav.main-navigation li li a {
		font-size:85%;
	}
}

@media screen and (max-width:800px) {
	nav.main-navigation .menu-toggle {
		border:none;
		background:white;
		padding:0 0 0 3px;
		z-index:3;
		position:fixed;
		outline:none;
		font-size:0;
		cursor:pointer;
		transition:all 1s;
	}
	nav.main-navigation .menu-toggle:after {
		display:block;
		content:"\f214";
		font-size:20px;
		font-family:"dashicons";
		color:black;
		padding:4px 4px 4px 0;
		margin:0;
		line-height:1em;
	}
	/*body.page-template-page-middle nav.main-navigation .menu-toggle:after,
	body.page-template-page-dark nav.main-navigation .menu-toggle:after	{
		color:white;
	}
	body.page-template-page-middle nav.toggled .menu-toggle:after,
	body.page-template-page-dark nav.toggled .menu-toggle:after{
		color:black;
	}*/
	header.site-header {
		background:none;
	}
	nav.main-navigation ul.nav-menu {
		position:fixed;
		top:0;
		overflow:hidden;
		left:-300px;
		padding-top:40px;
		height: 100vh;
		overflow:auto;
		z-index:4;
	}
	nav.main-navigation ul.nav-menu[aria-expanded="true"] {
		left:0;
	}
	nav.main-navigation .menu-toggle[aria-expanded="true"] {
		padding-left:20px;
	}
}

nav.secondary-navigation .menu-toggle {
	position:absolute;
	top:-9999px;
	right:-9999px;
}

#content .pagebox .secondary-navigation {
	top:30px;
	right:85px;
	position:absolute;
}

#content .pagebox .secondary-navigation  li,
nav.secondary-navigation li {
	display:inline-block;
	vertical-align:top;
	list-style:none;
	color:white;
}

#content .pagebox .secondary-navigation  li:after,
nav.secondary-navigation li:after {
	display:inline-block;
	content:"/";
}

#content .pagebox .secondary-navigation  li:last-child::after,
nav.secondary-navigation  li:last-child::after {
	display:none;
}

#content .pagebox .secondary-navigation  li ul,
nav.secondary-navigation  li ul {
	display:none;
}

#content .pagebox .secondary-navigation  li a,
nav.secondary-navigation  li a {
	color:black;
	margin:0 6px 0 0;
}

#content article.page-template-page-middle.pagebox .secondary-navigation li a,
#content article.page-template-page-dark.pagebox .secondary-navigation li a {
	color:white;
}

#content .pagebox .secondary-navigation  li a:hover,
#content .pagebox .secondary-navigation  li a:active,
#content .pagebox .secondary-navigation  li a:focus,
#content .pagebox .secondary-navigation  li.current_page_item a {
	color:#999999;
}

#content article.page-template-page-dark.pagebox .secondary-navigation li a:hover,
#content article.page-template-page-dark.pagebox .secondary-navigation li a:focus,
#content article.page-template-page-dark.pagebox .secondary-navigation li a:active {
	color:#999999;
}

#content article.page-template-page-middle.pagebox .secondary-navigation li a:hover,
#content article.page-template-page-middle.pagebox .secondary-navigation li a:focus,
#content article.page-template-page-middle.pagebox .secondary-navigation li a:active {
	color:#cccccc;
}

#content .pagebox .secondary-navigation.toggled li {
	color:black;
}

#content .pagebox .secondary-navigation.toggled li a {
	color:black;
}

#content .pagebox .secondary-navigation.toggled li a:hover,
#content .pagebox .secondary-navigation.toggled li a:active,
#content .pagebox .secondary-navigation.toggled li a:focus,
#content .pagebox .secondary-navigation.toggled li.current_page_item a {
	color:#999999;
}

@media screen and (max-width:800px) {
	nav.secondary-navigation {
		font-size:95%;
		display:none;
		transition:all .5s;
		transition-delay: 2s;
		z-index:4;
		position:fixed;
		left:232px;
		top:4px;
		font-size:90%;
	}
	nav.secondary-navigation.toggled {
		display:block;
	}
	nav.secondary-navigation li,
	nav.secondary-navigation li a {
		color:black;
	}
	nav.secondary-navigation li a:hover,
	nav.secondary-navigation li a:focus,
	nav.secondary-navigation li a:active {
		color:#666666;
	}
}

#content .horizontal-arrow.right {
	position:fixed;
	right:25px;
	z-index:4;
	cursor:pointer;
	height:auto;
}

#content .horizontal-arrow.left {
	position:fixed;
	left:565px;
	z-index:4;
	cursor:pointer;
	height:auto;
}

body.page-template-page-middle .horizontal-arrow {
	color:black;
}

@media screen and (min-width:1800px) {
	#content .horizontal-arrow.left {
		left:705px;
	}
}

@media screen and (max-width:1150px) {
	#content .horizontal-arrow.left {
		left:325px;
	}
}

@media screen and (max-width:800px) {
	#content .horizontal-arrow {
		display:none !important;
	}
}

#content .horizontal-arrow.left:after {
	display:block;
	content:"\e900";
	font-family:"pfeil";
	font-size:200%;
}

#content .horizontal-arrow.right:after {
	display:block;
	content:"\e901";
	font-family:"pfeil";
	font-size:200%;
}

body.home .horizontal-arrow {
	display:none !important;
}

/* content */

#content {
	box-sizing:border-box;
	margin-left:540px;
	height:100%;
}

@media screen and (max-width:1150px) {
	#content {
		margin-left:300px;
	}
}

@media screen and (min-width:1800px) {
	#content {
		margin-left:680px;
	}
}

@media screen and (max-width:800px) {
	#content {
		margin-left:0;
	}
}
#content p,
#content ul,
#content ol,
#content table {
	line-height:1.4em;
	font-size:115%;
	padding-bottom:12px;
}
#content ul,
#content ol {
	margin-left:20px;
}
#content li {
	list-style:square;
}
#content p.introtext {
	font-size:150%;
}

#content .small-text {
	font-size:100%;
}
@media screen and (max-width:1150px) {
	#content p.introtext {
		font-size:125%;
	}
}
@media screen and (min-width:1800px) {
	#content p {
		font-size:120%;
	}
	#content p.introtext {
		font-size:180%;
	}
}
@media screen and (max-width:800px) {
	#content p.introtext {
		font-size:130%;
	}
}
#content a {
	color:#666666;
	transition:all .4s;
}
#content a:hover,
#content a:active,
#content a:focus {
	color:#808080;
}
#content a.negative {
	color:black;
	transition:all .4s;
}
#content a:hover,
#content a:active,
#content a:focus {
	color:#808080;
}
#content article.page-template-page-dark,
#content article.page-template-page-middle {
	color:white;
}
#content article.page-template-page-middle a {
	color:black;
}
#content article.page-template-page-middle a:hover,
#content article.page-template-page-middle a:focus,
#content article.page-template-page-middle a:active {
	color:#181818;
}
#content article.page-template-page-middle a.negative {
	color:white;
}
#content article.page-template-page-middle a.negative:hover,
#content article.page-template-page-middle a.negative:focus,
#content article.page-template-page-middle a.negative:active {
	color:black;
}
#content article.page-template-page-dark a {
	color:#aaaaaa;
}
#content article.page-template-page-dark a:hover,
#content article.page-template-page-dark a:focus,
#content article.page-template-page-dark a:active {
	color:#999999;
}
#content article.page-template-page-dark a.negative {
	color:white;
}
#content article.page-template-page-dark a.negative:hover,
#content article.page-template-page-dark a.negative:focus,
#content article.page-template-page-dark a.negative:active {
	color:black;
}
#content .left-column {
	margin-bottom:15px;
}

#content .right-column {
	margin-bottom:15px;
}

@media screen and (min-width:801px) {
	#content .left-column {
		width:40%;
		float:left;
	}

	#content .right-column {
		width:40%;
		float:left;
	}
}

/* desktop pageboxes (class .desktop set via JS)  */
#primary article.pagebox {
	padding-left:20px;
}
#primary article.pagebox h1:first-child {
	margin-top:0;
}
#primary article.pagebox.desktop {
	float:left;
	position:relative;
}
#primary article.pagebox.desktop .edit-link {
	background:#f0f0f0;
	position:absolute;
	top:10px;
	left:10px;
	color:black;
	font-weight:bold;
	display:block;
	padding:3px 10px;
}
#primary article.desktop .pagebox-inner {
	float:left;
	position:relative;
}
#primary article.desktop .pagebox-inner .box {
	padding:85px 85px 20px 85px;
	max-width:800px;
	box-sizing:border-box;
}
#primary article.desktop .pagebox-inner.topimage .box {
	padding:10px 85px 10px 85px;
	max-width:1000px;
}
@media screen and (min-width:1800px) {
	#primary article.desktop .pagebox-inner .box {
		max-width:950px;
		padding:100px 100px 30px 100px;
	}
}
#primary article.desktop .pagebox-inner.fullimage {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
	max-width:100%;
}

@media screen and (max-width:1150px) {
	#primary article.desktop .pagebox-inner .box,
	#primary article.desktop .pagebox-inner.topimage .box {
		padding-left:45px;
		padding-right:45px;
	}
}

/* mobile pageboxes (class .mobile set via JS) */
#primary article.pagebox.mobile {
	float:none;
}
#primary article.pagebox.mobile .edit-link {
	position:relative;
	top:0;
	left:0;
}
#primary article.mobile .pagebox-inner {
	width:100%;
	max-width:100%;
	float:none;
	box-sizing:border-box;
}
#primary article.mobile:last-child .pagebox-inner:last-child {
	/* min-height:100vh; */
}
#primary article.mobile .pagebox-inner .box {
	padding:35px 20px;
}
#primary article.mobile .pagebox-inner.fullimage {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
	width:100%;
	max-width:100%;
	height:100vh;
	max-height:67vw;
}

body.home #primary article.mobile .pagebox-inner.fullimage {
	max-height:100vh;
}

/* map pagebox */
#primary article .pagebox-inner.map .box {
	padding:0;
	max-width:100%;
}

#primary article .pagebox-inner.map .box iframe {
	display:block;
	pointer-events:none;
}

#primary article .pagebox-inner.map .box  p {
	padding:0;
	margin:0;
}


#primary h1 {
	text-transform:uppercase;
	letter-spacing:3px;
	font-weight:500;
	margin-top:6px;
}

@media screen and (max-width:1150px) {
	#primary h1 {
		margin-top:-2px;
	}
}

@media screen and (min-width:1800px) {
	#primary h1 {
		margin-top:16px;
	}
}

#primary h2 {
	letter-spacing:3px;
	font-weight:600;
}

#primary h1.entry-title.hidden {
	position:absolute;
	top:-9999px;
	left:-9999px;
}

#primary article.pagebox .pagebox-inner .topimage {
	height:50vh;
	width:100%;
	background-position:center center;
	background-size:cover;
	background-color:black;
}

.pagebox-inner.hide {
	display:none !important;
}


/* defining page and menu colors */

body.color-00796e, article.color-00796e {
	background: #00796e;
}

nav.main-navigation a.color-00796e:hover,
nav.main-navigation a.color-00796e:focus,
nav.main-navigation a.color-00796e:active,
nav.main-navigation li.current_page_item > a.color-00796e,
nav.main-navigation li.current_page_ancestor > a.color-00796e,
nav.main-navigation li a.color-00796e.currentLink {
	color: #00796e;
}

body.color-000000, article.color-000000 {
	background: #000000;
}

nav.main-navigation a.color-000000:hover,
nav.main-navigation a.color-000000:focus,
nav.main-navigation a.color-000000:active,
nav.main-navigation li.current_page_item > a.color-000000,
nav.main-navigation li.current_page_ancestor > a.color-000000,
nav.main-navigation li a.color-000000.currentLink {
	color: #000000;
}

body.color-3e6b98, article.color-3e6b98 {
	background: #3e6b98;
}

nav.main-navigation a.color-3e6b98:hover,
nav.main-navigation a.color-3e6b98:focus,
nav.main-navigation a.color-3e6b98:active,
nav.main-navigation li.current_page_item > a.color-3e6b98,
nav.main-navigation li.current_page_ancestor > a.color-3e6b98,
nav.main-navigation li a.color-3e6b98.currentLink {
	color: #3e6b98;
}

body.color-8f8f8f, article.color-8f8f8f {
	background: #8f8f8f;
}

nav.main-navigation a.color-8f8f8f:hover,
nav.main-navigation a.color-8f8f8f:focus,
nav.main-navigation a.color-8f8f8f:active,
nav.main-navigation li.current_page_item > a.color-8f8f8f,
nav.main-navigation li.current_page_ancestor > a.color-8f8f8f,
nav.main-navigation li a.color-8f8f8f.currentLink {
	color: #8f8f8f;
}

body.color-6e8f8f, article.color-6e8f8f {
	background: #6e8f8f;
}

nav.main-navigation a.color-6e8f8f:hover,
nav.main-navigation a.color-6e8f8f:focus,
nav.main-navigation a.color-6e8f8f:active,
nav.main-navigation li.current_page_item > a.color-6e8f8f,
nav.main-navigation li.current_page_ancestor > a.color-6e8f8f,
nav.main-navigation li a.color-6e8f8f.currentLink {
	color: #6e8f8f;
}

body.color-c53042, article.color-c53042 {
	background: #c53042;
}

nav.main-navigation a.color-c53042:hover,
nav.main-navigation a.color-c53042:focus,
nav.main-navigation a.color-c53042:active,
nav.main-navigation li.current_page_item > a.color-c53042,
nav.main-navigation li.current_page_ancestor > a.color-c53042,
nav.main-navigation li a.color-c53042.currentLink {
	color: #c53042;
}

body.color-696f7e, article.color-696f7e {
	background: #696f7e;
}

nav.main-navigation a.color-696f7e:hover,
nav.main-navigation a.color-696f7e:focus,
nav.main-navigation a.color-696f7e:active,
nav.main-navigation li.current_page_item > a.color-696f7e,
nav.main-navigation li.current_page_ancestor > a.color-696f7e,
nav.main-navigation li a.color-696f7e.currentLink {
	color: #696f7e;
}

/* content submenu */
#content .content-submenu a {
	font-size:inherit;
	display:inline-block;
	margin-right:1em;
	width:50px;
	padding-right:10px;
}

/* extras */

.content-line {
	width:56%;
	border-top: 3px solid white;
	padding-top: 13px;
	margin-top: 13px;
}

/* site footer */

footer.site-footer {
	clear:both;
}

/* hide screenreader elements */

.screen-reader-text {
	position:absolute;
	top:-9999px;
	left:-9999px;
}

/* embed container */
.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}

/* lightbox */
#imageDataContainer,
#outerImageContainer { 
	background-color: transparent !important;
}

#imageDetails {
	display:none;
}

#jqlb_closelabel {
	background:none !important;
	width:auto !important;
	height:auto !important;
}

#imageData #bottomNav #bottomNavClose {
	width:auto !important;
	height:auto !important;
    line-heigtht:1;
	margin-bottom:-5px !important;
}

#jqlb_closelabel:after {
	display:inline-block;
	width:36px;
	font-family:dashicons;
	font-size:36px;
	content:"\f335";
	color:black;
	text-align:right;
	line-heigtht:1;
}

#imageData {
	line-height:1;
}

#overlay {
	background-color:#ffffff !important;
}

#nextLink, #prevLink {
	background:none !important;
}

#prevLink {
	margin-left:-20px;
	line-height:100%;
	display:table !important;
}

#nextLink {
	margin-right:-20px;
	line-height:100%;
	display:table !important;
}

@media screen and (max-width:800px) {
	#prevLink {
		margin-left:15px;
	}
	#nextLink {
		margin-right:15px;
	}
}

#prevLink:after {
	text-align:left;
	font-family: "pfeil";
	content: "\e900";
	font-size: 200%;
	color:black;
	display:table-cell !important;
	vertical-align:middle;
}

#nextLink:after {
	text-align:right;
	font-family: "pfeil";
	content: "\e901";
	font-size: 200%;
	color:black;
	display:table-cell !important;
	vertical-align:middle;
}

/* gallery */

.gallery {
	width:930px;
}

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

.gallery-item {
	line-height:0;
	margin-bottom:15px;
	width:660px;
	height:440px;
	overflow:hidden;
	float:left;
	margin-right:20px;
}

.gallery-items-small-left,
.gallery-items-small-right {
	margin-right:20px;
	width:115px;
	float:left;
}
.gallery-items-small-right {
	margin-right:0;
}

.gallery-items-small-left .gallery-item,
.gallery-items-small-right .gallery-item {
	width:100%;
	margin-right:0;
	height:auto;
}

.gallery:after {
	display:block;
	content:" ";
	clear:both;
}

@media screen and (max-width:1700px) {
	.gallery {
		width:620px;
	}

	.gallery-item {
		line-height:0;
		margin-bottom:10px;
		width:440px;
		height:293px;
		overflow:hidden;
		float:left;
		margin-right:13px;
	}
	
	.gallery-items-small-left,
	.gallery-items-small-right {
		margin-right:13px;
		width:76px;
		float:left;
	}
	.gallery-items-small-right {
		margin-right:0;
	}

	.gallery-items-small-left .gallery-item,
	.gallery-items-small-right .gallery-item {
		width:100%;
		margin-right:0;
		height:auto;
	}
}

@media screen and (max-width:1200px) {
	.gallery {
		width:465px;
	}

	.gallery-item {
		line-height:0;
		margin-bottom:7.5px;
		width:330px;
		height:220px;
		overflow:hidden;
		float:left;
		margin-right:10px;
	}
	
	.gallery-items-small-left,
	.gallery-items-small-right {
		margin-right:10px;
		width:57.5px;
		float:left;
	}
	.gallery-items-small-right {
		margin-right:0;
	}

	.gallery-items-small-left .gallery-item,
	.gallery-items-small-right .gallery-item {
		width:100%;
		margin-right:0;
		height:auto;
	}
}

@media screen and (max-width:880px) {
	.gallery {
		width:310px;
	}

	.gallery-item {
		line-height:0;
		margin-bottom:5px;
		width:220px;
		height:147px;
		overflow:hidden;
		float:left;
		margin-right:6px;
	}
	
	.gallery-items-small-left,
	.gallery-items-small-right {
		margin-right:6px;
		width:38px;
		float:left;
	}
	.gallery-items-small-right {
		margin-right:0;
	}

	.gallery-items-small-left .gallery-item,
	.gallery-items-small-right .gallery-item {
		width:100%;
		margin-right:0;
		height:auto;
	}
}


@media screen and (max-width:800px) {
	.gallery {
		width:100%;
		height:auto;
	}
	.gallery-item,
	.gallery-item:first-child {
		width:100%;
		margin-right:0;
		box-sizing:border-box;
		position:relative;
		height:auto;
	}
	.gallery-icon a {
		position:relative;
		display:inline-block;
	}
	.gallery-icon a .arrow-box {
		position:absolute;
		bottom:20px;
		right:10px;
		display:inline-block;
		background:rgba(255,255,255,.5);
		line-height:1.4em;
		font-family: "pfeil";
		content:"\e900 \00a0\e901";
		padding:2px 5px;
		cursor:pointer;
		color:black;
	}
	.gallery-item .arrow-box:after {
		font-family: "pfeil";
		content:"\e900 \00a0\00a0\e901";
	}
	.gallery-item img {
		max-width:100%;
		height:auto;
	}
}

/* newsletter form */

#content .mc4wp-form-fields {
	font-size:inherit;
}

#content .mc4wp-form-fields p {
	font-size:100%;
}

#content .mc4wp-form-fields p input {
	font-family:inherit;
}

#content .mc4wp-form-fields p input[type="email"] {
	background:none;
	border:none;
	border-bottom:2px solid white;
	color:white;
	font-weight:normal;
	line-height:1.4em;
	width:260px;
	font-size:150%;
}

#content .mc4wp-form-fields p input[type="email"]::-webkit-input-placeholder {
    opacity:.5;
}
#content .mc4wp-form-fields p input[type="email"]:-moz-placeholder {
    opacity:.5;
}
#content .mc4wp-form-fields p input[type="email"]::-moz-placeholder {
    opacity:.5;
}
#content .mc4wp-form-fields p input[type="email"]:-ms-input-placeholder {
    opacity:.5;
}

#content .mc4wp-form-fields p input[type="submit"] {
	border:none;
	background:none;
	color:black;
	cursor:pointer;
	font-weight:bold;
	font-size:150%;
}
	
/* customizer 2024-09-26 */

.klavierwunsch-banner {
	position: fixed;
	top: 0;
	left: 0;
	height:3px;
	overflow: hidden;
}

.hide-in-menu {
	display: none;
}

.mejs-container {
	width: calc(80vw - 540px) !important;
	max-width: none !important;
	height: auto !important;
	aspect-ratio: 1 / 0.5625  !important;
}

@media (max-width:1799px) {
	.mejs-container {
		width: calc(87.5vw - 540px) !important;
	}
}

@media (max-width:1150px) {
	.mejs-container {
		width: calc(87.5vw - 300px) !important;
	}
}

@media (max-width:800px) {
	.mejs-container {
		width: calc(100vw - 40px) !important;
	}
}


.mejs-controls {
	opacity: 0;
}

.mejs-container:hover .mejs-controls,
.mejs-container:focus .mejs-controls {
	opacity: 1;
}

video {
	width: 100% !important;
	height: 100% !important
}

.mejs-controls {
  transition-delay: 500ms;
	transition-property: opacity;
  transition-timing-function: ease-in;
  transition-duration: 250ms;
	background: black;
}

.mejs-overlay-button {
	background: url(icons/mejs-controls.svg) no-repeat !important;
	background-position: 0 -39px !important;
}