/* ------------------------------------------------------------------------ */
/* Toolbar																	*/
/* ------------------------------------------------------------------------ */

.typ-204 .toolbar {
	position: relative;
	z-index: 3;
	overflow: visible;
	content-visibility: visible;
}

.typ-204 .toolbar .helper {
	padding: 40px 20px 0;
	position: relative;
	z-index: 1;
}

.typ-204 .toolbar .helper > .filter {
	display: block !important;

}

.typ-204 .toolbar .helper .tax-select {
	width: 100%;
	height: 40px;
	font-weight: 400;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 38px;
	color: #121212;
	display: block;
	padding: 0 30px 0 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #deab04;
	background-color: #fff8df;
	overflow: hidden;
	position: relative;
	z-index: 1;
	user-select: none;
	cursor: pointer;
}

.typ-204 .toolbar .helper .tax-select.menu-open {
	color: #fff8df;
	background-color: #deab04;
}

.typ-204 .toolbar .helper .tax-select::after {
	content: '';
	font-family: 'Ionicons';
	width: 30px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
}

.typ-204 .toolbar .helper .tax-select.menu-close::after {
	content: '\f3d0';
	font-size: 18px;
	color: #121212;
}

.typ-204 .toolbar .helper .tax-select.menu-open::after {
	content: '\f406';
	font-size: 28px;
	color: #fff8df;
}

.typ-204 .toolbar .helper .sub-menu {
	height: 165px;
	position: absolute;
	z-index: 2;
	top: 39px;
	left: 0;
	right: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	border-width: 1px 1px 1px;
	border-style: solid;
	border-color: #121212;
	background-color: #121212;
}

.typ-204 .toolbar .helper .sub-menu.menu-close {
	display: none;
	visibility: hidden;
	transition: visibility 0.0s linear 0.0s;
}

.typ-204 .toolbar .helper .sub-menu.menu-open {
	display: block;
	visibility: visible;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	transition: visibility 0.2s linear 0.1s;
}

.typ-204 .toolbar .helper .sub-menu > li {
	display: block;
	height: 41px;
	margin: 0;
	padding: 0;
	border-width: 1px 0 0;
	border-style: solid;
	border-color: #121212;
}

.typ-204 .toolbar .helper .sub-menu > li:first-child {
	height: 40px;
	border-width: 0;
}

.typ-204 .toolbar .helper .sub-menu > li::before {
	display: none;
}

.typ-204 .toolbar .helper .sub-menu > li > a {
	height: 40px;
	line-height: 40px;
	color: #121212;
	font-weight: 400;
	display: block;
	padding: 0 20px 0 20px;
	border: 0 none !important;
	background-color: #fff8df;
}

.typ-204 .toolbar .helper .sub-menu > li > a::after {
	content: '- ';
	height: 40px;
	line-height: 40px;
	font-family: 'Roboto Slab', serif;
	font-style: normal;
	font-weight: 300;
	color: #121212;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 10px;
}

.typ-204 .toolbar .helper .sub-menu > li > a::before {
	display: none;
}

/* ------------------------------------------------------------------------ */
/* Loop																		*/
/* ------------------------------------------------------------------------ */

.typ-204 .loop {
	overflow: visible;
	content-visibility: visible;
}

.typ-204 .loop > .helper {
	padding: 19px 20px 20px;
	position: relative;
	z-index: 1;
}

