.headline {font-family:sans-serif; font-size:1.5rem; font-weight:bold; color:#000000; background-color:#dcdcdc; padding:5px; position:relative; border:white 1px solid}
.mittelfett {font-family:sans-serif; font-size:1rem; font-weight:bold; color:#000000; background-color:#dcdcdc; padding:5px; position:relative; border:white 1px solid}
.headline2 {font-family:sans-serif; font-size:1.5rem; font-weight:bold; color:#000000; background-color:#dcdcdc; padding:5px; position:relative; border:white 1px solid; opacity:0.8; display:inline-block}
.mittelfett2 {font-family:sans-serif; font-size:1rem; font-weight:bold; color:#000000; background-color:#dcdcdc; padding:5px; position:relative; border:white 1px solid; opacity:0.8; display:inline-block}
.mittel {font-family:sans-serif; font-size:1rem; font-weight:normal; color:#000000}
.gross {font-family:sans-serif; font-size:1rem; font-weight:normal; color:#000000}
.grossfett {font-family:sans-serif; font-size:1rem; font-weight:bold; color:#000000; background-color:#dcdcdc; padding:5px; position:relative; border:white 1px solid}
.klein {font-family:sans-serif; font-size:1rem; font-weight:normal; color:#000000; background-color:#dcdcdc; padding:5px; position:relative; border:white 1px solid; opacity:0.8}
.grossfett2 {font-family:sans-serif; font-size:1rem; font-weight:bold; color:#000000; background-color:#dcdcdc; padding:5px; position:relative; border:white 1px solid; opacity:0.8; display:inline-block}
.klein2 {font-family:sans-serif; font-size:1rem; font-weight:normal; color:#000000; background-color:#dcdcdc; padding:5px; position:relative; border:white 1px solid; opacity:0.8; display:inline-block}
.kleinfett {font-family:sans-serif; font-size:1rem; font-weight:bold; color:#000000}

.headlineweiss {font-family:sans-serif; font-size:1.5rem; font-weight:bold; color:#ffffff}
.mittelfettweiss {font-family:sans-serif; font-size:1rem; font-weight:bold; color:#ffffff}
.mittelweiss {font-family:sans-serif; font-size:1rem; font-weight:normal; color:#ffffff}
.grossweiss {font-family:sans-serif; font-size:1rem; font-weight:normal; color:#ffffff}
.grossfettweiss {font-family:sans-serif; font-size:1rem; font-weight:bold; color:#ffffff}
.kleinweiss {font-family:sans-serif; font-size:1rem; font-weight:normal; color:#ffffff}
.kleinfettweiss {font-family:sans-serif; font-size:1rem; font-weight:bold; color:#ffffff}

.b {font-weight:bold}
.c {text-align:center; margin-left:auto; margin-right:auto}
.rahmen {border:1px solid #ffffff}
.vertikalmitte {vertical-align:middle}
.hoehe3 {height:3rem; line-height:3rem}

.inputwidth1 {height:2.5rem; line-height:2.5rem; font-family:sans-serif; font-size:1rem; font-weight:normal; color:#000000; width:50%; padding:5px}
.inputwidth2 {height:2.5rem; line-height:2.5rem; font-family:sans-serif; font-size:1rem; font-weight:normal; color:#000000; width:50%; padding:5px}
.inputwidth3 {height:2.5rem; line-height:2.5rem; font-family:sans-serif; font-size:1rem; font-weight:normal; color:#000000; width:50%; padding:5px}
.inputwidth4 {height:2.5rem; line-height:2.5rem; font-family:monospace,monospace; font-size:1rem; font-weight:normal; color:#000000; min-width:50%; width:80%; padding:5px}
.inputwidth5 {height:2.5rem; line-height:2.5rem; font-family:monospace,monospace; font-size:1rem; font-weight:normal; color:#000000; width:20%; max-width:25%; padding:5px}

.tbunt {border:1px solid #ffffff; padding:7px; background-color:#e00c3c; text-align:center}
.tgrau {border:1px solid #ffffff; padding:7px; background-color:#dcdcdc; text-align:center}
.tdunkelgrau {border:1px solid #ffffff; padding:7px; background-color:#808080; text-align:center}

.submitbutton {margin-top:5px; margin-bottom:5px; height:2.5rem; font-family:sans-serif; font-size:1rem; font-weight:normal; background-color:#808080; color:#ffffff; border-style:none; width:100px; text-decoration:none; text-align:center; transition-duration:0.3s;}
.submitbutton:hover {margin-top:5px; margin-bottom:5px; height:2.5rem; font-family:sans-serif; font-size:1rem; font-weight:normal; background-color:#aaaaaa; color:#000000; border:none; width:100px; text-decoration:none; text-align:center;}

.tabhead{height:1.8rem; background-color:#ddd; left:0; position:sticky; z-index:9999}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1 !important; }
}

.graphtransition {
   transition-property:all;
   transition-duration:0.5s;
   transition-timing-function: linear;
   }
 .graphtransition:hover {
    background-color:#ddd;
}