html{color:#fff}.chart-container{width:60%;margin:20px auto}.average{margin-top:20px;font-size:18px;color:#fff}.menupage{padding:20px;font-family:Arial,sans-serif;text-align:center}.chart-wrapper{width:60%;margin:0 auto}.chart-wrapper canvas{position:relative}.average-display{font-size:20px;color:#000}.charts-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:#000}.chart-item{flex-grow:1;flex-shrink:1;flex-basis:calc(33.333% - 10px);max-width:calc(33.333% - 10px);text-align:center;background-color:#fff;border-radius:20px;padding:20px}.chart-item h2{margin-bottom:10px;font-family:Roboto;font-weight:400;font-size:16px}.chart-wrapper{position:relative}.average-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:HeronSans;font-size:18px;font-weight:700}@media (max-width:768px){.chart-item{flex:1 1 100%;max-width:100%}}.chart-container{width:100%;max-width:700px;height:400px;margin:0 auto;padding:10px;box-sizing:border-box}@media (max-width:1024px){.chart-container{height:350px}}@media (max-width:768px){.chart-container{height:300px}}.herunterladen{margin:20px}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background-color:#000;color:#fff}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}@font-face{font-family:HeronSans;src:url(/fonts/HeronSans.ttf) format("ttf"),url(/fonts/HeronSans.woff2) format("woff2"),url(/fonts/HeronSans.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto.ttf) format("ttf"),url(/fonts/Roboto.woff2) format("woff2"),url(/fonts/Roboto.woff) format("woff");font-weight:400;font-style:normal}#logo{text-align:center;padding:20px}.logobtnview{width:60px;height:60px}h1{font-family:HeronSans;text-transform:uppercase;font-size:50px;line-height:50px;font-weight:400;font-style:normal}p{width:700px;font-family:Roboto;font-size:13px;margin:10px auto;padding:15px;border-radius:15px}.buttons,p{background-color:#fff;color:#000}.buttons{font-family:HeronSans;font-size:15px;text-transform:uppercase;padding:20px 40px;border-radius:50px;border:1px solid #fff;margin:4px;cursor:pointer}.content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 90px)}.content,.content-2{text-align:center;padding:0 10px}.content-2{margin:20px auto;width:1035px}.header-font{padding:100px 0 0;text-align:center}@media (max-width:767px){.content-2{margin:20px auto;width:100%}h1{font-size:35px;line-height:35px}p{width:100%;font-size:12px;padding:15px;margin:25px 0}.buttons{font-size:13px}}html{background-color:#000}.menu-container{width:1035px;margin:0 auto;padding:4px 0}.menu{z-index:9999;cursor:pointer;display:flex;align-items:center;text-align:center;background-color:#000;padding:8px 10px;border-radius:0 0 20px 0}.menu-img{width:22px;cursor:pointer}.menu-close{width:20px;cursor:pointer;position:fixed;right:30px;top:52px}.logo-img{width:62px;margin-left:15px}.display{position:fixed;right:30px;top:42px;z-index:9999;display:flex;align-items:center;text-align:center}.display-img{width:34px;margin-left:15px}.menu-open{position:fixed;top:0;left:0;height:100vh;width:350px;background-color:#000;z-index:99999;text-align:center;transform:translateX(-100%);transition:transform .3s ease}.menu-open a{text-decoration:none;cursor:pointer}.menu-open.open{transform:translateX(0)}.basketball{width:30px;margin-top:50px;margin-bottom:35px}.menu-fuehrung{text-align:left;padding:0 50px}.menu-punkt{font-family:HeronSans;font-size:30px;line-height:38px;text-transform:uppercase;font-weight:100;color:#fff}@media (max-width:767px){.menu-open{width:100%}.menu-fuehrung{padding:0 30px}.menu{position:fixed;left:0;top:0;padding:8px 15px}}