/*
Theme Name: Pit Make me visible
Theme URI: http://www.makemevisible.ch/
Author: pit team GmbH
Author URI: http://www.pitteam.ch/
Description: WP-Theme für die Website www.makemevisible.ch, Mai 2021. Überarbeitung Mai 2021.
Version: 1.0
Text Domain: pit_theme
*/




/* -------------------------------------------------------------------------- */
/*	Document Setup
/* -------------------------------------------------------------------------- */

html,
body {
	border: none;
	margin: 0;
	padding: 0;
	}

html {
	scroll-behavior: smooth;
	}
		@media (prefers-reduced-motion: reduce) {
			html { scroll-behavior: auto; }
			}

*,
*:before,
*:after {
	box-sizing: inherit;
	-webkit-font-smoothing: antialiased;
	word-break: break-word;
	word-wrap: break-word;
	}





/* -------------------------------------------------------------------------- */
/*	ALLGEMEIN
/* -------------------------------------------------------------------------- */

body {
	min-height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
	min-height: calc(var(--vh, 1vh) * 100);
	font-size: 1.1em;
	line-height: 1.4em;
	letter-spacing: 0.03em;
	background-color: var(--color-general-bg);
	background-size: 100% auto;
	color: var(--color-general-txt);
	}
	
html {
	scroll-behavior: smooth;
	}

#navbar,
#navbar *,
/*#headerstart,
#headerstart *,*/
.entry-content *,
.footer *,
*:before,
*:after {
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}

/* ------ Aufbau für Sticky Footer via Flexbox ------ */
/* https://css-tricks.com/couple-takes-sticky-footer/ */
body {
	display: -webkit-box;  display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* or inline-flex */
	flex-direction: column;
	}
.wrapper {
	flex: 1 0 auto;
	}
.footer {
	flex-shrink: 0;
	background-color: var(--color-footer-bg);
	}





/* -------------------------------------------------------------------------- */
/* 	BASIS – Beitragsbild nur fuer Beitraege
/* -------------------------------------------------------------------------- */

.postimage-single {
	width: 90%;
	max-width: 1100px;
	margin: var(--spacer-big) auto var(--spacer-text) auto;
	line-height: 0;
	overflow: hidden;
	}
.postimage-single img {
	height: auto;
	max-height: 700px;
	object-fit: cover;
	object-position: 50% 50%;
	}

		@media (min-width:1210px) {
			.wp-block-image .alignleft.postimage-single {
				max-width: 500px !important;
				}
		}
		@media (min-width:1760px) {
			.wp-block-image .alignleft.postimage-single {
				max-width: 670px !important;
				}
		}





/* -------------------------------------------------------------------------- */
/* 	BASIS
/* -------------------------------------------------------------------------- */

body.is-front-page .entry-content {
	margin-top: 3rem;
	}

		@media (min-width:782px) {
			body.is-front-page .entry-content { margin-top: 4rem; }
		}
		@media (min-width:1210px) {
			body.is-front-page .entry-content { margin-top: 5rem; }
		}

body.is-front-page .entry-content > *:first-child:not(.pit-section) {
	margin-top: var(--spacer-big) !important;
	}




/* -------------------------------------------------------------------------- */
/* 	ARCHIV
/* -------------------------------------------------------------------------- */

.theme-archive {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	/* --------------------------------------------------------------------------------------------------------------- margin-bottom: 4em; */
	}
.theme-archive.alignbasic {
	width: 90%;
	max-width: 1100px;
	}
.theme-archive.alignwide {
	width: 90%;
	max-width: 1600px;
	}
.theme-archive.alignfull {
	width: 90%;
	max-width: 90%;
	}
		@media (min-width:1760px) {
			.theme-archive.alignfull { width: calc(100% - 8rem); max-width: calc(100% - 8rem); }
		}
.theme-archive a:link, .theme-archive a:visited, .theme-archive a:active, .theme-archive a:hover {
	text-decoration: none;
	color: inherit;
	}
.theme-archive small {
	opacity: 0.5;
	}

.archive-item {
	position: relative;
	/* -------------------------------------------------------------------- kleiner Abstand -------------------------------------------------------------------- */ margin-top: var(--spacer-small);
	}
.archive-item:first-child {
	margin-top: 0 !important;
	}
.archive-item .archive-txt p {
	margin: 0.4em 0 0.5em 0;
	}
.archive-item .archive-txt:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-light);
	z-index: -1;
	opacity: 1;
	}
.archive-item:hover .archive-txt:before {
	background-color: var(--color-general-link);
	opacity: 1;
	}
.archive-item .archive-img {
	flex-basis: 100%;
	line-height: 0;
	margin-bottom: 0.3em;
	height: 0 !important;
	padding: 0 0 65% 0;
	position: relative !important;
	overflow: hidden;
	}
.archive-item .archive-img img {
	width: 100%;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
	}
.archive-item .archive-txt {
	flex-basis: 100%;
	padding: 1.2em 1em 1.3em 1em;
	}
.archive-item:hover .archive-txt {
	color: white;
	}

.archive-item h2 {
	margin-left: 0;
	margin-right: 0;
	color: var(--color-general-link);
	}
