/*
	Theme Name: LOHRO Outbreake Theme
	Description: Auf dem Weg in die Zukunft
	Version: 0.1
	Author: Philipp Markwardt
	*/

	/*
	ACHTUNG! VORLAGE! Es wird die style-min.css verwenden.
	Kopiere den gesamten Inhalt der style.css in http://pleeease.io/play/ -> besser https://cssminifier.com/
	und wähle zusätzlich zu den Standarteinstellungen "Minify" und "Wraplines"
	Die Ausgabe ist die neue style-min.css (reinkopieren)
	*/

	/* color: RGB 255, 162, 0 bzw #ffa200 */

	/* Reset CSS */
	@charset "UTF-8";

	* {
		margin: 0;
		padding: 0;
	}

	a:link, a:visited, a:active {
		color: rgba(255, 162, 0, 1);
		text-decoration: none;
	}

	a:hover {
		color: rgba(255, 162, 0, 1);
		text-decoration: none;
	}

	html {
		font-size: 16px;
	}

	/* Seitenglobaler Krams */
	body {
		font-family: 'Fira Sans', sans-serif;
		padding: 0px;
		margin: 0px;
		/*
		    background-image: url(background_hp.jpg);
		    background-attachment:fixed; 
		    background-size: 100% auto; 
		    background-repeat:no-repeat;
	*/
		background: url(background_baltic.jpg) no-repeat top center fixed;
		background-size: cover;
	}

	h1 {
		font-size: 2rem;
		font-weight: bold;
	}


	h2 {
		font-size: 1.6rem;
		font-weight: bold;
	}

	h3 {
		font-size: 1.4rem;
		font-weight: bold;
	}

	h4 {
		font-size: 1.2rem;
		font-weight: bold;
	}

	h5 {
		font-size: 1.2rem;
	}


	@media screen and (max-width: 810px) {
		h1 {
			font-size: 1.3rem;
			font-weight: bold;
		}
	
	
		h2 {
			font-size: 1.2rem;
			font-weight: bold;
		}
	
		h3 {
			font-size: 1.2rem;
		}
	
		h4 {
			font-size: 1rem;
			font-weight: bold;
		}
	
		h5 {
			font-size: 1rem;
		}
	}


	/* Tabelle */
	th, td {
		padding: 6px;
	}

	/* horizontal line */

	hr {
		border-top: 3px dotted #ddd;
	
	}

	/* Zitate */
	blockquote {
		font-size: 16px;
		font-style: italic;
		margin: 17px 0;
		padding: 2px 20px 6px 40px;
		line-height: 1.45;
		position: relative;
		color: #383838;
		background-color: #f7f7f7;
		border-left: 5px orange solid;
	}

	blockquote:before {
		display: block;
		content: "\201C";
		font-size: 60px;
		position: absolute;
		left:-0px;
		top: -10px;
		color: #7a7a7a;
	}

	blockquote cite {
		color: #999999;
		font-size: 14px;
		display: block;
		margin-top: 5px;
	}

	blockquote cite:before {
		content: "\2014 \2009";
	}

	/* Wordpress Bilderausrichtungsklassen */

	/* Umschließt alles */
	.wrapper {
		max-width: 1200px;
		/*
		    min-width: 470px;
	*/
		animation: fadein 0.6s;
	}

	/* Header */
	#header {
		position: relative;
		height: 190px;
		margin: 10px auto 10px auto;
	}

	/* Allgemeingültig für Menü  */

	/* Hauptmenü */
	.main_menu {
		position: absolute;
		top: 62px;
		left: 35px;
		padding-left: 60px;
		padding-right: 0.5rem;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 0px 5px 1px grey;
		white-space: nowrap;
		border-radius: 1.5rem;
	}

	.main_menu a {
		font-family: 'Prompt';
		font-weight: bold;
		text-decoration: none;
		color: black;
		font-size: 20px;
		padding: 0 5px 0 5px;
	}

	.main_menu a:hover {
		color: rgba(255, 162, 0, 1);
	}

	.main_menu ul {
		white-space: nowrap;
	}

	.main_menu li {
		float: left;
		list-style-type: none;
		padding: 3px 8px 3px 3px;
		margin-left: auto;
		vertical-align: middle;
		white-space: nowrap;
		text-transform: uppercase;
		display: inline;
	}

	/* kleines Menü */
	.secondary_menu {
		position: absolute;
		top: 1rem;
		right: 0;
		padding: 0.3rem 0.6rem;
	}

	.secondary_menu a {
		font-family: 'Prompt';
		font-weight: bold;
		text-decoration: none;
		color: white;
		font-size: 100%;
		margin: 0 0.2rem 0.5rem 0.2rem;
		padding: 0.2rem;
		text-decoration: none;
		text-transform: uppercase;
	}

	.secondary_menu a:hover {
		/*
		    color: rgba(255,162,0,1);
	*/
		background: rgba(0, 0, 0, 0.2);
	}

	.secondary_menu li {
		float: left;
		list-style-type: none;
		vertical-align: middle;
		white-space: nowrap;
		border-radius: 5px;
	}

	#freq {
		background: rgba(0, 0, 0, 0.7);
		color: white;
		position: absolute;
	}

	#freq a {
		color: white;
	}

	#logo {
		position: absolute;
		height: auto;
		z-index: 10;
		transition: all 0.3s ease;
	}

	#socialmedia {
		background: rgba(0, 0, 0, 0.3);
		padding: 6px 2px 6px 6px;
		box-shadow: 0px 0px 5px 0px black;
		border-radius: 2rem;
	}

	#socialmedia img {
		height: 30px;
		width: auto;
		margin-right: 10px;
		border-radius: 20%;
	}

	#socialmedia img:hover {
		transform: scale(1.2);
	}

	.dropdown_menu {
		position: absolute;
		top: 30px;
		right: 90px;
		padding: 20px 10px 10px 10px;
		background: rgba(255, 255, 255, 0.95);
		z-index: 60;
		display: none;
		box-shadow: 0px 0px 20px 1px grey;
		animation: fadein 0.4s;
	}

	.dropdown_menu a {
		font-family: 'Prompt';
		font-weight: bold;
		text-decoration: none;
		color: black;
		font-size: 1.5rem;
	}

	.dropdown_menu a:hover {
		color: rgba(255, 162, 0, 1);
	}

	.dropdown_menu ul {
		margin-left: auto;
		margin-right: auto;
	}

	.dropdown_menu li {
		display: table;
		margin: 6px auto 6px auto;
		list-style-type: none;
		white-space: nowrap;
		text-transform: uppercase;
	}

	/* Suche */

	/* Sucheicon */
	.searchform {
		position: absolute;
		/* Abhängig von @media, siehe unten */
		padding: 5px;
		z-index: 40;
		border-radius: 5px;
	}

	#searchsubmit {
		color: white;
		padding: 0px;
		border: none;
		background: none;
	}

	#searchsubmit img {
		margin: 0 0 0 5px;
		height: 30px;
	}

	/* Breiter Bildschirm*/
	@media screen and (min-width: 810px) {
		#socialmedia {
			position: absolute;
			right: 0px;
			top: 10px;
			padding: 6px 12rem 6px 18px;
		}
		.dropdown_menu {
			display: none;
		}
		#logo {
			left: -50px;
			top: 10px;
			width: 150px;
		}
		#freq {
			left: 50px;
			top: 94px;
			padding: 0.45rem 1rem 0.25rem 52px;
		}
		#menu_button {
			display: none;
		}
		#menu_button_label {
			display: none;
		}
		.searchform {
			top: 55px;
			right: 0px;
		}
	}

	/* Schmaler Bildschirm */
	@media screen and (max-width: 810px) {
		#socialmedia {
			position: absolute;
			right: 95px;
			top: 10px;
		}
		#socialmedia img {
			height: 32px;
		}
		.secondary_menu {
			display: none;
		}
		.main_menu {
			display: none;
		}
		#logo {
			position: absolute;
			width: 120px;
			height: auto;
			left: -10px;
			top: 0px;
			z-index: 10;
			transition: all 0.3s ease;
		}
		#menu_button {
			position: absolute;
			right: 20px;
			top: 30px;
			width: 60px;
			height: auto;
			padding: 7px 7px;
			background: rgba(255, 255, 255, 0.6);
			border-radius: 5%;
			z-index: 70;
			cursor: pointer;
			cursor: hand;
			transition: all 0.3s ease;
		}
		#menu_button_label {
			position: absolute;
			right: 33px;
			top: 10px;
		}
		#menu_button:hover {
			background: rgba(255, 255, 255, 0.8);
		}
		#menu_button.active {
			background: rgba(255, 255, 255, 1);
			transition: all 0.3s ease;
		}
		#freq {
			position: absolute;
			top: 120px;
			right: 0px;
			padding: 3px 10px 3px 10px;
			font-size: 16px;
			width: 100%;
		}
		.searchform {
			top: 65px;
			right: 95px;
		}
	}

	/* Ganz schmaler Bildschirm */
	@media screen and (max-width: 470px) {
		#header {
			position: relative;
			height: 250px;
			margin: 10px auto 10px auto;
		}
		#socialmedia {
			top: 40px;
			left: 74px;
			right: 74px;
			padding: 3px;
			background: none;
			box-shadow: none;
		}
		#socialmedia img {
			margin-top: 3px;
			height: 23px;
		}
		#logo {
			position: absolute;
			width: 120px;
			height: auto;
			left: -50px;
			top: 0px;
			z-index: 10;
			transition: all 0.3s ease;
		}
		.searchform {
			top: 190px;
			right: -10px;
		}
		.slider_dots {
			top: -50px !important;
			left: 10px !important;
		}
	}

	#logo:hover {
		transform: scale(1.1);
		transition: all 0.3s ease;
	}

	#footer {
		color: white;
		background: rgba(0, 0, 0, 0.3);
		text-align: center;
		font-size: 13px;
		margin: 30px 0 10px 0;
		padding: 2px;
		box-shadow: 0px 0px 4px 0px black;
	}

	#footer a {
		color: white;
	}

	/* Sidebar */
	.sidebar {
		padding: 5px;
		width: 100%;
		/*
		    height:30px;
	*/
	}

	/* Aktuell gewählter Menüpunkt */
	.current-menu-item a, .current_page_ancestor a {
		color: rgba(255, 162, 0, 1);
	}

	/* Tabs für Submenu */
	.tab_menu {
		position: absolute;
		top: -25px;
		left: 3%;
	}

	.tab_menu li {
		font-family: 'Prompt';
		font-weight: bold;
		list-style-type: none;
		background-color: white;
		padding: 0.2rem 0.8rem 0.3rem 0.8rem;
		margin-right: 0.5rem;
		text-transform: uppercase;
		font-style: none;
		border-radius: 1.5rem;
		float: left;
		z-index: -99;
		box-shadow: 0px 0px 5px 1px grey;
	}

	.tab_menu a {
		color: rgba(255, 162, 0, 1);
		text-decoration: none;
	}
