.cd-seite{--gl-akzent:var(--ink);--gl-akzent-text:var(--paper);--gl-mini:var(--paper);--gl-mini-zeile:#fbfaf7;--gl-glas-rand:var(--line);--gl-text:var(--ink)}[data-theme=dark] .cd-seite{--gl-mini-zeile:var(--panel)}@keyframes cd-bau{0%,8%{opacity:0;transform:translateY(6px)}22%,86%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)}}[data-an="1"] .cd-bau{animation-name:cd-bau;animation-delay:calc(var(--i,0) * .22s)}.cd-punkt{border:2px solid var(--gl-akzent)}.cd-voll,.cd-naechster{background:var(--gl-akzent)}@keyframes cd-fuellen{0%,40%{background:0 0;transform:scale(1)}48%{background:var(--gl-akzent);transform:scale(1.35)}56%,90%{background:var(--gl-akzent);transform:scale(1)}to{background:0 0}}[data-an="1"] .cd-naechster{animation-name:cd-fuellen}@keyframes cd-toast{0%,44%{opacity:0;transform:translateY(6px)}52%,82%{opacity:1;transform:none}92%,to{opacity:0;transform:translateY(-4px)}}[data-an="1"] .cd-toast{animation-name:cd-toast}.cd-wandern{transform:translate(calc(200% + 16px))}@keyframes cd-wandern{0%,18%{transform:translate(0)}30%,50%{transform:translate(calc(100% + 8px))}62%,92%{transform:translate(calc(200% + 16px))}to{transform:translate(0)}}[data-an="1"] .cd-wandern{animation-name:cd-wandern}@keyframes cd-hak{0%,60%{opacity:0}66%,92%{opacity:1}to{opacity:0}}[data-an="1"] .cd-wandern-hak{animation-name:cd-hak}@keyframes cd-fluss{to{stroke-dashoffset:-22px}}[data-an="1"] .cd-fluss{--d:1.1s;animation-name:cd-fluss;animation-timing-function:linear;animation-delay:calc(var(--i,0) * -.35s)}@keyframes cd-puls{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}[data-an="1"] .cd-puls{--d:2.2s;animation-name:cd-puls}@keyframes cd-balken{0%,6%{transform:scaleY(.12)}30%,86%{transform:scaleY(1)}to{transform:scaleY(.12)}}[data-an="1"] .cd-balken{animation-name:cd-balken;animation-delay:calc(var(--i,0) * .12s)}@keyframes cd-neu{0%,14%{opacity:0;transform:translateY(-10px)scale(.97)}26%,88%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)scale(.97)}}@keyframes cd-rutschen{0%,12%{transform:translateY(-44px)}26%,88%{transform:none}to{transform:translateY(-44px)}}[data-an="1"] .cd-neu{animation-name:cd-neu}[data-an="1"] .cd-rutschen{animation-name:cd-rutschen}@keyframes cd-karte{0%,10%{opacity:0;transform:translate(70px,-40px)rotate(14deg)}28%,80%{opacity:.92;transform:none}94%,to{opacity:0;transform:translate(70px,-40px)rotate(14deg)}}[data-an="1"] .cd-karte{animation-name:cd-karte}.cd-karte{opacity:.92}.cd-welle{opacity:0}@keyframes cd-welle{0%,28%{opacity:0;transform:scale(.9)}32%{opacity:.9}48%,to{opacity:0;transform:scale(1.25)}}[data-an="1"] .cd-welle{animation-name:cd-welle}@keyframes cd-bestaetigt{0%,32%{opacity:0;transform:translate(-8px)}40%,84%{opacity:1;transform:none}94%,to{opacity:0}}[data-an="1"] .cd-bestaetigt{animation-name:cd-bestaetigt}@keyframes cd-status{0%,10%{opacity:.15}20%,88%{opacity:1}to{opacity:.15}}[data-an="1"] .cd-status{animation-name:cd-status;animation-delay:calc(var(--i,0) * .45s)}.cd-kurve{stroke-dasharray:1;stroke-dashoffset:0}@keyframes cd-kurve{0%,6%{stroke-dashoffset:1px}50%,88%{stroke-dashoffset:0}to{stroke-dashoffset:1px}}[data-an="1"] .cd-kurve{animation-name:cd-kurve}.cd-treffer{color:var(--ink)}