.archive-item:hover h2 {
	color: white;
	}
		@media (max-width:781px) {
			body.search .archive-item .archive-img { display:none; }
		}


/* --- fuegt Link fuer ganzes Archiv-Element hinzu --- */
/* https://generatepress.com/forums/topic/latest-posts-content-block-clickable-featured-images/ */

.archive-item {
	position: relative;
	}
.archive-item a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}


/* --- Archiv als Liste --- */

		@media (min-width:782px) {
			.archive-list {
				}
			.archive-list .archive-item {
				position: relative;
				}
			.archive-list .archive-item:first-child {
				margin-top: 0 !important;
				}
			.archive-list .archive-img {
				width: calc(33.333% - 16px);
				padding-bottom: 0 !important;
				height: 100% !important;
				margin-right: calc(32px - 1em);
				margin-bottom: 0 !important;
				position: absolute !important;
				top: 0;
				left: 0;
				bottom: 0;
				}
			.archive-list .archive-img + .archive-txt {
				width: calc(65% - 16px);
				margin-left: auto;
				}
			.archive-list .archive-txt {
				display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* or inline-flex */ 
				-webkit-flex-flow: column wrap;
				flex-flow: column wrap;
				justify-content: center;
				}
			.archive-list .archive-txt > * {
				margin-left: 0;
				margin-right: 0;
				}
			}

		@media (min-width:782px) {
			/*.archive-list .archive-item { min-height: calc(90vw / 5.7 - 16px); }
			.archive-list .archive-txt { min-height: calc(90vw / 5.7 - 16px); }
			.archive-list.alignwide .archive-item { min-height: calc(90vw / 5.7 - 16px); }
			.archive-list.alignwide .archive-txt { min-height: calc(90vw / 5.7 - 16px); }
			.archive-list.alignfull .archive-item { min-height: calc(90vw / 5.7 - 16px); }
			.archive-list.alignfull .archive-txt { min-height: calc(90vw / 5.7 - 16px); }*/
			.archive-list .archive-img { min-height: calc(90vw / 5.7 - 16px); }
			.archive-list.alignwide .archive-img { min-height: calc(90vw / 5.7 - 16px); }
			.archive-list.alignfull .archive-img { min-height: calc(90vw / 5.7 - 16px); }
			.archive-list .archive-img + .archive-txt { min-height: calc(90vw / 5.7 - 16px); }
			.archive-list.alignwide .archive-img + .archive-txt { min-height: calc(90vw / 5.7 - 16px); }
			.archive-list.alignfull .archive-img + .archive-txt { min-height: calc(90vw / 5.7 - 16px); }
			}
		@media (min-width:1210px) {
			/*.archive-list .archive-item { min-height: calc(1100px / 5.2 - 16px); }
			.archive-list .archive-txt { min-height: calc(1100px / 5.2 - 16px); }
			.archive-list.alignwide .archive-item { min-height: calc(100vw / 5.7 - 16px); }
			.archive-list.alignwide .archive-txt { min-height: calc(100vw / 5.7 - 16px); }*/
			.archive-list .archive-img { min-height: calc(1100px / 5.2 - 16px); }
			.archive-list .archive-img + .archive-txt { min-height: calc(1100px / 5.2 - 16px); }
			.archive-list.alignwide .archive-img { min-height: calc(100vw / 5.7 - 16px); }
			.archive-list.alignwide .archive-img + .archive-txt { min-height: calc(100vw / 5.7 - 16px); }
			}
		@media (min-width:1760px) {
			/*.archive-list.alignwide .archive-item { min-height: calc(1600px / 5.2 - 16px); }
			.archive-list.alignwide .archive-txt { min-height: calc(1600px / 5.2 - 16px); }*/
			.archive-list.alignwide .archive-img { min-height: calc(1600px / 5.2 - 16px); }
			.archive-list.alignwide .archive-img + .archive-txt { min-height: calc(1600px / 5.2 - 16px); }
			}

		@media (min-width:1210px) {
			.archive-list.alignfull .archive-img { width: calc(30.333% - 16px); }
			.archive-list.alignfull .archive-img + .archive-txt { width: calc(68% - 16px); }
			/*.archive-list.alignfull .archive-item { min-height: calc(100vw / 5.7 - 16px); }
			.archive-list.alignfull .archive-txt { min-height: calc(100vw / 5.7 - 16px); }*/
			.archive-list.alignfull .archive-img { min-height: calc(100vw / 5.7 - 16px); }
			.archive-list.alignfull .archive-img + .archive-txt { min-height: calc(100vw / 5.7 - 16px); }
			}


/* --- Archiv als Raster --- */

		@media (min-width:782px) {
			.archive-grid {
				display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* or inline-flex */ 
				-webkit-flex-flow: row wrap;
				flex-flow: row wrap;
				}
			.archive-grid .archive-item {
				width: calc(33.3% - 21.3px);
				margin-left: 32px;
				}
			.archive-grid .archive-item:nth-child(1),
			.archive-grid .archive-item:nth-child(2),
			.archive-grid .archive-item:nth-child(3) {
				margin-top: 0;
				}
			.archive-grid .archive-item:nth-child(3n + 1) {
				margin-left: 0;
				}
			.archive-grid .archive-img {
				flex-basis: 100%;
				padding-bottom: 65%;
				margin-right: 0;
				margin-bottom: 0;
				}
			.archive-grid .archive-txt {
				flex-basis: 100%;
				align-self: auto;
				}
			}


