@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);

/* @group RESET */

body{-webkit-text-size-adjust:none;font-size:12px;line-height:1.3em;font-family:Verdana,Arial,Helvetica,sans-serif}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}h1,h2,h3,h4,h5,h6{line-height:1em;margin-bottom:.5em}ol,ul{padding-left:2em}p,ul,ol{margin-bottom:.5em}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}a:hover,a:active,:focus{outline:0}body{color:black;background:white}a img{border:0}pre,code,samp,kbd,var,input[type="password"]{font-family:"DejaVu Sans Mono","Bitstream Vera Sans Mono",Consolas,Monaco,"Liberation Mono",Andale Mono,monospace;font-size:.9em}dt,strong,th,samp,dfn,h1,h2,h3,h4,h5,h6{font-weight:bold}blockquote,q{font-style:italic}blockquote cite,q cite{font-style:normal}acronym,abbr{cursor:help}acronym{letter-spacing:.07em}ul,ol,dl{position:relative}p{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=)}.clear{clear:both}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}textarea{overflow:auto}

/* @end */

/* @group StaydownFooter */

html, body, #wrap {
	height: 100%;
}

body > #wrap {
	height: auto;
	min-height: 100%;
}

#main {
	padding-bottom: 100px; /* #1# */
}

#footer {
	position: relative;
	margin-top: -100px; /* #-1# */
	height: 100px; /* #1# */
	clear: both;
}

/* @end */



/* @group MaxCycle */

/*	----------------------------------------------------------------
	MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)
	----------------------------------------------------------------
	
	Demo at: http://www.aaronvanderzwan.com/maxcycle/
	Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
	Copyright (c) 2007-2011 Aaron Vanderzwan
	Dual licensed under the MIT and GPL licenses.
	
*/
/*! Version: 2.0.73 (12-Oct-2012) */


.mc-hide-scrolls{
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:-10;
}

div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 2s ease-in-out; 
	-moz-transition: opacity 2s ease-in-out; 
	-o-transition: opacity 2s ease-in-out; 
	transition: opacity 2s ease-in-out;
	
	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

.mc-old-browser .mc-image {
	overflow:hidden;
}

#maximage{
	display: none;
}

/* @end */

/* @group nav */



/* @group Technik */

.nav, .nav * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav li {
	position: relative;
}
.nav ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.nav > li {
	float: left;
}
.nav li:hover > ul,
.nav li.sfHover > ul {
	display: block;
}

.nav a {
	display: block;
	position: relative;
}
.nav ul ul {
	top: 0;
	left: 100%;
}

/* @end */

/* @group Skin */

