@charset "UTF-8";



/*	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||
	RESETS
	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||		*/

ul li{
list-style: none;
}
ul li:hover{
cursor: pointer;
}

/*	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||
	HEADER
	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||		*/

header.siteHeader {
height: auto;
z-index: 400;
background-color: white;
}
header.siteHeader h1{
margin: 0;
}
.shortNavigation {
margin: 0;
padding: 0;
width: 100%;
position: relative;
}
.shortNavigation ul {
margin: 0;
position: absolute;
right: 0;
top:-40px;
}
.shortNavigation ul li {
display: inline-block;
padding: 0 12px;
float: right;
line-height: 32px;
}

/*	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||
	MAP
	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||		*/
#articleMap{
display: block;
width: 100%;
height: 600px;
position: relative;
background-color: #4A565E;
}

#map{
display: block;
width: auto;
max-width: 1600px;
height: 600px;
position: relative;
margin: 0 auto;
}

#mapPlaceHolder{
display: none;
}

.exitMap,
.ghost {
z-index: 1000;
color: white;
position: absolute;
top: 0;
width: 100%;
margin: 0 auto;
text-align: center;
background-color: rgba(0,0,0,0.3);
display: none;
}
.ghost {
display: block;
width: 66px;
height: 100%;
right: 0;
}

.exitMap a{
padding: 20px;
display: block;
color: white;
text-decoration: none;
}

/*	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||
	CONTENT
	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||		*/


#wrapper{
width: 1000px;
margin: 0 auto;
}
aside.share {
display: block;
height: 60px;
width: auto;
clear: both;
margin-top: 80px;
}
aside.share .buttonSocial {
width: 60px;
height: 60px;
border-radius: 60px;
display: inline-block;
float: none;
margin-right: 10%;
padding: 0;
border: 2px solid #b5b5b5;
}
aside.share .buttonSocial:hover {
border-color: #e7533f;
}
aside.share .buttonSocial.twitter:hover{
background: url('../img/twitter-camelback.png') no-repeat top right;
}
aside.share .buttonSocial.facebook:hover{
background: url('../img/fb-camelback.png') no-repeat top right;
}
aside.share .buttonSocial.twitter{
background: url('../img/twitter-camelback.png') no-repeat top left;
margin: 0;
}
aside.share .buttonSocial.facebook{
background: url('../img/fb-camelback.png') no-repeat top left;
margin: 0;
}

#supportForm{
background-color: #e7533f;
}
article{
position: relative;
}
.introduction{
width: 67%;
}
article header.article_header{
padding: 0 40px;
}
article header.article_header h2{
border-top: 1px solid lightGrey;
margin: 0;
padding-top: 40px;
}
/*
ag | changed on 7.10.2014
article.relatedLinks header.article_header h2{
border-top: 0;
}*/
div.content{
clear: both;
padding: 40px;
}
aside.button{
position: relative;
float: right;
padding: 20px 0;
text-align: right;
}
.placeholder{
float: right;
text-align: right;
}
aside.button.stuck{
position: fixed;
top: 0;
min-width: 200px;
}
aside.button.stickToBottom {
bottom: 0;
top: inherit;
position: absolute;
right: 40px;
padding: 40px 0;
}
aside.button a{
padding: 18px 12px;
border: none;
background-color: #e7533f;
margin-bottom: 12px;
float: right;
clear: both;
}
aside.button a:hover{
background-color: #4A565E;
}
img {
    vertical-align: middle;
}

a.relatedLinks {
height: 60px;
margin-bottom: 12px;
display: block;
background-color: #F9F9F9;
padding: 12px;
color: #999;
font-size: 0.9em;
text-decoration: none;
font-family: 'Tenso-Light',sans-serif;
}

a.relatedLinks:hover{
background-color: #e7533f;
color: white;
text-decoration: none;
}
.breakElement{
border-top: 1px solid #ccc;
margin-top: 40px;
padding-top: 50px;
}

.twitterWidget,
.facebookWidget {
width: 48%;
display: inline-block;
text-align: center;
}


/*	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||
	impressum
	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||		*/

article.impressum{
}
article.impressum h3{
font-family: 'Tenso-Medium', sans-serif;
color: #4A565E;
font-size: 1em;
margin: 2em 0 0.8em;
}
article.impressum h4{
font-family: 'Tenso-Medium', sans-serif;
color: #4A565E;
font-size: 0.9em;
margin: 1em 0 0.8em;
}
article.impressum p{
font-family: 'Tenso-Regular', sans-serif;
color: #555;
font-size: 0.8em;
}
article.impressum ul li{
font-family: 'Tenso-Regular', sans-serif;
color: #555;
font-size: 0.7em;
padding-left: 10px;
list-style-type: disc;
list-style-position: inside;
}
article.impressum a{
font-family: 'Tenso-Regular', sans-serif;
color: #4A565E;
font-size: 0.8em;
text-decoration: underline;
}
article.impressum a:hover{
color: #333;
}

.content .content{
padding-left:0;
padding-right: 0;
}


/*	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||
	FOOTER
	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||		*/
footer {

}
footer ul{
margin: 0;
padding: 0;
}
footer ul li{
}
footer ul li a,
footer ul li a:visited{
}
footer ul li a:hover{
}

/*	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||
	FORMS
	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||		*/


#supportForm .content.closed{
display: block;
padding: 0;
min-height: 8px;
}
#supportForm .content iframe{
opacity: 1;
}

/*	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||
	COLUMN LAYOUT
	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||		*/

