body,header {color:#184E12; background-color:#DBF4DA}
table,td,tr,div,h1,h2,h3,h4,ul {color:#184E12}

@font-face {
  font-family: "Titel";
  src: url(MasonRegular.woff2) format("woff2");
}

@font-face {
  font-family: "Text";
  src: url(BaskervilleOldFace.woff2) format("woff2");
}

h1,h2,h3,header                     {font-family: "Titel", Batang, Times New Roman, serif;
                                     text-align: center}
body,div,p,pre,ul                   {font-family: "Text", Arial, Helvetica, sans-serif;
                                     font-size: 20px; text-align: left}
table,td                            {font-family: "Text", Arial, Helvetica, sans-serif;
                                     font-size: 20px; text-align: center; vertical-align: middle}

img {vertical-align: middle}
.index {background-color: #900000}
.kopf {background-color: #FFFFFF; color: #000000}

header {font-size: 49px; vertical-align: middle}

h1 {font-size: 40px; vertical-align: middle}
h2 {font-size: 34px}
h3 {font-size: 23px}

.uex1   {background-image:url(../Bilder/x.png);    background-repeat:no-repeat; width: 161px; height: 86px;  background-position: center; vertical-align: middle; font-family: "Titel", Batang, Times New Roman, serif; text-align: center; font-size: 45px; vertical-align: middle; font-weight: bold}
.uex2   {background-image:url(../Bilder/x.png);    background-repeat:no-repeat; width: 161px; height: 86px;  background-position: center; vertical-align: middle; font-family: "Titel", Batang, Times New Roman, serif; text-align: center; font-size: 45px; vertical-align: middle; font-weight: bold}
.uexx1  {background-image:url(../Bilder/xx.png);   background-repeat:no-repeat; width: 114px; height: 106px; background-position: center; vertical-align: middle; font-family: "Titel", Batang, Times New Roman, serif; text-align: center; font-size: 45px; vertical-align: middle; font-weight: bold}
.uexx2  {background-image:url(../Bilder/xx2.png);  background-repeat:no-repeat; width: 154px; height: 98px;  background-position: center; vertical-align: middle; font-family: "Titel", Batang, Times New Roman, serif; text-align: center; font-size: 45px; vertical-align: middle; font-weight: bold}
.uexxx1 {background-image:url(../Bilder/xxx.png);  background-repeat:no-repeat; width: 107px; height: 105px; background-position: center; vertical-align: middle; font-family: "Titel", Batang, Times New Roman, serif; text-align: center; font-size: 45px; vertical-align: middle; font-weight: bold}
.uexxx2 {background-image:url(../Bilder/xxx2.png); background-repeat:no-repeat; width: 149px; height: 80px;  background-position: center; vertical-align: middle; font-family: "Titel", Batang, Times New Roman, serif; text-align: center; font-size: 45px; vertical-align: middle; font-weight: bold}

.wuerfel1 {background-image:url(../Bilder/wuerfel1.png); background-repeat:no-repeat; width: 100px; height: 100px;  background-position: center; vertical-align: middle}
.wuerfel2 {background-image:url(../Bilder/wuerfel2.png); background-repeat:no-repeat; width: 100px; height: 100px;  background-position: center; vertical-align: middle}
.wuerfel3 {background-image:url(../Bilder/wuerfel3.png); background-repeat:no-repeat; width: 100px; height: 100px;  background-position: center; vertical-align: middle}

.px20 {font-weight: bold; font-size: 24px}
.px14w {font-weight: bold; font-size: 18px; color:#FFFFFF}
.px13 {font-size: 17px}
.px10 {font-size: 13px; text-align: center}
.links {background-color:#900000; font-size: 24px; font-weight: bold; cursor:hand}
.px12 {font-size: 18px}
.rueck {text-align: left; text-indent: -2em; margin-left: 2em}
.schwarz {color: #000000}
.beige   {color:#FFF088}
.ohneSF {color:#A40000}

a         {font-size: 21px; text-decoration: none; font-weight: bold}
.left     {text-align: left}
.right    {text-align: right}
.center   {text-align: center}

a:link    {color:#A40000}
a:visited {color:#A40000}
a:active  {color:#A40000}
a:hover   {color:#E00000}

.tabelleu  {color: #FFFFFF; vertical-align: top; font-weight: bold; font-size: 14px; border-bottom: 2px solid; border-color: #878787}
.tabelleul {text-align: left; vertical-align: top; color: #FFFFFF; font-weight: bold; font-size: 14px; border-bottom: 2px solid; border-color: #878787}
.tabelleur {text-align: right; vertical-align: top; color: #FFFFFF; font-weight: bold; font-size: 14px; border-bottom: 2px solid; border-color: #878787}
.tabellel  {text-align: left; border-bottom: 1px solid; border-color: #A7A7A7}
.tabeller  {text-align: right; vertical-align: top; font-size: 13px; border-bottom: 1px solid; border-color: #A7A7A7}
.tabellez  {font-size: 13px; border-bottom: 1px solid; border-color: #A7A7A7}
.tabelled  {color: #FFFFFF; vertical-align: top; font-size: 13px; border-bottom: 1px solid; border-color: #A7A7A7; font-weight: bold}
.tabellel2 {text-align: left; vertical-align: top; font-size: 13px; border-bottom: 2px solid; border-color: #A7A7A7}
.tabellez2 {vertical-align: top; font-size: 13px; border-bottom: 2px solid; border-color: #A7A7A7}
.tabellelv {text-align: left; vertical-align: middle; font-size: 13px; border-bottom: 1px solid; border-color: #A7A7A7}
.tabellegi {text-align: left; vertical-align: top; font-size: 13px; border-bottom: 1px solid; border-left: 1px solid; border-color: #A7A7A7}

.nav {
  height: 100%;
  width: 0px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  overflow-x: hidden;
  padding-top: 20px;
  background-color: #ABC49A;
  transition: 0.5s;
}

.glow-on-hover {
    width: 285px;
    height: 465px;
    border: none;
    outline: none;
    color: #fff;
    background: transparent;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #184E12, #184E12, #ff7300, #ABC49A, #48ff00, #DBF4DA, #ABC49A, #184E12, #184E12);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover:active {
    color: #000
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #DBF4DA;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0 50%; }
}


#inhalt {
  transition: margin-left .5s;
  padding: 16px;
}