@CHARSET "ISO-8859-1";

#olContentInfobar
{
	width: calc(100% - 14px);
	padding-bottom: 15px;
}

#olContentInfobar iframe,
.box-subcategory iframe
{
	width: 560px;
	height: 315px;
	margin: 3ex 0;
}

.catImageDist
{
	width: auto;
	height: auto;
}

#catview-search
{
	margin: 0 0 20px;
	font-size: 9.75pt; 
}

#catview-search > div
{
	clear: none;
	float: left;
	margin-bottom: 1ex;
}

#catview-search label
{
	color: #ede9e9;
	text-transform: uppercase;
	padding-right: 0.333em;
}

#catview-search label
{
	padding-left: 0.333em;
}

#catview-search input[type="text"]
{
	border-radius: 5px;
	border: 1px #574235 solid;
	width: 50px;
	height: 18px;
	background-color: #edd0aa;
	color: #574235;
}

#catview-search input[type="submit"]
{
	border-radius: 5px;
	border: 1px #edd0aa solid;
	height: 18px;
	background-color:#574235;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	top: 3px;
	left: 5px;
}

#catview-search select
{
	border-radius: 5px;
	border: 1px #574235 solid;
	background-color: #edd0aa;
	color: #574235;
	position: relative;
	top: 1px;s
}

#catview-search .sort
{
	padding-top: 1px;
	margin-right: 0.75em;
}

#catview-search .submit
{
	margin-bottom: 3ex;
}

.box-subcategory .text a,
#olInfobarDesc a
{
	color: #440;
}

#olItemLargeImage
{
	position: relative;
}

#olItemLargeImage .youtube
{
	width: 60px;
	height: 60px;
	position: absolute;
	top: 8px;
	right: 10px;
	z-index: 99;
	cursor: pointer;
}

#olItemLargeImage .youtube:hover
{
	transform: scale(1.1);
}

@media only screen and (max-width: 1248px)
{
	#olInfobarTitle
	{
		float: none;
		width: 100%;
	}

	#olInfobarDesc
	{
		float: none;
		width: 90%;
		padding: 0 5%;
	}
}

@media only screen and (max-width: 928px)
{
	#olContentInfobar iframe,
	.box-subcategory iframe
	{
		width: 480px;
		height: 270px;
	}
}

@media only screen and (max-width: 832px)
{
	#olContentInfobar iframe,
	.box-subcategory iframe
	{
		width: 432px;
		height: 243px;
	}

	#catview-search .sort
	{
		clear: both;
	}
}

@media only screen and (max-width: 752px)
{
	#olContentInfobar iframe,
	.box-subcategory iframe
	{
		width: 384px;
		height: 216px;
	}
}

@media only screen and (max-width: 544px)
{
	#olContentInfobar iframe,
	.box-subcategory iframe
	{
		width: 272px;
		height: 153px;
	}
}

@media only screen and (max-width: 440px)
{
	#catview-search .submit
	{
		clear: both;
	}
}

@media only screen and (max-width: 400px)
{
	#olContentInfobar iframe,
	.box-subcategory iframe
	{
		width: 200px;
		height: 112.5px;
	}

	#olContentRight
	{
		margin-left: 10px !important;
		margin-right: 10px;
		width: calc(100% - 15px);
	}

	#olContentInfobar
	{
		width: calc(100% - 14px);
	}
}




/* START Unterkategorien */

#subcategory-wrapper
{
	margin: 0 0 20px 7px;
}

#vat-notice
{
	margin: 20px 5px;
}

.box-subcategory
{
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	padding: 10px 5px;
	background-color: #edd0aa;
	color: #342d25;
	border: 1px #b9aa8a solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.box-subcategory + .box-subcategory
{
	margin-top: 20px;
}

.box-subcategory .header-narrow
{
	display: none;
}

.box-subcategory .image
{
	flex-basis: 160px;
	margin: 0;
}

.box-subcategory .catimage
{
	width: 150px;
	height: auto;
}

.box-subcategory .text
{
	padding: 0 0 20px 5px;
	flex-basis: calc(100% - 172px);
	overflow: hidden;
}

.box-subcategory h2
{
	font-size: 12pt;
	font-weight: bold;
	margin: 0 0 10px;
}

.box-subcategory .link
{
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 0; 
	font-size: 10.5pt;
	font-weight: bold;
	color: #900;
	text-align: right;
	font-family: "Trebuchet MS", sans-serif;
}

#subcategory-wrapper #subcategory-list
{
	clear: both;
	float: left;
	width: calc(100% - 200px);
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

#subcategory-wrapper.no-sidebar #subcategory-list
{
	width: calc(100% - 26px);
}

#subcategory-wrapper .sidebar
{
	float: right;
	clear: none;
	width: 170px;
	margin: 0 13px 0 7px;
}

#subcategory-wrapper .sidebar h2
{
	font-size: 9pt;
	margin-bottom: 2ex;
}

#subcategory-wrapper .sidebar img
{
	width: 170px;
	height: auto;
	margin-top: 5px;
}

.tile-subcategory
{
	flex-basis: 334px;
	width: 334px;
	height: 246px;
	margin: 0.5vw 0.5%;
	padding: 0;
	background-image: url("/media/static/kategorie_bg320.png");
	background-size: 320px 232px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #878787;
	transition: all 150ms;
	flex-grow: 0;
}



.tile-subcategory .header-narrow
{
	width: 270px;
	height: 42px;
	margin: 29px 32px 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;

}

.tile-subcategory .header-narrow h2
{
	font-size: 12.5pt;
	padding: 0;
}

.tile-subcategory .image
{
	width: 316px;
	height: 168px;
	padding: 0 9px 9px;
}

.tile-subcategory .image img
{
	width: 100%;
	height: auto;
	max-height: 166px;
}

.tile-subcategory:hover
{
	transform: scale(1.05);
}

@media only screen and (max-width: 1024px)
{
	#subcategory-wrapper .sidebar
	{
		display: none;
	}

	#subcategory-wrapper #subcategory-list
	{
		width: calc(100% - 26px);
	}
}

@media only screen and (max-width: 800px)
{
	.box-subcategory
	{
		flex-direction: column;
	}

	.box-subcategory .header-wide
	{
		display: none;
	}

	.box-subcategory .header-narrow
	{
		display: block;
		width: 100%;
	}

	.box-subcategory .image
	{
		flex-basis: auto;
		margin: 0 0 10px 0;
	}

	.box-subcategory .text
	{
		flex-basis: auto;
		width: 100%;
	}
}

/* ENDE Unterkategorien */


/* FAQ */

.faq
{
	font-size: 12pt;
	width: 92%;
	margin: 3ex 4%;
	line-height: 2.15ex;
	hyphens: auto;
}

.faq h2
{
	color: #edbd56;
	font-size: 13pt;
	margin: 1ex 0 2ex; 
}

.faq dl dt
{
	font-weight: bold;
	margin: 0 0 1ex;
}

.faq dl dd
{
	font-weight: normal;
	margin: 0 0 0 1em;
}

.faq dl dd + dt
{
	margin-top: 2ex;
}

.faq dl dd br
{
	margin-bottom: 0.75ex;
}