body{
	color:#5d5a60;
	font: 85%Helvetica,Verdana,Arial,sans serif;
	margin-left:5%;
	margin-right:5%;
	font-size:large;
}	

h1{
	color:#02979d;
	font-weight:900;
	text-align:center;
}

h4,h2{
	color:#5d5a60;
	font-weight:900;
	text-align:center;
}
a{
		color:#02979d;
		text-align:center;
}

.rechts{
	width:70%;
	display:block;
	text-align:middle
}

.links{
	width:80%;
	text-align:left;
	
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  color: #5d5a60;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  border-style: solid;
  border-color: #5d5a60;

  /* Position the tooltip text */
  
  position: absolute;
  z-index: 1;
  top: 120%;
  left: 94%;
  margin-left: -60px;
  

  /* Fade in tooltip */
  
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: -100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: none;
  border-color: #5d5a60 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

button{
	margin-left:110vh;
	font-size:large;
	width:120px;
	height:45px;
	color:#5d5a60;
}

button2{
	margin-left:70%;
	font-size:large;
	width:120px;
	height:45px;
	color:#5d5a60;
}

.Infoarea{
	border-width:2px;
	margin-top:5vh;
	border-style: solid;
	margin-right: 135vh;
	display: none;
	color:#5d5a60;
	font-size:medium;
	width:180px;
	height:112px;
	
}

input, textarea, select {
	margin-left: 5vh;
	width:420px;
	font-size:large;
	margin-bottom:1vh;
	margin-top:1vh;
	color:#5d5a60;
	text-align:left;
}

input:invalid, textarea:invalid, select:invalid {
	border-color: red;
}
input:required, textarea:required, select:required {
	border-color: red;
}
input:required:valid, textarea:required:valid, select:required:valid {
	border-color: black;
}
br{
	margin-bottom:0.5vh;
}

textarea{
	width:80%;
}

label{
	width: 420px;
    margin-bottom:10 px;
	margin-top:1vh;
	margin-left:5vh;
	display:inline-block;
	font-size: large;
	text-align:left;
}

span{
	width: 420px;
    margin-bottom:10 px;
	margin-top:1vh;
	margin-left:5vh;
	display:inline-block;
	font-size: large;
	text-align:left;
}

.submit{
	margin-right:5vh;
	text-align:center;
	color: #02979d;
	font-size:1.5rem;
	  width: 23vw;
}

.inputdate{
	width:420px;
	font-size:large;
	margin-bottom:1vh;
	margin-left:-0vh;
	margin-top:1vh;
	color:#5d5a60;
	text-align:left;
}

.Selectandere{
	margin-bottom:1vh;
	margin-top:1vh;
	display:none;
}

.textfield{
	width:100%;
}

.maineinstieg{
	color: #444;
	 text-align:center;
}

.formeinstieg{
	text-align:center;
}

.questionSeparator{
	display:inline-block;
	margin-bottom:1vh;
	margin-top:1vh;
}
.Labelgenau{
	margin-left:15vh;
	width: 80px;
    margin-bottom:10 px;
	margin-top:1vh;
	display:none;
	font-size: large;
	text-align:left;
}
.Inputgenau{
	width:350px;
	margin-left: 5vh;
	font-size:large;
	margin-bottom:1vh;
	margin-top:1vh;
	color:#5d5a60;
	display:none;
	text-align:left;
}

.Inputsmall{
	width:115px;
	margin-left: 0vh;
	font-size:large;
	margin-bottom:1vh;
	margin-top:1vh;
	color:#5d5a60;
	display:inline-block;
	text-align:left;
}

.Labelsmall{
	width: 80px;
    margin-bottom:10 px;
	margin-top:1vh;
	margin-left:5vh;
	display:inline-block;
	font-size: large;
	text-align:left;
}

legend{
	color:#02979d;
	font-size:xx-large;
	font-weight:800;
}

.Legendsmall{
	color:#02979d;
	font-size:large;
	font-weight:600;
	text-align:left;
}

fieldset{
	width:100%;
	border-color:#02979d;
	border-width:4px;
	border-style:solid;
	text-align:left;
}

.fieldseteinstieg{
	border-color:#02979d;
	border-width:4px;
	border-style:solid;
	text-align:center;
}

.fieldsethidden{
	border-color:#02979d;
	border-width:0px;
	border-style:hidden;
	text-align:center;
}

.Fieldsetsmall{
	width:90%;
	border-color:#02979d;
	border-width:2px;
	border-style:solid;
}

.checkboxspecial{
margin-left:-20vh;
}

.inputspecial{
	margin:0 auto;
	display: block
	text-align:center;
	color: #02979d;
	font-size:1.5rem;
	  width: 80%;
	  max-width: 300px;
}

input[type=checkbox] {
    /*transform: scale(3);*/
	margin: 10px;
	
}

input[type=radio] {
    /*transform: scale(3);*/
	margin: 10px;
}