html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#7ec8e3;height:100%;margin:0;font-family:-apple-system,system-ui,Helvetica Neue,Arial,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#lade{z-index:40;background:#7ec8e3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#lade .klotz{background:#5fae4a;border:4px solid #3f7f33;width:48px;height:48px;animation:1.2s steps(8,end) infinite dreh;box-shadow:6px 6px #2f5a3a}#lade[data-fehler="1"] .klotz{background:#e8503f;animation:none}@keyframes dreh{to{transform:rotate(360deg)}}#drehen{z-index:60;background:#7ec8e3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#drehen .ipad{background:#fff;border:8px solid #35333f;border-radius:16px;width:120px;height:160px;animation:2.4s ease-in-out infinite kippen}@keyframes kippen{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}#dom{z-index:30;color:#222;touch-action:pan-y;-webkit-user-select:text;user-select:text;background:#f4f1ea;display:none;position:fixed;inset:0;overflow:auto}@media (prefers-reduced-motion:reduce){#lade .klotz,#drehen .ipad{animation:none}}#dom{font-size:17px;line-height:1.45}#dom *{box-sizing:border-box}#dom h1{margin:0 0 12px;font-size:26px}#dom h2{margin:22px 0 8px;font-size:20px}#dom p{max-width:70ch;margin:0 0 10px}#dom small{color:#555;display:block}#dom .seite{max-width:640px;margin:0 auto;padding:28px 20px 60px}#dom .kn{color:#fff;cursor:pointer;background:#2f7f4f;border:0;border-radius:10px;min-width:48px;min-height:48px;margin:4px 6px 4px 0;padding:0 20px;font-size:17px;font-weight:600}#dom .kn.zweit{color:#222;background:#e1dccf}#dom .kn.gefahr{background:#b3392b}#dom .kn:disabled{opacity:.45}#dom input[type=text],#dom input[type=time],#dom select{background:#fff;border:2px solid #b9b3a3;border-radius:8px;max-width:100%;min-height:48px;padding:0 12px;font-size:17px}#dom .pinfeld{text-align:center;width:300px;margin:20px auto}#dom .punkte{justify-content:center;gap:14px;margin:12px 0 20px;display:flex}#dom .punkte span{border:3px solid #35333f;border-radius:50%;width:20px;height:20px}#dom .punkte span.voll{background:#35333f}#dom .ziffern{grid-template-columns:repeat(3,88px);justify-content:center;gap:10px;display:grid}#dom .ziffer{background:#e1dccf;border:0;border-radius:12px;height:64px;font-size:26px;font-weight:600}#dom .ziffer:active{background:#cfc8b6}#dom .meldung{color:#b3392b;min-height:26px;margin-top:12px;font-weight:600}#dom .stepper{align-items:center;gap:10px;margin:8px 0;display:flex}#dom .stepzahl{text-align:center;min-width:110px;font-size:20px}#dom .schalter{flex-wrap:wrap;align-items:center;gap:10px;min-height:48px;margin:6px 0;display:flex}#dom .schalter input{width:28px;height:28px}#dom .schalter small{flex-basis:100%;margin-left:38px}#dom .eltern{grid-template-columns:220px 1fr;height:100%;display:grid}#dom .menue{background:#e8e3d6;flex-direction:column;gap:6px;padding:16px 12px;display:flex}#dom .menue .kn{color:#222;text-align:left;background:0 0;margin:0}#dom .menue .kn.aktiv{background:#fff;box-shadow:0 1px 3px #0003}#dom .menue .unten{color:#fff;text-align:center;background:#2f7f4f;margin-top:auto}#dom .inhalt{padding:24px 28px 60px;overflow-y:auto}#dom .balken{background:#ddd7c8;border-radius:7px;max-width:420px;height:14px;overflow:hidden}#dom .balken>i{background:#2f7f4f;height:100%;display:block}#dom .woche{gap:6px;margin:8px 0;display:flex}#dom .woche div{text-align:center;background:#e8e3d6;border-radius:8px;flex:1;max-width:70px;padding:8px 2px}#dom .woche div.da{background:#bfe0c8;font-weight:700}#dom .zeile{border-bottom:1px solid #d7d1c1;padding:10px 0}#dom .pkt{vertical-align:middle;gap:3px;margin-left:8px;display:inline-flex}#dom .pkt i{border:2px solid #35333f;border-radius:50%;width:12px;height:12px;display:block}#dom .pkt i.s{background:#35333f}#dom .pkt i.h{background:linear-gradient(90deg,#35333f 50%,#0000 50%)}#dom .hakt{color:#8a5a00;font-weight:600}#dom .fotos{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}#dom .fotos img{background:#fff;border:2px solid #d7d1c1;border-radius:8px;width:100%}#dom .gross{border-radius:10px;max-width:100%}#dom .toast{color:#fff;z-index:50;background:#222;border-radius:20px;padding:10px 20px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#dom .dialog{z-index:45;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#dom .dialog>div{background:#fff;border-radius:14px;width:calc(100% - 40px);max-width:460px;padding:22px}#dom .bar{background:#fff3cd;border-radius:8px;margin-bottom:12px;padding:8px 14px}#dom .swatches{flex-wrap:wrap;gap:8px;margin:8px 0 16px;display:flex}#dom .swatches button{border:4px solid #0000;border-radius:50%;width:52px;height:52px}#dom .swatches button.an{border-color:#222}#dom .tipp{align-items:center;gap:14px;margin:14px 0;display:flex}#dom .tipp b{background:#e1dccf;border-radius:12px;flex:0 0 52px;place-items:center;height:52px;font-size:26px;display:grid}
