:root {
  --board-bg-hell: linear-gradient(to right, #e0d8b7,#F5ECC8,#e0d8b7);
  
}
#kont {
margin-right: auto; 
margin-left: auto;
text-align: center;
}
.board {
/*background-color: #F4F4F4;*/
background-image: linear-gradient(to right, #F3F3F3,#CCCCCC,#F3F3F3);
padding: 3px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
border: 1px inset #BFBFBF;
border-radius: 10px;
max-width: 600px;
box-shadow: 2px 2px 2px #CCCCCC;
}
.board1 {
background-color: #F4F4F4;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 600px;
}
#sort {
margin-top: 5px;
}
.oben {
padding: 10px;
margin: 10px;
border: 1px inset #BFBFBF;
border-radius: 10px;
background-color: #FFFFFF;
box-shadow: -1px -1px #CCCCCC;
}
.oben2 {
padding-top: 10px;
border: 1px inset #BFBFBF;
border-radius: 10px;
background-color: #FFFFFF;
box-shadow: -1px -1px #CCCCCC;
}
.unten {
padding: 5px;
border: 1px inset #BFBFBF;
border-radius: 10px;
background-color: #F2EFDD;
box-shadow: -1px -1px #CCCCCC;
margin-top: 10px;
}
.unten1 {
padding: 5px;
border: 1px inset #BFBFBF;
border-radius: 10px;
background-color: #E6E6E6;
box-shadow: -1px -1px #CCCCCC;
margin-left: 3px;
margin-right: 3px;
}
.unten2 {
padding: 5px;
border: 1px inset #BFBFBF;
border-radius: 10px;
background-color: #F7F1E5;
box-shadow: -1px -1px #CCCCCC;
margin-left: 3px;
margin-right: 3px;
margin-top: 10px;
margin-bottom: 3px;
}
#logo {
width: 225px;
height: 85px;
}
#alogo {
text-decoration: none;
}
.animh{
visibility: hidden;
display: none;
}
#anim {
width: 310px;
height: 85px;
position:relative;
animation:animated_logo 1s;
animation-delay: 2s;
}
@keyframes animated_logo
{
from {left: 0px;}
  to {left:10%;}
}
.animv {
width: 225px;
height: 85px;
position:relative;
animation:animated_logo1 1s;
animation-delay: 2.5s;
visibility: visible;
display: inline;
}
@keyframes animated_logo1
{
from {left: 0px;
transform: rotate(0deg);}
  to {left:10%;
  transform: rotate(10deg);}
}
.anim_wl {
position:relative;
animation:animwl 2s;
}
@keyframes animwl-alt
{
from {left: -110%;}
  to {left: 0%;}
}
@keyframes animwl
{
  0% {
    left: -110%;
  }
  
  70% {
    left: 10%;
  }
  100% {
    left: 0%;
  }
}
.anim_w2 {
position:relative;
animation:animw2 2s;
}
@keyframes animw2
{
  0% {
    top: -110%;
  }
  
  70% {
    top: 10%;
  }
  100% {
    top: 0%;
  }
}

#rotate {
width: 96px;
height: 96px;
position:relative;
animation:animrot 6s infinite linear;
}
@keyframes animrot
{
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

a.ds {
color: #5e5223;
text-decoration: none;
}
a.ds:hover {
color: #BFA747;
text-decoration: none;
}
#foo {
text-align: center;
border-top: 1px solid #CCCCCC;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
background-color: #F4F4F4;
margin-top: 5px;
padding-top: 6px;
}
.suche {
padding-top: 5px;
}


.fs50 {
font-size: 50%;
}
.fs60 {
font-size: 60%;
}
.fs65 {
font-size: 65%;
}
.fs70 {
font-size: 70%;
}
.fs75 {
font-size: 75%;
}
.fs80 {
font-size: 80%;
}
.fs90 {
font-size: 90%;
}
.fs100 {
font-size: 100%;
}
.fs110 {
font-size: 110%;
}
.fs120 {
font-size: 120%;
}
.fs15p {
font-size: 15px;
}
.fs25p {
font-size: 25px;
}
.current {
width: 100%;
border-spacing: 0px;
border-collapse: collapse;
}
.curli {
text-align: left;
}
.curre {
text-align: right;
}
.curmi {
width: 100%;
text-align: center;
}
.svgm {
width: 100%;
height: 160px;
}
.stun {
width: 44px;
height: 60px;
}

.studat {
width: 44px;
display: inline-block;
}
.tagsp {
width: 44px;
}
/*.tagsp:hover {
width: 55px;
text-align: center;
font-size: 110%;
cursor: zoom-in;
}*/
.taeglich {
border-spacing: 0px;
border-collapse: collapse;
width: 100%;
}
.temp {
border-spacing: 0px;
border-collapse: collapse;
width: 100%;
}
.tempt {

}

.temptr {
display: inline-flex;
height: 50px;
}
.tempti {
display: inline-block;
min-width: 65px;
}
.tehe {
width: 16.6%;
font-weight: bolder;
}
.taedat {
width: 80px;
text-align: left;
}
.taebes {
width: 50%;
}