/*
	.tab_menu li:hover {
		box-shadow: 0px 0px 5px 1px grey;
	}
*/
	/* Hebt aktuellen Tab nochmal hervor */
	.tab_menu .current_page_item {
		background-color: rgba(255, 162, 0, 1);
	}

	.tab_menu .current_page_item a {
		color: white;
	}

	/* Trennung in linke und rechte Hälfte */

	/* Mittelteil mit dem Inhalt */
	.content_container {
		position: relative;
		padding: 40px 5% 20px 5%;
		margin-bottom: 0px;
		width: 100%;
		min-height: 800px;

		/*
		    animation: fadein 0.4s;
	*/
	}

	.content_container a {
		text-decoration: none;
	}

	.content_container p {
		max-width: 800px;
		/*
		    text-align:justify;
	*/
	}

	.content_container h1 {
		margin-top: 1rem;
		margin-bottom: 1rem;

	}

	.content_container h2, h3 {
		margin-top: 1rem;
		margin-bottom: 0.75rem;

	}

	.content_container h5, h6 {
		margin-top: 0.75rem;
		margin-bottom: 0.5rem;

	}


	.fullsize {
		width: 100%;
		max-width: none;
	}

	.filled {
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 0px 5px 2px grey;
	}

	/*Blockabstand bei Zeilenumbruch*/
	.content_container p {
		margin-top: 8px;
		margin-bottom: 3px;
	}

	/* Einrückung bei Listen */
	.content_container li {
		margin: 0px 0 10px 25px !important;
	}

	.content_container ul {
		margin-top: 10px;
	}

	img.alignright {
		float: right;
		margin: 0 0 1em 1em;
		display: inline-block;
		max-width: 60%;
		height: auto;
	}

	img.alignright img:after {
		content: '';
		display: block;
		clear: both;
	}

	img.alignleft {
		float: left;
		margin: 0 1em 1em 0;
	}

	img.aligncenter {
		display: block;
		width: 80%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}

	.alignright {
		float: right;
	}

	.alignleft {
		float: left;
	}

	.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	/* Startseite */
	.slider {
		position: relative;
		margin-top: 30px;
		margin-bottom: 15px;
		height: 330px;
	}

	@media screen and (max-width: 410px) {
		.slider {
			height: 280px;
		}
	}

	@media screen and (max-width: 310px) {
		.slider {
			height: 220px;
		}
	}

	.slider_img_wrapper {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		max-height: 330px;
		height: auto;
		overflow: hidden;
		box-shadow: 0px 0px 5px 0px black;
	}

	.slider_img_wrapper img {
		width: 100%;
		height: auto;
	}

	.slider_title {
		position: absolute;
		top: 0px;
		left: 0px;
		padding: 14px 10px 10px 15px;
		z-index: 12;
		color: white;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.2));
		animation: fadein 0.6s;
		font-size: 1.2rem;
	}

	h2.slider_title {
		margin-top: 0;
	}

	.slider_title a {
		color: white;
	}

	.slider_subtitle {
		position: absolute;
		bottom: 0px;
		left: 0px;
		padding: 3px 10px;
		margin: 10px;
		z-index: 12;
		color: black;
		background: rgba(255, 255, 255, 0.9);
		animation: fadein 0.6s;

		/*
		    box-shadow:0px 0px 5px 1px grey;
	*/
	}

	.slider_category {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 2px 3px;
		color: black;
		background: rgba(255, 255, 255, 1);
		background: linear-gradient(rgba(255, 255, 255, 0.6),
			rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));
		z-index: 34;
	}

	.slider_categories li {
		font-size: 13px;
		background: rgba(255, 162, 0, 1);
		list-style-type: none;
		padding: 40px;
		margin-left: 6px;
		text-transform: uppercase;
		font-style: none;
		box-shadow: 0px 0px 1px 1px grey;
		float: left;
		z-index: 88;
	}

	.slider_categories a {
		text-decoration: none;
		color: white;
	}

	.slider_categories li:hover {
		box-shadow: 0px 0px 5px 1px grey;
	}

