
body {
color: #525b56;
}

h1 {
FONT-FAMILY: "PT Sans Narrow","Century Gothic","Apple Gothic", sans-serif; 
color: #68A94A;
text-transform: uppercase;
font-size: 4.8rem;
line-height: 1.05;
}

a {
color: #525b56;
line-height: 1.05;
}

a.Liste {
color: #525b56;
line-height: 200%;
}

h4 {
FONT-FAMILY: "PT Sans Narrow","Century Gothic","Apple Gothic", sans-serif; 
color: #68A94A;
}


th {
background-color: #ff6651;
color:#FFFFFF;
}

.sichtbarweis {
text-align: center;
background-color: #FFFFFF;
color: #525b56;
}

.sichtbargrau {
text-align: center;
background-color: #F0F0F0;
color: #525b56;
}

.sichtbargelb {
text-align: center;
background-color: #FFFF00;
color: #525b56;
}

.sichtbarweislinks {
text-align: left;
background-color: #FFFFFF;
color: #525b56;
}

.sichtbargraulinks {
text-align: left;
background-color: #F0F0F0;
color: #525b56;
}

.sichtbargelblinks {
text-align: left;
background-color: #FFFF00;
color: #525b56;
}

input[type="submit"] {
text-allign: center;
border-radius: 6px;
border: 2px solid #ff6651;
cursor: pointer;
font-size: 1.6rem;
line-height: 1.5;
font-family: inherit;
text-decoration: none;
background-color: #ff6651;
color:#FFFFFF;
}

input[type="text"], input[type="password"], input[type="date"], input[type="number"], input[type="email"], input[type="time"],textarea {
text-allign: center;
border-radius: 6px;
border: 2px solid #525b56;
font-size: 1.6rem;
line-height: 1.5;
font-family: inherit;
text-decoration: none;
background-color: #FFFFFF;
color: #525b56;
}

select {
text-allign: center;
border-radius: 6px;
border: 2px solid #525b56;
font-size: 1.6rem;
line-height: 1.5;
font-family: inherit;
text-decoration: none;
background-color: #FFFFFF;
color: #525b56;
}

.iSnull {
text-align: center;
background-color: #BFC9CA;
color: #525b56;
height: 120px;
border: 2px solid;
border-radius: 6px;
overflow: hidden;
position: relative;
}

.iSeins {
text-align: center;
background-color: #58D68D;
color: #525b56;
height: 120px;
border: 2px solid;
border-radius: 6px;
overflow: hidden;
position: relative;
}

.iSzwei {
text-align: center;
background-color: #9FE2BF;
color: #525b56;
height: 120px;
border: 2px solid;
border-radius: 6px;
overflow: hidden;
position: relative;
}

.iSdrei {
text-align: center;
background-color: #F7DC6F;
color: #525b56;
height: 120px;
border: 2px solid;
border-radius: 6px;
overflow: hidden;
position: relative;
}

.iSvier {
text-align: center;
background-color: #FF7F50;
color: #525b56;
height: 120px;
border: 2px solid;
border-radius: 6px;
overflow: hidden;
position: relative;
}

.iSweis {
text-align: center;
background-color: #FFFFFF;
color: #525b56;
height: 100px;
border: 2px solid;
border-radius: 6px;
overflow: hidden;
position: relative;
}


.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}
