body {margin:0;}
.startseite{
	margin-left:20%;
	margin-right:20%;
}
tr:nth-child(even) {
	background-color: lightgray;
}
tr:nth-child(odd) {
	background-color:white;
}


th, td {
	border-left: 1px solid black;
	border-top: 1px solid black;
}

th:last-child, td:last-child{
	border-right: 1px solid;
}
tr:last-child td{
	border-bottom: 1px solid black;
}

.mainpage{
	width: 100%;
	min-height: 60px;
}
#material {
	width: 300px;
	height: 400px;
	background-repeat: no-repeat;
	background-size: auto;
	background-size: 300px;
	float:left;
	margin-left: 30px;
	margin-bottom: 30px;
	margin-top: 10px;
	position: relative;
}

.bereit{
	background-color: lightgreen;
}
#bereit{
	background-color: lightgreen;
}

.warning {
	color: red;
}

.mainpage {
	padding-top: 8px;
}

.warentext{
	text-align: center;
	background-color: rgba(255,255,255,0.5);
  color: black; 
  padding: 0.5rem;
  
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.startBild{
	max-width: 100%;
}

body{
	font-family: Calibri;
}
a{
	text-decoration: none;
}

@media only screen and (max-width: 600px) and (min-width: 200px) {
    #material {
		float: none;
		/*width: 97%;*/
  }

  .dir {
  	font-size: 4vw;
  }
  .button{
  	font-size: 4vw;
  }
  .startseite{
	margin-left:0;
	margin-right:0;
}
}



.Kategorie {
	
	position: relative;

}
.warenBild {
	  display: block;
  margin-left: auto;
  margin-right: auto;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	margin-top: auto;
  	margin-right: 0;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -50%;
}

.warenBildDiv {
	position: relative;
	width:100%;
	height: 75%;

}
.intoWarenkorb{
	position: absolute;
	bottom: 0;
	right:10%;


}
.WarenButton{
	width:50px;
	height: 50px;
	background: url(shopping-cart.png);
	background-size: 50px 50px;
	background-repeat: no-repeat;
}



.Kategoriebild {
	max-width: 80%;
	max-height: 80%;
	height: auto;
	margin-left: 10%;
	margin-top: 10%; 
}

.anmerkungTrue {
	background-color: green;
}

.kategorietext {
  	text-align: center;
  color: black; 
  padding: 5px;
  
}

.empty{
	opacity: 0.4;
}

.tests {
	background-repeat: no-repeat;
}

#anz {
	width:40px;
}

.warenkorbimg {

	height: 300px;
	width: auto;
}
.home {
	float: left;
	height: 100%;
}
a.home {
	padding-left: 10%;
}
.dir{
	margin-left: 10%;
}

.searchComponents{
	height: 100%;
}
.searchbar{
	height:100%;
}


.menge {
	width: 40px;
}

.kopfzeile {
	height: 40px;
	width: 100%;
	border-bottom: 1px solid black; 
}

.shoppingCart {
	height: 100%;
	width: auto;
	float:right;
	margin-right: 5%;
	font-size: 1vw;

}
.akattegorie{
	display: inline-block;
}
.footer {
	font-size: 1.5em;
	bottom: 0;
	border-top: 1px solid black;
}

#shoppingCartTxt{
	margin-right: 0px;
	margin-right: 1px;
	font-size: 1em;
	
}
.frontHeadline{
	padding-top: 11px;
}

.bestellLink{

	color:black;
	background-color: #1bb0db;
}

.bestell1{
	width:20%;
	height: 50px;
}
.bestellform{
	height: 100%;
}

.bestell2{
	width:100%;
	height:50px;
	font-size: 2vw;
}
.zurueck {
	height: 100%;
	width: auto;
	float:left;
	padding-left: 5%;
}

.warning {
	color: red;
}
input[type="checkbox"]{
	  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 10px;
}

.button {
	background-color: #ff7f00;
}

.loeschen{
	border-radius: 5px;
	background-color: red;
}
.nameForm {
	width: 300px; 
	border: 3px solid orange;
	border-radius: 5px;
}



.kopfzeile {
	background-color:white;
	position: fixed;
	z-index: 1;
	top: 0;
	height:50px;
}
.mainpage {
	overflow: auto;
	padding-top:50px;
	min-height: 86%;
}

html, body {
  height:100%;
}