.taeico {
width: 20px;
}
.taepoi {
width: 35px;
}
.taegra {
width: 85px;
text-align: right;
}
.taelin {
width: 25px;
}
.re {
text-align: right;
}
.li {
text-align: left;
}
.mi {
text-align: center;
}
.link {
cursor: pointer;
font-size: 110%;
color: #868686;
}
.rtex {
fill: #000000;
}
.arlmte {
fill: #B30000;
}
.awlte {
fill: #B30000;
}
.awolte {
fill: #B30000;
}
.awslte {
fill: #B30000;
}
.atlte {
fill: #B30000;
}
.leg {
padding-bottom: 5px;
background-color: #8c8c8c;
border: 1px solid #BFBFBF;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: contents;
}
.aleg {
padding-bottom: 5px;
background-color: #8c8c8c;
border: 1px solid #BFBFBF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.legsp {
height: 3px;
}
.legsp1 {
height: 15px;
}
#tlink {
text-decoration: none;
}

.gruen {
padding: 5px;
border: 1px solid #BFBFBF;
border-radius: 10px;
background-color: #008800;
color: #FFFFFF;
box-shadow: 3px 3px 7px #888888;
}
.hidden {
visibility: hidden;
opacity: 0;
display: none;
}
.visi {
visibility: visible;
opacity: 1;
}
.iort {
width: 120px;
}
.ctemp {
vertical-align: middle;
height: 96px;
display: inline-block;
padding-bottom: 20px;
}
.imgtmp {
height: 96px;
}
.mon {
border: 1px dashed #BFBFBF;
}

a.aeinst {
color: #AAAAAA;
text-decoration: none;
}
a.aeinst:hover {
color: #AAAAAA;
font-weight: bold;
text-decoration: none;
}
#enav {
cursor: pointer;
border: 1px solid #BFBFBF;
border-radius: 10px;
padding: 5px;
background-color: #FFFFFF;
background-image: linear-gradient(#F3F3F3, #CFCFCF);
margin-left: 10px;
margin-right: 10px;
box-shadow: 3px 3px 7px #888888;
}
#lqa {
cursor: pointer;
}
#lqu {
border: 1px solid #BFBFBF;
border-radius: 10px;
padding: 5px;
background-color: #FFFFFF;
font-size: 80%;
}
.lta {
width: 250px;
height: 170px;
flex-shrink: 0;
}
.w50 {
width: 50%;
display: inline-block;
}
.w150 {
width: 150px;
}
.w60 {
width: 60px;
}
.tlta {
margin-left: auto;
margin-right: auto;
}
#st1 {
border: 1px solid #BFBFBF;
border-radius: 10px;
padding: 5px;
color: #006600;
background-color: #FFFFFF;
}
#st2 {
border: 1px solid #BFBFBF;
border-radius: 10px;
padding: 5px;
color: #FFFF00;
background-color: #D9D9D9;
}
#st3 {
border: 1px solid #BFBFBF;
border-radius: 10px;
padding: 5px;
color: #FFAA00;
background-color: #D9D9D9;
}
#st4 {
border: 1px solid #BFBFBF;
border-radius: 10px;
padding: 5px;
color: #FF0000;
background-color: #D9D9D9;
}
#st5 {
border: 1px solid #BFBFBF;
border-radius: 10px;
padding: 5px;
color: #FF00CC;
background-color: #FFFFFF;
}
.fa1 {
color: #006600;
background-color: #FFFFFF;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
}
.fa2 {
color: #00CC00;
background-color: #D9D9D9;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
}
.fa3 {
color: #FFFF00;
background-color: #B3B3B3;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
}
.fa4 {
color: #FFAA00;
background-color: #D9D9D9;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
}
.fa5 {
color: #FF0000;
background-color: #FFFFFF;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
}
.tabelle {
width: 200px;
border-spacing: 0px;
border-collapse: collapse;
}
.tdtab {
width: 100px;
border: 1px solid #000000;
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: #FFFFFF;
  color: #000000;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 20%;

}
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltipl {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.tooltipl .tooltiptextl {
  visibility: hidden;
  width: 200px;
  background-color: #FFFFFF;
  color: #000000;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: -100px;

}

.tooltipl:hover .tooltiptextl {
  visibility: visible;
}
.wifa1 {
color: #009900;
vertical-align: middle;
font-size: 8px;
}
.wifa2 {
color: #FFFF00;
vertical-align: middle;
font-size: 8px;
}
.wifa3 {
color: #FFAA00;
vertical-align: middle;
font-size: 8px;
}
.wifa4 {
color: #FF0000;
vertical-align: middle;
font-size: 8px;
}
.wifa5 {
color: #FF00CC;
vertical-align: middle;
font-size: 8px;
}
.toofa1 {
background-color: #009900;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
font-size: 80%;
font-weight: bold;
}
.toofa2 {
background-color: #FFFF00;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
font-size: 80%;
font-weight: bold;
}
.toofa3 {
background-color: #FFAA00;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
font-size: 80%;
font-weight: bold;
}
.toofa4 {
background-color: #FF0000;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
font-size: 80%;
font-weight: bold;
}
.toofa5 {
background-color: #FF00CC;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
font-size: 80%;
font-weight: bold;
}
.rot {
color: #FF0000;
}
#ueau {
height: 42px;
text-align: center;
}
#amenuey{
float: left;
}
.amenueo {
float: right;
}
.amenuex {
margin: 5px;
background-color: #F0F0F0;
color: #000000;
border: 1px solid #B8B8B8;
border-radius: 10px;
height: 30px;
width: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 20px;
}
.amenuer {
margin: 5px;
background-color: #F0F0F0;
color: #000000;
border: 1px solid #B8B8B8;
border-radius: 10px;
height: 30px;
width: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.speak {
float: right;
cursor: pointer;
color: #5b5b5b;
margin-top: 12px;
margin-right: 5px;
}
.audio {
border-radius: 10px;
filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%);
}