.typ-204 .loop > .helper > article {
	display: block;
	padding-top: 21px;
	background: linear-gradient(90deg,#121212 25%,transparent 0) 0% 0% / 4px 1px repeat-x;
}

.typ-204 .loop .helper > article:first-child {
	display: block;
	background: none;
}

.typ-204 .loop article > .helper {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto;
}

.typ-204 .loop article > .helper > .excerpt-helper {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.typ-204 .loop article .excerpt-helper {
	padding-bottom: 14px;
}

.typ-204 .loop article .excerpt-helper > span.title {
	margin-top: -8px;
}

.typ-204 .loop article .excerpt-helper > span.title,
.typ-204 .loop article .excerpt-helper > span.datum,
.typ-204 .loop article .excerpt-helper > span.zeit,
.typ-204 .loop article .excerpt-helper > span.ort {
	width: 100%;
	display: grid;
	grid-template-columns: 26px auto;
	grid-template-rows: auto;
}

.typ-204 .loop article .excerpt-helper > span.datum > strong,
.typ-204 .loop article .excerpt-helper > span.zeit > strong,
.typ-204 .loop article .excerpt-helper > span.ort > strong {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	color: #deab04;
	position: relative;
	z-index: 1;
}

.typ-204 .loop article .excerpt-helper > span.datum > span,
.typ-204 .loop article .excerpt-helper > span.zeit > span,
.typ-204 .loop article .excerpt-helper > span.ort > span {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}

.typ-204 .loop article .excerpt-helper > span.datum > strong::before {
	content: '\f2ab';
	font-family: 'Ionicons';
	font-size: 23px;
	color: #deab04;
	line-height: 1;
	font-weight: 400;
}

.typ-204 .loop article .excerpt-helper > span.zeit > strong::before {
	content: '\f017';
	font-family: 'FontAwesome';
	font-size: 20px;
	color: #deab04;
	line-height: 1;
}

.typ-204 .loop article .excerpt-helper > span.ort > strong::before {
	content: '\f041';
	font-family: 'FontAwesome';
	font-size: 22px;
	color: #deab04;
	line-height: 1;
	padding-left: 2px;
}

.typ-204 .loop article .excerpt-helper > span.excerpt {
	margin-top: 5px;
	display: block;
}

/* ------------------------------------------------------------------------ */
/* Site Notes																*/
/* ------------------------------------------------------------------------ */

.typ-204 .loop .site-note.rechts span {
	margin-left: -60px;
	transform: rotate(40deg) translate(40%, -190%);
}

/* ----------------------- 		Media Queries	   ------------------------ */

/* ------------------------------------------------------------------------ */
/* General Definitions all Sizes											*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 0em) {
	.typ-204 .toolbar .helper .tax-select,
	.typ-204 .toolbar .helper .sub-menu > li > a {
		font-size: 1.60rem !important;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 480px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 29.9375em) and (orientation: portrait) {
	.typ-204 .toolbar .helper .tax-select,
	.typ-204 .toolbar .helper .sub-menu > li > a {
		font-size: 1.5rem !important;
	}

	/* ------------------------------------------------------------------------ */
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 480px (landscape, devices and browsers)					    */
/* ------------------------------------------------------------------------ */
@media only screen and (max-height: 29.9375em) and (max-width: 47.9375em) and (orientation: landscape) {
	.typ-204 .toolbar .helper .tax-select,
	.typ-204 .toolbar .helper .sub-menu > li > a {
		font-size: 1.5rem !important;
	}

	/* ------------------------------------------------------------------------ */
}

/* ------------------------------------------------------------------------ */
/* Sizes from 480px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 30em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 480px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 30em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 480px (landscape, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-height: 30em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 640px (devices and browsers)								    */
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 39.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 640px (portrait, devices and browsers)					    */
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 39.9375em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 640px (landscape, devices and browsers)					    */
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 39.9375em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 768px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 47.9375em) {
	.typ-204 .toolbar .grid-helper {
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: 40px;
	}

	.typ-204 .toolbar .grid-helper > .filter {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}

	.typ-204 .content-column.full_width.bottom-spacer {
		height: 20px;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 768px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 47.9375em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 768px (landscape, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-height: 47.9375em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 768px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 48em) {
	.typ-204 .toolbar .grid-helper {
		display: grid;
		grid-template-columns: 33.3333% 66.6666% ;
		grid-template-rows: 40px;
	}

	.typ-204 .toolbar .grid-helper > .filter {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}

	.typ-204 .content-column.full_width.bottom-spacer {
		height: 80px;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes from 768px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 48em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 768px (landscape, devices and browser							*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-height: 48em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 480px to 1024px (devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 30em) and (max-width: 63.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 480px to 1024px (portrait, devices and browsers)				*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 30em) and (max-width: 63.9375em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 480px to 1024px (landscape, devices and browsers)				*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-height: 30em) and (max-width: 63.9375em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 768px to 1024px (devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 48em) and (max-width: 63.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1024px (devices and browsers)								*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 63.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1024px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 63.9375em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1024px (landscape, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-height: 63.9375em) and (max-width: 79.9375em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1024px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 64em) {
	.typ-204 .toolbar .helper .tax-select:hover {
		color: #fff8df;
		background-color: #deab04;
	}

	.typ-204 .toolbar .helper .sub-menu > li > a:hover,
	.typ-204 .toolbar .helper .sub-menu > li > a:focus {
		color: #fff8df;
		background-color: #deab04;
	}

	.typ-204 .toolbar .helper .sub-menu > li > a:hover::after,
	.typ-204 .toolbar .helper .sub-menu > li > a:focus::after {
		color: #fff8df;
	}

	.typ-204 .toolbar .helper .tax-select:hover::after {
		color: #fff8df;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1024px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 64em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1024px (landscape, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 64em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Monitor sizes from 1024px to 1280px (devices and browsers)				*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 64em) and (max-width: 79.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1280px (devices and browsers)								*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 79.9375em) {
	.typ-204 .content-column.full_width.header {
		padding-bottom: 77px;
	}

	.typ-204 .content-column.full_width.breadcrumb {
		margin-top: -60px;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1280px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 79.9375em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1280px (landscape, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 79.9375em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1280px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 80em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1440px (devices and browsers)								*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 89.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1440px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 90em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1280px to 1600px (devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 80em) and (max-width: 99.9375em) {
	.typ-204 .toolbar .grid-helper {
		grid-template-columns: 50% 50%;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1280px to 1600px (devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 99.9375em) {
	.typ-204 .toolbar .helper,
	.typ-204 .loop > .helper {
		background-color: #f2f2f2;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1600px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 100em) {
	.typ-204 .toolbar .helper,
	.typ-204 .loop > .helper {
		background-color: rgba(0, 0, 0, 0.05);
	}

	.typ-204 .content-column.full_width.global-widget-area.fade-in,
	.typ-204 .content-column.full_width.footer.fade-in {
		animation-delay: 0.3s;
	}

	.typ-204 .content-column.full_width.global-widget-area::after {
		background-image: none;
	}

	.typ-204 .content-column.full_width.global-widget-area.unmoved::after,
	.typ-204 .content-column.full_width.global-widget-area.moved::after {
		background-image: url('../../global/img/res_kinder_fff8df.png');
	}

	.typ-204 .global-widget-area .triangle {
		background-color: #ffffff;
		background-image: url('../../global/img/res_kinder_ffffff.png');
	}

	.typ-204 .content-column.full_width.footer::after {
		background-image: none;
	}

	.typ-204 .content-column.full_width.footer.unmoved::after,
	.typ-204 .content-column.full_width.footer.moved::after {
		background-image: url('../../global/img/res_kinder_ffeba9.png');
	}

	.typ-204 .footer .triangle {
		background-color: #fff8df;
		background-image: url('../../global/img/res_kinder_fff8df.png');
	}
}

/* ------------------------------------------------------------------------ */
/* Size width from 1440px to 1920px											*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 90em) and (max-width: 119.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Size width from 1600px to 1920px											*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 100em) and (max-width: 119.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Size width from 1920px													*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 120em) {
}

/* ------------------------------------------------------------------------ */
/* Size width from 1920px to 2400px											*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 120em) and (max-width: 149.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Size width from 2400px													*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 150em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 2880px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 180em) {
}