@font-face {
    font-family: 'Rotis';
    src: url("../fonts/Rotis Semi Serif Std/RotisSemiSerifPro-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: 'Rotis';
    src: url("../fonts/Rotis Semi Serif Std/RotisSemiSerifPro-Bold.ttf") format("truetype");
    font-weight: 700;
}


@font-face {
    font-family: 'Outfit';
    src: url("../fonts/Outfit/Outfit-Light.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: 'Outfit';
    src: url("../fonts/Outfit/Outfit-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: 'Outfit';
    src: url("../fonts/Outfit/Outfit-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: 'Outfit';
    src: url("../fonts/Outfit/Outfit-SemiBold.ttf") format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: 'Outfit';
    src: url("../fonts/Outfit/Outfit-Bold.ttf") format("truetype");
    font-weight: 700;
}



html, body {
	font-family: 'Outfit', sans-serif;
	src: url("../fonts/Outfit/Outfit-Bold.ttf") format("truetype");
	font-weight: 700;
	height: 100%;
/*	--weite: 100% / 2;*/
}

:root {
	--weite2: 70%;
}


#headerblock {

}

#ag {
text-align:right;font-size:3em;font-weight:900

}

#hl {
	text-align:top;
	margin-top:50px;
	margin-bottom:20px;
}


#buttonblock {
position:relative;
top:0;
	width:100%;
	text-align: center;
}

#buttonblock button {
	width:23%;
	height:70px;
	padding:10px;
	margin:10px 10px 35px 10px;
	font-size:35px;
	background:#efefef;
	border:1px solid #888;
	border-radius: 13px;
}

#buttonblock button:hover {
	background:#aaa;
	border:1px solid #555;
	color:white;
	cursor: pointer;
}

#footerblock {
	position: absolute;
	bottom: 15px;
}

@media screen and (min-width: 900px) {
	#wrapper {
		width:900px;
		margin-left:auto;
		margin-right:auto;
	}
}