body { font-family: Verdana, Helvetica, arial; font-weight: 500; font-size: 13px; background-image: radial-gradient(circle, #bfad99,#8B7765); } h1 { color: black; font-size: 21px; font-family: serif, sans-serif; width: 276px; height: 45px; font-weight: bold; font-style: normal; margin-top: 20px; line-height: 19px; text-align: center; margin-left: 8px; } #ebene { position: fixed; left: 50%; margin: 0 auto 0 -154px; background-color: #877561; top: 0; bottom: 0; width: 308px; height: 122px; outline: solid 2px #7a6854; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; } #feld { background-color: #7a6854; width: 294px; height: 60px; margin: 12px auto 12px 7px; padding-top: 0; padding-bottom: 0; box-shadow: 0px 2px 2px -2px black; display: flex; display: -webkit-flex; border-radius: 7px; } #ueber { display: none; } #ueber2 { width: 270px; text-align: center; width: 100%; } #feld2 { width: 100%; height: auto; margin-right: auto; margin-left: auto; } #navikat { width: 300px; 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: 3px; 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: 91px; height: auto; background: #216521; margin-left: 2px; box-shadow: 1px 1px 2px #333; } #box1 a { display: block; } #box1 a:hover { background-color: #60824f; } #box2 { text-align: center; width: 91px; height: auto; background: #216521; margin-left: 9px; box-shadow: 1px 1px 2px #333; } #box2 a { display: block; } #box2 a:hover { background-color: #60824f; } #box3 { text-align: center; width: 91px; height: auto; background: #216521; margin-left: 9px; box-shadow: 1px 1px 2px #333; } #box3 a { display: block; } #box3 a:hover { background-color: #60824f; } #box4 { display: none; } #box5 { display: none; } #box6 { display: none; } #ebene2 { background-color: #7a6854; width: 311px; height: auto; margin-top: 122px; margin-right: auto; margin-left: auto; color: black; font-size: 13px; font-family: Helvetica, arial; font-weight: 500; padding-top: 3px; padding-bottom: 0; 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; } #jahr { color: black; width: 100%; font-size: 14px; font-family: Helvetica, arial; font-weight: bold; text-align: center; margin-top: 5px; } #braun { width: 97px; height: auto; margin-top: 8px; margin-right: 1px; margin-bottom: 3px; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; } #dat1 { font-weight: 700; width: 100%; background-color: #5c7e4b; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; } #dat2 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; } #dat3 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; } #dat4 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; } #dat5 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; } #dat6 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; } #dat7 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; } #dat8 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; } #dat9 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; } #dat10 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; } #dat11 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; } #dat12 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; } #dat13 { width: 100%; background-color: #658754; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; } #dat14 { font-weight: 700; width: 100%; background-color: #5c7e4b; text-align: center; line-height: 27px; height: 27px; text-indent: 6px; border-bottom: 3px solid #7a6854; } #braun2 { width: 96px; height: auto; margin: 8px 1px 3px 2px; 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; border-bottom: 3px solid #7a6854; } #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 { text-align: center; width: 100px; height: auto; margin-top: 8px; margin-bottom: 3px; margin-left: 2px; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; } #lat1 { font-weight: 700; width: 100%; background-color: #5c7e4b; line-height: 27px; height: 27px; margin-bottom: 2px; } #lat2 { width: 100%; background-color: #658754; line-height: 27px; height: 27px; border-bottom: 3px solid #7a6854; } #lat3 { width: 100%; background-color: #658754; line-height: 32px; height: 27px; border-bottom: 3px solid #7a6854; } #lat4 { width: 100%; background-color: #658754; line-height: 32px; height: 27px; border-bottom: 3px solid #7a6854; } #lat5 { width: 100%; background-color: #658754; line-height: 27px; height: 27px; border-bottom: 3px solid #7a6854; } #lat6 { width: 100%; background-color: #658754; line-height: 32px; height: 27px; border-bottom: 3px solid #7a6854; } #lat7 { width: 100%; background-color: #658754; line-height: 27px; height: 27px; border-bottom: 3px solid #7a6854; } #lat8 { width: 100%; background-color: #658754; line-height: 32px; height: 27px; border-bottom: 3px solid #7a6854; } #lat9 { width: 100%; background-color: #658754; line-height: 32px; height: 27px; border-bottom: 3px solid #7a6854; } #lat10 { width: 100%; background-color: #658754; line-height: 27px; height: 27px; border-bottom: 3px solid #7a6854; } #lat11 { width: 100%; background-color: #658754; line-height: 32px; height: 27px; border-bottom: 3px solid #7a6854; } #lat12 { width: 100%; background-color: #658754; line-height: 32px; height: 27px; border-bottom: 3px solid #7a6854; } #lat13 { width: 100%; background-color: #658754; line-height: 32px; height: 27px; border-bottom: 3px solid #7a6854; } #lat14 { width: 100%; background-color: #5c7e4b; line-height: 27px; height: 27px; border-bottom: 3px solid #7a6854; }