body {

    scrollbar-shadow-color: 000000;
    scrollbar-3dlight-color: #ff0000;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-darkshadow-color:  #ff0000;
    background-color: #000000 ;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: DAA520 ;
}

a:link {
text-decoration: none;
font-weight: normal;
color: #DAA520 ;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-variant: normal}

a:visited {
text-decoration: none;
font-weight: normal;
color: red;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-variant: normal}

a:active {
text-decoration: none;
font-weight: bold;
color: red;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-variant: normal}
select {  font-family: Arial, Helvetica, sans-serif;color: #DAA520 ; font-size: 16px; background-color: #000000 ; border: 1px #ff0000 solid;
}

table{font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #DAA520 }
input {  font-family: Arial, Helvetica, sans-serif;color: #DAA520; font-size: 16px; background: transparent; border: 0; border-bottom: 1px #FF0000 solid}
.input_bottom {  font-family: Arial, Helvetica, sans-serif;color: #000000; font-size: 16px; background-color: #FFFFFF; border: 0px #ffffff solid}
.input_image {  font-family: Arial, Helvetica, sans-serif;color: #8000D5; font-size: 16px; background-color: #FFFFFF; border: 0px}
.eingabefeldhand {  font-family: Arial, Helvetica, sans-serif;color: #000000; font-size: 16px; background-color: #FFFFFF; border: 1px #000000 solid;cursor: hand}
.eingabefeldhand_geschuetzt {  font-family: Arial, Helvetica, sans-serif;color: #000000; font-size: 16px; background-color: #FFFF00; border: 1px #000000 solid;cursor: hand}
.eingabefeld {  font-family: Arial, Helvetica, sans-serif;color: #000000; font-size: 16px; background-color: #000000 ; border: 1px #000000 solid;cursor: hand}
textarea {  font-family: Arial, Helvetica, sans-serif;color: #DAA520; font-size: 16px; background-color: #000000 ; border: 1px #ff0000 solid}

p{font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #DAA520}
div{font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000}




.tex_tab{border: 1px #000000 solid;font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal;line-height: normal; font-weight: normal; font-variant: normal; color: #000000}
.tex_14px{font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal;line-height: normal; font-weight: normal; font-variant: normal; color: #000000}
.tex_18px{font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal;line-height: normal; font-weight: normal; font-variant: normal; color: #000000}
.tex_20px{font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal;line-height: normal; font-weight: normal; font-variant: normal; color: #000000}
.tex_25px{font-family: Arial, Helvetica, sans-serif; font-size: 25px; font-style: normal;line-height: normal; font-weight: normal; font-variant: normal; color: #000000}
.tex_40px{font-family: Arial, Helvetica, sans-serif; font-size: 40px; font-style: normal;line-height: normal; font-weight: normal; font-variant: normal; color: #000000}

.tex_40px_red{font-family: Arial, Helvetica, sans-serif; font-size: 40px; font-style: normal;line-height: normal; font-weight: normal; font-variant: normal; color: #FF0000}

.trc {border: 0pt ; background-color:#F0F0F0; border-width:0px;padding:0pt;spacing:0pt;}
.trb {border: 0pt ; background-color:#E3E1E1; border-width:0px;padding:0pt;spacing:0pt;}
.trc_rot {border: 0pt ; background-color:#F0F0F0; border-width:0px;padding:0pt;spacing:0pt;
  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; 
  line-height: normal; font-weight: normal; font-variant: normal; color: red}
.trc_gruen {border: 0pt ; background-color:#F0F0F0; border-width:0px;padding:0pt;spacing:0pt;
  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; 
  line-height: normal; font-weight: normal; font-variant: normal; color: green}
.trb_rot {border: 0pt ; background-color:#E3E1E1; border-width:0px;padding:0pt;spacing:0pt;
  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; 
  line-height: normal; font-weight: normal; font-variant: normal; color: red}
.trb_gruen {border: 0pt ; background-color:#E3E1E1; border-width:0px;padding:0pt;spacing:0pt;
  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; 
  line-height: normal; font-weight: normal; font-variant: normal; color: green}
.trcyan {border: 0pt ; background-color:#ffffff; border-width:0px;padding:0pt;spacing:0pt;}
.trwhite {border: 0pt ; background-color:#FFFFFF; border-width:0px;padding:0pt;spacing:0pt;}
.trgruen {border: 0pt ; background-color:#009694; border-width:0px;padding:0pt;spacing:0pt;}   
.tr_orange {border: 0pt ; background-color:#fd7d05; border-width:0px;padding:0pt;spacing:0pt;}   
.tr_cloudy {border: 0pt ; background-color:#009694; border-width:0px;padding:0pt;spacing:0pt;}



.texgrey{font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal;
line-height: normal; font-weight: normal; font-variant: normal; color: #999999}
.red10px{font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal;
line-height: normal; font-weight: normal; font-variant: normal; color: red}
.red12px{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal;
line-height: normal; font-weight: normal; font-variant: normal; color: red}
.red14px{font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal;
  line-height: normal; font-weight: normal; font-variant: normal; color: red}

.button{font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000}
.texblack14px{font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal;
line-height: normal; font-weight: normal; font-variant: normal; color: #DAA520}



/* The emerging W3C standard
   that is currently Firefox-only */
   * {
    scrollbar-width: thin;
    scrollbar-color: #ff0000 #000;
  }
  
  /* Works on Chrome/Edge/Safari */
  *::-webkit-scrollbar {
    width: 100%;
  }
  *::-webkit-scrollbar-track {
    background: #000;
  }
  *::-webkit-scrollbar-thumb {
    background-color:  #ff0000;
    border-radius: 20px;
    border: 3px solid #000;
  }
  


/*   rotate   */

@keyframes rotation {
	0% {
		rotate: var(--axis) 0;
	}
	100% {
		rotate: var(--axis) 180deg;
	}
}

.one {
	--axis: x;
	background-color: #c82f04;
	color: white;
}

.two {
	--axis: y;
	background-color: #FFF;
}

.three {
	--axis: z;
	background-color: #337599;
	color: white;
}

.box {
	display: inline-block;
	height: 6em;
	width: 12em;
	line-height: 6em;
	text-align: center;
	border: medium solid #FFF;
	margin: 1em;
	font-size: 1.5em;
	animation: rotation 3s ease infinite alternate;
}

.box_original {
	display: inline-block;
	height: 6em;
	width: 6em;
	line-height: 6em;
	text-align: center;
	border: medium solid #333;
	margin: 1em;
	font-size: 1.5em;
	animation: rotation 3s ease infinite alternate;
}