body { font-family: Verdana, Helvetica, arial; font-weight: 500; font-size: 13px; background-image: radial-gradient(circle, #bfad99,#8B7765); } 
h1 { color: black; font-size: 25px; font-family: serif, sans-serif; width: 100%; height: 45px; font-weight: bold; font-style: normal; margin-top: 7px; line-height: 42px; text-align: center; }
#ebene { position: fixed; left: 50%; margin: 0 auto 0 -233px; background-color: #877561; top: 0; bottom: 0; width: 467px; height: 122px; outline: solid 2px #7a6854; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; } 
#feld { background-color: #7a6854; width: 420px; height: 60px; margin: 12px auto; padding: 0; box-shadow: 0px 2px 2px -2px black; border-radius: 7px; display: flex; display: -webkit-flex; } 
#ueber { display: none; }
#ueber2 { width: 210px; text-align: center; width: 100%; }
#feld2 { width: 100%; height: auto; margin-right: auto; margin-left: auto; } 
#navikat { width: 420px; color: #b9b9b9; font-size: 13px; font-family: Verdana, Helvetica, arial; font-weight: 500; height: 27px; line-height: 27px; margin-right: auto; margin-bottom: 3px; margin-left: auto; padding-left: 1px; display: flex; display: -webkit-flex; }
#navikat a:link { color: #b9b9b9; text-decoration: none; }
#navikat a:visited { text-decoration: none; color: #b9b9b9; }
#navikat a:hover { text-decoration: none; color: #dddddd; }
#box1 { text-align: center; width: 87px; height: auto; background: #216521; margin-left: 8px; box-shadow: 1px 1px 2px #333; }
#box1 a { display: block; }
#box1 a:hover { background-color: #60824f; }
#box2 { text-align: center; width: 87px; height: auto; background: #216521; margin-left: 17px; box-shadow: 1px 1px 2px #333; }
#box2 a { display: block; }
#box2 a:hover { background-color: #60824f; }
#box3 { text-align: center; width: 87px; height: auto; background: #216521; margin-left: 17px; box-shadow: 1px 1px 2px #333; }
#box3 a { display: block; }
#box3 a:hover { background-color: #60824f; }
#box4 { text-align: center; width: 87px; height: auto; background: #216521; margin-left: 17px; box-shadow: 1px 1px 2px #333; }
#box4 a { display: block; }
#box4 a:hover { background-color: #60824f; }
#box5 { display: none; }
#box6 { display: none; }
#jahr { color: black; width: 100%; font-size: 18px; font-family: serif, sans-serif; font-weight: bold; text-align: center; margin-top: 5px; }
#ebene2 { background-color: #7a6854; width: 456px; height: auto; margin-top: 123px; margin-right: auto; margin-left: auto; color: black; font-size: 14px; font-weight: 500; padding-top: 4px; padding-bottom: 6px; border-right: 7px solid #7a6854; border-left: 7px solid #7a6854; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; }
#ebene3 { height: auto; margin-right: auto; margin-left: auto; color: black; font-size: 14px; font-weight: 500; display: flex; display: -webkit-flex; }

#braun { font-family: Verdana, Helvetica, arial; width: 120px; height: auto; text-align: center; margin-top: 10px; margin-bottom: 7px; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; }
#dat1 { font-weight: 700; width: 100%; background-color: #5c7e4b; text-indent: 6px; line-height: 27px; height: 27px; margin-bottom: 3px; margin-right: 3px; margin-left: 0; }
#dat2 { width: 100%; background-color: #658754; text-indent: 6px; line-height: 27px; height: 27px; margin-left: 0; border-right: 3px solid #7a6854; border-bottom: 3px solid #7a6854; }
#dat3 { width: 100%; background-color: #658754; text-indent: 6px; line-height: 27px; height: 27px; margin-left: 0; border-right: 3px solid #7a6854; border-bottom: 3px solid #7a6854; }
#dat4 { width: 100%; background-color: #658754; text-indent: 6px; line-height: 27px; height: 27px; margin-left: 0; border-right: 3px solid #7a6854; border-bottom: 3px solid #7a6854; }
#dat5 { width: 100%; background-color: #658754; text-indent: 6px; line-height: 27px; height: 27px; margin-left: 0; border-right: 3px solid #7a6854; border-bottom: 3px solid #7a6854; }
#dat6 { width: 100%; background-color: #658754; text-indent: 6px; line-height: 27px; height: 27px; margin-left: 0; border-right: 3px solid #7a6854; border-bottom: 3px solid #7a6854; }
#dat7 { width: 100%; background-color: #658754; text-indent: 6px; line-height: 27px; height: 27px; margin-left: 0; border-right: 3px solid #7a6854; border-bottom: 3px solid #7a6854; }
#dat8 { width: 100%; background-color: #658754; text-indent: 6px; line-height: 27px; height: 27px; margin-left: 0; border-right: 3px solid #7a6854; border-bottom: 3px solid #7a6854; }
#dat9 { width: 100%; background-color: #658754; text-indent: 6px; line-height: 27px; height: 27px; margin-left: 0; border-right: 3px solid #7a6854; border-bottom: 3px solid #7a6854; }
#dat10 { width: 100%; background-color: #658754; text-indent: 6px; line-height: 27px; height: 27px; margin-left: 0; border-right: 3px solid #7a6854; border-bottom: 3px solid #7a6854; }
#dat11 { width: 100%; background-color: #658754; text-indent: 6px; line-height: 27px; height: 27px; margin-left: 0; border-right: 3px solid #7a6854; border-bottom: 3px solid #7a6854; }
#dat12 { width: 100%; background-color: #658754; text-indent: 6px; line-height: 27px; height: 27px; margin-left: 0; border-right: 3px solid #7a6854; border-bottom: 3px solid #7a6854; }
#dat13 { width: 100%; background-color: #658754; text-indent: 6px; line-height: 27px; height: 27px; margin-left: 0; border-right: 3px solid #7a6854; border-bottom: 3px solid #7a6854; }
#dat14 { font-weight: 700; width: 100%; background-color: #5c7e4b; text-indent: 6px; line-height: 27px; height: 27px; margin-left: 0; border-right: 3px solid #7a6854; border-bottom: 3px solid #7a6854; }

#braun2 { font-family: Verdana, Helvetica, arial; width: 120px; height: auto; margin: 10px 1px 7px 3px; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; }
#line1 { font-weight: 700; width: 100%; background-color: #5c7e4b; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; margin-bottom: 3px; overflow: hidden; }
#line2 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; }
#line3 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; }
#line4 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; }
#line5 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; }
#line6 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; }
#line7 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; }
#line8 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; }
#line9 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; }
#line10 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; }
#line11 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; }
#line12 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; }
#line13 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; }
#line14 { width: 100%; background-color: #5c7e4b; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; }


#braun3 { font-family: Verdana, Helvetica, arial; width: 120px; height: auto; margin-top: 10px; margin-bottom: 7px; margin-left: 2px; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; }
#lat1 { font-weight: 700; width: 100%; background-color: #5c7e4b; text-align: center; line-height: 27px; height: 27px; margin-right: 2px; margin-bottom: 3px; }
#lat2 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; margin-right: 2px; border-bottom: 3px solid #7a6854; }
#lat3 { width: 100%; background-color: #658754; text-align: center; line-height: 32px; height: 27px; margin-right: 2px; border-bottom: 3px solid #7a6854; }
#lat4 { width: 100%; background-color: #658754; text-align: center; line-height: 32px; height: 27px; margin-right: 2px; border-bottom: 3px solid #7a6854; }
#lat5 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; margin-right: 2px; border-bottom: 3px solid #7a6854; }
#lat6 { width: 100%; background-color: #658754; text-align: center; line-height: 32px; height: 27px; margin-right: 2px; border-bottom: 3px solid #7a6854; }
#lat7 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; margin-right: 2px; border-bottom: 3px solid #7a6854; }
#lat8 { width: 100%; background-color: #658754; text-align: center; line-height: 32px; height: 27px; margin-right: 2px; border-bottom: 3px solid #7a6854; }
#lat9 { width: 100%; background-color: #658754; text-align: center; line-height: 32px; height: 27px; margin-right: 2px; border-bottom: 3px solid #7a6854; }
#lat10 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; margin-right: 2px; border-bottom: 3px solid #7a6854; }
#lat11 { width: 100%; background-color: #658754; text-align: center; line-height: 32px; height: 27px; margin-right: 2px; border-bottom: 3px solid #7a6854; }
#lat12 { width: 100%; background-color: #658754; text-align: center; line-height: 32px; height: 27px; margin-right: 2px; border-bottom: 3px solid #7a6854; }
#lat13 { width: 100%; background-color: #658754; text-align: center; line-height: 32px; height: 27px; margin-right: 2px; border-bottom: 3px solid #7a6854; }
#lat14 { width: 100%; background-color: #5c7e4b; text-align: center; line-height: 27px; height: 27px; margin-right: 2px; border-bottom: 3px solid #7a6854; }