.doubleColumn .column{
display: inline-block;
width: 46%;
margin: 0 1.5%;
vertical-align: top;
}
.fourColumn .column{
display: inline-block;
width: 22.5%;
margin: 0 0.5%;
vertical-align: top;
}

/*	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||
	Style classes
	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||		*/

.padding40{
padding: 24px 40px;
}

.constrainWidth {
width: 920px;
margin: 0 auto;
}
.clearfix{
clear: both;
}
.hide,
.hideMobile{
display: none;
}


.colorDark{
background-color: #454f58;
}
.colorBackground{
background-color: #F9F9F9;
}
.colorWhite{
background-color: white;
}

/*	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||
	FONTS
	||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||		*/

p, ul, li {
font-family: 'Tenso-Regular', sans-serif;
color: #555;
font-size: 1.2em;
}
p{
line-height: 1.5em;
}

h1,h2,h3,h4{
font-family: 'DINCondensed', sans-serif;
margin: 0;
}

header h1{
font-size: 2.4em;
color: #4A565E;
text-transform: uppercase;
letter-spacing: 1px;
}
.highlight{
color: #e7533f;
color: #454f58;
font-family: 'Tenso-Medium', sans-serif;
}
.indent{
padding-left: 20px;
}
article header.article_header h2{
font-size: 1.4em;
font-family: 'DINCondensed', sans-serif;
color: #4A565E;
}

.siteDescription p{
margin: 0;
padding: 40px 40px 0;
font-family: 'DINCondensed', sans-serif;

text-transform: uppercase;
color: #4A565E;
font-size: 2.2em;
line-height: 1.5em;
}

a.selectLanguage{
color: #4A565E;
font-size: 0.6em;
text-decoration: none;
text-transform: uppercase;
}
#supportForm{
color: white;
}
a:hover{
text-decoration: underline;
}
#wrapper a:active{
background-color: white;
}
aside.button a,
a.button1{
text-transform: uppercase;
color: white;
text-align: center;
font-size: 1.2em;
font-family: 'DINcondensed', sans-serif;
text-decoration: none;
}
a.button1{
min-width: 192px;
}
.closed{
white-space:nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.noscript {
color: white;
text-align: center;
position: absolute;
margin: 0 auto;
width: 100%;
top: 40%;
}
.noscript2 {
color: white;
text-align: left;
position: relative;
}
aside.hideMobile.showIos {
text-align: center;
background-color: #e7533f;
padding: 20px 0;
}

@media only screen and (max-width: 1000px)

{

	/*	||||||||||||||||||||||||||||
		||||||||||||||||||||||||||||
		HEADER
		||||||||||||||||||||||||||||
		||||||||||||||||||||||||||||		*/

	header.siteHeader {
	width: auto;
	}
	.shortNavigation {
	width: auto;
	}
	.constrainWidth {
	width: auto;
	margin: 0;
	}

	/*	||||||||||||||||||||||||||||
		||||||||||||||||||||||||||||
		CONTENT
		||||||||||||||||||||||||||||
		||||||||||||||||||||||||||||		*/

	#wrapper{
	width: auto;
	margin: 0 ;
	}
	#map,
	#articleMap{
	width: auto;
	height: 600px;
	}
	article header.article_header{
	padding: 40px 40px 0;
	}

}

@media only screen and (max-width: 600px)

{
	body{
	-webkit-text-size-adjust: none ;
	}
	p{-webkit-text-size-adjust: none ;}
	header.siteHeader h1 {
	text-align: center;
	}
	.shortNavigation ul li {
	float: none;
	}
	.shortNavigation ul {
	text-align: center;
	right: inherit;
	top: inherit;
	position: relative;
	margin: 0;
	}
	.siteDescription p {
	padding: 20px;
	font-size: 1.4em;
	text-align: center;
	}
	#map,
	#articleMap{
	display: none;
	height: 480px;
	}
	#mapPlaceHolder{
	display: block;
	position: relative;
	}
	#mapPlaceHolder img{
	width: 100%;
	}
	.mapPlaceHolderText{
	position: absolute;
	top: 40%;
	color: #ddd;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	}
	.exitMap {
	display: block;
	}

	.introduction{
	width: auto;
	}
	.introduction.part2 img{
	width: 100%;
	max-width: 400px;
	}


	div.content{
	padding-left:12px;
	padding-right: 12px;
	}

	.indent{
	padding-left: 0;
	}

	.doubleColumn .column{
	display: block;
	width: auto;
	margin: 0;
	}
	.fourColumn .column{
	display: block;
	width: auto;
	margin: 0;
	}
	a.relatedLinks{
	margin-bottom: 12px;
	opacity: 1;
	}
	a.relatedLinks:active{
	background-color: #e7533f;
	color: white;
	}
	aside.button{

	}
	aside.share{
	display:none;
	}
	.placeholder{
	height:0;
	}
	aside.share.hideMobile{
	text-align: center;
	margin: 0;
	height: 80px;
	}
	aside.share.hideMobile .buttonSocial{
	margin: 7% 10%;
	}
	aside.share.hideMobile,
	.hideMobile{
	display: block;
	}
	.hideMobile button {
	width: 49%;
	float: left;
	}
	.button1{
	background-color: #e7533f;
	border: none;
	padding: 20px;
	display: block;
	display: none;
	}
	.hideMobile .button1{
	display: block;
	}
}

@media only screen and (orientation:landscape) and (max-height: 768px) and (max-width: 1024px)

{
#map,
#articleMap{
height: 320px;
}
.etsmap-button {
display: inline-block;
clear: none;
}
}