:root{--vereinsblau: #2d418d;--akzent: #2d418d;--admin-gruen: #14a44d;--weiss: #fff;--grau-text: #6e7680;--grau-linie: #eaeaea;--grau-flaeche: #f5f6f9;--grau-feld: #f5f6fa;--ampel-gruen: #2ac14d;--ampel-gelb: #e9df20;--ampel-rot: #ff0000;--kopf-hoehe: 90px;--nav-hoehe: 56px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:HelveticaNeue,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:var(--weiss);color:#323333}.rahmen{min-height:100dvh;display:flex;flex-direction:column;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.kopf{height:var(--kopf-hoehe);flex:0 0 var(--kopf-hoehe);display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:18px;font-weight:700;color:var(--vereinsblau);padding-top:env(safe-area-inset-top);height:calc(var(--kopf-hoehe) + env(safe-area-inset-top));flex-basis:calc(var(--kopf-hoehe) + env(safe-area-inset-top));background-color:transparent;background-image:url(/bilder/mask-page-head.png)}.kopf__titel{flex:1;text-align:center}.kopf__rechts{width:44px;height:44px;flex:0 0 44px}.kopf__zurueck{border:0;cursor:pointer;text-decoration:none;font-size:24px;color:var(--vereinsblau);line-height:36px}a.kopf__zurueck,span.kopf__zurueck{width:44px;height:44px;flex:0 0 44px}a.kopf__zurueck{display:flex;align-items:center;justify-content:flex-start}a.kopf__zurueck:before{content:"‹";display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #30448e29;padding-bottom:3px}.kopf__bild{display:inline-block;width:44px;height:44px;border-radius:50%;background:var(--grau-linie)}.inhalt{flex:1 1 auto;overflow-y:auto;padding:15px}.nav{padding-bottom:env(safe-area-inset-bottom);flex:0 0 calc(var(--nav-hoehe) + env(safe-area-inset-bottom));display:flex;justify-content:space-around;align-items:center;background:var(--weiss);border-top:1px solid var(--grau-linie)}.nav__eintrag{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;line-height:15px;font-weight:700;color:var(--grau-text);text-decoration:none}.nav__eintrag[data-aktiv=ja]{color:var(--akzent)}.nav__sinnbild{width:24px;height:24px;background-repeat:no-repeat;background-position:center}.nav__punkt{position:relative}.nav__punkt:after{content:"";position:absolute;top:2px;right:3px;width:8px;height:8px;border-radius:50%;background:#ed5b5b}.knopf{width:100%;height:55px;border:0;border-radius:4px;font-weight:700;text-transform:uppercase;color:var(--weiss);background:var(--akzent);cursor:pointer;font-size:15px}.knopf--admin{background:var(--admin-gruen);margin-bottom:5px}.knopf:disabled{opacity:.5;cursor:default}.dialog{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}.dialog__rueckwand{position:absolute;inset:0;background:#00000061;border:0}.dialog__kasten{position:relative;background:var(--weiss);border-radius:8px;width:min(330px,calc(100% - 30px));max-height:calc(100% - 60px);display:flex;flex-direction:column}.dialog__kopf{display:flex;align-items:center;justify-content:space-between;padding:15px;font-weight:700;color:var(--vereinsblau);border-bottom:1px solid var(--grau-linie)}.dialog__schliessen{border:0;background:transparent;font-size:20px;cursor:pointer;color:var(--grau-text)}.dialog__koerper{padding:15px;overflow-y:auto}.dialog__fuss{display:flex;gap:10px;padding:15px;border-top:1px solid var(--grau-linie)}.dialog__fuss .knopf{height:44px}.ampel{display:flex;align-items:center;gap:8px}.ampel__licht{width:14px;height:14px;border-radius:50%}.ampel__licht[data-farbe=GREEN]{background:var(--ampel-gruen)}.ampel__licht[data-farbe=YELLOW]{background:var(--ampel-gelb)}.ampel__licht[data-farbe=RED]{background:var(--ampel-rot)}.karte{border:1px solid var(--grau-linie);border-radius:6px;padding:12px;margin-bottom:10px}.zeile{display:flex;justify-content:space-between;align-items:center}.leise{color:var(--grau-text);font-size:13px}.reiter{display:flex;margin:-15px -15px 15px}.reiter__knopf{flex:1;border:0;background:var(--weiss);cursor:pointer;font-size:14px;line-height:17px;font-weight:700;color:var(--grau-text);padding:15px 0 16px;position:relative}.reiter__knopf[data-aktiv=ja]{color:var(--akzent)}.reiter__knopf[data-aktiv=ja]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--akzent)}.stand{font-size:13px}.stand--gruen{color:var(--ampel-gruen)}.stand--gelb{color:var(--ampel-gelb)}.stand--rot{color:#ed5b5b}.kennzahlen{display:flex;justify-content:space-around;text-align:center;margin:-15px -15px 15px;padding:12px 0;border-bottom:1px solid var(--grau-linie)}.kennzahl{font-weight:700;font-size:16px}.fehler{color:#ed5b5b;font-size:13px}.netzband{background:#ed5b5b;color:var(--weiss);font-size:13px;line-height:17px;padding:8px 15px;text-align:center}.hinweis{display:flex;align-items:center;gap:10px;background:var(--grau-feld);border-bottom:1px solid var(--grau-linie);font-size:13px;line-height:17px;padding:8px 15px}.hinweis__schliessen{border:0;background:transparent;cursor:pointer;color:var(--grau-text);font-size:16px}.neuerstand{position:fixed;left:15px;right:15px;bottom:calc(var(--nav-hoehe) + env(safe-area-inset-bottom) + 15px)}.feld{border:1px solid var(--grau-linie);border-radius:4px;padding:10px 12px;background:var(--grau-feld);color:var(--grau-text)}.tage{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tag{border:1px solid var(--grau-linie);border-radius:6px;padding:10px 4px;text-align:center;text-decoration:none;color:inherit}.tag__zahl{font-size:20px;font-weight:700;color:var(--akzent)}.streifen{display:flex;gap:8px;overflow-x:auto;margin:0 -15px 14px;padding:0 15px 6px}.streifen__zeit{flex:0 0 auto;padding:8px 12px;border:1px solid var(--grau-linie);border-radius:4px;text-decoration:none;color:var(--grau-text);font-size:14px}.streifen__zeit[data-aktiv=ja]{background:var(--akzent);color:var(--weiss);border-color:var(--akzent)}.feld{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0}.feld__wort{color:#323333}.feld__wert{color:#323333;text-align:right}.mannschaft__titel{margin:14px 0 10px;padding-top:14px;border-top:1px solid var(--grau-linie);font-size:17px;color:#323333}.person{display:flex;align-items:center;gap:12px;padding:8px 0}.person__bild{width:44px;height:44px;border-radius:50%;flex:0 0 auto;background:var(--akzent) url(/bilder/person.svg) center/60% no-repeat}.wetter__stand{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin:0 0 15px;font-size:12px}.wetter__stand .ampel__licht{width:8px;height:8px}.wetter__box{background:#fff;border-radius:4px;padding:5px}.wetter__zeile{display:flex;align-items:center;height:50px;padding:10px 13px;margin-bottom:5px;background:var(--grau-flaeche);border-radius:4px;font-size:12px;color:var(--grau-text);border-right:4px solid transparent}.wetter__zeile[data-farbe=GREEN]{border-right-color:var(--ampel-gruen)}.wetter__zeile[data-farbe=YELLOW]{border-right-color:var(--ampel-gelb)}.wetter__zeile[data-farbe=RED]{border-right-color:var(--ampel-rot)}.wetter__sinnbild{width:20px;height:20px;flex:0 0 20px;margin-right:20px;background-repeat:no-repeat;background-position:center;background-size:contain}.wetter__wert{margin-left:auto;font-size:14px;font-weight:700}