@charset "UTF-8";

*{
  position: relative;
  outline: none;
  text-decoration:none;

  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;

  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  text-rendering: auto;
}
body { 
  font-family: Arial, sans-serif; 
  text-align:initial; 
  font-size: 1em; 
  padding: 10px; 
  margin:0px; 
  background-color: #000; 
  color:rgb(183, 183, 183);
}
form{
  display:inline;
  padding:0px!important;
  margin:0px!important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.temp { font-size:4em;text-align:center;color:#12c13b; }
a,a:link,a:visited{
  display:inline-block; 
  width: calc( 100% - 20px );
  height:auto;
  color:#d4d7d5;
  text-align: center;
  padding:14px 7px;
  margin:7px 7px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  background-color: rgba(102,204,51,0.7);
}



a.home{position: fixed;bottom:20px;left:20px;right:20px;width:auto;background-color: rgb(235, 120, 13);}
a.bottom{position: fixed;bottom:20px;left:20px;right:20px; width:auto;}
a:hover{color:#2e2e2e;background-color: rgba(102,204,51,1);}
a.orange{background-color: rgb(235, 120, 13);}
a.blue{background-color: rgb(13, 133, 218);}
a.orange:hover{color:#2e2e2e;}
a.restart,a.reset,a.red{background-color: rgb(195, 32, 32);}
a.restart:hover,a.reset:hover,a.red:hover{background-color: rgb(195, 32, 32);color:#2e2e2e;}
form a,form a:link{
margin:7px 0px 7px 7px;
}
.red{
  color:rgb(195, 32, 32);
}
.warndiv{
  width:100%;
  background-color: rgba(195, 32, 32, 0.1);
  border:1px solid rgb(195, 32, 32);
  padding:6px;
  margin:7px 0px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}

.warndiv:hover{background-color: rgba(195, 32, 32, 0.4);}
hr{ height:1px;width: 100%;border-width:0;color:rgba(117, 117, 117, 0.8);background-color:rgba(117, 117, 117, 0.8);}
h1{text-align:center;padding:5px;margin:0px;}
.smal{text-align:center;font-size:1em;color:rgba(117, 117, 117, 1);}

.smalfont{
  font-size:0.8em;
  color:rgba(183, 183, 183, 0.8);
}
.cursor{
  cursor: pointer;
}

#motoricon{
margin:0 auto;
margin-top:20px;
margin-bottom:20px;

width:12vw;
height:12vw;
font-size:8vw;

border:1px solid rgba(239, 239, 239, 0.5);

/**
background-image:url('/motor_white.png');
background-repeat:no-repeat;
background-position:center center;
background-size:100%;
**/

-webkit-border-radius:25%;
-moz-border-radius:25%;
border-radius:25%;

text-align:center;

/* Inhalt vertikal mittig platzieren */
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;

justify-content: center;
}

.flex{
display:flex;
text-align:center;

/* Inhalt vertikal mittig platzieren */
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;

justify-content: center;
}

input,
button,
textarea,
select,
input[type="checkbox"],
input[type="radio"]{
position:relative;
min-height:25px;
height:auto;
color:#3c3c3c;
font-size:1em;
width: 100%;
height:auto;
padding:14px 7px;
margin:7px 7px;
background-color: rgba(239, 239, 239, 1);
border:none;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition:border linear .2s, box-shadow linear .2s;
-moz-transition:border linear .2s, box-shadow linear .2s;
-o-transition:border linear .2s, box-shadow linear .2s;
transition:border linear .2s, box-shadow linear .2s;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
select{
margin-right:14px;
}
input[type="submit"],
input[type="button"],
button{
cursor:pointer;
display:inline;
width: calc( 100% - 20px );
color:#000;
background-color: rgba(102,204,51,0.7);
}
button.half{
width: calc( 100% / 2 - 20px );
}
button.full{
display:inline-block;
width: calc( 100% - 20px );
}
select.norm{
width: calc( 100% / 3 - 20px );
}
fieldset form div{
display:inline-block;
width: calc( 100% / 3 - 20px );
}
button.norm{
width: calc( 100% / 3 - 20px );
color:#000;
background-color: rgba(200,200,200,0.7);
}
button.orange{
color:#fff;
background-color: rgb(235, 120, 13);
}
button.red{
color:#fff;
background-color: rgba(195, 32, 32, 0.9);
}
button.red:hover{
color:#000;
background-color: rgba(195, 32, 32, 1);
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover{
color:#fff;
background-color: rgba(200,200,200,0.9);
}

button.orange:hover{
  color:#000;
  background-color: rgba(239, 239, 239, 1);
}

input[type="radio"],input[type="checkbox"]{
cursor:pointer;
font-size:1.5em;
width:40px;
max-width:40px;
min-width:40px;
height:40px;
max-height:40px;
min-height:40px;
line-height:38px;
text-align:center;
vertical-align:middle;
margin-right:5px;
padding:3px 2px;
}
input[type="radio"]:checked,input[type="checkbox"]:checked{
background-color: rgba(102,204,51,1)!important;
color: rgba(102,204,51,1)!important;
}
fieldset{
  position:relative;
  border:1px solid rgba(255,255,255,0.5);
  padding:10px 30px;
  
  margin:0px;
  margin-bottom:40px;

  width:100%;	
  max-width:100%;
  min-width:100%;
  
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

  -webkit-border-radius:6px 6px 6px 6px;
  -moz-border-radius:6px 6px 6px 6px;
  border-radius:6px 6px 6px 6px;
}
fieldset fieldset{
  padding:10px 10px;
}

fieldset.morespace{
  margin-bottom:60px;
}
fieldset.morespace:last-child{
  margin-bottom:0px;
}
fieldset.red{
  border:3px solid rgba(195, 32, 32, 0.8);
}
fieldset:hover{
  background-color: rgba(255,255,255,0.1);
}
fieldset legend{
  cursor: pointer;
  font-size: 1.1em;
  font-weight: bold;
}
fieldset legend.strong{
  color:rgba(255,255,255,0.8);
  font-weight: bold;
}


fieldset.important{
  border:2px solid rgba(195, 32, 32, 0.8);
  background-color: rgba(255,255,255,0.2);
}

fieldset.important legend{
  cursor: inherit;
  font-size: 1.2em;
  font-weight: bold;
}


fieldset ul{
  list-style: none;
  padding:0px;
  margin:0px;
}
fieldset li{
  padding:10px;
  margin:0px;
  background-color: rgba(255,255,255,0.1);
  border-bottom:1px solid rgba(255,255,255,0.5);
}
fieldset li:last-child{
  border-bottom:none;
}
fieldset li:hover{
  background-color: rgba(255,255,255,0.2);
}
fieldset .fieldsetin.hidden,
fieldset .fieldsetin2.hidden{
  display: none;
}



.infopfad{
  margin-top:-10px;
  margin-bottom: 15px;
}



.normlink{
  display: inline-block;
  position: relative;
  cursor: pointer;
}