/* 	.slider_subtitle:hover .slider_excerpt {
		display: block;
		
		    font-size: 16px;
	
		height: auto;
		width: 100%;
	} */

	.slider_icons {
		position: absolute;
		top: -32px;
		right: 65px;
		/*
		    width: 100px;
	*/
		z-index: 14;
	}

	.slider_icons img {
		height: 25px;
		margin: 2px 12px 2px 0;
		background: rgba(255, 255, 255, 0.95);
		padding: 5px;
		border-radius: 50%;
	}

	.slider_excerpt {
		margin: 5px;
		font-size: 13px;
		display: none;
		color: black;
		z-index: 10;
		animation: fadein 0.4s;
	}

	.slider_arrow_left {
		position: absolute;
		top: -30px;
		left: 40px;
		height: 25px;
		background: rgba(255, 255, 255, 0.9);
		border-radius: 50%;
		z-index: 30;
		display: none;
		cursor: pointer;
		cursor: hand;
	}

	.slider_arrow_left:hover {
		background: rgba(255, 255, 255, 1);
		transform: scale(1.2);
	}

	.slider_arrow_left img {
		height: 100%;
		width: auto;
	}

	.slider_arrow_right {
		position: absolute;
		top: -30px;
		right: 40px;
		height: 25px;
		background: rgba(255, 255, 255, 0.9);
		border-radius: 50%;
		z-index: 30;
		display: none;
		cursor: pointer;
		cursor: hand;
	}

	.slider_arrow_right:hover {
		background: rgba(255, 255, 255, 1);
		transform: scale(1.2);
	}

	.slider_arrow_right img {
		height: 100%;
		width: auto;
	}

	.slider_dots {
		position: absolute;
		top: -25px;
		left: 100px;
		text-align: center;
		width: auto;
	}

	.slider_dot {
		float: left;
		background: rgba(255, 255, 255, 0.9);
		width: 15px;
		height: 15px;
		padding: auto;
		margin-right: 10px;
		cursor: pointer;
		cursor: hand;
		border-radius: 50%;
	}

	.slider_dot_active {
		background: rgba(255, 162, 0, 1);
		animation: fadein 0.6s;
	}

	.newsbox {
		position: relative;
		padding: 1rem;
		background: rgba(255, 255, 255, 0.7);
	}

	.newsbox h2 {
		font-family: 'Prompt';
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1.25rem;
	}


	.newsbox_item {
		/*
		    box-shadow: 0px 0px 3px 1px grey;
	*/
	
	}

	.newsbox_item_header {
		padding: 2px 5px;
		background: rgba(255, 162, 0, 0.95);
		color: white;
		margin-top: 2px;
		transition: all 0.3s ease;
	}

	.newsbox_item_header:hover {
		background: rgba(255, 190, 0, 0.9);
		cursor: pointer;
		cursor: hand;

		/*
		    color: rgba(60,60,60,0.9);
	*/
	}

	.newsbox_item_header > h3 {
		margin: 0.5rem 0.3rem;
		font-size: 1rem;
		font-weight: bold;
	}

	.newsbox_item_content {
		position: relative;
		padding: 0.5rem;
		background: rgba(255, 255, 255, 1);
		animation: fadein 0.4s;
	}

	.newsbox_item_date {
		text-align: right;
		color: grey;
		margin-top: 0.5rem;
	}

	/* Untere Boxen  */
	.latest_post {
		position: relative;
		height: 400px;
		margin-top: 25px;
		margin-bottom: 15px;
		background: rgba(255, 255, 255, 1);
		transition: all 0.3s ease;
		box-shadow: 0px 0px 3px 0px black;
	}

