@charset "utf-8";

@media all and (orientation: portrait) {

body {
    font-size: 2em;
	width: 100%;
}

.stoerer {
	text-align: center;
    width: 600px;
    position: relative;
    left: 50%;
    margin-left: -320px;
	top: -2px;
line-height: 100%;
z-index: 99;
}
	
header {
    width: 100%;
	margin-top: 80px;
    padding: 0px 0 34px 0;
}

nav a, .info-nav a{
		font-size: 150%;
	}
h1 {
	font-size: 150%;
}

#infobox-1, #infobox-2 {
    width: 90%;
    height: 90%;
	z-index: 200;
    top: 3%;
    left: 3%;
    margin-top: 0;
    margin-left: 0;
	overflow: scroll;
    -webkit-box-shadow: 4px 4px 36px 4px rgba(0,0,0,0.6);
    box-shadow: 4px 4px 36px 4px rgba(0,0,0,0.6);
}

.logo-nav {
    margin-top: 40px;
}
.closebox {
    width: 100px;
    height: 100px;
    top: 10px;
	left: 90%;
	margin-top: 0;
    margin-left: 0;
}
.closebox img{
    width: 100px;
    height: 100px;
}
.content-3 a {
	color: #000;
	border-bottom: 2px solid #999;
}
.container {
		flex-wrap: wrap;
    width: 100%;
    height: auto;
}
.content-1 {
    flex: 0 1 960px;
    width: 960px;
    height: auto;
}
.content-2 {
    flex: 0 1 960px;
    width: 960px;
    height: auto;
}
.kontakt-1 {
    flex: 0 1 960px;
    width: 960px;
    height: auto;
}
.kontakt-2 {
    flex: 0 1 960px;
    width: 960px;
    height: auto;
}
.content-3 {
    flex: 0 1 1920px;
    width: 91920px;
    height: auto;
}
.borderleft{
margin-left: 4px;
}
.halfcontent{	
    flex: 0 1 480px;
    width: 480px;
    height: auto;
}
.bildbox img, .refpic img {
    width: 100%;
    height: auto;
}
#infobox-1 a {
	border-bottom: 2px solid #ccc;
}

nav ul ul li
{
	height: 70px;
	width: auto;
	border: 2px solid #999;
}
a.underline{
	color: #000;
	border-bottom: 2px solid #999;
}
a.underline:hover{
	border-bottom: 2px solid #000;
}
 
.line {
	visibility: visible;
}
#mainmenu{
display: none;
}
#mainmenu:target{
	display: block;
	z-index: 600;
	}
	#open-nav, #arrow{
	display: block;
	}
	nav ul li{
	display: block;
	margin-top: 24px;
	}
	
	#arrow{
	padding: 12px 12px 0px 12px;
	margin-right: 0px;
	}
	
	#arrow img{
	width: 100%;
	height: 100%;
	}
	
.reftext{
    height: 94px;
    padding-top: 86px;
    border-bottom: 60px solid #e5e5e5;
}
    	}