html, body {
	height: 100%;
}

body {
	overscroll-behavior: none ;
	margin: 0px;
	font-family: Arial;
}

#appcontent {
	display: flex;
	flex-flow: column;
	flex-direction: column;
	height: 100%;
	width: 100%;
}

.header div{
	align-items: center;
    display: flex;
}
.header{
	align-items: center;
	width: 100%;
	display: flex;
	justify-content: space-between;
	background-color: #2f8a6a;
	color:#FFF;
    font-size: 20px;
	height:64px;
}
.footer{
	border-top: 1px solid #c5c5c5;
	min-height:10px;
	display: flex;
}
.footer input[type=text]{
	border: 0px;
    font-size: 16px;
    padding: 3px;
	flex-grow:1;
	flex-shrink: 1;
	flex-basis: auto;
	min-width: 10px;
}
.footer input[type=image]{
	padding:8.2px;
	cursor:pointer;
}
.header img {
	float: left;
}

.header div {
	margin: 2px;
	padding: 3px;
}

.einkaufsElemente {
	height:100%;
	flex-grow: 1;
	overflow: scroll;
}
.einkaufsElemente::-webkit-scrollbar {
  display: none;
}
.content {
	display: flex;
	width: 100%;
	flex-flow: column;
}

.body {
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-color: #efefef;
}

.body>div {
	width: 100vw;
	height: 100%;
	will-change: transform;
}

.body>div>div {
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
	will-change: transform;
	background-color: white;
}

.einkaufsElemente div, .speiseplanElemente div div{
	display: flex;
	align-items: center;
}
.einkaufsElemente div img, .speiseplanElemente div div img{
	margin:4px;
}
.menu{
	position: absolute;
	top: 50px;
	right: 4px;
	background-color: white;
	border: 1px solid rgb(214, 214, 214);
}
.menu div{
	align-items: center;
    display: flex;
	padding: 10px;
	cursor: pointer;
}
.menuIcons img{
	margin-right:8px;
}