/* --- Archiv als Portfolio --- */

.archive-port.theme-archive.alignbasic {
	max-width: 1110px; /* -- mit Abstand --- */
	}
.archive-port.theme-archive.alignwide {
	max-width: 1600px; /* -- mit Abstand --- */
	}
.archive-port .archive-item {
	margin: 0 0 10px 0; /* -- mit Abstand --- */
	overflow: hidden;
	}
.archive-port .archive-img {
	flex-basis: 100%;
	padding-bottom: 100%;
	margin-right: 0;
	margin-bottom: 0;
	background-color: var(--color-light);
	}
.archive-port .archive-txt {
	flex-basis: 100%;
	position: absolute;
	left: 1.5em;
	right: 1.5em;
	bottom: -100%;
	align-self: auto;
	opacity: 0;
	}
.archive-port .archive-item:hover .archive-txt {
	bottom: 1.5em;
	opacity: 0.9;
	}

		@media (max-width:781px) {
			.archive-port .archive-txt small { display:none; }
			}

		@media (min-width:782px) {
			.archive-port {
				display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* or inline-flex */ 
				-webkit-flex-flow: row wrap;
				flex-flow: row wrap;
				overflow: hidden;
				}
			.archive-port .archive-item { margin: 0 0 10px 10px; }				/* -- mit Abstand --- */
			.archive-port .archive-item { width: calc(50% - 5px); } 			/* -- mit Abstand --- */
			.archive-port .archive-item:nth-child(2n + 1) { margin-left: 0; }
			}
		@media (min-width:1210px) {
			.archive-port .archive-item { width: calc(50% - 5px); } 			/* -- mit Abstand --- */
			.archive-port .archive-item:nth-child(2n + 1) { margin-left: 0; }
			
			.archive-port.alignwide .archive-item { width: calc(33.3% - 6px); } /* -- mit Abstand --- */
			.archive-port.alignwide .archive-item:nth-child(2n + 1) { margin-left: inherit; }
			.archive-port.alignwide .archive-item:nth-child(3n + 1) { margin-left: 0; }

			.archive-port.alignfull .archive-item { width: calc(33.3% - 6px); } /* -- mit Abstand --- */
			.archive-port.alignfull .archive-item:nth-child(2n + 1) { margin-left: inherit; }
			.archive-port.alignfull .archive-item:nth-child(3n + 1) { margin-left: 0; }
			}
		@media (min-width:1760px) {
			.archive-port.alignwide .archive-item { width: calc(33.3% - 6px); } /* -- mit Abstand --- */
			.archive-port.alignwide .archive-item:nth-child(2n + 1) { margin-left: inherit; }
			.archive-port.alignwide .archive-item:nth-child(3n + 1) { margin-left: 0; }

			.archive-port.alignfull .archive-item { width: calc(25% - 7.5px); } /* -- mit Abstand --- */
			.archive-port.alignfull .archive-item:nth-child(2n + 1) { margin-left: inherit; }
			.archive-port.alignfull .archive-item:nth-child(3n + 1) { margin-left: inherit; }
			.archive-port.alignfull .archive-item:nth-child(4n + 1) { margin-left: 0; }
			}


		@media (min-width:782px) {
			body.search .archive-item .archive-img + .archive-txt {
				min-height: calc(220px - 2.5em);
				}
			}




/* ----------------------------------
	POST NAVIGATION
---------------------------------- */

.archive-nav {
	width: 90%;
	margin: var(--spacer-small) auto var(--spacer-big) auto !important;
	padding: 0 0 0 0;
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.9em;
	/*line-height: 4rem;*/
	}
body.single .archive-nav {
	line-height: 2rem;
	margin: 0 auto 0 auto !important;
	}
body.single .spacer-last {
	margin-bottom: 0;
	height: var(--spacer-small);
	}
body.single .spacer-last:last-of-type {
	margin-bottom: 10px;
	height: var(--spacer-big);
	}

.archive-nav.alignbasic {
	max-width: 1100px;
	}
.archive-nav.alignwide {
	max-width: 1600px;
	}
.archive-nav.alignfull {
	max-width: 90%;
	}
		@media (min-width:1760px) {
			.archive-nav.alignfull { width: calc(100% - 8rem); max-width: calc(100% - 8rem); }
		}

.archive-nav a,
.archive-nav a:link,
.archive-nav a:visited {
	color: var(--color-general-txt) !important;
	text-decoration: none;
	padding: 0 !important;
	}
.archive-nav a:hover,
.archive-nav a.active,
.archive-nav a.disabled {
	color: var(--color-accent) !important;
	text-decoration: none;
	}



/* --- Arrow --- */

.archive-arrow-btn {
	width: 30%;
	flex-grow:1;
	text-align: center;
	}
.archive-arrow-btn.btn-left {
	text-align: left;
	}
.archive-arrow-btn.btn-right {
	text-align: right;
	}


span.arrow-line,
.archive-arrow-btn a:hover > span.arrow-line {
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}
span.arrow-line {
	display: inline-block;
	width: 0.01rem;
	height: 2px;
	margin-bottom: 3.25px;
	border-top: 1.5px solid var(--color-general-txt);
	}
