body{--color-rot: #d83d4b;--color-gelb: #fee549;--color-grün: #3fa05b;--color-blau: #35488b;--color-white: white;--color-hell-grau: #e4e4e4;--color-grau: #bebebe;--color-dunkel-grau: #999999}html{padding:0;margin:0;width:100%}#root{width:100%}body{padding:0;margin:0;display:flex;align-content:center;justify-content:center}.reihe{display:flex;justify-content:space-around}.reihe.rot{background-color:var(--color-rot)}.reihe.gelb{background-color:var(--color-gelb)}.reihe.gruen{background-color:var(--color-grün)}.reihe.blau{background-color:var(--color-blau)}.button-zahlen{width:3rem;height:3rem;margin:.4rem .2rem;background-color:var(--color-white);border:none;border-radius:.3rem;font-weight:700;font-size:2rem;padding:0}.button-zahlen.ROT{color:var(--color-rot)}.button-zahlen.GELB{color:var(--color-gelb)}.button-zahlen.GRUEN{color:var(--color-grün)}.button-zahlen.BLAU{color:var(--color-blau)}.close-button{border-radius:3rem;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23d83d4b'%20viewBox='0%200%2050%2050'%20width='50px'%20height='50px'%3e%3cpath%20d='M%2022.78125%200%20C%2021.605469%20-0.00390625%2020.40625%200.164063%2019.21875%200.53125%20C%2012.902344%202.492188%209.289063%209.269531%2011.25%2015.59375%20L%2011.25%2015.65625%20C%2011.507813%2016.367188%2012.199219%2018.617188%2012.625%2020%20L%209%2020%20C%207.300781%2020%206%2021.300781%206%2023%20L%206%2047%20C%206%2048.699219%207.300781%2050%209%2050%20L%2041%2050%20C%2042.699219%2050%2044%2048.699219%2044%2047%20L%2044%2023%20C%2044%2021.300781%2042.699219%2020%2041%2020%20L%2014.75%2020%20C%2014.441406%2019.007813%2013.511719%2016.074219%2013.125%2015%20L%2013.15625%2015%20C%2011.519531%209.722656%2014.5%204.109375%2019.78125%202.46875%20C%2025.050781%200.832031%2030.695313%203.796875%2032.34375%209.0625%20C%2032.34375%209.066406%2032.34375%209.089844%2032.34375%209.09375%20C%2032.570313%209.886719%2033.65625%2013.40625%2033.65625%2013.40625%20C%2033.746094%2013.765625%2034.027344%2014.050781%2034.386719%2014.136719%20C%2034.75%2014.226563%2035.128906%2014.109375%2035.375%2013.832031%20C%2035.621094%2013.550781%2035.695313%2013.160156%2035.5625%2012.8125%20C%2035.5625%2012.8125%2034.433594%209.171875%2034.25%208.53125%20L%2034.25%208.5%20C%2032.78125%203.761719%2028.601563%200.542969%2023.9375%200.0625%20C%2023.550781%200.0234375%2023.171875%200%2022.78125%200%20Z%20M%2025%2030%20C%2026.699219%2030%2028%2031.300781%2028%2033%20C%2028%2033.898438%2027.601563%2034.6875%2027%2035.1875%20L%2027%2038%20C%2027%2039.101563%2026.101563%2040%2025%2040%20C%2023.898438%2040%2023%2039.101563%2023%2038%20L%2023%2035.1875%20C%2022.398438%2034.6875%2022%2033.898438%2022%2033%20C%2022%2031.300781%2023.300781%2030%2025%2030%20Z'/%3e%3c/svg%3e");background-size:70%;background-repeat:no-repeat;background-position:center;width:3rem;height:3rem;transform:rotate(18deg)}.button-zahlen.ROT.close-button{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23d83d4b'%20viewBox='0%200%2050%2050'%20width='50px'%20height='50px'%3e%3cpath%20d='M%2022.78125%200%20C%2021.605469%20-0.00390625%2020.40625%200.164063%2019.21875%200.53125%20C%2012.902344%202.492188%209.289063%209.269531%2011.25%2015.59375%20L%2011.25%2015.65625%20C%2011.507813%2016.367188%2012.199219%2018.617188%2012.625%2020%20L%209%2020%20C%207.300781%2020%206%2021.300781%206%2023%20L%206%2047%20C%206%2048.699219%207.300781%2050%209%2050%20L%2041%2050%20C%2042.699219%2050%2044%2048.699219%2044%2047%20L%2044%2023%20C%2044%2021.300781%2042.699219%2020%2041%2020%20L%2014.75%2020%20C%2014.441406%2019.007813%2013.511719%2016.074219%2013.125%2015%20L%2013.15625%2015%20C%2011.519531%209.722656%2014.5%204.109375%2019.78125%202.46875%20C%2025.050781%200.832031%2030.695313%203.796875%2032.34375%209.0625%20C%2032.34375%209.066406%2032.34375%209.089844%2032.34375%209.09375%20C%2032.570313%209.886719%2033.65625%2013.40625%2033.65625%2013.40625%20C%2033.746094%2013.765625%2034.027344%2014.050781%2034.386719%2014.136719%20C%2034.75%2014.226563%2035.128906%2014.109375%2035.375%2013.832031%20C%2035.621094%2013.550781%2035.695313%2013.160156%2035.5625%2012.8125%20C%2035.5625%2012.8125%2034.433594%209.171875%2034.25%208.53125%20L%2034.25%208.5%20C%2032.78125%203.761719%2028.601563%200.542969%2023.9375%200.0625%20C%2023.550781%200.0234375%2023.171875%200%2022.78125%200%20Z%20M%2025%2030%20C%2026.699219%2030%2028%2031.300781%2028%2033%20C%2028%2033.898438%2027.601563%2034.6875%2027%2035.1875%20L%2027%2038%20C%2027%2039.101563%2026.101563%2040%2025%2040%20C%2023.898438%2040%2023%2039.101563%2023%2038%20L%2023%2035.1875%20C%2022.398438%2034.6875%2022%2033.898438%2022%2033%20C%2022%2031.300781%2023.300781%2030%2025%2030%20Z'/%3e%3c/svg%3e")}.button-zahlen.GELB.close-button{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23fee549'%20viewBox='0%200%2050%2050'%20width='50px'%20height='50px'%3e%3cpath%20d='M%2022.78125%200%20C%2021.605469%20-0.00390625%2020.40625%200.164063%2019.21875%200.53125%20C%2012.902344%202.492188%209.289063%209.269531%2011.25%2015.59375%20L%2011.25%2015.65625%20C%2011.507813%2016.367188%2012.199219%2018.617188%2012.625%2020%20L%209%2020%20C%207.300781%2020%206%2021.300781%206%2023%20L%206%2047%20C%206%2048.699219%207.300781%2050%209%2050%20L%2041%2050%20C%2042.699219%2050%2044%2048.699219%2044%2047%20L%2044%2023%20C%2044%2021.300781%2042.699219%2020%2041%2020%20L%2014.75%2020%20C%2014.441406%2019.007813%2013.511719%2016.074219%2013.125%2015%20L%2013.15625%2015%20C%2011.519531%209.722656%2014.5%204.109375%2019.78125%202.46875%20C%2025.050781%200.832031%2030.695313%203.796875%2032.34375%209.0625%20C%2032.34375%209.066406%2032.34375%209.089844%2032.34375%209.09375%20C%2032.570313%209.886719%2033.65625%2013.40625%2033.65625%2013.40625%20C%2033.746094%2013.765625%2034.027344%2014.050781%2034.386719%2014.136719%20C%2034.75%2014.226563%2035.128906%2014.109375%2035.375%2013.832031%20C%2035.621094%2013.550781%2035.695313%2013.160156%2035.5625%2012.8125%20C%2035.5625%2012.8125%2034.433594%209.171875%2034.25%208.53125%20L%2034.25%208.5%20C%2032.78125%203.761719%2028.601563%200.542969%2023.9375%200.0625%20C%2023.550781%200.0234375%2023.171875%200%2022.78125%200%20Z%20M%2025%2030%20C%2026.699219%2030%2028%2031.300781%2028%2033%20C%2028%2033.898438%2027.601563%2034.6875%2027%2035.1875%20L%2027%2038%20C%2027%2039.101563%2026.101563%2040%2025%2040%20C%2023.898438%2040%2023%2039.101563%2023%2038%20L%2023%2035.1875%20C%2022.398438%2034.6875%2022%2033.898438%2022%2033%20C%2022%2031.300781%2023.300781%2030%2025%2030%20Z'/%3e%3c/svg%3e")}.button-zahlen.GRUEN.close-button{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%233fa05b'%20viewBox='0%200%2050%2050'%20width='50px'%20height='50px'%3e%3cpath%20d='M%2022.78125%200%20C%2021.605469%20-0.00390625%2020.40625%200.164063%2019.21875%200.53125%20C%2012.902344%202.492188%209.289063%209.269531%2011.25%2015.59375%20L%2011.25%2015.65625%20C%2011.507813%2016.367188%2012.199219%2018.617188%2012.625%2020%20L%209%2020%20C%207.300781%2020%206%2021.300781%206%2023%20L%206%2047%20C%206%2048.699219%207.300781%2050%209%2050%20L%2041%2050%20C%2042.699219%2050%2044%2048.699219%2044%2047%20L%2044%2023%20C%2044%2021.300781%2042.699219%2020%2041%2020%20L%2014.75%2020%20C%2014.441406%2019.007813%2013.511719%2016.074219%2013.125%2015%20L%2013.15625%2015%20C%2011.519531%209.722656%2014.5%204.109375%2019.78125%202.46875%20C%2025.050781%200.832031%2030.695313%203.796875%2032.34375%209.0625%20C%2032.34375%209.066406%2032.34375%209.089844%2032.34375%209.09375%20C%2032.570313%209.886719%2033.65625%2013.40625%2033.65625%2013.40625%20C%2033.746094%2013.765625%2034.027344%2014.050781%2034.386719%2014.136719%20C%2034.75%2014.226563%2035.128906%2014.109375%2035.375%2013.832031%20C%2035.621094%2013.550781%2035.695313%2013.160156%2035.5625%2012.8125%20C%2035.5625%2012.8125%2034.433594%209.171875%2034.25%208.53125%20L%2034.25%208.5%20C%2032.78125%203.761719%2028.601563%200.542969%2023.9375%200.0625%20C%2023.550781%200.0234375%2023.171875%200%2022.78125%200%20Z%20M%2025%2030%20C%2026.699219%2030%2028%2031.300781%2028%2033%20C%2028%2033.898438%2027.601563%2034.6875%2027%2035.1875%20L%2027%2038%20C%2027%2039.101563%2026.101563%2040%2025%2040%20C%2023.898438%2040%2023%2039.101563%2023%2038%20L%2023%2035.1875%20C%2022.398438%2034.6875%2022%2033.898438%2022%2033%20C%2022%2031.300781%2023.300781%2030%2025%2030%20Z'/%3e%3c/svg%3e")}.button-zahlen.BLAU.close-button{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%2335488b'%20viewBox='0%200%2050%2050'%20width='50px'%20height='50px'%3e%3cpath%20d='M%2022.78125%200%20C%2021.605469%20-0.00390625%2020.40625%200.164063%2019.21875%200.53125%20C%2012.902344%202.492188%209.289063%209.269531%2011.25%2015.59375%20L%2011.25%2015.65625%20C%2011.507813%2016.367188%2012.199219%2018.617188%2012.625%2020%20L%209%2020%20C%207.300781%2020%206%2021.300781%206%2023%20L%206%2047%20C%206%2048.699219%207.300781%2050%209%2050%20L%2041%2050%20C%2042.699219%2050%2044%2048.699219%2044%2047%20L%2044%2023%20C%2044%2021.300781%2042.699219%2020%2041%2020%20L%2014.75%2020%20C%2014.441406%2019.007813%2013.511719%2016.074219%2013.125%2015%20L%2013.15625%2015%20C%2011.519531%209.722656%2014.5%204.109375%2019.78125%202.46875%20C%2025.050781%200.832031%2030.695313%203.796875%2032.34375%209.0625%20C%2032.34375%209.066406%2032.34375%209.089844%2032.34375%209.09375%20C%2032.570313%209.886719%2033.65625%2013.40625%2033.65625%2013.40625%20C%2033.746094%2013.765625%2034.027344%2014.050781%2034.386719%2014.136719%20C%2034.75%2014.226563%2035.128906%2014.109375%2035.375%2013.832031%20C%2035.621094%2013.550781%2035.695313%2013.160156%2035.5625%2012.8125%20C%2035.5625%2012.8125%2034.433594%209.171875%2034.25%208.53125%20L%2034.25%208.5%20C%2032.78125%203.761719%2028.601563%200.542969%2023.9375%200.0625%20C%2023.550781%200.0234375%2023.171875%200%2022.78125%200%20Z%20M%2025%2030%20C%2026.699219%2030%2028%2031.300781%2028%2033%20C%2028%2033.898438%2027.601563%2034.6875%2027%2035.1875%20L%2027%2038%20C%2027%2039.101563%2026.101563%2040%2025%2040%20C%2023.898438%2040%2023%2039.101563%2023%2038%20L%2023%2035.1875%20C%2022.398438%2034.6875%2022%2033.898438%2022%2033%20C%2022%2031.300781%2023.300781%2030%2025%2030%20Z'/%3e%3c/svg%3e")}.summen{display:flex;justify-content:space-around;align-items:center;padding:.5rem;background-color:var(--color-grau)}#ergebnis{font-weight:700;font-size:.8rem}.sum-label{font-weight:700;font-size:1.5rem}.summe{border:5px solid black;border-radius:1rem;min-width:3.5rem;min-height:2.5rem;display:inline-block;background-color:var(--color-white);font-size:2rem}.summe.rot{border:5px solid var(--color-rot)}.summe.gelb{border:5px solid var(--color-gelb)}.summe.gruen{border:5px solid var(--color-grün)}.summe.blau{border:5px solid var(--color-blau)}.summe.grau{border:5px solid var(--color-dunkel-grau)}.summe.ergebnis{min-width:11rem}.punkte-tabelle{display:flex;flex-direction:row}.punkte-toupel{display:flex;flex-direction:column;max-height:2.5rem}.punkte-toupel.label{font-size:.8rem}.punkte-toupel.punkte{border:3px solid var(--color-dunkel-grau);background-color:var(--color-white);border-radius:8px;padding:1px;justify-content:start;align-items:center;min-width:2rem;font-size:.8rem}.punkte-label{height:8px}#punkte-and-fehlwürfe{display:flex;justify-content:space-between;background-color:var(--color-hell-grau);padding-top:.5rem;padding-bottom:.5rem}.fehlwürfe-box{display:flex;justify-content:space-around;min-width:9rem}.fehlwurf-button{display:inline-block;width:2rem;height:2.5rem;background-color:var(--color-white);border-radius:8px;border:3px solid var(--color-dunkel-grau)}.fehlwurf-icon{width:1rem;height:1rem}.button-close{text-decoration:line-through;text-decoration-color:#000}