.sg{--papier:#f7f4e9;--kreide:#e9eef5;--nacht:#0f1b3d;--tinte:#1a1a1a;--mensch-hell:#00305f;--mensch-dunkel:#c9d6ec;--ki-hell:#3e6b27;--ki-dunkel:#7ab55b;--entscheid-hell:#b04a0c;--entscheid-dunkel:#f4721e;--kurve:cubic-bezier(.2, .7, .2, 1);--dauer:.56s;font-family:var(--font-dm-sans), system-ui, sans-serif;color:var(--tinte);background:var(--papier)}.sg [data-grund=nacht]{--grund:var(--nacht);--text:var(--papier);--mensch:var(--mensch-dunkel);--ki:var(--ki-dunkel);--entscheid:var(--entscheid-dunkel);--linie:#f7f4e938;background:var(--grund);color:var(--text)}.sg [data-grund=papier]{--grund:var(--papier);--text:var(--tinte);--mensch:var(--mensch-hell);--ki:var(--ki-hell);--entscheid:var(--entscheid-hell);--linie:#00305f38;background:var(--grund);color:var(--text)}.sg [data-grund=kreide]{--grund:var(--kreide);--text:var(--tinte);--mensch:var(--mensch-hell);--ki:var(--ki-hell);--entscheid:var(--entscheid-hell);--linie:#00305f38;background:var(--grund);color:var(--text)}.sg-display{font-family:var(--font-archivo), system-ui, sans-serif}.sg-kennzeichen{font-family:var(--font-archivo), system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600;font-stretch:75%}.sg-rahmen{border-top:1px solid #00305f2e;padding-block:4rem}.sg-steuerung{flex-wrap:wrap;gap:.5rem;margin-block:1.25rem;display:flex}.sg-steuerung button{min-height:44px;color:var(--mensch-hell);font:600 .875rem/1 var(--font-dm-sans), system-ui, sans-serif;cursor:pointer;transition:background-color .2s var(--kurve), color .2s var(--kurve);background:0 0;border:1px solid #00305f59;border-radius:999px;padding:.6rem 1rem}.sg-steuerung button[aria-pressed=true]{background:var(--mensch-hell);color:var(--papier)}.sg-steuerung button:focus-visible,.sg-knopf:focus-visible,.sg-knoten:focus-visible,.sg-balken:focus-visible,.sg-notiz button:focus-visible{outline:3px solid var(--entscheid);outline-offset:3px}.sg-buehne{max-width:1200px;margin-inline:auto;overflow:hidden}.sg-buehne[data-ansicht=telefon]{outline-offset:6px;outline:1px dashed #00305f59;max-width:375px}.sg-steckbrief{gap:.75rem 2rem;margin-top:1.5rem;font-size:.95rem;line-height:1.55;display:grid}@media (min-width:768px){.sg-steckbrief{grid-template-columns:repeat(2,minmax(0,1fr))}}.sg-steckbrief dt{font-family:var(--font-archivo), system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mensch-hell);font-size:.75rem;font-weight:700;font-stretch:75%}.sg-leitsatz{font-family:var(--font-archivo), system-ui, sans-serif;letter-spacing:-.02em;margin:0;font-size:clamp(2rem,6vw,4.25rem);font-weight:700;line-height:.98}.sg-leitsatz>span{display:block}.wort-erweitert{color:var(--ki);transition:font-stretch .7s var(--kurve);font-stretch:62%;display:inline-block}.wort-erweitert[data-weit=normal]{font-stretch:100%}.wort-erweitert[data-weit=true],.wort-erweitert[data-weit=weit]{font-stretch:125%}.sg-haken{vertical-align:.02em;width:.62em;height:.62em;margin-left:.18em;display:inline-block}.sg-haken path{fill:none;stroke:var(--entscheid);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30px;transition:stroke-dashoffset .52s var(--kurve)}.sg-haken[data-an=true] path{stroke-dashoffset:0}.sg-knopf{--k-grund:var(--entscheid);--k-text:var(--nacht);background:var(--k-grund);min-height:48px;color:var(--k-text);font:700 .95rem/1 var(--font-dm-sans), system-ui, sans-serif;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.75rem;padding:.35rem .4rem .35rem 1.25rem;display:inline-flex;position:relative}.sg [data-grund=papier] .sg-knopf,.sg [data-grund=kreide] .sg-knopf{--k-grund:var(--entscheid-dunkel);--k-text:var(--nacht)}.sg-knopf--ki,.sg [data-grund] .sg-knopf--ki{--k-grund:transparent;--k-text:var(--ki);box-shadow:inset 0 0 0 1.5px var(--ki)}.sg-knopf__kreis{background:var(--k-text);width:36px;height:36px;color:var(--k-grund);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.sg-knopf--ki .sg-knopf__kreis{background:var(--ki);color:var(--grund)}.sg-knopf__kreis:after{content:"";box-shadow:0 0 0 0 var(--k-text);opacity:.5;transition:box-shadow .42s var(--kurve);border-radius:50%;position:absolute;inset:-2px}.sg-knopf__pfeil{width:14px;height:14px;transition:transform .42s var(--kurve)}.sg-knopf__pfeil--kopie{position:absolute;transform:translate(-150%,150%)}.sg-knopf:hover .sg-knopf__pfeil,.sg-knopf:focus-visible .sg-knopf__pfeil,.sg-knopf:active .sg-knopf__pfeil{transform:translate(150%,-150%)}.sg-knopf:hover .sg-knopf__pfeil--kopie,.sg-knopf:focus-visible .sg-knopf__pfeil--kopie,.sg-knopf:active .sg-knopf__pfeil--kopie{transform:translate(0)}.sg-knopf:hover .sg-knopf__kreis:after,.sg-knopf:focus-visible .sg-knopf__kreis:after{box-shadow:0 0 0 5px var(--k-text)}.sg-knopf[disabled]{opacity:.45;cursor:not-allowed}.sg-knopf--still{color:var(--text);box-shadow:inset 0 0 0 1px var(--linie);background:0 0;padding:.35rem 1.1rem}.sg-feld{aspect-ratio:1;width:100%;max-width:460px;margin-inline:auto;position:relative}.sg-feld svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sg-ring{fill:none;stroke-width:1.5px;stroke-dasharray:var(--umfang);stroke-dashoffset:var(--umfang);animation:sg-aufziehen .9s var(--kurve) forwards}.sg-ring--innen{stroke:var(--linie)}.sg-ring--aussen{stroke:var(--ki);opacity:.35;transition:opacity var(--dauer) var(--kurve);animation-delay:.2s}.sg-feld[data-erweitert=true] .sg-ring--aussen{opacity:1;stroke-dasharray:4 6;stroke-dashoffset:0;animation:none}.sg-thema{fill:var(--mensch)}.sg-thema-text{fill:var(--nacht);font:700 15px var(--font-archivo), system-ui, sans-serif;text-anchor:middle}@keyframes sg-aufziehen{to{stroke-dashoffset:0}}.sg-knoten{min-width:44px;min-height:44px;color:var(--text);opacity:0;transition:transform var(--dauer) var(--kurve), opacity var(--dauer) var(--kurve);transition-delay:var(--verzug,0s);background:0 0;border:0;flex-direction:column;align-items:center;gap:.3rem;padding:0;display:flex;position:absolute;transform:translate(-50%,-18px)scale(.6)}.sg-knoten[data-sichtbar=true]{opacity:1;transform:translate(-50%,-18px)scale(1)}.sg-knoten[data-zustand=verworfen] .sg-knoten__punkt{opacity:.3}.sg-knoten[data-zustand=verworfen] .sg-knoten__name{text-decoration:line-through}.sg-knoten__punkt{background:var(--mensch);width:36px;height:36px;transition:background-color var(--dauer) var(--kurve), box-shadow var(--dauer) var(--kurve);border-radius:50%;position:relative}.sg-knoten--ki .sg-knoten__punkt{background:var(--grund);box-shadow:inset 0 0 0 2px var(--ki);outline:2px dashed var(--ki);outline-offset:4px}.sg-knoten--ki[data-zustand=behalten] .sg-knoten__punkt{background:var(--mensch);outline-style:solid}.sg-knoten--ki[data-gewaehlt=true] .sg-knoten__punkt{box-shadow:inset 0 0 0 2px var(--ki), 0 0 0 10px #7ab55b33}.sg-knoten__haken{background:var(--grund);border-radius:50%;width:22px;height:22px;padding:3px;position:absolute;top:-10px;right:-10px}.sg-knoten__name{white-space:nowrap;background:var(--grund);border-radius:999px;padding:.3rem .6rem;font-size:.8125rem;font-weight:600;line-height:1.3}.sg-knoten__marke{color:var(--ki);font-size:.75rem}@media (max-width:480px){.sg-knoten__name{padding-inline:.4rem;font-size:.75rem}}.sg-entscheidung{border-top:1px solid var(--linie);min-height:96px;margin-top:1rem;padding:1rem}.sg-achse{grid-template-columns:1fr 2px 1fr;align-items:start;gap:0 1rem;display:grid}.sg-achse__mitte{background:var(--mensch);border-radius:2px;align-self:stretch}.sg-achse__seite{gap:.6rem;display:grid}.sg-balken{--staerke:70%;min-height:44px;width:var(--staerke);background:var(--mensch);color:var(--grund);font:600 .875rem/1.2 var(--font-dm-sans), system-ui, sans-serif;text-align:left;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);opacity:0;transition:transform var(--dauer) var(--kurve), opacity var(--dauer) var(--kurve), background-color var(--dauer) var(--kurve);transition-delay:var(--verzug,0s);border:0;align-items:center;padding:.55rem 1.4rem .55rem .85rem;display:flex;position:relative;transform:translate(-30%)}.sg-achse__seite--hemmend .sg-balken{clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%);justify-self:start;padding:.55rem .85rem .55rem 1.4rem;transform:translate(30%)}.sg-achse__seite--foerdernd .sg-balken{justify-self:end}.sg-balken:not([data-sichtbar=true]),.sg-knoten:not([data-sichtbar=true]){visibility:hidden}.sg-balken[data-sichtbar=true]{opacity:1;transform:translate(0)}.sg-achse__seite .sg-balken--ki{color:var(--ki);clip-path:none;outline:2px dashed var(--ki);outline-offset:-2px;cursor:pointer;background:0 0}.sg-achse__seite .sg-balken--ki[data-zustand=behalten]{background:var(--mensch);color:var(--grund);outline-style:solid}.sg-balken--ki[data-zustand=verworfen][data-sichtbar=true]{opacity:.3}@media (max-width:640px){.sg-achse{grid-template-columns:1fr;gap:.6rem}.sg-achse__mitte{display:none}.sg-achse__seite .sg-balken,.sg-achse__seite--hemmend .sg-balken,.sg-achse__seite--foerdernd .sg-balken{justify-self:stretch;width:100%}}.sg-blatt{gap:1.5rem;display:grid}@media (min-width:768px){.sg-blatt{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:0 2.5rem}}.sg-blatt__rand{border-left:1px solid var(--linie);align-content:start;gap:.75rem;padding-left:1.25rem;display:grid}.sg-liste{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.sg-liste li{border-bottom:1px solid var(--linie);animation:sg-einruecken .52s var(--kurve) both;align-items:baseline;gap:.6rem;padding-block:.4rem;display:flex}.sg-liste li:before{content:"";background:var(--mensch);border-radius:50%;flex:none;width:10px;height:10px;transform:translateY(1px)}.sg-liste sup{color:var(--ki)}.sg-notiz{outline:1.5px dashed var(--ki);outline-offset:-1.5px;animation:sg-einruecken .52s var(--kurve) both;animation-delay:var(--verzug,0s);padding:.75rem .85rem}.sg-notiz p{margin:.25rem 0 .6rem;font-size:.95rem}.sg-notiz button{border:1px solid var(--linie);min-height:44px;color:var(--text);font:600 .85rem/1 var(--font-dm-sans), system-ui, sans-serif;cursor:pointer;background:0 0;border-radius:999px;margin-right:.4rem;padding-inline:.9rem}@keyframes sg-einruecken{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.sg-wortmarken{gap:2rem;display:grid}.sg-wm-feld{gap:1rem;display:grid}@media (min-width:900px){.sg-wm-feld{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.sg-wm-kopf{flex-wrap:wrap;align-items:center;gap:1.25rem 2rem;padding:1.5rem;display:flex}.sg-absender{align-items:center;gap:.75rem;font-size:.75rem;line-height:1.3;display:flex}.sg-absender__trenner{background:var(--linie);align-self:stretch;width:1px}.wm{font-family:var(--font-archivo), system-ui, sans-serif;color:var(--mensch);white-space:nowrap;margin:0;line-height:1}.wm__ki{color:var(--ki)}.wm--gedehnt{letter-spacing:-.01em;font-size:1.75rem;font-weight:700}.wm--gedehnt .wm__schmal{font-stretch:75%}.wm--gedehnt .wm__weit{font-stretch:125%}.wm--gedehnt .wm__strich{vertical-align:.3em;background:currentColor;width:.45em;height:.09em;margin-inline:.06em;display:inline-block}.wm--takte{padding-left:.75rem;font-size:1.15rem;line-height:1.02;display:grid;position:relative}.wm--takte:before{content:"";background:var(--mensch);width:2px;position:absolute;top:.1em;bottom:.1em;left:0}.wm--takte span:first-child{font-weight:900;font-stretch:100%}.wm--takte span:nth-child(2){font-weight:400;font-stretch:112%}.wm--takte span:nth-child(3){font-weight:700;font-stretch:100%}.wm--versal{letter-spacing:.12em;text-transform:uppercase;font-size:1.1rem;font-weight:600;font-stretch:112%}.wm--versal .wm__punkt{color:var(--entscheid);margin-inline:.15em}.wm-klein{flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding:1rem 1.5rem;font-size:.8rem;display:flex}.sg [data-reduziert=true] *,.sg [data-reduziert=true] :before,.sg [data-reduziert=true] :after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-delay:0s!important}.sg [data-reduziert=true] .wort-erweitert{font-stretch:100%}@media (prefers-reduced-motion:reduce){.sg *,.sg :before,.sg :after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-delay:0s!important}.sg .wort-erweitert{font-stretch:100%}}