/* ------------------------------------------------------------------------ */
/* Infobar																	*/
/* ------------------------------------------------------------------------ */

.typ-102 .content-column.full_width.infobar {
	z-index: 2;
	padding-top: 9px;
	padding-bottom: 31px;
	background-color: transparent;
	content-visibility: visible;
}

.typ-102 .content-column.full_width.infobar + .gb-block.paragraph > p {
	content-visibility: visible;
}

.typ-102 .infobar .infobar_icon {
	width: 40px;
	height: 40px;
	position: absolute;
	z-index: 2;
	right: 0;
	top: 0;
	background-color: #2117cc;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.typ-102 .infobar .infobar_icon::before {
	content: '\f338';
	font-family: 'Ionicons';
	font-size: 18px;
	color: #ffffff;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	line-height: 42px;
	text-align: center;
}

.typ-102 .infobar .infobar-content {
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: relative;
	z-index: 1;
	overflow: hidden;
	box-shadow: 0 0 3px inset rgba(0, 0, 0, 0.5);
}

.typ-102 .infobar .infobar_marquee {
	height: 40px;
	position: relative;
	z-index: 1;
}

.typ-102 .infobar .infobar_marquee .js-marquee-wrapper,
.typ-102 .infobar .infobar_marquee .js-marquee-wrapper .js-marquee {
	height: 40px !important;
}

.typ-102 .infobar .infobar_marquee .js-marquee-wrapper {
	width: auto !important;
	min-width: 100%;
	overflow: visible;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.typ-102 .infobar .infobar_marquee .js-marquee-wrapper .js-marquee {
	width: auto;
	position: relative;
	z-index: 1;
	padding: 0;
	float: none !important;
	display: grid;
	grid-auto-flow: column;
}

.typ-102 .infobar .infobar_marquee .js-marquee-wrapper .js-marquee > div {
	height: 40px !important;
	padding: 0 40px;
	position: relative;
	z-index: 1;
	display: grid;
	grid-auto-flow: column;
}

.typ-102 .infobar .infobar_marquee .js-marquee-wrapper .js-marquee > div::after {
	content: '';
	width: 20px;
	height: 4px;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: -10px;
	margin-top: -2px;
	background-image: url('../../global/img/lauftext-trenner.svg');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.typ-102 .infobar .infobar_marquee .js-marquee-wrapper .js-marquee > div span {
	height: 40px;
	line-height: 40px !important;
	font-weight: 400;
	white-space: nowrap;
	color: #2117cc;
	display: block;
}

.typ-102 .infobar .infobar_marquee .js-marquee-wrapper .js-marquee > div span a {
	height: 40px;
	line-height: 40px !important;
	font-weight: 400;
	white-space: nowrap;
	color: #2117cc;
	border-color: #2117cc;
}

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

.typ-102 .loop {
	padding-top: 49px;
	overflow: visible;
	content-visibility: visible;
}

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

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

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

.typ-102 .loop article a.img-link {
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.typ-102 .loop article a.img-link .helper {
	overflow: hidden;
}

.typ-102 .loop article a.img-link .helper img {
	margin: 0;
}

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

.typ-102 .loop article .excerpt-helper > a.title-link {
	display: block;
	font-weight: inherit;
	color: #121212;
	border: 0 none;
	margin-top: -8px;
	margin-bottom: 5px;
}

.typ-102 .loop article a.excerpt-link {
	display: block;
	font-weight: inherit;
	color: inherit;
	border: 0 none;
}

.typ-102 .loop article a.excerpt-link p {
	color: #121212;
	padding: 0;
}

.typ-102 .loop article .datum {
	display: block;
	color: #deab04;
	white-space: nowrap;
	margin-top: 8px;
}

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

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

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

.typ-102.hoechberg .footer .triangle,
.typ-102.veitshoechheim .footer .triangle,
.typ-102.frickenhausen .footer .triangle,
.typ-102.gelchsheim .footer .triangle {
	background-color: #ffffff;
	-webkit-mask-size: 100%;
	-webkit-mask-repeat: no-repeat;
	mask: url('../../global/img/triangle_ffffff.svg');
	mask-size: 100%;
	mask-repeat: no-repeat;
}

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

/* ------------------------------------------------------------------------ */
/* General Definitions all Sizes											*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 0em) {
}

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

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

/* ------------------------------------------------------------------------ */
/* 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-102 .loop article > .helper {
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: auto auto;
	}

	.typ-102 .loop article .img-helper {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		padding-bottom: 20px;
	}

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

	.typ-102 .content-column.full_width.btt {
		height: 40px;
		margin-top: -11px;
		padding-top: 0;
	}

	.typ-102.hoechberg .content-column.full_width.btt,
	.typ-102.veitshoechheim .content-column.full_width.btt,
	.typ-102.frickenhausen .content-column.full_width.btt,
	.typ-102.gelchsheim .content-column.full_width.btt {
		height: 60px;
		margin-top: 0;
    	padding-top: 20px;
	}

	.typ-102 .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-102 .loop article > .helper {
		display: grid;
		grid-template-columns: 66.6666% 33.3333%;
		grid-template-rows: auto;
	}

	.typ-102 .loop article .img-helper {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
		padding-left: 10px;
		padding-bottom: 20px;
	}

	.typ-102 .loop article .excerpt-helper {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		padding-right: 10px;
	}

	.typ-102 .content-column.full_width.bottom-spacer {
		height: 48px;
	}

	.typ-102.hoechberg .content-column.full_width.bottom-spacer,
	.typ-102.veitshoechheim .content-column.full_width.bottom-spacer,
	.typ-102.frickenhausen .content-column.full_width.bottom-spacer,
	.typ-102.gelchsheim .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) {
	.typ-102 .loop article > .helper {
		grid-template-columns: 50% 50%;
	}
}

/* ------------------------------------------------------------------------ */
/* 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-102 .loop article a.img-link .helper img {
		transform: scale(1);
		transform-origin: center center;
		filter: grayscale(0);
		transition: transform 0.3s ease, filter .3s ease;
	}

	.typ-102 .loop article a.img-link:hover .helper img {
		transform: scale(1.02);
		filter: grayscale(1);
	}

	.typ-102 .loop article .excerpt-helper > a.title-link:hover {
		color: inherit
	}
}

/* ------------------------------------------------------------------------ */
/* 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) {
}

/* ------------------------------------------------------------------------ */
/* 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-102 .loop article > .helper {
		grid-template-columns: 50% 50%;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1280px to 1600px (devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 99.9375em) {
	.typ-102 .infobar .infobar-content {
		background-color: #c2d5ff;
	}

	.typ-102 .loop > .helper {
		background-color: #f2f2f2;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1600px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 100em) {
	.typ-102 .infobar .infobar-content {
		background-color: rgba(103, 150, 255, 0.405);
	}

	.typ-102 .loop > .helper {
		background-color: rgba(0, 0, 0, 0.05);
	}

	.typ-102.hoechberg .footer .triangle,
	.typ-102.veitshoechheim .footer .triangle,
	.typ-102.frickenhausen .footer .triangle,
	.typ-102.gelchsheim .footer .triangle {
		background-image: url('../../global/img/res_kinder_ffffff.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) {
}