#tmenued {
background-color: #F0F0F0;
color: #000000;
border: 1px solid #B8B8B8;
border-radius: 10px;
text-align: left;
padding: 10px;
line-height: 8px;
margin: 10px;
width: 250px;
z-index: 99;
position: relative;
}
.butt {
cursor: pointer;
vertical-align: middle;
display: inline-block;
border-bottom: 1px dotted #4C4C4C;
padding-bottom: 5px;
width: 100%;
}
.butt:hover {
cursor: pointer;
vertical-align: middle;
display: inline-block;
border-bottom: 1px dotted #000000;
padding-bottom: 5px;
width: 100%;
color: #595959;
}
.buttu {
cursor: pointer;
vertical-align: middle;
display: inline-block;
padding-bottom: 5px;
width: 100%;
}
.buttu:hover {
cursor: pointer;
vertical-align: middle;
display: inline-block;
padding-bottom: 5px;
width: 100%;
color: #595959;
}
.wotag {
display: inline-block;
width: 20px;
}

#m1x {
display: inline-flex;
width: 64px;
height: 85px;
background-image: url("/img/logo/m1.png");
}
#m2x {
display: inline-flex;
width: 55px;
height: 85px;
background-image: url("/img/logo/m2.png");
}
#ichx {
display: inline-flex;
width: 75px;
height: 85px;
background-image: url("/img/logo/ichl.png");
}
#anx {
display: inline-flex;
width: 50px;
height: 85px;
background-image: url("/img/logo/an.png");
}
#m13x {
display: inline-flex;
width: 64px;
height: 85px;
background-image: url("/img/logo/m13.png");
}
.passaus {
margin-left: auto;
margin-right: auto;
width: 250px;
text-align: center;
}
.rahmen {
height: 36px;
width: 250px;
position: relative;
}
.label {
padding: 4px 0;
display: block;
}
#pass {
width: 206px;
height: 30px;
border: 2px solid #CCCCCC;
border-radius: 10px;
padding-right: 28px;
padding-left: 12px;
}
.augd {
position: absolute;
top: 2px;
right: 4px;
min-width: unset;
min-height: unset;
height: 32px;
width: 32px !important;
border-radius: 10px;
background-color: #FFFFFF;
color: #8F8F8F;
overflow: hidden;
border: 0;
padding: 0;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#bar {
width: 250px;
}
.pwdrot {
color:red;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 10px;
width: 250px;
display: inline-block;
padding: 5px;
}
.pwdgreen {
color:green;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 10px;
width: 250px;
display: inline-block;
padding: 5px;
}
.pwdorange {
color:orange;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 10px;
width: 250px;
display: inline-block;
padding: 5px;
}
#navob {
width: 100%;
padding: 10px;
}
#help {
cursor: pointer;
}
#konz {
width: 150px;
}
#konzaus {
display: inline-block;
}
.oeme {
width: 150px;
}
#jeda {
display: inline-flex;
}

.imhgr {
background-image: radial-gradient(#737373 0%, transparent 75%, transparent 100%);
width: 34px;
height: 34px;
}
.dwic {
padding: 3px;
}
.menbutt {
border: 1px solid #BFBFBF;
  border-radius: 10px;
  padding: 5px;
  background-color: #FFFFFF;
  background-image: linear-gradient(#F8F8F8, #DCDCDC);
  cursor: pointer;
margin-top: 10px;
  box-shadow: 3px 3px 7px #888888;
}
.regmed {
	border-bottom: 1px solid #BFBFBF;
display: inline-flex;
  width: 100%;
  max-width: 350px;
}
.regmedd {
	border-bottom: 5px double #BFBFBF;
display: inline-flex;
  width: 100%;
  max-width: 350px;
}
.regful {
text-align: left;
  width: 50%;
  padding-left: 5px;
}
.regfur {
text-align: right;
  width: 50%;
  padding-right: 5px;
}