body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	grid-template-columns: 1fr;
	color: white;
	background-color: #151d28;
	font-size: 200%;
}

.menu {
	display: grid;
	padding-left: 8%;
	padding-right: 8%;
}

.home {
	padding-left: 8%;
	padding-right: 8%;
	padding-top: 5%;
}

.logo {
	max-width: 100%;
	height: auto;
}

.icon{
	width: 12%;
	height: auto;
	display: block;
}

button {
	align-self: start;
	font-size: 90%;
	border: none;
	border-radius: 8px;
	display: flex:
	flex-direction: column;
	align-items: center;
	
	
}

.kauf {
	align-self: flex-start;
	text-align: left;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 2%;
	padding-left: 1%;
}

.infos {
	align-self: flex-start;
	display: flex;
	flex-direction: column;
	text-align: left;
}

span {
	text-align: center;
}

.beispiel {
	color: white;
	font-size: 80%;
}

.chat {
	width: 100%;
	display: inline-flex;
	padding: 3%;
	align-items: center;
}

.lang {
	width: 100%;
}

table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	background-color: #6fb7ac;
	color: black;
}

td {
	border: 2px solid white;
	width: 50%;
	height: 105px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding: 1%;
	font-size: 80%;
}

th {
	border: 2px solid white;
	width: 50%;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	font-size: 80%;
}

.monat {
	text-align: center;
}

.dunkelblau{
	background-color: #508285;
}

.hellblau{
	background-color: #6fb7ac;
}

.weiß{
	background-color: #f9eedc;
}

.orange{
	background-color: #fbdcbf;
}

.dunkelorange {
	background-color: #e9ae90;
}

.zurück {
	background-color: #151d28;
	color: white;
}