* {
	
	font-family: Arial, Verdana;
	font-size: 2vh;
}


.masterBox, .menuContent, .siteContent {
	
	position: absolute;
	width: 90vw;
	left: 5vw;
	border: 1px black solid;
	padding: 0px 1vw 1vw 1vw;
	
	
}

h1 {
	
	padding: 1vw;
	display: block;
	
	height: 2vh;
	background-color: black;
	color: white;
	margin-left: -1vw;
	
	width: 100%;
}

p {
	
	padding: 1vw;
	display: block;
	
}

th, td { 

	text-align: left; 
	font-weight: normal;
}

.okay-button {
	
	padding: 1vh;
	background-color: #5a9d58;
	border: 0px;
	color: white;
	
}

.menuIcon {
	
	display: block;
	width: 8vh;
	aspect-ratio: 1 / 1;
	border: 1px grey solid;
	font-size: 4em; /* relativ zur Boxgröße */
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden; /* verhindert Überlauf */
	user-select: none;        /* schützt vor Markierung */
	pointer-events: auto;     /* erlaubt Clicks */
	cursor: pointer;          /* zeigt Interaktivität */
	-webkit-user-drag: none;  /* verhindert Drag in Safari */
	
}

.menuContent {
	
	width: 90vw;
	height: 80vh;
	font-size: 1.5em;
	z-index: 9999;
	background-color: white;
}

.siteContent {
	
	height: 80vh;
	border: 0px;
	z-index: 1;
}
.branding {

position: absolute;
right: 1vw;

	
}

.menu-button {
	
	font-size: 1.2em;
	width: 100%;
	padding: 1vw;
	border: 0px;
	background-color: darkred;
	margin-bottom: 2vh;
	text-align: left;
	color: white;
}
.menu-button:hover {
	
	background-color: silver;
	
}