textarea{
width:94%;
 font-size:1.5vh;
 resize: vertical;
 cursor: text;
background: #666;
color: #ccc;
padding: .5vw;
border: 0.2vw solid;
font-family: verdana;
cursor:pointer;
border-radius: .5vw;
}
textarea:focus{
	cursor:text;
}

#help{
	position: absolute;
top: 0;
right: 2vw;
font-size: 14vh;
color: green;
text-shadow: 0 0 .2vw #FFf;
cursor:pointer;
}
#help:hover{
	color:#60ee60;
}
#hepldiv{
	
}
input{
width:94%;
 font-size:2vh;
 font-size: 2vh;
background: #666;
border: .2vw solid #aaa;
border-radius: .5vw;
color: #aaa;
}
input:hover{
	border-color:#0f0;
}
input:focus{
	border-color:#0f0;
}
#wrap1{
width:45vw;

margin-right: -.4vw;
display: inline-block;
min-height: 34vh;
vertical-align: top;
font-size: 2vh;

}
#wrap{
border: 0.1vw solid #666;	
box-sizing: border-box;
margin:auto;
margin-top:1vh;
width:98vw;
}
#wrap2{
display:inline-block;
width:45vw;

min-height:34vh;
vertical-align: top;
 font-size:2vh;

}
#pf1{
color: lime;
font-weight: bold;
position: absolute;
top: 34vh;
left: 48.5vw;
font-size: 3.5vw;
}
#pf2{
color: lime;
font-weight: bold;
position: absolute;
top: 34vh;
left: 48.5vw;
font-size: 3.5vw;
}
#wrap2 textarea{
height: 34vh;
}
#wrap1 textarea{
height: 34vh;
}
#los{
background: rgb(11, 79, 18);
color: #aaa;
width: unset;
border-radius: .5vw;
 font-size:2vh;
 border:.2vw outset #666;
}
.los{
background: rgb(11, 79, 18);
color: #aaa;
width: unset;
border-radius: .5vw;
 font-size:2vh;
  border:.2vw outset #666;
}
#los:hover{
background: rgb(51, 119, 58);
color: #fff;
 border:.2vw inset #666;
}
.los:hover{
background: rgb(51, 119, 58);
color: #fff;
 border:.2vw inset #666;
}
select{
 font-size:2vh;
 background: #444;
 color:rgb(157, 165, 180);
}
option{
font-size:2vh;
}
body{
margin:0;
background: rgb(40, 44, 52);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	font-family:verdana;
}
.header{
	position: relative;
	width:100vw; 
	text-align:left; 
	height:20vh; 
	background: #000; 
	overflow:hidden; 
	font-size:1.5vh; 
	color:rgb(157, 165, 180);
	border-bottom: 0.1vw solid #666;
	box-sizing: border-box;
}
#conso{
	width:102%; 
	text-align:left; 
 margin-left: 2%;
overflow-y: scroll;
	font-size:1.5vh; 
	color:rgb(157, 165, 180);
	height: 9.6vh;
}
#lastline{
	color:#6f6;
	width:96%;
	position: absolute;
top:18vh;
background:#000;
border-top:0.1vh solid #666;

margin-left: 2%;
}
.logo{
	font-size:6vh;
	text-align: center;
width: 100%;
}
.optionen{
display: block;
width: 86.5vw;
border: 0.1vw solid #666;
margin: auto;
margin-bottom: 1vw;
text-align:left;
padding: .5vw;
}
.optionen div{
	display:inline-block;
	vertical-align: top;
}
#menu{
	width:100vw; background: rgb(40, 44, 52); font-size:1.5vh; text-align:center; padding-bottom:1vw; color:rgb(157, 165, 180);
}
#selcry{

border:0;
font-size:2vh;
}
a{
background: rgb(40, 44, 52);
color: #aaa;
width: unset;
border-radius: .5vw;
 font-size:2vh;
 padding:0.2vw;
  border:.2vw outset #666;
  text-decoration: none;
  margin:0.2vw;
}
a:hover{
background: rgb(51, 119, 58);
color: #fff;
 border:.2vw inset #666;

}
#hilfe{
position: absolute;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
display: none;	
}
#content{
	 width:100vw; 
	 text-align:center;
	 height:78.8vh; 
	 background: rgb(40, 44, 52);
	 font-size:2vh;  
	 color:rgb(157, 165, 180);
	 font-weight: bold;
}
#eingabefeld{
	width: 37.5vw;
top: 26vh;
left: 8.5vw;
}
#ausgabefeld{
		width: 37.5vw;
top: 26vh;
left: 54vw;

}
#passwortsgh{
	
width: 20vw;
	
	top: 65vh;
left: 7vw;
}
#consolee{
		width: 20vw;
	top: 8vh;
left: 25vw;
	display: inline-flex;
}
#letzter{
width: 20vw;
top: 6vh;
left: 1vw;
}
#letzter div{
	width:20vw;
}
#metho{
		width: 20vw;
	top:65vh;
	left:42vw;
	
}
#details{
		width: 20vw;
	top:2vh;
	right:15vh;
	
}

#kopieren{
		width: 20vw;
	top:65vh;
	left:79vw;
	
}
#diedetails{
display: none;

width: 97vw;

height: 77vh;

background: rgb(40, 44, 52);

border: .5vw outset #666;

z-index: 2;

position: absolute;

box-sizing: border-box;

border-radius: 2vw;

color: #46a;

margin: 1vw;

padding: 1vw;
}
#ddweg{
position: absolute;
top: 0;
right: 0;
color: #aaa;
font-size: 3vw;
width: 4vw;
height: 4vw;
background: red;
border: .5vw outset #666;
text-align: center;
vertical-align: -moz-middle-with-baseline;
font-weight: bold;
border-radius: .5vw;
margin-top: -1vw;
margin-right: -1vw;
cursor:pointer;
}
#ddweg:hover{
	background: #900;
	border-style:inset;
	color:#666;
}
#hilfe div{
	position:absolute;
	text-shadow: -.1vw 0 black, 0 .1vw black,
      .1vw 0 black, 0 -.1vw black;
	z-index: 1;
	color:#46f;
	text-align:center;
	font-size:4vh;
}
#hilfe div div{
	text-align:left;
	position: unset;
display: inline-block;
background: #222;
	padding:1vw;
	border-radius: 1.5vw;
	color: #aaa;
font-size: 1.5vh;
box-shadow: 0 0 1vw #000;
border: .2vw solid #46a;
}