.archive-arrow-btn a:hover > span.arrow-line {
	width: 30px;
	border-color: var(--color-accent);
	}


span.arrow-space,
.archive-arrow-btn a:hover > span.arrow-space {
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}
span.arrow-space {
	display: inline-block;
	width: 16px;
	}
.archive-arrow-btn a:hover > span.arrow-space {
	width: 12px;
	}


span.arrow-l,
span.arrow-r,
.archive-arrow-btn a:hover > span.arrow-l,
.archive-arrow-btn a:hover > span.arrow-r {
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}
span.arrow-l {
	display: inline-block;
	width: 12px;
	height: 12px;
	transform: rotateY(0deg) rotate(-45deg); /* needs Y at 0 deg to behave properly*/
	border-top: 1.5px solid var(--color-general-txt);
	border-left: 1.5px solid var(--color-general-txt);
	margin-right: -14px;
	margin-bottom: -1px;
	margin-left: 2px;
	}
span.arrow-r {
	display: inline-block;
	width: 12px;
	height: 12px;
	transform: rotateY(0deg) rotate(-45deg); /* needs Y at 0 deg to behave properly*/
	border-right: 1.5px solid var(--color-general-txt);
	border-bottom: 1.5px solid var(--color-general-txt);
	margin-left: -14px;
	margin-bottom: -1px;
	margin-right: 2px;
	}
.archive-arrow-btn a:hover > span.arrow-l,
.archive-arrow-btn a:hover > span.arrow-r {
	border-color: var(--color-accent);
	}


/* --- Pagination --- */

.pagination {
	margin: 0 !important;
	}
.entry-content .pagination h2 + :not(p):not(ul):not(ol):not(.wp-block-pullquote) {
	margin-top: 0 !important;
	}
.pagination > * {
	margin: 0 !important;
	}
.pagination h2 {display:none;}
.pagination a.prev {display:none;}
.pagination a.next {display:none;}

.pagination span {
	font-size: 1.1em; 
	color: var(--color-general-txt);
	font-weight: var(--font-general-bold);
	}
.pagination span.dots {
	font-weight: var(--font-general-regular);
	}
.pagination a,
.pagination a.link,
.pagination a:link,
.pagination a:visited,
.pagination a:hover {
	padding-right: 4px;
	text-decoration: none;
	font-weight: var(--font-general-regular) !important;
	}

		@media (min-width:782px) {
			.pagination .nav-links:before {
				content: "Seite: ";
				display: inline !important;
				}
			}





/* -------------------------------------------------------------------------- */
/*	RSS-Feed (Darstellung)
/* -------------------------------------------------------------------------- */

.entry-content > ul.rss-wrap {
	padding: 0;
	padding-left: 0 !important;
	list-style-type: none;
	}
.entry-content > p + ul.rss-wrap {
	margin-top: 2em;
	}
.rss-wrap li {
	background-color: var(--color-light);
	padding: calc(50vw + 1em) 1em 1.25em 1em;
	position: relative;
	}
.rss-wrap li:hover {
	background-color: var(--color-accent);
	color: white;
	}
.rss-wrap li:hover p:before {
	content: "";
	display:block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-top: 5px solid var(--color-accent);
	z-index: 3;
	}
.rss-item::after {
	content: "";
	display: block;
	width: 100%;
	height: 50vw;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--color-accent);
	background-image: url(assets/img/icon-external-link.svg);
	background-size: 10% auto;
	background-position: 52% center;
	background-repeat: no-repeat;
	z-index: 2;
	opacity: 0;
	}
.rss-item:hover::after {
	opacity: 0.9;
	}
.rss-wrap a:link,
.rss-wrap a:visited,
.rss-wrap a:active {
	text-decoration: none;
	color: var(--color-general-txt);
	}
.rss-wrap li + li {
	margin-top: var(--spacer-text);
	}
.entry-content h3 + .publish-date:not(p):not(ul):not(ol):not(.wp-block-pullquote) {
	margin-top: 0 !important;
	border-top: 0 !important;
	}
.rss-wrap li h3 {
	color: var(--color-accent) !important;
	margin-bottom: 0.2em !important;
	}
.rss-wrap li:hover h3 {
	color: white !important;
	}
.rss-wrap .publish-date {
	font-size: 0.8em;
	opacity: 0.5;
	line-height: 1em;
	margin-bottom: 0.7em;
	}
.rss-wrap p {
	font-size: 0.9em;
	line-height: 1.6em;
		/* Required declarations: */
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
		/* Limit the text block to a number of lines */
	-webkit-line-clamp: 4;
	}
