/* AUTOMATISCH ERZEUGT von webapp/scripts/leicht-farben-erzeugen.cjs (2026-10-24).
   Nicht von Hand bearbeiten: Gruentoene der alten Stile -> Sand/Tinte, nur mit <html class="leicht">.
   Handgeschriebene Feinheiten stehen in assets/leicht.css (wird danach geladen). */
/* ---- aus assets/app.css: 216 Deklarationen ---- */
html.leicht{--shadow:0 14px 40px rgba(28, 36, 24, .16)}
html.leicht body{background-image:linear-gradient(170deg, rgb(238, 241, 230) 0%, rgb(244, 234, 212) 100%)}
html.leicht .topbar{border-bottom-color:rgba(28, 36, 24, 0.08)}
html.leicht .wordmark .logo-img{box-shadow:rgba(28, 36, 24, 0.22) 0px 2px 8px}
html.leicht input[type="text"],html.leicht input[type="email"],html.leicht input[type="password"]{border-top-color:rgb(236, 217, 176);border-right-color:rgb(236, 217, 176);border-bottom-color:rgb(236, 217, 176);border-left-color:rgb(236, 217, 176)}
html.leicht input:focus{box-shadow:rgba(201, 164, 101, 0.28) 0px 0px 0px 3px}
html.leicht input::placeholder{color:rgb(201, 164, 101)}
html.leicht .form-msg.ok{background-color:rgb(244, 234, 212)}
html.leicht .btn-sec:hover{background-color:rgba(138, 95, 29, 0.1)}
html.leicht .lib-card:hover{box-shadow:rgba(28, 36, 24, 0.26) 0px 22px 54px}
html.leicht .play-ring{background-image:radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.8), rgb(236, 217, 176));border-top-color:rgba(201, 164, 101, 0.5);border-right-color:rgba(201, 164, 101, 0.5);border-bottom-color:rgba(201, 164, 101, 0.5);border-left-color:rgba(201, 164, 101, 0.5)}
html.leicht .play-stage::after{background-image:radial-gradient(circle at 50% 46%, rgba(245, 242, 233, 0.42) 0px, rgba(245, 242, 233, 0.42) 34%, rgba(28, 36, 24, 0.34) 62%, rgba(28, 36, 24, 0.62) 100%)}
html.leicht .play-stage--morgen::after{background-image:radial-gradient(circle at 50% 44%, rgba(245, 242, 233, 0.5) 0px, rgba(245, 242, 233, 0.5) 34%, rgba(201, 164, 101, 0.3) 62%, rgba(28, 36, 24, 0.52) 100%)}
html.leicht .play-stage--abend::after{background-image:radial-gradient(circle at 50% 46%, rgba(245, 242, 233, 0.34) 0px, rgba(245, 242, 233, 0.34) 32%, rgba(28, 36, 24, 0.48) 60%, rgba(28, 36, 24, 0.74) 100%)}
html.leicht .play-bar{background-color:rgba(201, 164, 101, 0.28)}
html.leicht .skip{border-top-color:rgba(201, 164, 101, 0.5);border-right-color:rgba(201, 164, 101, 0.5);border-bottom-color:rgba(201, 164, 101, 0.5);border-left-color:rgba(201, 164, 101, 0.5)}
html.leicht .up-invite{box-shadow:rgba(28, 36, 24, 0.34) 0px 18px 48px}
html.leicht .up-master{border-top-color:rgba(201, 164, 101, 0.5);border-right-color:rgba(201, 164, 101, 0.5);border-bottom-color:rgba(201, 164, 101, 0.5);border-left-color:rgba(201, 164, 101, 0.5)}
html.leicht .account-rows .row{border-bottom-color:rgba(28, 36, 24, 0.1)}
html.leicht thead th{border-bottom-color:rgba(28, 36, 24, 0.14)}
html.leicht tbody td{border-bottom-color:rgba(28, 36, 24, 0.08)}
html.leicht td select{border-top-color:rgb(236, 217, 176);border-right-color:rgb(236, 217, 176);border-bottom-color:rgb(236, 217, 176);border-left-color:rgb(236, 217, 176)}
html.leicht td select:focus{box-shadow:rgba(201, 164, 101, 0.25) 0px 0px 0px 2px}
html.leicht .reset-links li{border-bottom-color:rgba(28, 36, 24, 0.08)}
html.leicht .cal-cell{border-top-color:rgba(28, 36, 24, 0.09);border-right-color:rgba(28, 36, 24, 0.09);border-bottom-color:rgba(28, 36, 24, 0.09);border-left-color:rgba(28, 36, 24, 0.09)}
html.leicht .cal-cell.is-today{box-shadow:rgba(138, 95, 29, 0.22) 0px 0px 0px 2px}
html.leicht .cal-ev:hover{box-shadow:rgba(28, 36, 24, 0.18) 0px 3px 10px}
html.leicht .cal-ev-f{background-color:rgba(28, 36, 24, 0.16)}
html.leicht .story-prev-frame{background-image:linear-gradient(165deg, rgb(28, 36, 24) 0%, rgb(28, 36, 24) 100%);box-shadow:rgba(28, 36, 24, 0.3) 0px 10px 30px}
html.leicht .journey-card:hover{box-shadow:rgba(28, 36, 24, 0.26) 0px 22px 54px}
html.leicht .day-pill{box-shadow:rgba(28, 36, 24, 0.1) 0px 6px 18px}
html.leicht .day-pill.done{background-color:rgb(244, 234, 212);border-top-color:rgba(138, 95, 29, 0.35);border-right-color:rgba(138, 95, 29, 0.35);border-bottom-color:rgba(138, 95, 29, 0.35);border-left-color:rgba(138, 95, 29, 0.35)}
html.leicht .tabbar{border-bottom-color:rgba(28, 36, 24, 0.08)}
html.leicht .tab.active{box-shadow:rgba(28, 36, 24, 0.28) 0px 6px 16px}
html.leicht .heute-hero--morgen::after{background-image:linear-gradient(0deg, rgba(28, 36, 24, 0.58) 0%, rgba(28, 36, 24, 0) 40%), linear-gradient(105deg, rgba(28, 36, 24, 0.82) 0%, rgba(28, 36, 24, 0.58) 46%, rgba(28, 36, 24, 0.3) 100%)}
html.leicht .heute-hero--tag::after{background-image:linear-gradient(0deg, rgba(28, 36, 24, 0.42) 0%, rgba(28, 36, 24, 0) 40%), linear-gradient(105deg, rgba(28, 36, 24, 0.86) 0%, rgba(28, 36, 24, 0.66) 46%, rgba(28, 36, 24, 0.42) 100%)}
html.leicht .heute-hero--abend::after{background-image:linear-gradient(0deg, rgba(28, 36, 24, 0.4) 0%, rgba(28, 36, 24, 0) 40%), linear-gradient(105deg, rgba(28, 36, 24, 0.9) 0%, rgba(28, 36, 24, 0.74) 46%, rgba(28, 36, 24, 0.54) 100%)}
html.leicht .hh-kicker,html.leicht .hh-title,html.leicht .hh-sub,html.leicht .hh-quote{text-shadow:rgba(28, 36, 24, 0.55) 0px 1px 5px}
html.leicht .detail-hero--morgen::after{background-image:linear-gradient(0deg, rgba(28, 36, 24, 0.58) 0%, rgba(28, 36, 24, 0) 42%), linear-gradient(105deg, rgba(28, 36, 24, 0.82) 0%, rgba(28, 36, 24, 0.58) 46%, rgba(28, 36, 24, 0.3) 100%)}
html.leicht .detail-hero--tag::after{background-image:linear-gradient(0deg, rgba(28, 36, 24, 0.44) 0%, rgba(28, 36, 24, 0) 42%), linear-gradient(105deg, rgba(28, 36, 24, 0.86) 0%, rgba(28, 36, 24, 0.66) 46%, rgba(28, 36, 24, 0.42) 100%)}
html.leicht .detail-hero--abend::after{background-image:linear-gradient(0deg, rgba(28, 36, 24, 0.42) 0%, rgba(28, 36, 24, 0) 42%), linear-gradient(105deg, rgba(28, 36, 24, 0.9) 0%, rgba(28, 36, 24, 0.74) 46%, rgba(28, 36, 24, 0.54) 100%)}
html.leicht .dh-kicker,html.leicht .dh-title,html.leicht .dh-sub{text-shadow:rgba(28, 36, 24, 0.55) 0px 1px 5px}
html.leicht .need-chip.on{box-shadow:rgba(28, 36, 24, 0.28) 0px 8px 20px}
html.leicht .prog-bar{background-color:rgba(28, 36, 24, 0.12)}
html.leicht .chip{border-top-color:rgb(236, 217, 176);border-right-color:rgb(236, 217, 176);border-bottom-color:rgb(236, 217, 176);border-left-color:rgb(236, 217, 176)}
html.leicht .chip.on{box-shadow:rgba(28, 36, 24, 0.26) 0px 4px 12px}
html.leicht .prog-card:hover{box-shadow:rgba(28, 36, 24, 0.26) 0px 22px 54px}
html.leicht .week-preview li{border-bottom-color:rgba(28, 36, 24, 0.1)}
html.leicht .wk-status.done{background-color:rgb(244, 234, 212)}
html.leicht .j-info-lbl{background-color:rgba(236, 217, 176, 0.35)}
html.leicht .j-match{background-color:rgba(244, 234, 212, 0.55);border-top-color:rgba(138, 95, 29, 0.18);border-right-color:rgba(138, 95, 29, 0.18);border-bottom-color:rgba(138, 95, 29, 0.18);border-left-color:rgba(138, 95, 29, 0.18)}
html.leicht .j-teaser.open{background-color:rgba(244, 234, 212, 0.55);border-top-color:rgba(138, 95, 29, 0.18);border-right-color:rgba(138, 95, 29, 0.18);border-bottom-color:rgba(138, 95, 29, 0.18);border-left-color:rgba(138, 95, 29, 0.18)}
html.leicht textarea{border-top-color:rgb(236, 217, 176);border-right-color:rgb(236, 217, 176);border-bottom-color:rgb(236, 217, 176);border-left-color:rgb(236, 217, 176)}
html.leicht textarea:focus{box-shadow:rgba(201, 164, 101, 0.28) 0px 0px 0px 3px}
html.leicht textarea::placeholder{color:rgb(201, 164, 101)}
html.leicht .welcome-logo{box-shadow:rgba(28, 36, 24, 0.28) 0px 4px 14px}
html.leicht .persona-card.chosen{box-shadow:rgba(138, 95, 29, 0.25) 0px 0px 0px 3px}
html.leicht .check-facts span{background-color:rgba(244, 234, 212, 0.55);border-top-color:rgba(138, 95, 29, 0.18);border-right-color:rgba(138, 95, 29, 0.18);border-bottom-color:rgba(138, 95, 29, 0.18);border-left-color:rgba(138, 95, 29, 0.18)}
html.leicht .opt-card.on{background-color:rgba(244, 234, 212, 0.6);box-shadow:rgba(138, 95, 29, 0.22) 0px 0px 0px 3px}
html.leicht .likert-opt.on{background-color:rgba(244, 234, 212, 0.6);box-shadow:rgba(138, 95, 29, 0.22) 0px 0px 0px 3px}
html.leicht .mix-badge{background-color:rgba(236, 217, 176, 0.4)}
html.leicht .sc-bar{background-color:rgba(28, 36, 24, 0.12)}
html.leicht .master-toc-list li{border-bottom-color:rgba(28, 36, 24, 0.08)}
html.leicht .mw-no{background-color:rgba(236, 217, 176, 0.45)}
html.leicht a.mw-card:hover,html.leicht a.mw-final:hover{box-shadow:rgba(28, 36, 24, 0.24) 0px 20px 48px}
html.leicht .mw-state.available{background-color:rgba(236, 217, 176, 0.55)}
html.leicht .mw-state.locked{background-color:rgba(28, 36, 24, 0.1)}
html.leicht .mw-score{background-color:rgba(28, 36, 24, 0.08)}
html.leicht .mw-score.ok{background-color:rgba(236, 217, 176, 0.5)}
html.leicht a.lecture-card:hover{box-shadow:rgba(28, 36, 24, 0.24) 0px 20px 48px}
html.leicht .lecture-dur{background-color:rgba(28, 36, 24, 0.72)}
html.leicht .lesson blockquote.merk{background-color:rgba(236, 217, 176, 0.28)}
html.leicht .quiz-opt{border-top-color:rgba(138, 95, 29, 0.22);border-right-color:rgba(138, 95, 29, 0.22);border-bottom-color:rgba(138, 95, 29, 0.22);border-left-color:rgba(138, 95, 29, 0.22)}
html.leicht .quiz-opt.sel{background-color:rgba(236, 217, 176, 0.35)}
html.leicht .qo-key{background-color:rgba(28, 36, 24, 0.1)}
html.leicht .quiz-res{border-top-color:rgba(138, 95, 29, 0.18);border-right-color:rgba(138, 95, 29, 0.18);border-bottom-color:rgba(138, 95, 29, 0.18);border-left-color:rgba(138, 95, 29, 0.18)}
html.leicht .quiz-res.ok{border-top-color:rgba(138, 95, 29, 0.32);border-right-color:rgba(138, 95, 29, 0.32);border-bottom-color:rgba(138, 95, 29, 0.32);border-left-color:rgba(138, 95, 29, 0.32)}
html.leicht .badge-circle{background-image:radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.85), rgb(236, 217, 176));box-shadow:rgba(28, 36, 24, 0.22) 0px 6px 16px}
html.leicht .badge-circle.locked{border-top-color:rgba(138, 95, 29, 0.3);border-right-color:rgba(138, 95, 29, 0.3);border-bottom-color:rgba(138, 95, 29, 0.3);border-left-color:rgba(138, 95, 29, 0.3);color:rgb(201, 164, 101)}
html.leicht .bm-next{border-left-color:rgba(28, 36, 24, 0.12)}
html.leicht .admin-tab.active{box-shadow:rgba(28, 36, 24, 0.28) 0px 6px 16px}
html.leicht .funnel-bar{background-color:rgba(28, 36, 24, 0.1)}
html.leicht .danke-card{border-top-color:rgba(201, 164, 101, 0.35);border-right-color:rgba(201, 164, 101, 0.35);border-bottom-color:rgba(201, 164, 101, 0.35);border-left-color:rgba(201, 164, 101, 0.35)}
html.leicht .danke-state.ok{background-color:rgba(236, 217, 176, 0.34);border-top-color:rgba(138, 95, 29, 0.24);border-right-color:rgba(138, 95, 29, 0.24);border-bottom-color:rgba(138, 95, 29, 0.24);border-left-color:rgba(138, 95, 29, 0.24)}
html.leicht .danke-hint{border-top-color:rgba(28, 36, 24, 0.12)}
html.leicht .hilfe-master{border-top-color:rgba(201, 164, 101, 0.4);border-right-color:rgba(201, 164, 101, 0.4);border-bottom-color:rgba(201, 164, 101, 0.4);border-left-color:rgba(201, 164, 101, 0.4)}
html.leicht .story-tabs{background-color:rgba(28, 36, 24, 0.07);border-top-color:rgba(201, 164, 101, 0.28);border-right-color:rgba(201, 164, 101, 0.28);border-bottom-color:rgba(201, 164, 101, 0.28);border-left-color:rgba(201, 164, 101, 0.28)}
html.leicht .story-tab.ist-aktiv{box-shadow:rgba(28, 36, 24, 0.12) 0px 2px 8px}
html.leicht .story-tab.ist-aktiv .story-tab-s{color:rgb(138, 95, 29)}
html.leicht .master-card{background-image:linear-gradient(160deg, rgb(28, 36, 24), rgb(138, 95, 29))}
html.leicht .master-card .mk{color:rgb(236, 217, 176)}
html.leicht .master-card .mbul li::before{color:rgb(236, 217, 176)}
html.leicht .weg-card{border-top-color:rgba(201, 164, 101, 0.38);border-right-color:rgba(201, 164, 101, 0.38);border-bottom-color:rgba(201, 164, 101, 0.38);border-left-color:rgba(201, 164, 101, 0.38)}
html.leicht .weg-count{background-color:rgba(138, 95, 29, 0.12)}
html.leicht .weg-step{border-top-color:rgba(28, 36, 24, 0.08);border-right-color:rgba(28, 36, 24, 0.08);border-bottom-color:rgba(28, 36, 24, 0.08);border-left-color:rgba(28, 36, 24, 0.08)}
html.leicht .weg-step.done{background-color:rgba(244, 234, 212, 0.5);border-top-color:rgba(201, 164, 101, 0.34);border-right-color:rgba(201, 164, 101, 0.34);border-bottom-color:rgba(201, 164, 101, 0.34);border-left-color:rgba(201, 164, 101, 0.34)}
html.leicht .ws-no{background-color:rgba(138, 95, 29, 0.12)}
html.leicht .up-master-rate{border-top-color:rgba(201, 164, 101, 0.65);border-right-color:rgba(201, 164, 101, 0.65);border-bottom-color:rgba(201, 164, 101, 0.65);border-left-color:rgba(201, 164, 101, 0.65)}
html.leicht .outro{border-top-color:rgba(201, 164, 101, 0.5);border-right-color:rgba(201, 164, 101, 0.5);border-bottom-color:rgba(201, 164, 101, 0.5);border-left-color:rgba(201, 164, 101, 0.5)}
html.leicht .mc-liste-kopf{border-bottom-color:rgba(201, 164, 101, 0.3)}
html.leicht .mc-zeile{border-bottom-color:rgba(201, 164, 101, 0.18)}
html.leicht .mc-zeile:hover{background-color:rgba(236, 217, 176, 0.22)}
html.leicht .mc-z-wort{background-color:rgba(138, 95, 29, 0.12);border-top-color:rgba(138, 95, 29, 0.28);border-right-color:rgba(138, 95, 29, 0.28);border-bottom-color:rgba(138, 95, 29, 0.28);border-left-color:rgba(138, 95, 29, 0.28)}
html.leicht .mc-goody{background-color:rgba(236, 217, 176, 0.26);border-top-color:rgba(201, 164, 101, 0.4);border-right-color:rgba(201, 164, 101, 0.4);border-bottom-color:rgba(201, 164, 101, 0.4);border-left-color:rgba(201, 164, 101, 0.4)}
html.leicht .mc-ablauf,html.leicht .mc-auffang{border-top-color:rgba(201, 164, 101, 0.34);border-right-color:rgba(201, 164, 101, 0.34);border-bottom-color:rgba(201, 164, 101, 0.34);border-left-color:rgba(201, 164, 101, 0.34)}
html.leicht .mc-auffang{background-color:rgba(236, 217, 176, 0.22)}
html.leicht .mc-feld{border-top-color:rgba(201, 164, 101, 0.34);border-right-color:rgba(201, 164, 101, 0.34);border-bottom-color:rgba(201, 164, 101, 0.34);border-left-color:rgba(201, 164, 101, 0.34)}
html.leicht .mc-nr{background-color:rgba(138, 95, 29, 0.16)}
html.leicht .mc-kopie.is-kopiert{background-color:rgba(138, 95, 29, 0.2);border-top-color:rgba(138, 95, 29, 0.45);border-right-color:rgba(138, 95, 29, 0.45);border-bottom-color:rgba(138, 95, 29, 0.45);border-left-color:rgba(138, 95, 29, 0.45)}
html.leicht .mc-fuss{border-top-color:rgba(201, 164, 101, 0.3)}
/* ---- aus check.html: 4 Deklarationen ---- */
html.leicht .master-card{background-image:linear-gradient(160deg, rgb(28, 36, 24), rgb(138, 95, 29))}
html.leicht .master-card .mk{color:rgb(236, 217, 176)}
html.leicht .master-card .mbul li::before{color:rgb(236, 217, 176)}
html.leicht .note-field textarea:focus{box-shadow:rgba(201, 164, 101, 0.28) 0px 0px 0px 3px}
/* ---- aus g.html: 5 Deklarationen ---- */
html.leicht .goody-badge{background-color:rgba(138, 95, 29, 0.12)}
html.leicht .goody-sec{border-top-color:rgba(28, 36, 24, 0.12)}
html.leicht .pitch-bullets .pb-ico{background-color:rgba(138, 95, 29, 0.12)}
html.leicht .goody-teilen{border-top-color:rgba(28, 36, 24, 0.12)}
html.leicht .goody-mail{border-top-color:rgba(28, 36, 24, 0.12)}