@font-face {
    font-family: 'gunny_rewrittenregular';
    src: url('gnyrwn971-webfont.woff2') format('woff2'),
         url('gnyrwn971-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tipparegular';
    src: url('tippa-webfont.woff2') format('woff2'),
         url('tippa-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: "Helvetica","Arial",sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

#logoframe {
	position : relative;
	text-align : center;
	height: 350px;
}

#logo {
	width: auto;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;	
	transform: translate(-50%, -50%);
}

#logotitle {
	position: absolute;
	text-align: center;
	top: 27%;
	left: 50%;	
	transform: translate(-50%, -50%);
}
#logosubtitle {
	position: absolute;
	text-align: center;
	top: 55%;
	left: 50%;	
	transform: translate(-50%, -50%);
}

#mainpart {
	margin-left: 5%;
	width: 90%;
}

#footerLogos{
	width: 60%;
	height: auto;
}

.innerdiv{
	border-style: solid;
	border-width: 4px;
	border-color: rgb(50,50,50);
	border-radius: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	
	font-size: 16px;
	margin: 10px;
}

.gridHolder{
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.columnDiv{
	margin: 4px;
	
	border-style: dotted;
	border-width: 3px;
	border-color: rgb(50,50,50);
	border-radius: 10px;
	
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	
	text-align: center;
}

.versionNumber{
	font-family: "gunny_rewrittenregular","Arial", sans-serif;
	font-size: 40px;
	text-align: center;
	color: rgb(60,190,60);
	line-height: 45px;
	letter-spacing: 3px;
	margin-top: 10px;
}

.pictureDownload{
	width: 50%;
}

.downloadBig{
	font-family: "gunny_rewrittenregular","Arial", sans-serif;
	font-size: 32px;
	text-align: center;
	color: rgb(60,190,60);
	line-height: 32px;
	letter-spacing: 3px;
	margin-bottom: 19px;
}

h1{
	font-family: "gunny_rewrittenregular","Arial", sans-serif;
	font-size:68px;
	font-weight: 400;
	line-height: 46px;
}

h2{
	font-family: "gunny_rewrittenregular","Arial", sans-serif;
	font-size:28px;
	font-weight: 400;
	line-height: 26px;
}

h3{
	font-family: "tipparegular","Georgia", serif;
	font-weight: 1000;
	letter-spacing: 2px;
	text-transform: uppercase;
}

footer{
	width: 100%;
	background-color: rgb(180,180,180);
	padding: 10px;
	margin: 0;
	
	color: white;
}

.link{
	color: black;
	text-decoration: none;
}

.link:hover{
	text-decoration: underline;
}

.footerLink{
	color: white;
	text-decoration: none;
}
.footerLink:hover{
	text-decoration: underline;
}

.impressumText{
	font-size: 12px;
	text-align: justify;
	text-justify: inter-word;
}

.homeLink{
	color: black;
	text-decoration: none;
}

.downloadVersion{
	font-family: "gunny_rewrittenregular","Arial", sans-serif;
	font-size:28px;
	font-weight: 400;
	line-height: 26px;
	margin: 5px;
}

.version2{
	color: rgb(60,190,60);
}

.version1{
	color: rgb(160,160,160);	
}

.version1und2{
	color: rgb(60,190,60);
	grid-column: 2 span;
}

.downloadColumn{
	margin-top: 2.5px;
	margin-bottom: 2.5px;
	margin-left: 0.5px;
	margin-right: 0.5px;
	
	border-style: solid;
	border-width: 2px;
	border-color: rgb(50,50,50);
	border-radius: 10px;
	
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	
	text-align: center;
}