.rss-wrap img {
	width: 100%;
	max-width: 100%;
	height: 50vw !important;
	margin: 0 0 1em 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	object-fit: cover;
	object-position: 50% 40% !important;
	}

		@media (min-width:600px) {
			.rss-wrap li {
				padding: 1em 1.1em 1.1em 1.1em;
				}
			.rss-wrap li:hover p:before {
				border-top: 0 solid var(--color-accent);
				border-left: 5px solid var(--color-accent);
				}
			.rss-wrap h3,
			.rss-wrap p,
			.rss-wrap .publish-date {
				padding-left: calc(50% + 1em);
				}
			.rss-wrap li img {
				width: 50%;
				max-width: 50%;
				height: 100% !important;
				position: absolute;
				top: 0;
				left: 0;
				object-fit: cover;
				}
			.rss-item::after {
				width: 50%;
				height: 100%;
				}
			}
		@media (min-width:782px) {
			.rss-wrap h3,
			.rss-wrap p,
			.rss-wrap .publish-date {
				padding-left: 20.5rem;
				}
			.rss-wrap li img {
				width: 20rem;
				max-width: 20rem;
				}
			.rss-item::after {
				width: 20rem;
				height: 100%;
				}
			}





/* -------------------------------------------------------------------------- */
/*	HOME > BEITRAEGE
/* -------------------------------------------------------------------------- */

.wp-block-pit-posts .pit-section-inner {
	display: block;
	max-width: 1600px !important;
	}
.wp-block-pit-posts ul.wp-block-latest-posts {
	margin-top: var(--spacer-text);
	}
.entry-content .wp-block-pit-posts ul + p {
	margin-top: 0 !important;
	}


/* Hintergrundfarbe */
.pit-section + .section-inner + hr + .wp-block-pit-posts {
	background: var(--color-light);
	}
.pit-section + .section-inner + hr + .wp-block-pit-posts .is-style-with-bg li {
	background: var(--color-general-bg);
	}

.pit-section.has-background + .section-inner + hr + .wp-block-pit-posts {
	background: white;
	}
.pit-section.has-background + .section-inner + hr + .wp-block-pit-posts .is-style-with-bg li {
	background: var(--color-light);
	}

.pit-section.has-background.has-color-white-background-color + .section-inner + hr + .wp-block-pit-posts {
	background: var(--color-light);
	}
.pit-section.has-background.has-color-white-background-color + .section-inner + hr + .wp-block-pit-posts .is-style-with-bg li {
	background: var(--color-general-bg);
	}

.wp-block-pit-posts .is-style-with-bg li:hover {
	background: var(--color-accent) !important;
	}


/* Aufteilung der Elemente */
.wp-block-pit-posts .wp-block-latest-posts.is-grid li {
	margin-bottom: 30px !important;
	}

		@media (min-width:782px) and (max-width:991px) {
			.wp-block-pit-posts .wp-block-latest-posts.columns-5 li {
				width: calc(50% - 15px);
				margin-right: 30px;
				}
			.wp-block-pit-posts .wp-block-latest-posts.columns-5 li:nth-child(2n+2) {
				margin-right: 0;
				}
			.wp-block-pit-posts .wp-block-latest-posts.columns-5 li:nth-child(5),
			.wp-block-pit-posts .wp-block-latest-posts.columns-5 li:nth-child(6) {
				display: none !important;
				}
		}
		@media (min-width:992px) and (max-width:1199px) {
			.wp-block-pit-posts .wp-block-latest-posts.columns-5 li {
				width: calc(33.33% - 20px);
				margin-right: 30px;
				}
			.wp-block-pit-posts .wp-block-latest-posts.columns-5 li:nth-child(3n+3) {
				margin-right: 0;
				}
		}
		@media (min-width:1200px) and (max-width:1599px) {
			.wp-block-pit-posts .wp-block-latest-posts.columns-5 li {
				width: calc(25% - 22.5px);
				margin-right: 30px;
				}
			.wp-block-pit-posts .wp-block-latest-posts.columns-5 li:nth-child(4n+4) {
				margin-right: 0;
				}
			.wp-block-pit-posts .wp-block-latest-posts.columns-5 li:nth-child(5),
			.wp-block-pit-posts .wp-block-latest-posts.columns-5 li:nth-child(6) {
				display: none !important;
				}
		}
		@media (min-width:1600px) {
			.wp-block-pit-posts .wp-block-latest-posts.columns-5 li {
				width: calc(20% - 27.5px);
				margin-right: 30px;
				}
			.wp-block-pit-posts .wp-block-latest-posts.columns-5 li:nth-child(5n+5) {
				margin-right: 0;
				}
			.wp-block-pit-posts .wp-block-latest-posts.columns-5 li:nth-child(6) {
				display: none;
				}
		}




/* -------------------------------------------------------------------------- */
/*	FOOTER
/* -------------------------------------------------------------------------- */

.footer .widget-wrap.alignbasic,
.footer .widget-wrap.alignwide,
.footer .widget-wrap.alignfull {
	width: 90%;
	padding: 2rem 0 2rem 0;
	}
		@media (min-width:782px) {
			.footer .widget-wrap.alignbasic,
			.footer .widget-wrap.alignwide,
			.footer .widget-wrap.alignfull {
				padding: 4rem 0 4rem 0;
				}
		}
		@media (min-width:1760px) {
			.footer .widget-wrap.alignfull { width: calc(100% - 8rem); }
		}

.footer .widget-wrap {
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* or inline-flex */ 
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-start;
    font-size: 0.9em;
    line-height: 1.5em;
	}

.footer, .footer .title,
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6,
.footer a:link, .footer a:visited, .footer a:active {
    color: var(--color-footer-txt);
	}
