@CHARSET "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Ropa+Sans);

*,
*::before,
*::after
{ 
	box-sizing: border-box; 
	text-rendering: optimizelegibility
}

html,
body
{
	width: 100%;
	background-color: white;
	font-size: 100%;
	line-height: 150%;
	background-color: rgb(235, 235, 235);
}
html
{
	height: 100%;
}
body
{
	box-sizing: border-box;
	position: relative;
	left: 0;
	top: 0;
	min-height: 100%;
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 1rem;
	color: #333335;
	overflow-x: hidden;
}

img
{
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

a
{
	cursor: default;
}
a[href],
a[href]:hover,
a[href]:focus
{
	color: inherit;
	cursor: pointer !important;
}
a.button,
input.InputButton
{
	display: inline-block;
	margin: 1rem 0 0 0;
	padding: 1rem 1.6rem;
	background-color: rgb(245, 245, 245);
	border: solid 1px rgba(0, 0, 0, 0.1);
	border-radius: 1.1rem;

	font-weight: bold;
	text-decoration: none;
}
a.top-target
{
	display: block;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}
a.top-link
{
	color: rgb(205, 116, 18);
}
	a.top-link::before
	{
		content: "";
		display: inline-block;
		width: 8px;
		height: 14px;
		margin-right: 0.3em;
		transform: rotate(-90deg);
		background-image: url('../img/arrow-right-red.png');
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 100%;
		text-decoration: none;
	}

input.InputBack
{
	color: #666666;
	background-color: #F18815;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0 0 1rem 0;
	font-family: 'Ropa Sans', Helvetica, Arial, sans-serif;
	color: #333333;
	font-weight: normal;
	font-size: 1.2rem;
}
header h1, header h2, header h3, header h4, header h5, header h6
{
	margin: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	text-decoration: none;
}

p, ul, ol, dl
{
	margin: 0 0 1rem 0;
}

ul, ol
{
	margin-left: 1rem;
	padding-left: 0;
}
	ul li, ol li
	{
		list-style-type: square;
	}

.article-body > *:last-child 
{
	margin-bottom: 0;
}


iframe
{
	max-width: 100% !important;
}

.article-body table 
{
	width: 100%;
	margin-left: -2px;
}
	.article-body table tr
	{
	}
	.article-body table tr th,
	.article-body table tr td
	{
		padding: 1em;
		border: 2px solid white;
		text-align: left;
		vertical-align: top;
		background-color: #E3DDD5;
	}
	.article-body table tr:nth-child(even) th,
	.article-body table tr:nth-child(even) td
	{
		background-color: #F0ECE7;
	}


.align-left
{
	text-align: left !important;
}
.align-center
{
	text-align: center !important;
}
.align-right
{
	text-align: right !important;
}

.alternative
{
	background-color: #E3DDD5 !important;
}


div.table
{
	overflow-x: auto;
}


div.page-section,
div.region
{
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
}
	div.page-section > .content,
	div.region > .content
	{
		position: relative;
		left: 0;
		top: 0;
		width: 85%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0;
	}
	div.page-section > .content
	{
		width: 85%;
	}
	div.page-section.preheader > .content
	{
		padding: 10px;
	}


div.content-region-group
{
}
	div.content-region-group > div.content
	{
		width: 85%;
		max-width: 1200px;
		margin: 0 auto;
		font-size: 0;
	}
		div.content-region-group > div.content > *
		{
			font-size: 1rem;
		}
		div.content-region-group > div.content > div.content-region
		{
			display: inline-block;
			vertical-align: top;
		}
		div.content-region-group > div.content > div.content-region-main
		{
			width: calc((((100% + 1.1rem) / 3) * 2) - 1.1rem - 1px);
		}
		div.content-region-group > div.content > div.content-region-aside
		{
			width: calc(((100% + 1.1rem) / 3) - 1px);
		}

		div.content-region-group div.content-region div.article-group > div.content
		{
		}
		div.content-region-group div.content-region div.article > div.content
		{
			width: 100%;
		}

		div.content-region-group > div.content > div.content-region-main > main > *:first-child,
		div.content-region-group > div.content > div.content-region-aside > aside > *:first-child
		{
			margin-top: 0;
		}

.preheader
{
	display: none;
}
	.preheader .content
	{
		padding: 10px;
	}
	.preheader .content::after
	{
		content: "";
		display: table;
		clear: both;
	}
		.preheader .content .vst-date
		{
			font-family: 'Ropa Sans', Helvetica, Arial, sans-serif;
			color: #333333;
			font-weight: normal;
		}
		.preheader .content .vst-date,
		.preheader .content .language-selection
		{
			display: inline-block;
		}
		.preheader .content .language-selection
		{
			float: right;
		}
			.preheader .content .language-selection a
			{
				text-decoration: none;
				color: #AAAAAA;
			}
			.preheader .content .language-selection a:hover,
			.preheader .content .language-selection a:focus
			{
				text-decoration: underline;
				color: #333335;
			}
			.preheader .content .language-selection a
			{
				text-decoration: none;
				color: #AAAAAA;
			}
			.preheader .content .language-selection span.de,
			.preheader .content .language-selection span.en
			{
				text-decoration: underline;
				color: #333335;
			}


.page-header
{
	z-index: 100;
}
	.page-header .content
	{
		width: 100%;
		height: 72px;
		padding: 0;
		background-color: white;
		box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
	}
		.page-header .content .site-logo,
		.page-header .content .site-claim,
		.page-header .content .company-logos
		{
			display: inline-block;
			width: auto;
			vertical-align: top;
		}
		.page-header .content .site-logo,
		.page-header .content .company-logos
		{
			z-index: 1000;
		}
		
		.page-header .content .company-logos
		{
			height: 100px;
			float: right;
			margin-right: 25px;
		}
		.page-header .content .site-logo
		{
			position: relative;
			left: 0;
			top: 0;
			width: auto;
			height: 100%;
			margin: 0;
			padding: 1.1rem 1.1rem 0.55rem 1.1rem;
		}
			.page-header .content .site-logo a
			{
				position: relative;
				left: 0;
				top: 0;
			}
		.page-header .content .site-claim
		{
			position: relative;
			left: 0;
			top: 0;
			margin: 3.5rem 0 0 0;
			padding: 0;
			font-family: 'Ropa Sans', Helvetica, Arial, sans-serif;
			color: #333333;
			font-weight: normal;
			font-size: 1.1rem;
		}

		.page-header .content .company-logos
		{
			display: none;
		}
		.page-header .content .vst-date
		{
			display: inline-block;
			width: auto;
			height: 100%;
			margin-left: 16%;
			padding: 22px 0 0 0;
			vertical-align: top;
		}
			.page-header .content .vst-date span.line-1
			{
				display: block;
				font-size: 1.8em;
				font-weight: bold;
				color: #1A5986;
				white-space: nowrap;
			}
			.page-header .content .vst-date span.line-2
			{
				display: block;
				padding-top: 15px;
				font-size: 1.2em;
				color: #1A5986;
				white-space: nowrap;
			}

			.page-header .content .fah-logo
			{
				margin-right: 30px;
			}
				.page-header .content .fah-logo img				{
					width: auto;
					height: 86px;
				}

.page-footer
{
	margin: 2.2rem 0 0 0;
	background: rgb(79, 45, 33) url('../img/pagefooter-bg.jpg') left top repeat-x;
}
	.page-footer > .content
	{
		text-align: center;
	}

	.page-footer .content .page-footer-group 
	{
		display: inline-block;
		width: calc(((100% - 1.1rem) / 5) - (2 * 1.1rem) - 1px);
		margin: 1.1rem 0.55rem;
		vertical-align: top;
		font-size: 0.9rem;
		color: white;
		text-align: left;
	}
		.page-footer .content .page-footer-group *
		{
			font-size: inherit;
			color: inherit;
		}
			.page-footer .content .page-footer-group h3
			{
				margin: 0 0 0.25rem 0;
				font-size: 15px;
				color: #A86E42;;
			}
			.page-footer .content .page-footer-group ul
			{
				margin-left: 0;
				list-style-type: none;
			}
			.page-footer .content .page-footer-group p
			{
				font-size: 12px;
				line-height: normal;
			}
				.page-footer .content .page-footer-group ul li
				{
					padding-left: 12px;
					background: transparent url('../img/footer_ico_list_arrow.gif') 0px 6px no-repeat;
					list-style-type: none;
					font-size: 12px;
				}
					.page-footer .content .page-footer-group ul li a
					{
						text-decoration: none;
					}
					.page-footer .content .page-footer-group ul li a:hover
					{
						text-decoration: underline;
					}
					.page-footer .content .page-footer-group a.button
					{
						display: inline-block;
						margin: 0;
						padding: 0.55rem 0.55rem 0.55rem 1.4rem;
						background: rgba(0, 0, 0, 0.2) url('../img/footer_ico_list_arrow.gif') 0.55rem 11px no-repeat;
						border: outset 1px rgba(0, 0, 0, 0.3);
						border-radius: 0.55rem;
						text-decoration: none;
						font-family: 'Ropa Sans', Helvetica, Arial, sans-serif;
						font-size: 1rem;
						font-weight: normal;
					}

			.page-footer .content .social-links
			{
			}
				.page-footer .content .social-links a
				{
				}
					.page-footer .content .social-links a img
					{
					}
				.page-footer .content .social-links a.facebook,
				.page-footer .content .social-links a.instagram
				{
				}
					.page-footer .content .social-links a.facebook img,
					.page-footer .content .social-links a.instagram img
					{
					}



.post-footer.post-footer-1
{
	margin-bottom: 12px;
}
.post-footer.post-footer-2
{
	margin-bottom: 75px;
}
	.post-footer a
	{
		display: inline-block;
		margin-bottom: 1em;
		margin-right: 2em;
		text-decoration: none;
	}
	.post-footer a:hover
	{
		text-decoration: underline;
	}
	.post-footer .legal-links a:last-child,
	.post-footer .page-nav-links a:last-child
	{
		margin-right: 0;
	}
.post-footer .messen-de-mitglied
{
	text-align: center;
}
	.post-footer .messen-de-mitglied a
	{
		color: rgb(205, 116, 18);
	}

.pre-footer
{
}
	.pre-footer .divider-top
	{
		border-top: solid 3px #F18815;
	}

div.article-group,
div.article
{
	display: inline-block;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	margin: 0.55rem auto 0.55rem auto;
	max-width: 1200px;
}
	div.article-group > .content,
	div.article > .content
	{
		width: 100%;
		margin: 0 auto;
	}

div.content-region-aside div.article
{
	display: inline-block;
}

div.article.alternative
{
	padding: 1em;
}


.article-group
{
}
	.article-group .article .content
	{
	}
		.article-group .article .content .article-image
		{
		}
			.article-group .article .content .article-image img
			{
				display: block;
				width: 100%;
				height: auto;
			}
		.article-group .article .content .article-text
		{
		}


div.article.standard-content.image-align-left .article-body img,
div.article.standard-content.image-align-right .article-body img
{
	/* width: calc((100% - (1.1rem * 3)) / 3); */
	width: calc(((100% + (2 * 1.1rem)) / 3) - (3 * 0.55rem) - 1px)
}
div.content-region-group div.article.standard-content.image-align-left .article-body img,
div.content-region-group div.article.standard-content.image-align-right .article-body img
{
	/* width: calc((100% - (1.1rem * 3)) / 2); */
	width: calc(((100% + (2 * 1.1rem)) / 2) - (3 * 0.55rem) - 1px)
}

div.article.standard-content.image-align-left .article-body img
{
	margin: 0 1.1rem 1.1rem 0;
	float: left;
}
div.article.standard-content.image-align-right .article-body img
{
	margin: 0 0 1.1rem 1.1rem;
	float: right;
}
div.article.standard-content.image-align-center .article-body img
{
	display: block;
	margin: 0 auto 1.1rem auto;
}


div.article.image-align-left::after,
div.article.image-align-right::after
{
	display: table;
	content: " ";
	clear: both;
}

div.article-group
{
}
	div.article-group > .content
	{
		font-size: 0;
	}
		div.article-group > .content > *
		{
			font-size: 1rem;
		}

	div.article-group.grouped-teaser > .content
	{
		width: calc(100% + 1.1rem - 1px);
		margin-left: -0.55rem;
	}

div.article-group > .content > header
{
	padding: 1.1rem 0;
}

div.article-group div.article
{
	display: inline-block;
	vertical-align: top;
}

div.content-region-aside div.article-group div.article
{
	display: block;
	width: 100%;
	margin-right: auto;
}

div.article-group div.article.teaser
{
	display: inline-block;
	width: calc(((100% - (3 * 1.1rem)) / 3) - 1px);
	margin: 0.55rem;
}
div.content-region-group-main div.article-group div.article.teaser
{
	width: calc(((100% - (2 * 1.1rem)) / 2) - 1px);
}

div.article-group div.article.teaser.teaser-image-only
{
	padding: 0;
}
	div.article-group div.article.teaser div.article-text
	{
		font-size: 15px;
		line-height: 22px;
	}


div.content-region-group div.article-group div.article.teaser
{
}
	div.content-region-group div.article-group div.article.teaser div.article-image
	{
	}
	div.content-region-group div.article-group div.article.teaser div.article-text
	{
		padding: 0;
	}
		div.content-region-group div.article-group div.article.teaser div.article-body ul,
		div.content-region-group div.article-group div.article.teaser div.article-body ol
		{
			-webkit-transform-origin: left top;
			-ms-transform-origin: left top;
			-o-transform-origin: left top;
			transform-origin: left top;
			-webkit-transform: translate(1em, 0px);
			-ms-transform: translate(1em, 0px);
			-o-transform: translate(1em, 0px);
			transform: translate(1em, 0px);
		}

div.content-region-group div.article-group div.article::after
{
	content: "";
	display: table;
	clear: both;
}

div.content-region div.article
{
	margin: 0.55rem 0;
	padding: 0;
	background-color: white;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
}

div.content-region-aside div.article
{
	width: calc(100% - 1.1rem - 1px);
	margin-left: 1.1rem;
}
div.content-region-aside div.article-group
{
	width: calc(100% - 1.1rem - 1px);
	margin-left: 1.1rem;
}
div.content-region-aside div.article-group div.article
{
	width: calc(100% - 1.1rem - 1px);
	margin-left: 0;
}
div.content-region-aside div.article.teaser
{
}
	div.content-region-aside div.article.teaser .article-image img
	{
		display: block;
		width: 100%;
		max-width: none;
		max-height: none;
	}

div.content-region div.article header
{
	padding: 0.55rem 1.1rem;
	background-color: rgb(245, 245, 245);
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
	div.content-region div.article header > *
	{
		font-size: 1.2rem;
	}
	div.content-region div.article.pferd header > *,
	div.content-region div.article.jagd header > *,
	div.content-region div.article.angeln header > *,
	div.content-region div.article.country header > *,
	div.content-region div.article.hund header > *,
	div.content-region div.article.auto header > *
	{
		color: white;
	}
div.content-region div.article.pferd header
{
	background-color: rgb(155, 0, 4);
}
div.content-region div.article.jagd header
{
	background-color: rgb(79, 134, 51);
}
div.content-region div.article.angeln header
{
	background-color: rgb(3, 158, 203);
}
div.content-region div.article.country header
{
	background-color: rgb(199, 135, 48);
}
div.content-region div.article.hund header
{
	background-color: rgb(199, 135, 48);
}
div.content-region div.article.auto header
{
	background-color: rgb(185, 185, 185);
}

div.content-region div.article.header
{
	margin: 1.1rem 0;
	padding: 0;
	background-color: transparent;
	box-shadow: none;
}
div.content-region div.article.header header
{
	padding: 0;
	background-color: transparent;
	border-bottom: none;
	color: #333335;
}
	div.content-region div.article.header header h1,
	div.content-region div.article.header header h2,
	div.content-region div.article.header header h3,
	div.content-region div.article.header header h4,
	div.content-region div.article.header header h5,
	div.content-region div.article.header header h6
	{
		font-size: 2rem;
		line-height: 125%;
		color: #333335;
	}
	div.content-region div.article.header p.subline
	{
		font-size: 18px;
	}


div.content-region div.article div.article-body
{
	padding: 1.1rem;
}

div.content-region div.divider-top::before,
div.content-region div.divider-bottom::after
{
	/*
	display: table;
	content: "";
	width: 100%;
	height: 19px;
	background-image: url('../img/spacer-bg.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	*/
}

div.content-region a
{
	color: rgb(155, 0, 4);
	text-decoration: none;
}
div.content-region .pferd a
{
	color: rgb(155, 0, 4);
}
div.content-region .jagd a
{
	color: rgb(79, 134, 51);
}
div.content-region .angeln a
{
	color: rgb(3, 158, 203);
}
div.content-region .country a
{
	color: rgb(199, 135, 48);
}
div.content-region .hund a
{
	color: rgb(199, 135, 48);
}
div.content-region .auto a
{
	color: rgb(185, 185, 185);
}

div.content-region a:hover
{
	text-decoration: underline;
}

div.content-region a.readmore,
div.content-region a.ReadMore
{
	/* color: rgb(155, 0, 4); */
}

div.content-region h1 a,
div.content-region h2 a,
div.content-region h3 a,
div.content-region h4 a,
div.content-region h5 a,
div.content-region h6 a,
div.download-item a *
{
	color: inherit;
}
div.content-region h1 a:hover,
div.content-region h2 a:hover,
div.content-region h3 a:hover,
div.content-region h4 a:hover,
div.content-region h5 a:hover,
div.content-region h6 a:hover,
div.download-item a:hover *
{
}

div.content-region header a
{
	color: white !important;
}

div.content-region-aside *
{
	/* font-size: 15px; */
}
	div.content-region-aside small
	{
		font-size: 80%;
		line-height: 80%;
	}


div.download-item h1,
div.download-item h2,
div.download-item h3,
div.download-item h4,
div.download-item h5,
div.download-item h6
{
	margin-bottom: 0;
}

div.downloads-list ul
{
	margin-left: 0;
}
	div.downloads-list ul li
	{
		list-style-type: none;
	}
		div.download-item a
		{
			display: inline-block;
			padding-left: 40px;
			background: transparent url('../img/download.png') left top no-repeat;
		}



div.article.contact-person,
div.article.contact-role
{
	display: table;
	border-collapse: collapse;
}
	div.article.contact-person div.article-image,
	div.article.contact-person div.article-text,
	div.article.contact-role div.article-image,
	div.article.contact-role div.article-text
	{
		display: table-cell;
		vertical-align: top;
	}
	div.article.contact-person div.article-text,
	div.article.contact-role div.article-text
	{
	}
		div.article.contact-person div.article-text header,
		div.article.contact-role div.article-text header
		{
		}
	div.article.contact-person div.article-image,
	div.article.contact-role div.article-image
	{
		padding: 1.1rem 0 1.1rem 1.1rem;
	}
	div.article.contact-orga div.article-image
	{
		padding: 1.1rem;
	}
		div.article.contact-person div.article-image img,
		div.article.contact-role div.article-image img
		{
			min-width: 72px;
		}

div.article.contact div.content div.article-image img
{
	width: auto;
	max-width: 100%;
}

div.article.intro-text *
{
	font-size: 16px;
}


div.article.html-content
{
}
	div.article.html-content 
	{
	}


div.content-region p.contact-web,
div.content-region p.contact-email
{
	padding-top: 0.8em;
}
	div.content-region p.contact-web a,
	div.content-region p.contact-email a
	{
		padding-left: 32px;
	}
	div.content-region p.contact-web a
	{
		background: transparent url('../img/link-extern.png') left top no-repeat;
	}
	div.content-region p.contact-email a
	{
		background: transparent url('../img/email.png') left top no-repeat;
	}

.article-group .article .content .article-text h3.contact-name,
.article-group .article .content .article-text p.contact-data
{
	margin: 0;
}
.article-group .article .content .article-text p.contact-data span.label,
.article-group .article .content .article-text p.contact-data span.value
{
	white-space: nowrap;
}


.html-content .social-links a
{
		margin-right: 7.99px;
}
	.html-content .social-links a img
	.html-content .apps a img
	{
		display: inline-block;
	}
	.html-content .apps a.apple-app-store img
	{
		margin-right: 18px;
	}

div.content-region div.article.standard-content.subnav
{
}
	div.content-region div.article.standard-content.subnav header
	{
		margin-bottom: 0;
	}
	div.content-region div.article.standard-content.subnav ul
	{
		margin-left: 0;
	}
		div.content-region div.article.standard-content.subnav ul li
		{
			margin-bottom: 0.4em;
			list-style-type: none;
		}
			div.content-region div.article.standard-content.subnav ul li a::before
			{
				content: "";
				display: inline-block;
				background-image: url('../img/arrow-right-red.png');
				background-position: 0 0.35em;
				background-repeat: no-repeat;
				background-size: 100%;
				width: 0.4em;
				height: 1em;
				margin-right: 0.4em;
			}

ul.linklist
{
	margin-left: 0 !important;
}
	ul.linklist li 
	{
		margin-bottom: 0.5em !important;
		padding-left: 16px !important;
		background: url('../img/arrow-right-red.png') 0px 3px no-repeat !important;
		list-style-type: none !important;
	}

a.ical-download 
{
    display: block;
	width: 31px;
    height: 33px;
    background: transparent url('../../../shared/img/icon_ical.png') center center no-repeat;
}
	a.ical-download span.TextNode
	{
		display: none;
	}


div.content-region div.event-calendar
{
	margin: 0.55rem 0;
	padding: 0;
	background-color: white;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
}
	div.content-region div.event-calendar div.article
	{
		margin: 0;
		padding: 1.1rem;
		background-color: transparent;
		box-shadow: none;
	}
		div.content-region div.event-calendar div.article div.article-body
		{
			padding: 0;
		}

	div.content-region div.event-calendar div.date-selector
	{
		margin: 0;
		padding: 1.1rem;
		border-top: solid 1px rgba(0, 0, 0, 0.1);
		border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	}
	div.content-region div.event-calendar div.date-selector-top
	{
		border-top: none;
	}
	div.content-region div.event-calendar div.date-selector-bottom
	{
		border-bottom: none;
	}

table.event-list td.event-info img
{
}
table.event-list td.event-location
{
	white-space: nowrap;
}

.event-calendar.hide-time th.event-time,
.event-calendar.hide-time td.event-time
{
	display: none;
}

div.content-region div.article.event-short-list div.article-body
{
	padding: 0;
}
	div.content-region div.article.event-short-list div.article-body ul
	{
		height: 21.5rem;
		margin-bottom: 1.1rem;
		padding: 1.1rem 1.1rem 1.1rem 0;
		overflow-y: auto;
	}
		div.content-region div.article.event-short-list div.article-body ul li
		{
			margin-bottom: 0.55rem;
		}
			div.content-region div.article.event-short-list div.article-body ul li .event-title .title
			{
				font-weight: bold;
			}


/* ********************************************************************* */
/* Formulare
/* ********************************************************************* */

form
{
	width: 100%
}
	form fieldset
	{
		padding-left: 0;
		border: none;
	}
	form label
	{
		display: inline-block;
		margin: 0 1em 0 0;
		vertical-align: top;
		font-weight: bold;
	}
	form .FieldLabel label
	{
		font-weight: normal;
	}
	form input,
	form select
	{
		display: inline-block;
		border: solid 1px #E3DDD5;
		padding: 0.4em 0.6em;
	}

	form input[type=submit], 
	form input[type=reset]
	{
		background-color: #E3DDD5;
	}
	form input[type=submit]:hover, 
	form input[type=submit]:focus, 
	form input[type=reset]:hover, 
	form input[type=reset]:focus 
	{
		background-color: rgb(155, 0, 4);
		color: white;
	}

	form.MailForm fieldset span.InputCheckbox
	{
		display: inline-block;
		width: 16px !important;
		height: 20px !important;
		padding: 0px !important;
		background: transparent url('/styles/shared/img/checkbox_unchecked.gif') left 4px no-repeat;
	}
	form.MailForm fieldset span.InputCheckbox.Checked
	{
		background: transparent url('/styles/shared/img/checkbox_checked.gif') left 4px no-repeat;
	}

.form
{
	margin-bottom: 2em;
}

form.mailform-ap16tdw
{
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
}
	form.mailform-ap16tdw .MailformData
	{
		display: table-row;
	}
		form.mailform-ap16tdw .MailformData .PersonalData,
		form.mailform-ap16tdw .MailformData .PersonalDataOptional
		{
			display: table-cell;
			text-align: left;
			width: 50%;
		}
		form.mailform-ap16tdw .MailformData .PersonalData
		{
			padding-right: 40px;
		}
		form.mailform-ap16tdw .MailformData .PersonalData label
		{
			display: block;
		}
		form.mailform-ap16tdw .MailformData .PersonalData input.InputText,
		form.mailform-ap16tdw .MailformData .PersonalData select
		{
			width: 80%;
		}

		form.mailform-ap16tdw .MailformData .PersonalDataOptional label
		{
			width: 300px;
		}
		form.mailform-ap16tdw .MailformData .PersonalDataOptional input.InputCheckbox,
		form.mailform-ap16tdw .MailformData .PersonalDataOptional input.InputRadio
		{
			display: inline-block;
		}

		form.mailform-ap16tdw .MailformData .Error input.InputText,
		form.mailform-ap16tdw .MailformData .Error select
		{
			background-color: rgba(255, 0, 0, 0.2);
		}

form.mailform-ap16cws
{
}
	form.mailform-ap16cws .MailformData
	{
	}
		form.mailform-ap16cws .MailformData .PersonalData
		{
			display: table;
			table-layout: fixed;
			border-collapse: collapse;
		}
		form.mailform-ap16cws .MailformData .PersonalData .AddressData,
		form.mailform-ap16cws .MailformData .PersonalData .PersonalDataOptional
		{
			display: table-cell;
			text-align: left;
			width: 50%;
		}
		form.mailform-ap16cws .MailformData .PersonalData .AddressData
		{
			padding-right: 40px;
		}
		form.mailform-ap16cws .MailformData .PersonalData .AddressData label
		{
			display: block;
		}
		form.mailform-ap16cws .MailformData .PersonalData .AddressData input.InputText,
		form.mailform-ap16cws .MailformData .PersonalData .AddressData select
		{
			width: 80%;
		}

		form.mailform-ap16cws .MailformData .PersonalData  .PersonalDataOptional label
		{
			width: 300px;
		}
		form.mailform-ap16cws .MailformData .PersonalData .PersonalDataOptional input.InputCheckbox,
		form.mailform-ap16cws .MailformData .PersonalData .PersonalDataOptional input.InputRadio
		{
			display: inline-block;
		}

	form.mailform-ap16cws .MailformData .WorkshopData
	{
		margin-bottom: 1em;
		padding-bottom: 1em;
		border-bottom: solid 1px #CCCCCC;
	}

		form.mailform-ap16cws .MailformData .WorkshopData label
		{
			max-width: 90%;
		}
		form.mailform-ap16cws .MailformData .WorkshopData input.InputCheckbox,
		form.mailform-ap16cws .MailformData .WorkshopData input.InputRadio
		{
			display: inline-block;
		}

		form.mailform-ap16cws .MailformData .Error input.InputText,
		form.mailform-ap16cws .MailformData .Error select
		{
			background-color: rgba(255, 0, 0, 0.2);
		}

@media screen and (max-width: 719px) {

	form input,
	form select
	{
		padding: 1em 1.6em;
	}

	form.mailform-ap16tdw
	{
		display: block;
	}
		form.mailform-ap16tdw .MailformData
		{
			display: block;
		}
			form.mailform-ap16tdw .MailformData .PersonalData
			{
				display: block;
				padding-right: 0px;
			}
			form.mailform-ap16tdw .MailformData .PersonalDataOptional
			{
				display: block;
				margin-top: 2em;
			}

			form.mailform-ap16tdw .MailformData .PersonalData input.InputText,
			form.mailform-ap16tdw .MailformData .PersonalData select
			{
				width: 100%;
			}
			form.mailform-ap16tdw input.InputButton
			{
				display: block;
				width: 100%;
				padding: 1em 1.6em;
			}

	form.mailform-ap16cws
	{
	}
		form.mailform-ap16cws .MailformData
		{
		}
			form.mailform-ap16cws .MailformData .PersonalData
			{
				display: block;
			}
				form.mailform-ap16cws .MailformData .PersonalData .Addressdata
				{
					display: block;
					padding-right: 0px;
				}
				form.mailform-ap16cws .MailformData .PersonalData .PersonalDataOptional
				{
					display: block;
					margin-top: 2em;
				}

			form.mailform-ap16cws .MailformData .PersonalData input.InputText,
			form.mailform-ap16cws .MailformData .PersonalData select
			{
				width: 100%;
			}
			form.mailform-ap16cws input.InputButton
			{
				display: block;
				width: 100%;
				padding: 1em 1.6em;
			}
}

@media screen and (max-width: 999px) {

	form.mailform-ap16tdw
	{
		display: block;
	}
		form.mailform-ap16tdw .MailformData
		{
			display: block;
		}
			form.mailform-ap16tdw .MailformData .PersonalData
			{
				padding-right: 0px;
			}
			form.mailform-ap16tdw .MailformData .PersonalData,
			form.mailform-ap16tdw .MailformData .PersonalDataOptional
			{
				display: block;
				width: 100%;
			}

	form.mailform-ap16cws
	{
	}
		form.mailform-ap16cws .MailformData
		{
		}
			form.mailform-ap16cws .MailformData .PersonalData
			{
				display: block;
			}
				form.mailform-ap16cws .MailformData .PersonalData .Addressdata
				{
					display: block;
					padding-right: 0px;
				}
				form.mailform-ap16cws .MailformData .PersonalData .Addressdata,
				form.mailform-ap16cws .MailformData .PersonalData .PersonalDataOptional
				{
					display: block;
					width: 100%;
				}
}

/* ********************************************************************* */
/* Aussteller & Produkte
/* ********************************************************************* */

#ExProContent
{
	display: inline-block;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	margin: 0.55rem 0;
	padding: 1.1rem;
	max-width: 1200px;
	background-color: white;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
}
	#ExProContent .TabStrip
	{
		margin: 2em 0;
		border-bottom: solid 1px #E3DDD5;
	}
		#ExProContent .TabStrip ul
		{
			margin: 0;
		}
			#ExProContent .TabStrip ul li
			{
				display: inline-block;
				padding: 0.5em 2em;
				margin: 0 0 0 6px;
				vertical-align: top;
				list-style-type: none;
				background-color: rgba(0, 0, 0, 0.1);
				border-radius: 5px 5px 0px 0px;
			}
				#ExProContent .TabStrip ul li a
				{
					font-weight: bold;
					color: black;
					text-decoration: none;
				}
				#ExProContent .TabStrip ul li a:hover,
				#ExProContent .TabStrip ul li a:focus
				{
					font-weight: bold;
					color: black;
					text-decoration: none;
				}
			#ExProContent .TabStrip ul li:first-child
			{
				margin: 0;
			}
			#ExProContent .TabStrip ul li.Selected
			{
				background-color: rgb(155, 0, 4);
			}
				#ExProContent .TabStrip ul li.Selected a,
				#ExProContent .TabStrip ul li.Selected a:hover,
				#ExProContent .TabStrip ul li.Selected a:focus
				{
					color: white;
				}
		#ExProContent .TabStrip .Footer
		{
			display: none;
		}

		#ExProContent div.ProductgroupBrowser ul
		{
			margin: 0;
			list-style-type: none;
		}
		#ExProContent div.ProductgroupBrowser ul li
		{
			padding: 0.5em 0 0.5em 1.5em;
			margin: 0;
			list-style-type: none;
			background: transparent url('../img/ic_arrow_forward_18px.svg') left center no-repeat;
		}
			#ExProContent div.ProductgroupBrowser ul li a
			{
				font-size: 1.2em;
			}
		#ExProContent div.ProductgroupBrowser ul li.TreeNodeClosed
		{
			padding: 0.5em 0 0.5em 2.2em;
			background: transparent url('../img/ic_chevron_right_36px.svg') left center no-repeat;
		}
		#ExProContent div.ProductgroupBrowser ul li.TreeNodeOpen
		{
			padding: 0.5em 0 0.5em 2.2em;
			background: transparent url('../img/ic_expand_more_36px.svg') left center no-repeat;
		}

		#ExProContent div.ProductgroupBrowser ul li, 
		#ExProContent div.ProductgroupBrowser ul li.TreeContainerOpen 
		{
			display: list-item;
		}
		#ExProContent div.ProductgroupBrowser ul li.TreeContainerClosed 
		{
			display: none;
		}
		#ExProContent div.ProductgroupBrowser ul li.TreeContainerOpen, 
		#ExProContent div.ProductgroupBrowser ul li.TreeContainerClosed 
		{
			background-image: none;
		}

		#ExProContent .SmallText.Rightfloater.MediumMargin
		{
			margin: 0 0 1em 1em;
			font-size: 0.8em;
			float: right;
		}

	#ExProContent .TabStripSmall
	{
		margin-top: 2rem;
	}
		#ExProContent .TabStripSmall ul
		{
			margin: 0;
			border-bottom: solid 1px #E3DDD5;
		}
			#ExProContent .TabStripSmall ul li
			{
				display: inline-block;
				padding: 0;
				margin: 0;
				vertical-align: top;
				list-style-type: none;
				background-color: transparent;
				/* border-radius: 5px; */
			}
				#ExProContent .TabStripSmall ul li a
				{
					font-weight: bold;
					color: black;
					text-decoration: none;
				}
				#ExProContent .TabStripSmall ul li a:hover,
				#ExProContent .TabStripSmall ul li a:focus
				{
					font-weight: bold;
					color: black;
					text-decoration: none;
				}
			#ExProContent .TabStripSmall ul li:first-child
			{
				margin: 0;
			}
			#ExProContent .TabStripSmall ul li.Selected
			{
				background-color: transparent;
			}
				#ExProContent .TabStripSmall ul li.Selected a
				{
					color: black;
				}

	#ExProContent .HintBox 
	{
		width: auto !important;
	}

		#ExProContent div.SearchResults ul
		{
			margin-left: 0;
		}
		#ExProContent div.SearchResults ul li
		{
			padding: 0.5em 0 0.5em 1.5em;
			margin: 0;
			list-style-type: none;
			background: transparent url('../img/ic_arrow_forward_18px.svg') left 10px no-repeat;
		}
			#ExProContent div.SearchResults ul li a
			{
				font-weight: bold;
			}

	#ExProContent td
	{
		padding: 0.5em 2em 0.5em 0;
	}

	#ExProContent td input.Textfield
	{
		width: 60%;
	}
	#ExProContent td select
	{
		width: 60%;
	}
	
@media screen and (max-width: 569px) {
	#ExProContent td
	{
		display: block;
	}
}

/* ********************************************************************* */
/* "Sticky" Header & Haupnavigation
/* ********************************************************************* */

.page-header,
.main-navigation 
{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transition: -webkit-transform 1.2s ease-out;
	-moz-transition: -moz-transform 1.2s ease-out;
	-o-transition: -o-transform 1.2s ease-out;
	transition: transform 0.8s ease-out;
}
.page-header[data-position=relative],
.main-navigation[data-position=relative]
{
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.page-header[data-position=fixed]
{
	top: -300px;
}
.main-navigation[data-position=fixed]
{
	top: -200px;
}
.page-header[data-position=fixed], 
.main-navigation[data-position=fixed]
{
	position: fixed;
	-webkit-transform: translateY(300px);
	-moz-transform: translateY(300px);
	-ms-transform: translateY(300px);
	-o-transform: translateY(300px);
	transform: translateY(300px);
}
	.page-header[data-position=fixed] .content,
	.main-navigation[data-position=fixed] .content
	{
		-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
		-ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
		-o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	}

@media screen and (max-width: 719px) {
	.page-header[data-position=fixed],
	.main-navigation[data-position=fixed] 
	{
		top: 0px;
	}
}

@media screen and (max-width: 999px) {
	.page-header[data-position=fixed],
	.main-navigation[data-position=fixed] 
	{
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}
		.page-header[data-position=fixed] .content,
		.main-navigation[data-position=fixed] .content
		{
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			-ms-box-shadow: none;
			-o-box-shadow: none;
			box-shadow: none;
		}
}



/* ********************************************************************* */
/* Haupnavigation
/* ********************************************************************* */

.main-navigation 
{
	top: 0;
	margin: 1.1rem 0;
	z-index: 200;
}
	.main-navigation .content
	{
		height: 40px;
		padding: 0;
		background-color: white;
		box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
	}

nav.sitemenu input,
nav.sitemenu label
{
	display: none;
}
nav.sitemenu ul 
{
	margin: 0;
	padding: 0;
}
nav.sitemenu ul li
{
	list-style-type: none !important;
}
nav.sitemenu > ul
{
	position: relative;
	left: 0;
	top: 0;
	height: 40px;
	padding: 0;
	text-align: left;
}
	nav.sitemenu > ul > li
	{
		display: inline-block;
		vertical-align: top;
		height: 40px;
		overflow: hidden;

		font-family: 'Ropa Sans', Helvetica, Arial, sans-serif;
		color: #333333;
		font-weight: normal;
		font-size: 18px;
	}
		nav.sitemenu > ul > li > a
		{
			display: inline-block;
			position: relative;
			top: 0;
			left: 0;
			padding: 9px 1.2rem;
			z-index: 2;
			text-decoration: none;
		}
			nav.sitemenu > ul > li > a > span
			{
				white-space: nowrap;
			}
		nav.sitemenu > ul > li > a:hover,
		nav.sitemenu > ul > li > a:focus
		{
			background: rgb(245, 245, 245) none left top no-repeat;
			text-decoration: none;
		}
		nav.sitemenu > ul > li:first-child > a,
		nav.sitemenu > ul > li:first-child > a:hover,
		nav.sitemenu > ul > li:first-child > a:focus
		{
			border-left: none;
		}
		nav.sitemenu > ul > li > div
		{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: auto;
			z-index: 1;
			
			line-height: normal;
		}
			nav.sitemenu > ul > li > div a,
			nav.sitemenu > ul > li > div a:hover,
			nav.sitemenu > ul > li > div a:focus
			{
				text-decoration: none;
			}
			nav.sitemenu > ul > li > div > ul
			{
				width: 100%;
				height: auto;
				margin-top: 2.2rem;
				padding: 1.1rem 0.55rem 2.2rem 0.55rem;
				background: rgb(245, 245, 245) none left top no-repeat;
				opacity: 1;
				text-align: left;
			    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.15);
				font-size: 0;
			}
				nav.sitemenu > ul > li > div > ul > li
				{
					display: inline-block;
					width: calc(((100% - 1.1rem) / 4) - (2 * 0.55rem) - 1px);
					min-height: none;
					margin: 1.1rem 0.55rem 1.1rem 0.55rem;
					padding: 0;
					vertical-align: top;
				}
					nav.sitemenu > ul > li > div > ul > li a
					{
						display: block;
						margin: 0 0 0.25rem 0;
						padding: 0.25rem 0.25rem 0.25rem 1.1rem;
						background: transparent url('../img/arrow-menu.png') 0.15rem 0.45rem no-repeat;
					}
					nav.sitemenu > ul > li > div > ul > li a[href]:hover,
					nav.sitemenu > ul > li > div > ul > li a[href]:focus
					{
						background: rgba(0, 0, 0, 0.02) url('../img/arrow-menu-hover.png') 0.15rem 0.45rem no-repeat;
					}
					nav.sitemenu > ul > li > div > ul > li > a
					{
						margin: 0 0 0.55rem 0;
						padding: 0.55rem 0 0.25rem 0;
						background: transparent none top left no-repeat;
						border-bottom: solid 1px rgba(0, 0, 0, 0.1);
						font-size: 1.1rem;
					}
					nav.sitemenu > ul > li > div > ul > li > a[href]:hover,
					nav.sitemenu > ul > li > div > ul > li > a[href]:focus
					{
						background: rgba(0, 0, 0, 0.02) none top left no-repeat;
					}
					
						nav.sitemenu > ul > li > div > ul > li > div
						{
							font-family: "Helvetica", "Arial", sans-serif;
							font-size: 15px;
						}


/* initial */
nav.sitemenu > ul > li > div
{
	display: none;
}

nav.sitemenu > ul > li:hover > div,
nav.sitemenu > ul > li:focus > div
{
	display: block;
}

nav.sitemenu > ul > li.submenu-item
{
	position: absolute;
	right: 0;
}
nav.sitemenu > ul > li.language-switch
{
	top: 6px;
	right: 1.2rem;
	height: auto;
	background-color: rgba(0, 0, 0, 0.1);
	border: solid 1px rgba(0, 0, 0, 0.1);
	border-radius: 0.55rem;
}
	nav.sitemenu > ul > li.language-switch > a
	{
		padding: 1px 0.6rem;
	}

@media screen and (min-width: 720px) {
	
	nav.sitemenu > ul > li > div > ul > li
	{
		width: calc(((100% - 1.1rem) / 3) - (2 * 0.55rem) - 1px);
	}

}

@media screen and (max-width: 999px) {

	.main-navigation 
	{
		/* top: -74px !important; */
	}

}

@media screen and (min-width: 1000px) {
	
	nav.sitemenu > ul > li > div > ul > li
	{
		width: calc(((100% - 1.1rem) / 4) - (2 * 0.55rem) - 1px);
	}
	nav.sitemenu > ul > li#Label_pj_themen__nl__der > div > ul > li
	{
		width: calc(((100% - 1.1rem) / 6) - (2 * 0.55rem) - 1px);
	}

}

@media screen and (max-width: 719px) {

	a.top-target
	{
		margin: 86px 0 0 0;
	}

	.preheader 
	{
		position: fixed !important;
	}
		.preheader .content .vst-date
		{
			display: none !important;
		}
	.page-header 
	{
		position: fixed !important;
		z-index: 1;
	}
		.page-header .site-claim
		{
			display: none !important;
		}

	.main-navigation 
	{
		/* position: absolute !important; */
		position: fixed !important;
		left: 0px !important;
		top: 72px !important;
		width: 100% !important;
		height: auto;
		margin: 0;
		background-color: rgba(0, 0, 0, 0.4);
	}
		.main-navigation > .content
		{
			height: auto !important;
			margin: 0 !important;
			box-shadow: none;
		}

	nav.sitemenu ul li
	{
		position: relative;
		left: 0;
		top: 0;
	}

	nav.sitemenu > ul
	{
		left: -261px;
		width: 260px;
		height: 1px;
		padding: 0;
		text-align: left;
		background: rgb(220, 220, 220) none left top no-repeat;
		overflow: hidden;
	}
		nav.sitemenu > ul > li
		{
			display: block;
			height: auto;
			overflow: visible;
		}
		nav.sitemenu > ul > li a
		{
			display: block !important;
			padding: 1.1rem !important;
			border-bottom: solid 1px rgba(0, 0, 0, 0.1);
		}
		nav.sitemenu > ul > li a:hover, 
		nav.sitemenu > ul > li a:focus
		{
			background: rgba(0, 0, 0, 0.05) none !important;
			text-decoration: none !important;
		}
			nav.sitemenu > ul > li > a > span 
			{
				white-space: normal;
			}
		nav.sitemenu > ul > li a[href]
		{
			cursor: pointer;
		}
		nav.sitemenu > ul > li > a[href]:hover,
		nav.sitemenu > ul > li > a[href]:focus
		{
			background-color: rgba(0, 0, 0, 0.15);
		}

		nav.sitemenu > ul > li > div
		{
			position: relative;
			display: block;
		}
			nav.sitemenu > ul > li::after
			{
				display: none;
			}
				nav.sitemenu > ul > li > div > ul
				{
					margin: 0;
					padding: 0;
					background: rgb(233, 233, 233) none left top no-repeat;
					box-shadow: none;
				}
					nav.sitemenu > ul > li > div > ul > li
					{
						display: block;
						width: 100%;
						min-height: 0;
						margin: 0;
						padding: 0;
						border: none;
					}
						nav.sitemenu > ul > li > div > ul > li > a
						{
							margin: 0;
							padding-left: 2.2rem !important;
						}
							nav.sitemenu > ul > li > div > ul > li > div > ul > li > a
							{
								margin: 0;
								padding-left: 3.3em !important;
								background: rgb(245, 245, 245) none;
								border-bottom: solid 1px rgba(0, 0, 0, 0.1);
							}


	nav.sitemenu input,
	nav.sitemenu label
	{
		display: block;
		position: absolute;
	}
	nav.sitemenu input
	{
		left: -100px;
		top: -30px;
	}
	nav.sitemenu label
	{
		left: auto;
		top: -61px;
		right: 0.55rem;
		width: 48px;
		height: 48px;
		background: transparent url('../img/hamburger.png') center center no-repeat;
		border: solid 1px rgba(0, 0, 0, 0.1);
		border-radius: 0.55rem;
		cursor: pointer;
	}
		nav.sitemenu label span
		{
			display: none;
		}

	nav.sitemenu label.submenu-trigger
	{
		top: 15px;
		right: 1.05rem;
		width: 32px;
		height: 32px;
		background: rgba(0, 0, 0, 0.1) url('../img/expand_more.png') center center no-repeat;
		z-index: 100;
	}

	nav.sitemenu > ul > li.submenu-item
	{
		position: relative !important;
		right: auto !important;
	}
	nav.sitemenu > ul > li.language-switch
	{
		top: 0 !important;
		background-color: transparent !important;
		border: none !important;
	}


	/* Submenus initial */
	nav.sitemenu ul > li > div
	{
		display: none;
	}
	nav.sitemenu ul > li:hover > div,
	nav.sitemenu ul > li:focus > div
	{
		display: none;
	}

	/* Hauptmenu Funktion */
 	nav.sitemenu input.menu-control:checked ~ ul
	{
		left: 0px;
		width: 100%;
		height: calc(100vh - 72px);
		overflow-y: auto;
	}
 	nav.sitemenu input.menu-control:checked ~ label
	{
		background: rgba(0, 0, 0, 0.1) url('../img/close.png') center center no-repeat;
	}

	/* Submenus Funktion */
	nav.sitemenu input.submenu-control:checked ~ div
	{
		display: block;
	}
	nav.sitemenu input.submenu-control:checked ~ label.submenu-trigger
	{
		background: rgba(0, 0, 0, 0.1) url('../img/expand_less.png') center center no-repeat;
	}


}

/*
.page-header
{
	position: sticky !important;
	top: 0px !important;
	z-index: 1000;
}

.main-navigation
{
	position: sticky !important;
	top: 15px !important;
	z-index: 1000;
}
*/

/* ********************************************************************* */
/* Stage
/* ********************************************************************* */

div.article-group.stage
{
	margin-top: 0;
}

.stage 
{
	background-color: white;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
}

.stage ul li
{
	list-style-type: none;
}

.stage .article
{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.stage .stage-items
{
	position: relative;
	left: 0;
	top: 0;
	margin: 0;
	overflow: hidden;
}
	.stage .stage-items .stage-item
	{
		position: absolute;
		left: 0;
		top: 0;
		visibility: hidden;
	}
	.stage .stage-items .stage-item:first-child
	{
		position: relative;
		visibility: visible;
	}
	.stage .stage-items.slick-initialized .stage-item
	{
		position: relative;
		visibility: visible;
	}
	


.stage .stage-item .article
{
	display: block;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-shadow: none;
}
	.stage .stage-item .article .article-image
	{
	}
		.stage .stage-item .article .article-image img
		{
			display: block;
			width: 100%;
			max-width: 200%;
		}


@media all and (max-width: 480px) {
/*
	.stage .stage-item .article .article-image
	{
		overflow: hidden;
	}
		.stage .stage-item .article .article-image img
		{
			width: auto;
			height: auto;
		}
		.stage .stage-item:first-child .article .article-image img
		{
			position: relative;
			left: 50%;
			top: 0;
			transform: translate(-44%, 0);
		}
		.stage .stage-item .article .article-image.centered img
		{
			position: relative;
			left: 50%;
			top: 0;
			transform: translate(-50%, 0);
		}
*/
}

@media all and (max-width: 719px) {

	.stage .stage-item .article .article-body
	{
		position: relative;
		width: 100%;
	}
		.stage .stage-item .article .article-body .article-text
		{
			padding: 0.4em 1em; 
			background-color: #00547E;
		}
			.stage .stage-item .article .article-body .article-text h2
			{
				font-size: 24px;
			}
			.stage .stage-item .article .article-body .article-text p
			{
				font-size: 16px;
			}

}

/* ********************************************************************* */
/* Login-Box
/* ********************************************************************* */

.LoginForm
{
	width: 33%;
	margin: 0 auto 10em auto;	
	padding: 2em 2em 1em 2em;
	border: solid 1px #F18815;
	border-radius: 15px;
}
	.LoginForm .LoginPassword label,
	.LoginForm .LoginPassword input
	{
		display: block;
		width: 60%;
		margin: 0 auto 1em auto;
		text-align: center;
	}
	.LoginForm .InputSubmit
	{
		display: block;
		margin: 0 auto 1em auto;	
		text-align: center;
	}


/* ********************************************************************* */
/* Klipp-Klapp Container
/* ********************************************************************* */

.toggle-content-group *,
.toggle-content *
{
	box-sizing: border-box;
}

.toggle-content-group, 
.toggle-content
{
	display: block;
	position: relative;
	left: 0;
	top: 0;
	height: auto;
	overflow: hidden;
}

.toggle-content
{
	border-bottom: solid 2px #ECECEC;
}
.toggle-content:first-child
{
	border-top: solid 2px #ECECEC;
}

.toggle-content .toggle-label
{
	display: inline-block;
	margin: 1em 0;
	/* font-size: 1em; */
	z-index: 10;
	cursor: pointer !important;
}

.toggle-content input.toggle-state
{
	display: block;
	position: absolute;
	left: auto;
	top: 0px;
	right: 0px;
	width: 300%;
	height: 3.7em;
	z-index: 10;
	cursor: pointer !important;
}

.toggle-content .toggle-this::before
{
	content: "";
	display: block;
	position: absolute;
	left: auto;
	top: 1.2em;
	right: 0;
	width: 21px;
	height: 21px;
	background: transparent url('../img/arrow-big.svg') right center no-repeat;
	background-size: 100%;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: rotate 0.3s;
	-ms-transition: rotate 0.3s;
	-o-transition: rotate 0.3s;
	transition: rotate 0.3s;
}

.toggle-content-group a.toggle-all-on,
.toggle-content-group a.toggle-all-off
{
	display: inline-block;
	margin-bottom: 1em;
}

/* initial */
.toggle-content .toggle-this
{
	display: block;
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: max-height 0.3s;
	-ms-transition: max-height 0.3s;
	-o-transition: max-height 0.3s;
	transition: max-height 0.3s;
}


/* events */
.toggle-content input.toggle-state:checked ~ .toggle-this
{
	max-height: 3000px;
	overflow-y: auto;
}

.toggle-content input.toggle-state:checked ~ .toggle-this::before
{
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.toggle-content-group a.toggle-all-on:focus ~ .toggle-content .toggle-this
{
	display: block;
}
.toggle-content-group a.toggle-all-off:focus ~ .toggle-content .toggle-this
{
	display: none;
}


/* Secret Table (Tabelle mit weißem Hintergrund und ohne Rahmen) */
div.article-body table.secret-table 
{
	table-layout: fixed;
	color: #F18815;
	font-size: 20px;
	margin: 0;
	border-bottom: solid 3px #F18815;
	font-weight: bold;
}
div.article-body table.secret-table td
{
	padding: 1em 0 !important;
}
div.article-body table.secret-table td.left-column
{
	width: 40%;
}
div.article-body table.secret-table td.middle-column
{
	width: 50%;
}
div.article-body table.secret-table td.right-column
{
	width: 10%;
}

div.article-body table.secret-table tr td 
{
    padding: 0;
    border: none;
    text-align: left;
    vertical-align: top;
    background-color: transparent;
}
div.article-body table.secret-table tr:nth-child(2n) td 
{
	padding: 0 0 1em 0;
}
div.article-body table.secret-table tr:nth-child(2n) td:nth-child(2n)
{
	padding: 0 0 1em 1em;
}


/* table-like */
.toggle-with-table .toggle-content .toggle-label 
{
	width: 100%;
	margin: 1em 0 0.5em 0;
}
.table-like
{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.table-like .left-column 
{
	display: table-cell;
	width: 40%;
	padding: 0 20px 0 0;

}
.table-like .middle-column 
{
	display: table-cell;
	width: 50%;
	padding: 0 20px 0 0;
}
.table-like .right-column 
{
	display: table-cell;
	width: 10%;
	padding: 0 30px 0 0;
}

/* ********************************************************************* */
/* Werbung
/* ********************************************************************* */


div.banner_top
{
	display: none;
	text-align: center;
}
	div.banner_top .content
	{
		text-align: left;
	}

div.banner_right
{
	display: none;
	position: absolute;
	left: 0px;
	top: 140px;
	width: 100%;
	text-align: center;
}
	div.banner_right .content a
	{
		position: absolute;
		left: 102%;
		top: 0px;
		z-index: 1000;
	}
div.banner_top img, 
div.banner_right img
{
	max-width: none;
	max-height: none;
}


/* ********************************************************************* */
/* Breakpoints
/* ********************************************************************* */

@media screen and (min-width: 1px) {

	.page-section > .content
	{
		width: 100% !important;
	}

	div.content-region div.article-group div.article
	{
		/* width: 100%; */
	}
	div.content-region-group div.article-group div.article.teaser div.article-image
	{
		/*
		width: 100%;
		margin-right: 0;
		margin-bottom: 1em;
		float: none;
		*/
	}

	div.article.standard-content .article-body img
	{
		display: block;
		max-width: none;
		width: 100%;
		margin: 0 0 1.1rem 0;
		float: none;
	}
	div.content-region-aside div.article.standard-content .article-body img
	{
		width: auto;
		max-width: 100%;
	}
	div.article.standard-content.image-align-center .article-body img
	{
		margin: 0 auto 1.1rem auto;
	}

	.post-footer div.content
	{
		display: block;
	}
		.post-footer div.content div.legal-links,
		.post-footer div.content div.page-nav-links
		{
			display: block;
			margin: 0 0 1em 0;
			padding: 0 10px 0 10px;
		}
		.post-footer div.content div.legal-links
		{
			text-align: center;
		}
		.post-footer div.content div.page-nav-links
		{
			text-align: right;
		}

	.page-header .content .company-logos,
	.page-footer .content .company-logos,
	.page-header .content .company-logos img,
	.page-footer .content .company-logos img
	{
		width: auto;
		height: 50px;
		/* padding-top: 5px;*/
		margin-top: 8px;
	}

}

@media screen and (max-width: 371px) {
}
@media screen and (min-width: 372px) {
}

@media screen and (max-width: 479px) {

	.page-footer .content .social-links,
	.page-footer .content .company-logos
	{
		-ms-transform: scale(0.8);
		-ms-transform-origin: left center;
		-webkit-transform: scale(0.8);
		-webkit-transform-origin: left center;
		transform: scale(0.8);
		transform-origin: left center;
	}

	div.content-region div.article div.article-body
	{
		overflow-x: auto;
	}

}
@media screen and (min-width: 480px) {

	div.content-region-group div.content-region-aside div.article-group div.article.teaser div.article-image
	{
		width: 100% !important;
		margin-right: 0 !important;
		float: none !important;
	}
	div.content-region-group div.content-region-aside div.article-group div.article.teaser div.article-text
	{
		margin-left: 0 !important;
	}

	div.content-region header h1,
	div.content-region header h2,
	div.content-region header h3,
	div.content-region header h4,
	div.content-region header h5,
	div.content-region header h6
	{
		/*
		font-size: 20px;
		line-height: 1.5em;
		*/
	}

	div.downloads-list ul li
	{
		display: list-item;
		width: 100%;
		margin-right: 0;
	}

	.page-header .content .fah-logo, 
	.page-footer .content .fah-logo 
	{
		margin-right: 18px;
	}
}

@media screen and (max-width: 569px) {

	div.content-region-group-main div.article-group div.article.teaser 
	{
		width: calc(100% - 1.1rem - 1px) !important;
	}
	div.content-region-main div.article-group div.article.teaser 
	{
		width: calc(100% - 1.1rem - 1px) !important;
	}
	div.content-region-top div.article-group div.article.teaser,
	div.content-region-bottom div.article-group div.article.teaser 
	{
		width: calc(100% - 1.1rem - 1px) !important;
	}

	div.article .article-body img
	{
		width: 100% !important;
		margin: 0 0 1.1rem 0 !important;
		float: none !important;
	}

}

@media screen and (min-width: 570px) {

	/*
	div.content-region-group div.content-region-aside div.article-group div.article.teaser
	{
		display: inline-block;
		width: 50% !important;
		margin-left: -1px !important;
		margin-right: -1px !important;
	}
	*/

}

@media screen and (max-width: 719px) {

	.preheader
	{
		display: block !important;
		left: auto !important;
		top: 2px !important;
		right: 72px !important;
		width: 50% !important;
		z-index: 1000 !important;
	}

		.page-header .content .vst-date
		{
			display: none;
		}

		.preheader .content .language-selection a
		{
			color: rgba(255, 255, 255, 0.6);
		}
		.preheader .content .language-selection a:hover,
		.preheader .content .language-selection a:focus
		{
			text-decoration: underline;
			color: white;
		}
		.preheader .content .language-selection span.de,
		.preheader .content .language-selection span.en
		{
			text-decoration: underline;
			color: white;
		}
		.preheader .content .language-selection span.separator
		{
			color: rgba(255, 255, 255, 0.6);
		}

	.page-footer .content
	{
		/* text-align: center; */
	}
		.page-footer .content .page-footer-group
		{
			width: 100% !important;
			margin: 1.1rem !important;
		}
		.page-footer .content .social-links
		{
			padding: 18px;
			margin-left: 0;
			margin-right: 3em;
		}
			.page-footer .content .social-links a:last-child
			{
				margin-right: 0;
			}
			.page-footer .content .social-links a.facebook
			{
				margin-top: 0;
			}

		.page-footer .content .company-logos
		{
			margin: 2px 0 18px 0;
			float: none;
			z-index: 0;
		}

}

@media screen and (min-width: 720px) {

	.page-section > .content,
	div.region > .content
	{
		width: 95% !important;
	}
	.preheader
	{
		display: block;
	}
	.page-header > .content,
	.page-footer > .content
	{
		width: 95%;
	}
	.page-header > .content
	{
		height: 88px;
	}

		.page-header .content .site-claim
		{
			margin: 2.95rem 0 0 0;
			font-size: 1rem;
		}
		.page-header .content .company-logos,
		.page-header .content .company-logos img
		{
			width: auto;
			height: 50px;
			margin-top: 8px;
			padding-top: 0;
		}

		.page-header > .content .company-logos
		{
			display: inline-block;
		}

	div.content-region div.article-group div.article.contact-person,
	div.content-region div.article-group div.article.contact-role
	{
		/* width: 50%; */
	}
		div.content-region div.article-group div.article.teaser div.article-image img
		{
			width: 100%;
			max-width: none;
			margin: 0;
		}
	div.content-region-group div.article-group div.article.teaser div.article-image
	{
		/*
		width: 240px;
		margin-right: 4%;
		float: left;
		*/
	}
	div.content-region-group div.article-group div.article.teaser div.article-text
	{
		/* margin-left: 240px; */
	}

	div.article.standard-content .article-body img
	{
		/*
		display: inline;
		width: auto !important;
		max-width: 43% !important;
		*/
	}
	div.article.standard-content.image-align-left .article-body img
	{
		margin: 0 1.1rem 1.1rem 0;
		float: left;
	}
	div.article.standard-content.image-align-right .article-body img
	{
		margin: 0px 0px 1.1rem 1.1rem;
		float: right;
	}
	div.article.standard-content.image-align-center .article-body img
	{
		display: block;
		width: 100%;
		max-width: none;
	}
	
	.post-footer div.content
	{
		display: table;
	}
		.post-footer div.content div.legal-links,
		.post-footer div.content div.page-nav-links
		{
			display: table-cell;
			text-align: left;
			vertical-align: top;
		}
		.post-footer div.content div.page-nav-links
		{
			text-align: right;
		}

}

@media screen and (max-width: 999px) {

	div.region > .content,
	div.content-region-group > .content
	{
		display: block !important;
		width: 95% !important;
	}
		div.content-region-group > .content > div.content-region
		{
			display: block !important;
			width: 100% !important;
			padding-right: 0 !important;
		}

	.page-header .content .vst-date
	{
		padding: 18px 0 0 0;
	}
		.page-header .content .vst-date span.line-1
		{
		}
		.page-header .content .vst-date span.line-2
		{
			padding-top: 4px;
		}

	div.content-region-top div.article-group div.article.teaser,
	div.content-region-bottom div.article-group div.article.teaser, 
	div.content-region-main div.article-group div.article.teaser 
	{
		width: calc(((100% - (2 * 1.1rem)) / 2) - 1px);
	}

	div.content-region-aside
	{
		margin-top: 1.1rem;
	}
		div.content-region-aside div.article-group,
		div.content-region-aside div.article
		{
			width: 100%;
			margin-left: 0;
		}
			div.content-region-aside div.article.teaser
			{
				width: calc(((100% - (2 * 1.1rem)) / 2) - 1px);
			}

		.page-footer .content .page-footer-group
		{
			width: calc(((100% - 1.1rem) / 3) - (2 * 1.1rem) - 1px);
		}

}
@media screen and (min-width: 1000px) {

	.page-section > .content,
	div.region > .content
	{
		width: 80% !important;
	}
	.page-header > .content,
	.page-footer > .content
	{
		width: 85%;
	}
	.page-header > .content
	{
		height: 100px;
	}

	div.content-region-group > div.content
	{
		width: 80%;
	}

	.stage .stage-item .article .article-body .article-text h2
	{
		margin: 0.4em 0 0 0;
		font-size: 225%;
		line-height: 1em;
	}
	.stage .stage-item .article .article-body .article-text p
	{
		margin: 0.6em 0 0.4em 0;
		font-size: 130%;
		font-weight: normal;
	}

	div.content-region div.article-group div.article.contact-person,
	div.content-region div.article-group div.article.contact-role
	{
		/* width: 32%; */
	}
	div.content-region-group div.article-group div.article.contact-person,
	div.content-region-group div.content-region div.article-group div.article.contact-role
	{
		/* width: 50% !important; */
	}
	div.content-region.content-region-aside div.article-group div.article.contact-person,
	div.content-region.content-region-aside div.article-group div.article.contact-role
	{
		width: 100% !important;
	}

	div.content-region-group div.content-region-aside div.article-group div.article.teaser
	{
		display: block;
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	div.content-region header h1,
	div.content-region header h2,
	div.content-region header h3,
	div.content-region header h4,
	div.content-region header h5,
	div.content-region header h6
	{
		/* font-size: 30px; */
	}

	div.content-region-aside header h1, 
	div.content-region-aside header h2, 
	div.content-region-aside header h3 
	{
		/* font-size: 15px; */
		/* margin-bottom: 0.7em; */
	}

	div.downloads-list ul li
	{
		display: inline-block;
		width: 43%;
		margin-right: 2%;
	}

	div.content-region-group div.downloads-list ul li
	{
		display: block !important;
		width: 100% !important;
		margin-right: 0 !important;
	}
	
	div.banner_top,
	div.banner_right
	{
		display: block;
	}

}

@media screen and (min-width: 1200px) {
}

/* misc */
.Unfloat,
.unfloat
{
	float: none;
	clear: both;
	height: 0;
	overflow: hidden;
}

.hidden 
{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* No responsive */

div.article.nostyle 
{
	padding: 0 !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

div.article img.noresponsive,
div.article .noresponsive img,
div.article img.nostyle,
div.article .nostyle img
{
	width: auto !important;
	max-width: 100% !important;
}
