:root{--gruen:#1f7a54;--gruen-dunkel:#165c3f;--gold:#f0b429;--tinte:#1d2b26;--grau:#5b6660;--linie:#e3e8e5;--papier:#f7faf8;--weiss:#ffffff;--fehler:#b3261e;--radius:14px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--tinte);background:var(--papier);line-height:1.55}h1,h2,h3{line-height:1.25;margin:0 0 .5em}p{margin:0 0 1em}a{color:var(--gruen)}img{max-width:100%}.hülle{max-width:720px}.hülle,.hülle-breit{margin:0 auto;padding:0 16px}.hülle-breit{max-width:1000px}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border:none;border-radius:var(--radius);background:var(--gruen);color:#fff;font-size:17px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s;touch-action:manipulation}.knopf:hover{background:var(--gruen-dunkel)}.knopf:disabled{opacity:.5;cursor:not-allowed}.knopf-zweit{background:var(--weiss);color:var(--gruen);border:2px solid var(--gruen)}.knopf-zweit:hover{background:var(--papier)}.knopf-gold{background:var(--gold);color:var(--tinte)}.knopf-gold:hover{background:#dba317}.knopf-breit{width:100%}.karte-box{border:1px solid var(--linie);border-radius:var(--radius);padding:20px}.feld,.karte-box{background:var(--weiss)}.feld{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--linie);border-radius:10px;font-size:16px;color:var(--tinte)}.feld:focus{outline:2px solid var(--gruen);border-color:var(--gruen)}textarea.feld{min-height:84px;resize:vertical}label.beschriftung{display:block;font-weight:600;margin:14px 0 6px}.hinweis{color:var(--grau);font-size:14px}.fehler-text{color:var(--fehler);font-weight:600}.kachel-raster{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}@media (min-width:560px){.kachel-raster{grid-template-columns:repeat(3,1fr)}}.kachel{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 12px;border:2px solid var(--linie);border-radius:12px;background:var(--weiss);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:15px}.kachel input{position:absolute;opacity:0}.kachel.aktiv{border-color:var(--gruen);background:#eaf5ef;font-weight:600}.schalter{position:relative;width:52px;height:32px;border-radius:16px;background:#c9d2cd;border:none;cursor:pointer;flex-shrink:0;transition:background .15s}.schalter:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform .15s}.schalter.an{background:var(--gruen)}.schalter.an:after{transform:translateX(20px)}.fortschritt{display:flex;gap:6px;margin:16px 0}.fortschritt span{flex:1 1;height:6px;border-radius:3px;background:var(--linie)}.fortschritt span.fertig{background:var(--gruen)}.kopfzeile-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.logo-schrift{font-weight:800;font-size:20px;color:var(--tinte);text-decoration:none}.logo-schrift .helfer{color:var(--gruen)}.fusszeile{margin-top:48px;padding:24px 0 40px;border-top:1px solid var(--linie);color:var(--grau);font-size:14px}.fusszeile a{color:var(--grau);margin-right:16px}