.footer a:link, footer a:visited, footer a:active {
	text-decoration: underline;
	}
.footer a:hover {
	text-decoration: underline;
	color: var(--color-footer-link);
	}
.footer p {
	margin: 0;
	}

.footer img.footer-logo {
	width: 100%;
	height: 3em;
	object-fit: contain;
	object-position: 0 0;
	margin-bottom: -0.5em;
	}



/* ------ Footer Widgets ------ */

.footer-widget {
	width: 100%;
    margin: 0 auto 0 auto;
    margin-top: 2rem;
	padding: 0;
	}
.footer-widget .widget {
	margin-top: 2rem;
	}
.footer-widget .widget:first-child {
	margin-top: 0;
	}

.footer-widget .title {
	font-size: 1.1em;
	font-weight: var(--font-general-bold);
	margin: 0 0 0.5em 0;
	}

		@media (min-width:600px) {
			.footer-widget { 
				flex-grow: 1; 
				width: calc(50% - 1rem); 
				max-width: calc(50% - 1rem); 
				margin-left: 2rem; 
				}
			.footer-widget:nth-child(1) { margin-left: 0; margin-top: 0; }
			.footer-widget:nth-child(2) { margin-top: 0; }
			.footer-widget:nth-child(3) { margin-left: 0; }
			}
		@media (min-width:1000px) {
			.footer-widget { 
				flex-grow: 1; 
				width: calc(25% - 1.5rem); 
				max-width: calc(50% - 1rem);
				}
			.footer-widget:nth-child(2) { margin-top: 0; }
			.footer-widget:nth-child(3) { margin-left: 2rem; margin-top: 0; }
			.footer-widget:nth-child(4) { margin-top: 0; }
			}
		@media (max-width:599px) {
			.footer-widget:first-child { margin-top: 0; }
			}



/* ------ Footer Menu > Current Item ------ */

.footer .current-menu-item a:link,
.footer .current-menu-item a:visited,
.footer .current_page_item a:link,
.footer .current_page_item a:visited {
	color: var(--color-footer-link);
	}



/* ------ Footer Menu --- nur Landscape ------ */

.footer .menu-footer-menu-container {
	display: none;
	}

		@media (min-width:1000px) {
			.footer .menu-footer-menu-container {
				display: block;
				}
			.footer .menu-footer-menu-container ul {
				margin: 0 0 0 0;
				text-align: right;
				}
			.footer .menu-footer-menu-container li {
				list-style: none;
				padding: 0;
				}
			.footer .menu-footer-menu-container a,
			.footer .menu-footer-menu-container a:link,
			.footer .menu-footer-menu-container a:visited {
				text-decoration: none;
				}
			.footer .menu-footer-menu-container a:hover,
			.footer .menu-footer-menu-container a.active,
			.footer .menu-footer-menu-container a.disabled {
				text-decoration: none;
				}
		}



/* ------ Footer Credit ------ */

.footer .copyright {
	padding: 1.4em 0 1.6em 0;
    font-size: 0.75em;
    line-height: 1.6em;
    position: relative;
	}
.footer .copyright:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: black;
	opacity: 0.07;
	}
.footer .credit.alignbasic,
.footer .credit.alignwide,
.footer .credit.alignfull {
    width: 90%; 
	}
		@media (min-width:1760px) {
			.footer .credit.alignfull { width: calc(100% - 8rem); }
		}

.credit {
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* or inline-flex */ 
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap; 
	justify-content: flex-between; 
	}

.credit a:hover {
	color: inherit;
	}
.credit p, 
.credit p+p {
	margin: 0 3rem 0 0;
	flex-grow: 1;
	opacity: 0.6;
	}
.credit p+p {
	margin: 0 2rem 0 0;
	flex-grow: 0;
	font-size: 0.8em;
	/*text-align: right;*/
	}

		@media (max-width:599px) {
			.credit p, .credit p+p { width: 100%; display: block; }
			}
		@media (min-width:600px) {
			.credit { margin: 0 auto 0 auto; }
			}
		@media (min-width:1000px) {
			.credit p, .credit p+p { margin-right: 1rem; }
			}
		@media (min-width:1210px) {
			.credit p, .credit p+p { margin-right: 0; }
			}



/* ------ Such-Widget im Footer ------ */

.footer .searchform {
	max-width: 350px;
	}
.footer input[type="text"],
.footer input[type="search"] {
	border: 1px solid var(--color-footer-txt) !important;
	color: var(--color-footer-txt) !important;
	background-color: transparent;
	}
.footer .searchform #searchsubmit {
	background-image: url(assets/img/icon-search-white.svg) !important;
	border: 1px solid var(--color-footer-txt) !important;
	border-left: none !important;
	}
		/* weitere Einstellungen fuer input und submit >>> siehe style-pit-blocks.css >>> ca. Zeile 2070 */



/* ------ Button to Top ------ */

.topbutton {
	height: 2em;
	width: 2em;
	position: fixed;
	bottom: 1.3em;
	right: 3.2vw;
	z-index: 1;
    background-color: #aaa;
		-webkit-mask-image: url(assets/img/button-top.svg);
		-webkit-mask-size: 100% auto;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center;
		mask-image: url(assets/img/button-top.svg);
		mask-size: 100% auto;
		mask-repeat: no-repeat;
		mask-position: center;
	display: none;
	opacity: 0.5;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	}

		@media (min-width:600px) {
			.topbutton { bottom: 0.75em; right: 1rem; }
		}
		@media (min-width:782px) {
			.topbutton:hover { background-color: var(--color-general-link); opacity: 1.0; }
		}