.nav {
	background: rgba(255,255,255,.9);
	height: 35px;
	width: 100%;
	margin: 0 0 20px 0;
}
.nav ul {
	box-shadow: 0px 6px 10px rgba(0,0,0,.3);
	min-width: 100px; /* allow long menu items to determine submenu width */
	*width: 100px; /* no auto sub width for IE7, see white-space comment below */
}
.nav a {
	line-height: 35px;
	padding: 0 15px;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.nav a {
	color: #000;
}
.nav li {
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .3s;
	transition: background .3s;
}
.nav li.lv1 {
	background: #eee;
}
.nav li.lv1>a {
	min-width: 120px;
}
.nav li.lv2 {
	background: #bbb;
}
.nav li.lv3,.nav li.lv3 li {
	background: #ccc;
}
.nav .current, .nav .lv1.current, .nav .lv1.current, .nav .lv2.current, .nav .lv2 .current{
	background: #ddd;
}
.nav li:hover,
.nav li.lv0:hover,
.nav li.lv1:hover,
.nav li.lv2:hover,
.nav li.lv2 li:hover,
.nav li.sfHover {
	background: #C1000F;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

.nav li.lv1:hover {
	background: #b5000e;;
}
.nav li:hover>a,
.nav li.lv0:hover>a,
.nav li.lv1:hover>a,
.nav li.lv2:hover>a,
.nav li.lv2 li:hover>a,
.nav li.sfHover>a {
	color: #fff;
}

.nav .lv0 .hassub>a{
	padding-right: 30px;
	background-image: url(arrow_r.png);
	background-repeat: no-repeat;
	background-position: right center;
}

/* @end */

/* @end */




body{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 1.4em;
}


.footer{
-}
.main, .footer{
-	background: rgba(255,255,255,.7);
	width: 1050px;
}
.wM .main, .wM .footer{
	width: 830px;
	font-size: 11px;
	line-height: 1.4em;
}
.wXL .main, .wXL .footer{
	font-size: 14px;
	line-height: 1.5em;
}
.wS .main, .wS .footer{
	width: 100%;
	min-width: 800px;
	font-size: 11px;
	line-height: 1.5em;
}

.wM .main,
.wM .footer{
	margin-left: 5em;
}
.wL .main,
.wL .footer{
	margin-left: 7em;
}
.wXL .main,
.wXL .footer{
	margin-left: 10em;
}






































































































.head{
	padding: 20px 0 15px 10px;
	position: relative;
}

.head .flags{
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 0;
	line-height: 0;
}
.head .flags a{
	display: inline-block;
	background: red;
	width: 30px;
	height: 24px;
}
.head .flags a.de{
	background: url(flaggs.png) no-repeat 3px -72px;
}
.head .flags a.en{
	background: url(flaggs.png) no-repeat 3px -24px;
}
.head .flags a:hover{
	background-color: rgba(255,255,255,.5);
}






.main{
}






.cnt .bg{
	background: rgba(255,255,255,.6);
	-webkit-backdrop-filter: blur(20px);
	-moz-backdrop-filter: blur(20px);
	-ms-fbackdrop-filter: blur(20px);
	-o-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
}
.cnt .pd{
	padding: 10px 10px 8px 10px;
}
.cnt .mg{
	margin-bottom: .7em;
}
.cnt .mgt{
	margin-top: .7em;
}

.c2{
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
	-webkit-column-gap: .7em;
	-moz-column-gap: .7em;
	column-gap: .7em;
}
.c2>div{
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
}



.cnt .txt{
	float: left;
	width: 790px;
}

.wM .cnt .txt{
	width: 570px;
}
.wS .cnt .txt{
	width: 540px;
}
.cnt .right{
	float: right;
	width: 250px;
}
.wS .cnt .right{
	float: none;
	position: absolute;
	left: 550px;
}
.cnt .right div{
	background: rgba(255,255,255,.6);
	-webkit-backdrop-filter: blur(20px);
	-moz-backdrop-filter: blur(20px);
	-ms-fbackdrop-filter: blur(20px);
	-o-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	margin-bottom: 10px;
}
.cnt .right div img{
	max-width: 250px;
}


h1,h2,h3,h4,h5,h6{
	font-weight: 600;
}
strong{
	font-weight: 600;
}

a{
	color: #000;
}
a:hover, a:focus{
	color: #C1000F;
}






























.footer>div{
	padding: 1em;
	background: rgba(255,255,255,.6);
	-webkit-backdrop-filter: blur(20px);
	-moz-backdrop-filter: blur(20px);
	-ms-fbackdrop-filter: blur(20px);
	-o-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
}
.wS #footer{
	background: rgba(255,255,255,.6);
	-webkit-backdrop-filter: blur(20px);
	-moz-backdrop-filter: blur(20px);
	-ms-fbackdrop-filter: blur(20px);
	-o-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
}
.wS .footer>div{
	padding: 0;
	background: transparent;
	-webkit-backdrop-filter: blur(0);
	-moz-backdrop-filter: blur(0);
	-ms-fbackdrop-filter: blur(0);
	-o-backdrop-filter: blur(0);
	backdrop-filter: blur(0);
}

.wM .footer{
	font-size: 11px;
	line-height: 1.4em;
}
.wXL .footer{
	font-size: 14px;
	line-height: 1.5em;
}
.wS .footer{
	font-size: 11px;
	line-height: 1.5em;
}

.wS .footer td{
	padding: 1.5em 0 0 1.5em;
}

.footer a{
	color: #000;
}
.footer a:hover{
	color: #C1000F;
}

.footer td{
	line-height: 1.1em;
	padding: 0 1.5em 0 0;
}
.footer td .logo{
	width: 20em;
	margin: -7px 0 0 0;
}