img.graylay {
filter: none;
}
img.graylay:hover {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(./assets/images/graylay.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}
#backpic{
width:100%;
}
.anpassen{
width:100%;
}

.white {
color: white
}
.red {
color:#E70A12
}
.center{
 margin:auto;
 align:center;
 text-align:center
}
.trello {
 transition: transform 0.7s;
}

.trello:hover {
 transform: rotate(360deg);
}
 a.indexermenu:link { color: #FFFFFF; text-decoration: none; font-family: Arial, Swiss 721 Hv BT,Consolas, sans serif; font-size:14pt; font-weight: bold}
 a.indexermenu:visited { color: #FFFFFF; text-decoration: none; font-family: Arial, Swiss 721 Hv BT, Consolas, sans serif; font-size:14pt; font-weight: bold}
 a.indexermenu:hover { color: #D1CCCD; text-decoration: none; font-family: Arial, Swiss 721 Hv BT, Consolas, sans serif; font-size:14pt; font-weight: bold}
 a.indexermenu:active { color: #FFFFFF; text-decoration: none; font-family: Arial, Swiss 721 Hv BT, Consolas, sans serif; font-size:14pt; font-weight: bold}

 a.indexermenua:link { color: #259BF1; text-decoration: none; font-family: Arial, Swiss 721 Hv BT,Consolas, sans serif; font-size:14pt; font-weight: bold}
 a.indexermenua:visited { color: #259BF1; text-decoration: none; font-family: Arial, Swiss 721 Hv BT, Consolas, sans serif; font-size:14pt; font-weight: bold}
 a.indexermenua:hover { color: #D1CCCD; text-decoration: none; font-family: Arial, Swiss 721 Hv BT, Consolas, sans serif; font-size:14pt; font-weight: bold}
 a.indexermenua:active { color: #259BF1; text-decoration: none; font-family: Arial, Swiss 721 Hv BT, Consolas, sans serif; font-size:14pt; font-weight: bold}

 a.indexer2menu:link { color: #FFFFFF; text-decoration: none; font-family: Arial, Swiss 721 Hv BT,Consolas, sans serif; font-size:11pt; font-weight: bold}
 a.indexer2menu:visited { color: #FFFFFF; text-decoration: none; font-family: Arial, Swiss 721 Hv BT, Consolas, sans serif; font-size:11pt; font-weight: bold}
 a.indexer2menu:hover { color: #B6CE42; text-decoration: none; font-family: Arial, Swiss 721 Hv BT, Consolas, sans serif; font-size:11pt; font-weight: bold}
 a.indexer2menu:active { color: #FFFFFF; text-decoration: none; font-family: Arial, Swiss 721 Hv BT, Consolas, sans serif; font-size:11pt; font-weight: bold}

.rahmen {
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-shadow: 2px 2px 4px 0px #7D7D7D;
  box-shadow: 2px 2px 4px 0px #7D7D7D;
  /*-webkit-box-shadow: 1px 1px 2px 0 #333333;
  box-shadow: 1px 1px 2px 0 #333333;
  */
}        
.rahmenw {
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-shadow: 2px 2px 4px 0px #7D7D7D;
  box-shadow: 2px 2px 4px 0px #7D7D7D;
  /*-webkit-box-shadow: 1px 1px 2px 0 #333333;
  box-shadow: 1px 1px 2px 0 #333333;
  */
  background-color:#FFF
}        
p {
font-family: "Maven Pro";
font-weight: 700;
font-size: 18px;
line-height: 22px;
color: #333;
}
.subtext {
font-family: "Maven Pro";
font-weight: 500;
font-size: 16px;
line-height: 18px;
color: #333;
}
.subtitle {
font-family: 'Maven Pro', sans-serif;
font-weight: 400;
font-size: 26px;
color: #333333;
line-height: 26px;
}
.subtitlew {
font-family: 'Maven Pro', sans-serif;
font-weight: 400;
font-size: 26px;
color: white;
line-height: 26px;
}
.buttomtext {
font-family: "Maven Pro";
font-weight: 700;
font-size: 16px;
line-height: 16px;
color: #333;
}
.button2 {
    display: inline-block;
    height: 14px;
    line-height: 14px;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 10px;
    font-family: "sanchezregular";
    color: #FFF;
    white-space: nowrap;
    letter-spacing: 0px;
    background: #3A3A3A none repeat-x scroll 0px 0px;
    padding: 0px 15px;
    border-radius: 5px;
    transition: all 0.3s ease-out 0s;
}
.flatbutton {
    border-radius: 5px;
    background-color: #888;
    font-family: "Arial";
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #FFF;
}
h2 {
font-family: 'Maven Pro', sans-serif;
font-weight: 400;
font-size: 36px;
color: #333333;
text-align: left;
letter-spacing: 0px;
line-height: 36px;
}
.flatbigblue {
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  /*height: 158px;*/
  background-color: #005A87;
  padding: 10px;
  font-family: Maven Pro;
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  color: #FFFFFF;
  margin: 10,10,10,10;
  text-decoration: none;
}
.flatbigblue:link {
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  /*height: 158px;*/
  background-color: #005A87;
  padding: 10px;
  font-family: Maven Pro;
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  color: #FFFFFF;
  margin: 10,10,10,10;
  text-decoration: none;
}
.flatbigblue:visited {
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  /*height: 158px;*/
  background-color: #005A87;
  padding: 10px;
  font-family: Maven Pro;
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  color: #FFFFFF;
  margin: 10,10,10,10;
  text-decoration: none;
}
.flatbigblue:hover {
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  /*height: 158px;    */
  background-color: #005A87;
  padding: 10px;
  font-family: Maven Pro;
  font-weight: 900;
  font-size: 18px;
  text-align: center;
  color: #EAEAEA;
  margin: 10,10,10,10;
text-decoration: none;
}
table, th, td {
text-align:center;
vertical-align:middle;
padding:0px;
} 


.myTable { background-color:#FFFFFF;border-collapse:collapse; }
.myTable th { background-color:#8CB439;color:white; text-align:left;}
.myTable td { font-size:14px; background-color:#FFF;color:#333333; text-align:left;vertical-align:middle;}

.myTable td, .myTable th { padding:5px;border:0px solid #EAEAEA; }

form {
  width: 30em;
  padding-top: 3em;
  position: relative;
}
input {
  margin: 0 0 1em 31%;
  padding: .2em .5em;
  width: 60%;
  background-color: #E3DBFC; 
  border: 1px solid #9E8DD3;  
}
label { 
  text-align: right;
  line-height: 1.5;
  width: 30%;
  position: absolute;
  left: 0;
  display: block;
  float: left;
}
label::after {
  content: ": ";
}
button {
  margin-left: 31%;
}
input:required + label::before {
  position: absolute;
  left: 300%;
  content: "?";
  color: red;
}
input:required:valid + label::before {
  content: "?";
  color: green;
}
.regular-radio {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
}

.regular-radio:checked:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #99a1a7;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 3px;
	font-size: 32px;
}

.regular-radio:checked {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio:active, .regular-radio:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

</style>