/* -------------------------------------------------------------------------- */
/*	POPUP im Desktop
/* -------------------------------------------------------------------------- */

.popup-wrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: white;
	z-index: 1000 !important;
	display: none;
	}
.visible {
	display: block;
	}
.popup-wrap,
.popup-wrap * {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	}

.popup-esc {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #222222;
	opacity: 0.95;
	}
.popup-close {
	width: 5rem;
	height: 5rem;
	position: absolute;
	top: 1rem;
	right: 1rem;
	display: block;
	cursor: pointer;
	background-color: white;
		-webkit-mask-image: url(assets/img/icon-exit.svg);
		-webkit-mask-size: 100% auto;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center;
		mask-image: url(assets/img/icon-exit.svg);
		mask-size: 100% auto;
		mask-repeat: no-repeat;
		mask-position: center;
	}
.popup-close:hover {
	background-color: var(--color-accent);
	}

.popup-content {
	width: 80%;
	max-width: 550px;
	height: 8rem;
	position: absolute;
	left: 50%;
	top: calc(50% - 1rem);
	transform: translate(-50%, -50%);
	}
.popup-content .popup-title {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 2em;
	letter-spacing: 0.1em;
	}

.popup-content .searchform input[type="text"] {
	background-color: white !important;
	border-color: white !important;
	}
.popup-content .searchform input[type="submit"] {
	border-color: transparent !important;
	}
.popup-content .screen-reader-text {
	display:none;
	}

		@media (min-width: 782px) {
			.popup-content .searchform:hover input[type="submit"] {
				border-color: var(--color-accent) !important;
				}
			}


/* --- Popup auf Mobile --- */

		@media (max-width:781px) {
			.popup-wrap.visible { 
				display: none;
				}
		}




/* -------------------------------------------------------------------------- */
/*	Edit-Link
/* -------------------------------------------------------------------------- */

body.logged-in .wrapper {
	position: relative;
	}
body.logged-in article {
	padding-bottom: 5em;
	}
body.archive .post-edit-link {
	display:none;
	}

.login-edit {
	background: var(--color-accent);
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	}
.login-edit, 
.login-edit a:link, 
.login-edit a:visited,
.login-edit a:hover,
.login-edit a:focus,
.login-edit a:active {
	text-decoration: none;
	color: white;
	}
.login-edit a:hover {
	color: white;
	}
.login-edit .login-edit-inner {
	font-size: 0.9em;
	margin: 0 auto;
	width: 100%;
	max-width: 1100px;
	display: -webkit-box;  display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* or inline-flex */
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	}
.login-edit .login-edit-item,
.login-edit .post-edit-link {
	flex-basis: 6.0rem;
	line-height: 1.2em;
	background: rgba(0,0,0,0.1);
	padding: 0.9em 0 1em 0;
	margin: 0 1px 0 1px;
	text-align: center;
	}


.login-edit * {
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}
.login-edit .dashicons {
	/*background: currentColor;*/
	font-size: 1.7em;
	position: relative;
	display: block;
	margin: 0 auto 10px auto;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}
.login-edit .dashicons::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 0.9em;
	/*color: var(--color-accent);*/
	}


.login-edit .icon-text {
	display: block;
	font-size: 0.75em;
	line-height: 1.2em;
	}


.login-edit .login-edit-item.item-logo {
	background: transparent;
	position: relative;
	}
.login-edit .login-edit-item.item-logo img {
	width: 70%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	}
.login-edit .login-edit-item.item-last {
	flex-basis: 6rem;
	background: transparent;
	padding: 0.85em 0 0.95em 0.85em;
	opacity: 0.7;
	text-align: left;
	font-size: 0.9em;
	}


		@media (max-width: 599px) {
			.login-edit .login-edit-item.item-logo {
				display: none;
				}
			.login-edit .login-edit-item,
			.login-edit .post-edit-link {
				padding: 0.65em 0 0.45em 0;
				}
			}
		@media (max-width: 781px) {
			.login-edit .login-edit-item,
			.login-edit .post-edit-link {
				flex-basis: 2rem;
				flex-grow: 1;
				}
			.login-edit .login-edit-item.item-logo {
				background: rgba(0,0,0,0.1);
				}
			.login-edit .login-edit-item.item-last {
				display: none;
				}
			}
		@media (min-width: 782px) {
			.login-edit .dashicons {
				}
			.login-edit .icon-text {
				display: block;
				font-size: 0.9em;
				line-height: 1.2em;
				}
			}
		/* hover */
		@media (min-width: 782px) {
			.login-edit a.login-edit-item:hover,
			.login-edit a.post-edit-link:hover {
				background: rgba(0,0,0,0.4);
				}
			.login-edit a.login-edit-item.item-logo:hover {
				background: transparent;
				transform: scale(1.1); /* Equal to scaleX(1.1) scaleY(1.1) */
				}
			.login-edit a.login-edit-item:hover .dashicons,
			.login-edit a.post-edit-link:hover .dashicons {
				transform: scale(1.3); /* Equal to scaleX(1.1) scaleY(1.1) */
				}
			.login-edit a.login-edit-item:hover .icon-text,
			.login-edit a.post-edit-link:hover .icon-text {
				transform: scale(1.1); /* Equal to scaleX(1.1) scaleY(1.1) */
				}
			}




