html{
	height:100%;
}
body{
	background-color:#cdcdcd;
	width:100%;
	min-width:320px;
	background-image:url('data/carton_small.jpg');
	background-repeat:repeat;
	background-size:1440px;
	background-position:left top;
	margin-bottom:60px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:20px;
	letter-spacing:0.03em;
	-webkit-tap-highlight-color: transparent;
}
#logo{
	position:absolute;
	right:40px;
	top:30px;
	width:180px;
	z-index: 100;
    cursor: pointer;
}
#logo img{
	width:100%;
	height:auto;
}
nav{
	position:absolute;
	left:40px;
	top:39px;
	width:85%;
	max-width:650px; /* 540px; */
	color:#fff;
	font-size:1.4em;
	font-weight:600;
	z-index: 90;
	/*background:rgba(0,0,0,0.3);*/
}
.navpoint{
	display:inline-block;
	width:auto;
	margin-right:28px;
	/*background:rgba(20,20,20,0.3);*/
}
.navpoint:hover{
	color:rgb(0,150,150);	
}
.navselected{
	color:rgb(0,150,150);	
}
#mobile_nav_button{
	display:none;
	position:absolute;
	top:12px;
	left:12px;
	width:40px;
	height:40px;
	cursor:pointer;
	z-index:90;
	color:inherit;
}
#mobile_nav{
	position:fixed;
	left:0px;
	top:0px;
	width:53%;
	min-width:160px;
	height:100%;
	transform: translateX(-125%);
	transition:transform 500ms ease-in-out;
	background-image:url('data/carton_small.jpg');
	background-repeat:repeat;
	background-size:1100px;
	background-position:left top;
	box-shadow: 5px 0px 10px 0px rgba(0,0,0,0.4);
	font-weight:400;
	z-index:80;
}
.mobile_nav_inner{ 
	margin:90px 15px 15px 20px; 
	color:#fff;
}
.mobile_navpoint{
	/*font-size:1.4em;
	line-height:1.3em;	*/
	font-size: 1.05em;
    line-height: 1.8em;
}
.disclaimer{
	position:absolute;
	right:18px;
	bottom:18px;	
	font-size:13px;
	font-weight:400;
}
.disclaimer a{
	padding:0px 0px 0px 12px;
	color:#999;
}
.disclaimer a:hover{
	padding:0px 0px 0px 15px;
	color:rgb(0,150,150);
}
.general_container{
	margin:0px auto 0px auto;
	max-width: 900px;
	font-weight: 300;
}
p{
	margin-bottom:20px;	
}
.small{
	font-size:0.85em;
	line-height:1.2em;	
}
.footnote{
	font-size:0.65em;
	line-height:0.65em;	
}
a {
	text-decoration:none;
	color:inherit;	
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
}
strong{
	color:#fff;	
}
h1{
	font-family: 'RotisSemiSerifW01-Roman', serif;	
	font-weight:400;
	font-size:3em;	
	line-height:1em;
	letter-spacing: 0.03em;
	word-spacing: -0.08em;
	font-weight:400;
	margin-bottom:20px;
	margin-left:-3px;
}
h2{
	font-family: "RotisSemiSerifW01-Roman", serif;
	font-size: 2.2em;	
	line-height: 1.1em;
	letter-spacing: 0.03em;
	word-spacing: -0.08em;
	color:#fff;
	margin-bottom:20px;
}
h3{
	font-weight:300;
	font-size:1.4em;
	line-height: 1.4em;
	margin:0px 0px 25px 0px;
}
img{
	width:100%;
	height:auto;	
}
.link_full{
	margin: 0px; display: block; width: 100%; height: 100%;	
}
.selected{
	color:rgb(0,150,150);	
}
.container{
	margin:155px 40px 0px 40px;	
	/*background:rgba(40,0,0,0.2);*/
}
.karton{
	margin:20px 0px 30px 0px;	
}
.sw_button{
	display:inline-block;
	margin:5px 0px 0px 0px;
	cursor:pointer;
}
.sw_balken{
	width:36px;
	height:5px;
	margin:10px 8px 10px 2px;
}
.sw_passiv{
	background:#fff;
}
.sw_aktiv{
	background:rgb(0,150,150);	
}
.green{
	color:rgb(0,150,150);	
}
.white{
	color:#fff;	
}
a.green:hover{
	color:rgb(255,255,255);	
}
a.white:hover{
	color:rgb(0,150,150);	
}
.green a:hover{
	color:rgb(255,255,255);	
}
.white a:hover{
	color:rgb(0,150,150);
}
#pfeil_container {
	pointer-events: none;
}	
@media (max-width: 1450px) {
	.general_container{	margin:0px auto 0px auto; /*background:rgba(200,0,0,0.3);*/ }
	h2{ font-size: 1.9em; line-height:1.15em; }
	.small{ font-size:0.93em; line-height:1.3em; }
}
@media (max-width: 1100px) {
	#logo{ width:168px; }
}
@media (max-width: 900px) {
	#logo{ width:156px; }
	nav{ font-size:1.0em; top:44px; }
	.footnote{ font-size:0.7em; line-height:0.7em; }
	.small{ font-size:0.85em; line-height:1.1em; }
}

@media (max-width: 700px) {
	body{ background-image:url('data/carton_mobile.jpg'); background-repeat:repeat;	background-size:1000px;	background-position:left top; }
	.general_container{ }
	#logo{ width:144px; }
	h1{ font-size:2.4em; }
	h2{ font-size: 1.6em; }
	/* Show mobile Nav */
	nav{ display:none; width:90%; left:20px; top:80px; font-size:1.1em; }
	#mobile_nav_button{ display:block; }
	.karton{ margin:0px 0px 15px 0px;}
	.footnote{ font-size:0.8em; line-height:0.7em; }
	.small{ font-size:0.8em; line-height:1.3em; }
}
@media (max-width: 550px) {
	.container{ margin: 65px 20px 0px 20px; }
	#logo{ right:20px; top:18px; width:132px; }
	p{ margin-bottom:12px; }
	.sw_button{ margin:0px 0px 0px 0px; }
	h1{ font-size:2.1em; margin-left:0px; }
	h2{ font-size: 1.5em; }
	.karton{ margin:0px 0px 5px 0px;}
}
@media (max-width: 400px) {
	#logo{ right:20px; top:18px; width:108px; }
	.sw_balken{ width:26px; height:4px; margin:10px 6px 10px 1px;}
	#mobile_nav_button{ left:15px; }
	p{ margin-bottom:8px; }
	.footnote{ margin-top:15px; margin-bottom:10px; font-size:0.8em; }
	h1{ font-size:2em; }
	h2{ font-size: 1.6em; line-height: 1.1em; margin-bottom:14px;}  
	.small{ font-size:0.9em; line-height:1.3em; margin:0px 0px 10px 0px; }
}
@media (max-width: 350px) {
	nav{ width:275px; left:20px; top:80px; font-size:1.0em; }
	.sw_balken{ height:3px;}
}
@media (max-width: 300px) {
	#logo{ width:108px; }
}