/*	h2.latest_post_title {
		margin-top: 0;
	} */

	.latest_post_img_wrapper {
		position: relative;
		height: 220px;
		overflow: hidden;
	}

	.latest_post_img_wrapper img {
		width: 100%;
		height: auto;
		min-height: 230px;
		/*
		    box-shadow: 0px 0px 50px 9px black inset;
	*/
		transition: all 0.3s ease;
	}

	.latest_post_img_wrapper img:hover {
		width: 115%;
		transition: all 0.3s ease;
	}

	.latest_post_title {
		position: absolute;
		top: 0px;
		left: 0px;
		padding: 0.6rem;
		z-index: 12;
		color: white;
		width: 100%;
		background: rgba(0, 0, 0, 0.6);
		background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4));
		font-size: 1rem;
	}

	.latest_post_title a {
		color: white;
	}

	.latest_post_subtitle {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		padding: 2px 10px;
		z-index: 500;
		color: black;
		background: rgba(235, 235, 235, 1);
		font-size: 0.9rem;
	}

	.latest_post_subtitle a {
		color: black;
	}

	.latest_post_category {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 10px;
		color: black;
		background: rgba(255, 255, 255, 1);
		background: linear-gradient(rgba(255, 255, 255, 0.6),
			rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));
		z-index: 34;
	}

	.latest_post_categories li {
		background: rgba(255, 162, 0, 1);
		list-style-type: none;
		padding: 2rem;
		margin-left: 6px;
		text-transform: uppercase;
		font-style: none;
		border-radius: 1.5rem;
		/*
		    box-shadow:0px 0px 1px 1px grey;
	*/
		float: left;
		z-index: 88;
	}

	.latest_post_categories a {
		font-family: 'Prompt';
		font-weight: bold;
		text-decoration: none;
		color: white;
	}

	.latest_post_categories li:hover {
		box-shadow: 0px 0px 5px 1px grey;
	}

	.latest_post_subtitle:hover .latest_post_excerpt {
		display: block;
		/*
		    font-size: 16px;
	*/
		height: auto;
		width: 100%;
	}

	.latest_post_excerpt {
		padding: 12px 12px 25px 12px;
		/*
		    font-size: 13px;
	*/
		background: rgba(255, 255, 255, 1);
		/*
		    display: none;
	*/
		color: black;
		z-index: 10;
		animation: fadein 0.4s;
	}

	.latest_post_date {
		position: absolute;
		bottom: 5px;
		right: 10px;
		color: grey;
	}

	.latest_post_icons {
		position: absolute;
		left: 10px;
		bottom: 0px;
		padding: 5px;
		font-size: 16px;
	}

	.latest_post_icons img {
		height: 17px;
		margin: 2px 6px 2px 0;
	}

	.post_excerpt {
		margin: 10px 0 10px 0;
		font-size: 16px;
		border-color: black;
	}

	.post_title {
		margin: 4px 0 10px 0;
	}

	.post_subtitle {
		color: grey;
		font-size: 16px;
	}

	.post_date {
		position: absolute;
		right: 20px;
		bottom: 10px;
		color: grey;
	}

	.post-categories {
		position: absolute;
		top: -1.5rem;
		right: 0.5rem;
		z-index: 30;
	}

	.post-categories li {
		font-size: 0.9rem;
		background: rgba(255, 162, 0, 1);
		list-style-type: none;
		padding: 0.2rem 0.6rem;
		margin-left: 0.5rem;
		text-transform: uppercase;
		font-style: none;
		box-shadow: 0px 0px 2px 0px grey;
		border-radius: 1.5rem;
		float: left;
		z-index: 30;
	}

	.post-categories a {
		font-family: 'Prompt';
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		color: white;
	}

	.post-categories li:hover {
		box-shadow: 0px 0px 14px 1px grey;
	}

	.post_content {
		margin-top: 25px;
	}

	.post_image_crop {
		margin: 20px 0 0 0;
		width: 100%;
		min-height: 100px;
		max-height: 350px;
		overflow: hidden;
		background: linear-gradient(360deg, white, transparent);
	}

	.post_image_crop img {
		width: 100%;
		height: auto;
	}

	.post_tags {
		margin: 1rem 0;
	}

	.post_tags a {
		font-size: 0.9rem;
		display:inline-block;
		color: rgba(255, 162, 0, 1);
		border: rgba(255, 162, 0, 1) 1px solid;
		border-radius: 1.5rem;
		padding: 0.3rem 0.6rem;
		margin-right: 0.3rem;
		margin-bottom: 0.3rem;
	}

	.post_tags a:hover {
		font-size: 0.9rem;
		display:inline-block;
		color:white;
		background-color: rgba(255, 162, 0, 1);
		border: rgba(255, 162, 0, 1) 1px solid;
		border-radius: 1.5rem;
		padding: 0.3rem 0.6rem;
		margin-right: 0.3rem;
		margin-bottom: 0.3rem;
	}

	.post_tags a:before {
		/* content: "#"; */
	}

	/* Seitenansicht (Page) */

	/*
	.page_thumbnail {
		    float: right;
		    box-shadow:0px 0px 3px 0px black;
		    margin: 10px;
	}
	*/
	@media screen and (min-width: 880px) {
		.page_thumbnail {
			float: right;
			height: auto;
			width: 400px;
			overflow: hidden;
			margin: 0 0 10px 10px;
		}
	}

	@media screen and (max-width: 880px) {
		.page_thumbnail {
			float: left;
			/*
		            box-shadow:0px 0px 3px 0px black;
		    */
			width: 100%;
			height: auto;
			max-height: 300px;
			overflow: hidden;
			margin-bottom: 20px;
		}
	}

	.page_thumbnail img {
		width: 100%;
		height: auto;
	}

	.page_thumbnail_caption {
		text-align: right;
	}

	.page_thumbnail_caption, .wp-caption-text {
		margin: 0.5em 0;
		color: #777;
		font-size: 0.75em;
	}

	.wp-caption-text {
		padding-bottom: 1em;
	}

	/* Category Ansicht */
	.category_post_entry {
		position: relative;
		margin: 0px 0 35px 0;
		padding: 10px 40px 30px 2%;
		min-height: 200px;
		display: block;
		color: black;
		text-decoration: none;
	}

	.category_post_entry_title {
		font-size: 20px;
		margin: 3px 100px 10px 0;
	}

	.category_post_entry_date {
		position: absolute;
		bottom: 3px;
		right: 30px;
		margin: auto 0 2px 0;
		color: grey;
	}

	.category_post_entry_excerpt {
		margin-right: 80px;
	}

	.category_post_entry_excerpt a a:link a:visited {
		display: block;
		padding: 6px;
	}

	.archive-header {
		text-align: center;
	}

	.archive-title {
		background-color: rgba(255,255,255, 0.7);
		padding: 0.5rem 1.5rem;
		border-radius: 2rem;
		font-size: 2rem;
		font-family: 'Prompt';
		font-weight: bold;
		text-transform: uppercase;
		display: inline-block;
	}

	.arrow {
		background: rgba(255, 255, 255, 0.7);
		border-radius: 50%;
	}

	.arrow:hover {
		background: rgba(255, 255, 255, 0.9);
		transform: scale(1.2);
	}

	.arrow img {
		padding: 4px;
	}

	.category_previous_posts {
		float: right;
	}

	.category_next_posts {
		float: left;
	}

	/* Kleines Bild bei category */
	.category_post_entry_thumbnail_crop {
		position: absolute;
		right: -80px;
		top: -20px;
		height: 180px;
		width: 180px;
		overflow: hidden;
		box-shadow: 0px 0px 10px 2px grey;
	}

	/* Nachhören Kategorie */
	.nachhoeren_post {
		overflow: hidden;
		position: relative;
		margin-bottom: 20px;
		box-shadow: 0 0 3px 0 grey;
		background: linear-gradient(left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 1));
	}

	.nachhoeren_post p, .nachhoeren_post h1 {
		color: white;
		margin: 4px 10px;
		/*
		    background: rgba(0,0,0,0.3);
	*/
	}

	.nachhoeren_post_img {
		overflow: hidden;
		float: left;
		/*
		    margin: 10px 10px;
	*/
		max-width: 300px;
		max-height: 200px;
	}

	.nachhoeren_post_img img {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 100%;
		min-height: 100%;
		height: auto;
		z-index: -2;
		-webkit-filter: sepia(1);
	}

	/*Widgets allgemein*/
	.widget {
		background: rgba(0, 0, 0, 0.8);
		color: white;
		padding: 0.5rem;
		box-shadow: 0px 0px 20px 1px grey;
		/*
		    margin-top: 15px;
	*/
		margin-bottom: 1rem;
	}

	
	.widget h2 {
		font-family: 'Prompt';
		font-weight: bold;
		text-transform: uppercase;
		font-size: 1.25rem;		
	}
	
	.widget ul li {
		list-style: none;
		margin: 3px;
	}


	/* Widget Footer via Plugin Footer Mega Grid Columns */
	/* overwrite default widget rendering */

	.footer-mega-col-wrap {
		padding: 5px;
		background: rgba(0, 0, 0, 0.8);
		box-shadow: 0px 0px 20px 1px grey;
	}

	.footer-mega-col-wrap .widget {
		background-color: transparent;
		box-shadow: none;
	}

	.footer-mega-col-wrap .widget .widget-title {
		font-family: 'Prompt';
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 0.5rem;
	}


	/*Kategorien Widget*/
	.cat-item {
		background: rgba(255, 255, 255, 0.7);
		padding: 0.2rem 0.4rem;
	}

	.cat-item:hover {
		background: rgba(255, 160, 0, 0.95);
		color: white;
	}

	.cat-item a {
		color: black;
	}

	/* Kommentarbox */
	.comment_wrapper {
		background: rgba(0, 0, 0, 0.5);
		color: rgba(255, 255, 255, 1);	
		padding: 20px 5% 20px 5%;
		margin-top: 30px;
		margin-bottom: 20px;
		list-style-type: none;
		box-shadow: 0px 0px 2px 0px black;
	}

	.comment_wrapper li {
		list-style-type: none; 
	}


	#comments {
	/*		display: none; */
	}

	#comment {
		width: 100%;
	}

	.comment {
		margin-bottom: 15px;
	}

	.comment-author {
		margin-top: 10px;
		font-size: 15px;
	}

	.commentmetadata {
/*		position: absolute; */
		right: 8px;
		bottom: 10px;
	}

	.commentmetadata a {
		color: white;
		font-size: 12px;
	}

	.comment-author {
		margin-bottom: 6px;
	}

	.comment-author cite {
		font-style: normal;
	}

	.comment-author cite::after {
		content: url(icon_comment.svg);
		padding-left: 5px;
	}

	/*
	.comment-author cite::after {
		    content: " vertellt ";

	}
	*/

	.comment-content {
		background-color: rgba(235, 235, 235, 0.9);
		color: rgba(0, 0, 0, 1);
		padding: 10px;
	
	}

	.comment-body {
		position: relative;
		background: rgba(255, 255, 255, 0.9);
		padding: 10px 10px 40px 10px;
		color: black;
	}

	.says {
		display: none;
	}

	.children {
		margin: 5px 0px 0px 15px;
	}

	.reply {
/*		position: absolute; */
		left: 10px;
		bottom: 10px; 
	}

	/* Kommentar Schreiben Box */
	#commentform {
		padding: 10px;
	}

	#commentform label {
		color: white;
	}

	#respond h1, #respond h2, #respond h3, #respond h4 {
		padding: 3px;
		color: white;
	}

	#searchform input[type="text"] {
		background: rgba(255, 255, 255, 0.8); 
		border: none;
		padding: 5px;
		margin-bottom: 3px;
	}

	textarea#comment {
		width: 100%;
		height: 120px;
		padding: 5px;
		background: rgba(225, 225, 225, 0.9); 

	}
	#commentform input {
		background: rgba(225, 225, 225, 0.9);
		margin-top: 0.5rem;
	 	color: rgba(0, 0, 0, 0.8);

	}


	/* YouTube Videos mobil responsive */

	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}

	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	/* Playerdesign */
	.mejs-container {
		display: inline-block;
		width: 100%;
		max-width: 400px !important;
		margin: 12px 0;
	}

	.mejs-controls, .mejs-mediaelement, .mejs-container {
		/*
		    min-width: 255px !important;
	*/
		/*
		    max-width: 400px !important;
	*/
		border-radius: 3px;
		background-color: #777160 !important;
		background-color: rgba(30, 30, 30, 0.3) !important;
	}

	/* change the color of the lettering */
	.mejs-currenttime, .mejs-duration {
		color: white !important;
	}

	.mejs-horizontal-volume-current, .mejs-time-current {
		background-color: #ffa200 !important;
	}

	/* eliminate the yellow border around the play button during playback */
	.mejs-controls .mejs-button button:focus {
		outline: none !important;
	}

	/* Geile Fade Effekte für Schick */
	@
	keyframes fadein {from { opacity:0;
	
	}

	to {
		opacity: 1;
	}

	}
	@
	keyframes changewidth {from { transform:scale(1);
	
	}

	to {
		transform: scale(1.1);
	}

	}

	/* Trackservice */
	.hours-avail {
		margin: 1em 0;
	}
	.hours-avail a.jump-hour {
		border: 1px solid black;
		padding: 0 0.2em;
		color: black;
	}
	.hours-avail a.jump-hour:hover {
		border: 1px solid #ffa220;
		background-color: #ffa220;
		color: white;
	}

	h3.track-hour {
		padding-bottom: 0.2em;
		margin: 0.5em 0 .3em 0; 
	}

	.row-striped {
		padding: 0.2em;
	}

	.row-striped:nth-of-type(odd) {
  		background-color: #ffffff;
	}

	.row-striped:nth-of-type(even) {
	  background-color: #efefef;
	}


	.lohro_trackservice_widget .trackservice-widget-title {
		padding: 0.2em 0;
	}


	/* Mehrsprachigkeit/Interkultureller Workshop (new-home) CSS Effekte für Ein-/Ausblenden der Sprachversionen */
	.content_container_flex_height {
		position: relative;
		padding: 10px 20px;
		margin-bottom: 0px;
		width: 100%;
	}

	input.ml {
		display: none;
	}

	input.ml:checked+div.ml {
		display: block;
	}

	div.ml {
		display: none;
	}

	div.ml a div.latest_post {
		margin-top: 10px;
	}

	.mlchoose {
		margin-top: 2em;
		margin-left: 5px;
	}

	.mlchoose label, .mlchoose .langavail {
		color: black;
		background-color: rgba(255, 162, 0, 1);
		margin-right: 0.6em;
		padding: 0.2em 0.4em;
		font-size: 1.2em;
		box-shadow: 0px 0px 5px 2px grey;
		text-align: center;
	}

	.mlchoose .langavail {
		color: black;
	}

	.mlchoose .langactive {
		background-color: black;
		color: white;
	}

	/* anpassungen multilingualer slider*/
	.mlsliderpage  .slider_img_wrapper, .mlsliderpage .slider_title {
		top: 35px;
	}

	.mlsliderpage .mlchoose {
		padding-top: 5px;
	}

	.mlslider {
		bottom: 35px;
	}