/* --------------------------------------------------------------------
	Plugin AddToAny (Share post to...)
-------------------------------------------------------------------- */

/* ------ Farben ------ */
:root {
    --bg-facebook: #3b5998;
    --bg-twitter: #1da1f2;
    --bg-linkedin: #0177b5;
    --bg-xing: #005d5e;
	}


/* ------ Grundeinstellungen ------ */

.addtoany_content {
	margin: var(--spacer-small) auto !important;
	}
.addtoany_header {
	margin: 0 0 0 !important;
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	opacity: 0.5;
	}
.addtoany_share_save_container a:link {
	margin: 0 !important;
	padding: 0 !important;
	margin-right: 7px !important;
	line-height: 10px;
	}
.addtoany_share_save_container a span {
	line-height: 10px;
	}
.addtoany_list a:not(.addtoany_special_service) > span {
	padding: 3px;
	border-radius: 50% !important;
	}
.a2a_svg {
    height: 28px !important;
    line-height: 28px !important;
    width: 28px !important;
}
.a2a_svg {
	background-color: #e6e6e6 !important;
	overflow: hidden;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	}
.a2a_svg path {
	fill: white !important;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	}
.a2a_svg:hover {
	background-color: var(--color-first) !important;
	}

/* ------ Hover Originalfarben ------ */
.a2a_button_facebook .a2a_svg:hover {
	background-color: var(--bg-facebook) !important;
	}
.a2a_button_twitter .a2a_svg:hover {
	background-color: var(--bg-twitter) !important;
	}
.a2a_button_linkedin .a2a_svg:hover {
	background-color: var(--bg-linkedin) !important;
	}
.a2a_button_xing .a2a_svg:hover {
	background-color: var(--bg-xing) !important;
	}
.a2a_button_pinterest .a2a_svg:hover {
	background-color: #CC0000 !important;
	}
.a2a_button_copy_link .a2a_svg:hover {
	background-color: #888888 !important;
	}
.a2a_button_copy_link .a2a_svg:hover path {
	fill: #fff !important;
	}

.addtoany_content + .team-container {
	margin-top: 2rem;
	}




/* --------------------------------------------------------------------
	Plugin Simple Lightbox
-------------------------------------------------------------------- */

		@media (min-width:782px) {
			#slb_viewer_wrap .slb_theme_slb_baseline .slb_template_tag_item_content > * {
				height: calc(100% - 30px) !important;
				object-fit: cover !important;
				}
			#slb_viewer_wrap .slb_theme_slb_default .slb_details {
				margin-top: -30px !important;
				}
			}

#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, 
#slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
	font-size: 1rem !important;
	margin-right: .5em !important;
	}
		@media (min-width:782px) {
			#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, 
			#slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
				font-size: 1.3rem !important;
				}
			}




/* --------------------------------------------------------------------
	Plugin Cookie Notice
-------------------------------------------------------------------- */

#cookie-notice {
	font-family: var(--font-general-family) !important;
	font-weight: var(--font-general-regular) !important;
	font-size: 0.9rem !important;
	max-width: 1100px !important;
	min-width: initial !important;
	width: initial !important;
	left: 1.5em !important;
	right: 1.5em !important;
	bottom: 1.5em !important;
	margin: auto;
	}
#cookie-notice * {
	font-family: var(--font-general-family) !important;
	font-weight: var(--font-general-regular) !important;
	}
.cookie-notice-container,
.cookie-revoke-container {
	}
.cn-text-container {
	}
#cookie-notice h1, #cookie-notice h2, #cookie-notice h3,
#cookie-notice h4, #cookie-notice h5, #cookie-notice h6 {
	color: var(--color-accent) !important;
	}


.cn-button {
	background: var(--color-accent) !important;
	}
.cn-button:hover {
	color: var(--color-accent) !important;
	background: white !important;
	}


.cn-button.cn-revoke-inline {
	font-family: var(--font-general-family) !important;
	font-weight: var(--font-general-regular) !important;
	font-size: 0.9rem !important;
	display: inline;
	padding: 4px 10px !important;
	width: auto;
	max-width: auto;
	background: var(--color-light) !important;
	color: var(--color-accent) !important;
	}
.cn-button.cn-revoke-inline:hover {
	background: var(--color-accent) !important;
	color: white !important;
	}




/* -------------------------------------------------------------------------- */
/*	VERSCHIEDENES
/* -------------------------------------------------------------------------- */

.clear {clear: both;}
.img-full {margin: 1em 0 0 0;}



/* --- Markierungsfarbe ändern --- */

::-moz-selection {
	background-color: var(--color-general-link);
	color: white;
	}
::selection {
	background-color: var(--color-general-link);
	color: white;
	padding-left: 5px;
	}


body .hidden-logout { display: none !important; }
body.logged-in .hidden-logout { display: initial !important; }