/* Zentrieren */
.boxcen1 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.boxcen2 {
	align-self: center;
}
.boxcen3 {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	justify-self: center;
	text-align: center;
}
.boxcen4 {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	justify-self: center;
	text-align: center;
}
.boxcen5 {
	width: 180px;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	justify-self: center;
	text-align: center;
}

/* Einzel-Box immer nebeneinander */
.boxganz {
	display: flex !important;
	flex-wrap: wrap;
	flex: 100%;
	gap: 0px;
	justify-content: center;
}
/* 2 Blöcke für Einzel-Box */
.blockg {
	padding: 2px;
	flex: 1;
	text-align: center;	
	justify-content: center;
}
/* Duo-Box nebeneinander oder untereinander, default: untereinander (kleiner Display) */
.boxhalb {
	display: flex !important;
	flex-wrap: wrap;
	gap: 2px;
	justify-content: center;
}
/* 2 Blöcke für Duo-Box */
.blockh {
	padding: 2px;
	flex: 50%;
	justify-content: center;
}

/* Bildschirmbreiten:
   Smartphones: 	(max-width: 600px)
   Tablets: 		(min-width: 601px) bis (max-width: 1024px)
   Desk-/Laptops: 	(min-width: 1025px)
*/

/* ab Bildschirmbreite nebeneinander */
@media (min-width: 768px) {
	.boxhalb {
		flex: 100%;
		gap: 0px;
	}
	.blockh	{
		flex: 1;
		text-align: center;
	}
}

/* Menü klein, versteckt, aufklappen erst wenn Button gedrückt */
.menu-klein {
	display: none;
}
/* Menü groß, sofort klappbar */
.menu-gross {
	display: block;
}