@media all and (max-width: 480px) {
.all {
width: 98%;
}
.absatz { clear: both; height: 0px;}
.tittex {
	padding: 10px;
	font-size: 12px;
	letter-spacing: 1px;
	}
.toptop {
	flex-direction:column;
	justify-content: center;
	align-items:flex-start;
}
.toptop p {
	display: none;
}
.top {
	flex-direction:column;
	justify-content: center;
	align-items:center;
}
.logo-block {
	width: 100%;
}
.logo-block {
	width: 90%;
}
.top-rechts-block {
	flex-direction:column;
	width: 100%;
}
.suchform input  {
	width: 200px;
	}
.korb  {
	min-width: 180px;
}

.navi {
	flex-direction:column;
	align-items:center;
	background: #333333;
	border-radius: 0px 0px 0px 0px;
}
.navi a {
	margin: 1px 1px 1px 1px;
	border-radius: 6px 6px 6px 6px;
	width: 86%;
}
.navi a:hover {
	background-image: url(../images/navhgrtwo.jpg);
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
}

.historie {
	display: none;
}

.page {
	flex-direction:column;
}

.navizwei {
	width: 100%;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items:center;
}
.navizwei a {
	border-bottom: 1px solid #5d5d5d;
}
.inhalt {
	width: 100%;
}

.listprod {
	flex-direction:column;
	align-items:center;
}
.prodlist {
	width: 86%;
}








.naviunt {	
	flex-direction:column;
}

.fussblock {
	flex-direction:row;
	justify-content: center;
	flex-wrap:wrap;
	width: 100%;
	border-left: 0px;
	border-bottom: 1px solid #eeeeee;
}

.fuss {
	flex-direction:column;
	justify-content: center;
	align-items:center;
}

}