/* ------------------------------------------------------------------------ */
/* Meta																		*/
/* ------------------------------------------------------------------------ */

.typ-304 .meta {
}

.typ-304 .meta .helper {
	margin-bottom: 31px;
	padding-top: 31px;
	padding-bottom: 32px;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	z-index: 1;
	border: 1px solid #d1ab54;
	background-color: rgba(248, 214, 137, .2);
}

.typ-304 .meta table {
	width: auto;
}

.typ-304 .meta table td.col1 {
	padding-right: 20px;
}

.typ-304 .meta table td.col1 strong {
	color: #d1ab54;
}

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

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

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

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

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

.typ-304 .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-304 .loop article a.img-link .helper {
	overflow: hidden;
}

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

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

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

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

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

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

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

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

/* ----------------------- 		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 from 640px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 40em) {
}

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

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

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

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

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

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

	.typ-304 .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-304 .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-304 .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-304 .loop article a.img-link:hover .helper img {
		transform: scale(1.02);
		filter: grayscale(1);
	}
}

/* ------------------------------------------------------------------------ */
/* 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-304 .meta {
		padding-top: 7px;
	}
}

/* ------------------------------------------------------------------------ */
/* 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) {
	.typ-304 .meta {
		padding-top: 9px;
	}
}

/* ------------------------------------------------------------------------ */
/* 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-304 .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-304 .loop > .helper {
		background-color: #eef4f4;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1600px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 100em) {
	.typ-304 .loop > .helper {
		background-color: rgba(149, 189, 185, .16);
	}
}

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