@font-face { font-family: Bangers; src: url(fonts/Bangers/Bangers-Regular.ttf); font-weight: normal; font-style: normal;}
@font-face { font-family: Barlow; src: url(fonts/Barlow/Barlow-Regular.ttf); font-weight: normal; font-style: normal; }

@font-face {font-family: Barlow;src: url(fonts/Barlow/Barlow-Light.ttf);font-weight: lighter;font-style: normal; }

@font-face {font-family: Barlow;src: url(fonts/Barlow/Barlow-Bold.ttf);font-weight: bold;font-style: normal; }

@font-face {font-family: Barlow Condensed;src: url(fonts/Barlow_Condensed/BarlowCondensed-SemiBold.ttf);font-weight: bold;font-style: normal; }

* {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

html {
	background: rgb(255, 255, 255);
}

body {
	/* iphone 13  2532 × 1170 > browser ohne fullscreen 1992 x 1170 */
	max-width: 96%;
	display: block;
	margin: auto;
}

/* ####################################################### Auswahlmenü (index und Spalshscreen) */

h1, h2, .buttonlist h2 {
	display: block;
	text-align: center;
	font-family: Barlow Condensed;
}

ul {
	display: block;
}

.buttonlist li {
	list-style-type: none;	
}



.buttonlist a {
	display: block;
	background: rgb(0, 0, 0);
	color: white;
	border: none;
	border-radius: 5px;
	margin: 0.5em auto;
	text-align: center;	
	font-family: Bangers;
	font-size: 2em;
	max-width: 10em;
	letter-spacing: 0.02em;
	padding: 10px;
	text-decoration: none;
}

.buttonlist li.icon a {
	background: none;
	font-family: Barlow;
	color: black;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	max-width: none;
	width: 120px;

}

.buttonlist li.icon a img {

	width: 90px;

}

.buttonlist a:hover {
	background:#555;
}