@font-face {
    font-family: 'Amatic SC';
    src: url('fonts/AmaticSC.ttf');
}    

body {
    font: 1em/1em "Amatic SC", sans-serif;
	background-color:#95f0ce;
	max-width:900px;
    margin:0px;
    padding:1em;
    margin-left:auto;
    margin-right:auto;
}

h1 {
	font-size:4em;
	text-align:center;
}

p {
	font-size:2.6em;
	line-height:110%;

}

a {
	text-decoration:none;
}

.menuebutton a {
	border:3px solid black; 
	background-color:#c7ffea;
	margin:0.3em; 
	padding:0.4em;
	float:left; 
	font-size:2.5em;
	color:black;
	text-decoration:none;
}

.menuebutton_aktiv {
	border:3px solid black; 
	background-color:#a81505;
	color:white;	
	margin:0.3em; 
	padding:0.4em;
	float:left; 
	font-size:2.5em;
	text-decoration:none;
}

.menuebutton a:hover {
	background-color:#a81505;
	color:white;	
}

.buecher p {
	margin:0.2em;

}

.buecher {
	display: grid;
	grid-template-columns:auto 1fr;
    column-gap:1.5em;
}