.wrapper {
	width:						100%;
	height:						100%;
	
	position: 					relative;

	border: 					0px solid orange;
	 /* Rahmen nach innen */
     -webkit-box-sizing: 		border-box;
  	 -moz-box-sizing: 			border-box;
  	 box-sizing: 				border-box;
}
body {
	margin: 					0 auto !important;
	padding: 					0;
	height: 					100%;

	color: 						#FFFFFF;
	 line-height: 				1;
	 text-align: 				left;
	 line-height: 				3vh;
	 font-size:					3vh;
	 font-weight: 				normal;
	 font-family:				Helvetica;
	 font-style: 				normal;
	 font-variant: 				normal;
	 letter-spacing:				0vh;
}



/*----------------------------------*/
.btn {
	width:						100%;
	height: 					100%;

	text-align: 				center;
	color: 						#FFFFFF;
	 line-height: 				5vh;
	 font-size:					3vh;
	 font-weight: 				normal;
	 font-family:				Helvetica;
	 font-style: 				normal;
	 font-variant: 				normal;
	 letter-spacing:				0vh;
	
	border-width:      			0.5vh;
	 border-style:     	  		outset;
	 border-color:       		#FFFFFF;
	 border-radius:				0vh;
	 /* Rahmen nach innen */
  	 -webkit-box-sizing: 		border-box;
  	 -moz-box-sizing: 			border-box;
  	 box-sizing: 				border-box;

	background: 				#105ba3;
	 background-repeat: 		no-repeat;
	 background-image: 			url(''),linear-gradient(160deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);

	display:						flex;
	 align-items: 					center;
	 justify-content: 				center;

}

.btn:active, 
.btn:focus 
 {
	border-width:      			0.5vh;
	 border-style:     	  		outset;
	 border-color:       		#FF8000;
	 border-radius:				0vh;
	 /* Rahmen nach innen */
  	 -webkit-box-sizing: 		border-box;
  	 -moz-box-sizing: 			border-box;
  	 box-sizing: 				border-box;
  }

/*--INPUT--------------------------------*/
	/* Hide the up/down button */
	input { 
		-moz-appearance: 		textfield;
		appearance: 			textfield;	
	}


input::placeholder {
  color: #FFFFFF;
  opacity: 1;
}



/*--------------------------------------------------------------*/