:root{
	--pagecrop:10%;
	--pagecolor:#F9F9F9;
	--blue:#4a74d8;
	--textcolor:#333;
}
@media only screen and (max-width: 600px){
	:root{
		--pagecrop:5%;
	}
}
body{
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size:1em;
	color:var(--textcolor);
	padding:0;
	margin:0;
	background-color:var(--blue);
}
p{
	font-size:1em;
	margin:15px 0;
}
h1{
	font-size:1.5em;
	margin-top:50px;
	margin-bottom:20px;
}
h2{
	font-size:1.4em;
	margin-top:30px;
	margin-bottom:20px;
}
img{
	display:block;
}
a{
	text-decoration: none;
	color:var(--textcolor);
}



header{

}
div.pagetitlecontainer{
	display:flex;
	flex-direction:column;
	align-items:center;
	background-color:var(--blue);
	width:100%;
	padding:30px;
}
h1.pagetitle{
	display:inline-block;
	padding:0;
	margin:0;
	font-size:2.5em;
	font-weight:bold;
	color:white;
	text-align:center;
}
h2.pagesubtitle{
	font-size:1.2em;
	font-weight:normal;
	padding:0;
	margin:0;
	color:white;
	text-align:center;
}


nav.pagenav{
	background-color:var(--blue);
	display:flex;
	flex-wrap:nowrap;
	overflow-x:auto;
}
div.pagemenu{
	display:flex;
	justify-content:flex-start;
	flex-wrap:nowrap;
}
div.pagemenuspacesides{
	width:var(--pagecrop);
}
div.pagemenuspacebetween{
	flex:1 1 auto;
}
a.pagemenulink{
    font-size:1.1em;
	cursor:pointer;
	white-space:nowrap;
	padding:15px 20px;
	margin-left:10px;
	margin-right:10px;
	z-index:9;
	position:relative;
	border-radius:7px 7px 0 0;
	background-color:var(--pagecolor);
}
a.pagemenulink:hover{
	background-color:var(--pagecolor);
	z-index:11;
}
a.pagemenulink.active{
	background-color:var(--pagecolor);
	z-index:11;
}


div.content{
	display:inline-block;
	width:100%;
	box-shadow:0 0 5px 2px rgba(0,0,0,0.2);
	z-index:10;
	position:relative;
	background-color:var(--pagecolor);
}
section.homesection{
	display:block;
	padding-bottom:20px;
	padding-top:20px;
}
div.sep{
	margin: 20px 10px;
	padding:0;
	height:1px;
	background-color:#DDD;
}
code{
	color:#333;
	font-family:'Courier';
	font-style:monospace;
	font-size:1em;
	padding:0;
	margin:0;
}
div.code{
	background-color:#DADADA;
	margin:auto;
	padding:20px;
	overflow-x:auto;
}





footer {
	height:60px;
	margin:0;
	padding:0;
	color:white;
	text-align:center;
	background-color:var(--blue);
}


.centerv{
	display: flex;
	align-items: center;
}
.centerh{
	display:flex;
	justify-content:center;
}
.flexcolumn{
	display:flex;
	flex-direction:column;
}
.croppedpage{
	padding-left:var(--pagecrop);
	padding-right:var(--pagecrop);
}
.lightgray{
	background-color:#EFEFEF;
}
.blue{
	background-color:#4a74d8;
}
.dark{
	background-color: #222;
}
.shadow{
	z-index:100;
	box-shadow:0 3px 2px rgba(0,0,0,0.5);
}



/* RTG */
div.rtgpage{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding-top:30px;
	padding-bottom:30px;
}
h1.rtgtitle{
	font-size:3em;
	color:var(--textcolor);
	padding:20px;
}
div.rtgtextcontainer{
}
p.rtgtext{
	font-size:1.5em;
	padding:20px;
	text-align:center;
}
div.rtgbutton{
	background-color:var(--blue);
	border-radius:7px;
	margin:20px;
}
div.rtgbutton:hover{
	box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.3);
}
a.rtgbutton{
	display:block;
	color:white;	
	padding:20px;
}




/* IMPRESSUM, DATENSCHUTZ */
h2.impressum{
	Amargin-top:20px;
	Amargin-bottom:10px;
}
p.impressum{
	margin:0;
}



/* 3D */
div.imagesection{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-evenly;
	align-items:center;
	align-content:space-between;
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
}
img.imagesectionimage{
	height:400px;
	width:auto;
}
@media only screen and (max-width: 600px){
	img.imagesectionimage{
		height:auto;
		width:100%;
	}
}
div.imagesectionitem{
	margin:15px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.5);
}




/* entrydenied */
h1.vertippt{
	padding:100px;
}