body.navOpen {
	position: relative;
	overflow: hidden;
}
img {
	display: block;
	width: 100%;
	height: auto;
}
.wpml-ls-menu-item .wpml-ls-flag {
	width: 1.2em;
	height: .6em;
}

/* -------------------- Struktur -------------------- */
.body-c {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
article {
	margin-top: calc(1rem + 5.5em);
	transition: margin-top 0.2s ease-in-out;
}
body.isScrolled article {
	margin-top: calc(1rem + 2.5em);
}

/* -------------------- Header -------------------- */
.header {
	background-color: var(--colorRed);
	color: var(--colorWhite);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
}
.header-i {
	max-width: var(--maxWidthL);
	margin: 0 auto;
	padding: .5rem 1rem;
}
.header-c {
	display: flex;
	width: 100%;
}
/* -------------------- Header Logo -------------------- */
.site-logo a {
	display: block;
}
.site-logo-c {
	position: relative;
}
.site-logo img {
	width: 5em;
	height: 5em;
	transition: all 0.2s ease-in-out;
}
.site-logo img:last-child {
	width: calc(5em - 4px);
	height: calc(5em - 4px);
	opacity: 0;
	position: absolute;
	top: 0;
	border: 2px solid var(--colorWhite);
}
body.isScrolled .site-logo img {
	width: calc(2em - 4px);
	height: calc(2em - 4px);
}
body.isScrolled .site-logo img:first-child {
	opacity: 0;
}
body.isScrolled .site-logo img:last-child {
	opacity: 1;
}
/* -------------------- Header Navigation -------------------- */
.site-navigation {
	margin-left: auto;
}
.site-navigation-i {
	height: 100%;
}
.site-navigation-c {
	height: 100%;
	display: flex;
	flex-direction: column;
}
body.isScrolled .site-navigation-top {
	display: none;
}
.site-navigation-mobile {
	margin-top: auto;
	margin-left: auto;
}
.site-navigation-top {
	margin-bottom: auto;
	margin-left: auto;
	transition: margin 0.2s ease-in-out;
}
.site-navigation-top .isHeaderPhone,
.site-navigation-top .isHeaderMail {
	display: none;
	margin-left: .375em;
}
.site-navigation-top ul {
	display: flex;
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0 -.75em;
	align-items: center;
}
.site-navigation-top li {
	border-left: 1px solid var(--colorWhite);
}
.site-navigation-top li:first-child {
	border-left: none;
}
.site-navigation-top li a {
	padding: 0 .75em;
	display: flex;
	align-items: center;
	line-height: 1;
}
.site-navigation-bottom {
	display: none;
	margin-top: auto;
	margin-bottom: 0;
	transition: margin 0.2s ease-in-out;
}	
.site-navigation-bottom ul {
	display: flex;
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0 -1em;
}
.site-navigation-bottom li {
	margin: 0 1em;
}
.site-navigation-bottom a {
    font-family: 'Kaushan Script';
	font-size: 1.4em;
	line-height: 1;
	color: var(--colorWhite);
}
.site-navigation-top a:hover,
.site-navigation-top li.current-menu-item a,
.site-navigation-bottom  li.current-menu-item a,
.site-navigation-bottom  a:hover {
	color: var(--colorGold);
}
@media screen and (min-width: 768px) {
	.site-navigation-top .isHeaderPhone,
	.site-navigation-top .isHeaderMail {
		display: block;
	}
}
@media screen and (min-width: 1024px) {
	.site-navigation-mobile {
		display: none;
	}
	.site-navigation-bottom {
		display: block;
	}
}
#burger {
    font-family: 'Kaushan Script';
	line-height: 1;
	display: flex;
	align-items: center;
	color: var(--colorWhite);
}
#burger:hover {
	color: var(--colorGold);
}
#burger span.open {
	display: block;
	font-size: 2em;
	margin-left: .25em;
}
#burger span.close {
	display: none;
	font-size: 2em;
	margin-left: .25em;
}
#burger span.text {
	font-size: 1.4em;
}
body.navOpen #burger span.open {
	display: none;
}
body.navOpen #burger span.close {
	display: inline-block;
}
/* -------------------- Mobile Navigation -------------------- */
.mobile-navigation {
	display: none;
	position: fixed;
	top: calc(1rem + 5.5em);
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--colorGold);
	color: var(--colorWhite);
	transition: top 0.2s ease-in-out;
}
body.isScrolled .mobile-navigation {
	top: calc(1rem + 2.5em);
}
.mobile-navigation-i {
	width: 100%;
	height: 100%;
}
.mobile-navigation-c {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
body.navOpen .mobile-navigation {
	display: block;
	z-index: 999;
}
.mobile-menu {
	margin: auto 0;
	width: 100%;
}
.mobile-menu-i {
}
.mobile-menu-c {
}
.mobile-menu ul {
	width: 100%;
	margin: auto;
	display: flex;
	list-style: none;
	list-style-type: none;
	padding: 0;
	flex-direction: column;
}
.mobile-menu li {
	margin: 0 auto;
}
.mobile-menu a {
    font-family: 'Kaushan Script';
	font-size: 1.4em;
	line-height: 1.4;
	padding: .5em;
	text-align: center;
	display: block;
}
.mobile-menu li.current-menu-item a,
.mobile-menu a:hover {
	color: var(--colorRed);
}
.mobile-footer {
	width: 100%;
	background-color: var(--colorRed);
}
.mobile-footer-i {
	padding: .5rem 1rem;
}
.mobile-footer p {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.mobile-footer a {
	display: inline-flex;
	align-items: center;
}
.mobile-footer a:hover {
	color: var(--colorGold);
}
.mobile-footer span.trenner {
	margin: 0 .75em;
}
.mobile-footer .material-icons-outlined {
	margin: 0 .375em 0 0;
}

/* -------------------- Footer -------------------- */
.footer {
	margin-top: auto;
}
.footer-i {
}
.footer-c {
}
.footer h3,
.footer h4 {
	color: var(--colorWhite);
}
/* -------------------- Site-Footer -------------------- */
.site-footer {
	background-color: var(--colorRed);
	color: var(--colorWhite);
}
.site-footer-i {
	max-width: var(--maxWidthL);
	margin: 0 auto;
	padding: 1.5rem 1rem;
}
.site-footer-c {
	display: flex;
	width: 100%;
}
.site-footer a:hover {
	color: var(--colorGold);
}
/* -------------------- Sub-Footer -------------------- */
.sub-footer {
	background-color: var(--colorGold);
	color: var(--colorWhite);
}
.sub-footer-i {
	max-width: var(--maxWidthL);
	margin: 0 auto;
	padding: .5rem 1rem;
}
.sub-footer .col-c {
	display: flex;
	width: 100%;
	flex-direction: column;
}
.sub-footer p {
	white-space: nowrap;
	margin: 0;
}
.sub-footer ul {
	display: flex;
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0 -.5em;
	flex-wrap: wrap;
}
.sub-footer li::after {
	content: '|';
}
.sub-footer li:last-child::after {
	content: '';
}
.sub-footer li a {
	padding: 0 .5em;
}
.sub-footer a:hover,
.sub-footer li.current-menu-item a {
	color: var(--colorRed);
}
@media screen and (min-width: 768px) {
	.sub-footer .col-c {
		flex-direction: row;
	}
	.sub-footer p {
		margin-right: auto;
	}
}

/* -------------------- Page Header -------------------- */
.post-thumbnail {
	aspect-ratio: 1/1;
}
.post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom;
}
.entry-header-c {
	position: relative;
}
.newsbox {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.newsbox-i {
	max-width: var(--maxWidthL);
	margin: 0 0 0 auto;
	padding: .5rem 1rem;
}
.newsbox-c {
	background-repeat: repeat;
	background-size: auto;
	background-image: url(../res/ok_kariert_02.png);
	padding: .5em;
}
.newsbox-cc {
	background-color: #FBF7F1;
	padding: .8rem;
}
@media screen and (min-width: 768px) {
	.post-thumbnail {
		aspect-ratio: 2/1;
	}
	.newsbox {
		left: 25%;
	}
}
@media screen and (min-width: 1024px) {
	.post-thumbnail {
		aspect-ratio: 3/1;
	}
	.newsbox {
		left: calc(100%/3);
	}
}

/* -------------------- Module -------------------- */
div.trenner {
	width: 100%;
	height: .5em;
  	background-repeat: repeat;
	background-size: auto 200%;
	background-image: url(../res/ok_kariert_02.png);
}
section:nth-child(even) {
	background-color: var(--colorGoldLight);
}
.section-i {
	max-width: var(--maxWidthS);
	margin: 0 auto;
	padding: 1.5rem 1rem;
}
.row {
	display: flex;
	width: 100%;
}
.row-i {
	margin: -.5rem;
	width: calc(100% + 1rem);
}
.row-small .row-i {
	margin: -.25rem;
	width: calc(100% + .5rem);
}
.row-c {
	display: flex;
	flex-wrap: wrap;
}
.col {
	width: calc(100% - 1rem);
	margin: .5rem;
}
.row-small .col {
	width: calc(100% - .5rem);
	margin: .25rem;
}
.col-i {
	width: 100%;
	height: 100%;
}
.col-c {
	width: 100%;
	height: 100%;
}
@media screen and (min-width: 768px) {
	.col-3 {
		width: calc(100%/12*6 - 1rem);
	}
	.col-6 {
		width: calc(100%/12*6 - 1rem);
	}
	.row-small .col-3 {
		width: calc(100%/12*6 - .5rem);
	}
	.row-small .col-6 {
		width: calc(100%/12*12 - .5rem);
	}
}
@media screen and (min-width: 1024px) {
	.col-2 {
		width: calc(100%/12*2 - 1rem);
	}
	.col-3 {
		width: calc(100%/12*3 - 1rem);
	}
	.col-6 {
		width: calc(100%/12*6 - 1rem);
	}
	.row-small .col-2 {
		width: calc(100%/12*2 - .5rem);
	}
	.row-small .col-3 {
		width: calc(100%/12*3 - .5rem);
	}
	.row-small .col-6 {
		width: calc(100%/12*6 - .5rem);
	}
}

/* -------------------- Modul Bildergalerie -------------------- */
.modul-bildergalerie {
	background-color: #fff;
}
.modul-bildergalerie .section-i {
	max-width: 100%;
}
.modul-bildergalerie img {
	aspect-ratio: 16/9;
}

/* -------------------- Modul Text / Bild -------------------- */
.modul-text-bild .image {
	aspect-ratio: 16/9;
}
.modul-text-bild .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (min-width: 768px) {
	.modul-text-bild .image {
		aspect-ratio: 1/1;
	}
	.modul-text-bild-typ-0 .col-6:first-child {
		order: 3;
	}
}
@media screen and (min-width: 1024px) {
	.modul-text-bild .image {
		aspect-ratio: 4/3;
	}
}

/* -------------------- Modul Text / Video -------------------- */
.modul-text-video .video,
.modul-text-video .video video {
	width: 100%;
}
@media screen and (min-width: 768px) {
	.modul-text-video-typ-0 .col-6:first-child {
		order: 3;
	}
}

/* -------------------- Modul Schachbrett -------------------- */
.schachbrett {
	background-color: var(--colorWhite);
}
section:nth-child(odd) .schachbrett {
	background-color: var(--colorGoldLight);
}
.schachbrett-c {
	display: flex;
	flex-wrap: wrap;
}
.schachbrett-item {
	width: 100%;
}
.schachbrett-item-i {
	width: 100%;
	height: 100%;
}
.schachbrett-item-c {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.schachbrett-item-c div {
	padding: .8rem;
}
.schachbrett-item h3 {
	margin: 0;
}
.schachbrett-item img {
	aspect-ratio: 16/9;
}
.schachbrett-item:nth-child(10) {
	display: none;
}
@media screen and (min-width: 768px) {
	.schachbrett-item {
		width: calc(100%/2);
	}
	.schachbrett-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		aspect-ratio: auto;
		aspect-ratio: 1/1;
	}
	.schachbrett-item:nth-child(1) {
		order: 1;
	}
	.schachbrett-item:nth-child(2) {
		order: 2;
	}
	.schachbrett-item:nth-child(3) {
		order: 4;
	}
	.schachbrett-item:nth-child(4) {
		order: 3;
	}
	.schachbrett-item:nth-child(5) {
		order: 5;
	}
	.schachbrett-item:nth-child(6) {
		order: 6;
	}
	.schachbrett-item:nth-child(7) {
		order: 8;
	}
	.schachbrett-item:nth-child(8) {
		order: 7;
	}
	.schachbrett-item:nth-child(9) {
		order: 9;
	}
	.schachbrett-item:nth-child(10) {
		display: block;
		order: 10;
	}
}
@media screen and (min-width: 1024px) {
	.schachbrett-item {
		width: calc(100%/3);
	}
	.schachbrett-item:nth-child(3) {
		order: 3;
	}
	.schachbrett-item:nth-child(4) {
		order: 4;
	}
	.schachbrett-item:nth-child(7) {
		order: 7;
	}
	.schachbrett-item:nth-child(8) {
		order: 8;
	}
	.schachbrett-item:nth-child(10) {
		display: none;
	}
}
input {
	padding: .5em;
	border: 1px solid var(--colorRed);
}