ClaudeandClaude Opus 5.5
8bd365b1fc
- scripts/hustler-import.mjs liest pixelwelt-v2 (+ pixelwelt-woms/haus) und schreibt src/assets/hustler, src/styles/hustler/{hochhaus,keller,pult}.css und src/lib/hustlerWelt.js; idempotent
- haus.png mit allen Räumen hell, acht graue Ebenen für die Such-Räume (GRAUE_RAEUME, .hk-raum-grau-<raum>)
- Press Start 2P lateinisch aus @fontsource/press-start-2p@5.2.7 (OFL), noch nirgends importiert
- 40 neue Tests (Assets, Geometrie, CSS-Umformung)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
123 lines
44 KiB
CSS
123 lines
44 KiB
CSS
/* Erzeugt von scripts/hustler-import.mjs aus Freigabe.dc.html (Pult), nicht von Hand ändern. */
|
|
.hk-pult{margin:0; background:#141a30; font-family:'Pixelify Sans',ui-monospace,monospace}
|
|
.hk-pult a{color:#2b2230}
|
|
.hk-pult a:not(.hk-knopf):hover{color:#5a3cb0}
|
|
.hk-pult .hk-sz-ebene{position:absolute; left:0; top:0; width:640px; height:360px; pointer-events:none; background-repeat:no-repeat}
|
|
.hk-pult .hk-sz-bild{background-image:url(../../assets/hustler/pult/szene/pult.png)}
|
|
.hk-pult .hk-sz-l55{background-image:url(../../assets/hustler/pult/szene/licht-pendel-55.png); animation:hk-p-flackern 7.1s linear infinite}
|
|
.hk-pult .hk-sz-l232{background-image:url(../../assets/hustler/pult/szene/licht-pendel-232.png); animation:hk-p-flackern 9.3s linear infinite -4s}
|
|
.hk-pult .hk-sz-ltisch{background-image:url(../../assets/hustler/pult/szene/licht-schreibtisch.png); opacity:.9}
|
|
.hk-pult .hk-sz-lrechts{background-image:url(../../assets/hustler/pult/szene/licht-rechts.png); animation:hk-p-flackern 11s linear infinite -2s}
|
|
.hk-pult .hk-sz-lmond{background-image:url(../../assets/hustler/pult/szene/licht-mond.png); animation:hk-p-atmen 9s ease-in-out infinite}
|
|
.hk-pult .hk-sz-kette0{background-image:url(../../assets/hustler/pult/eigen/lichterkette-0.png); animation:hk-p-funkeln 3.6s ease-in-out infinite}
|
|
.hk-pult .hk-sz-kette1{background-image:url(../../assets/hustler/pult/eigen/lichterkette-1.png); animation:hk-p-funkeln 3.6s ease-in-out infinite -1.2s}
|
|
.hk-pult .hk-sz-kette2{background-image:url(../../assets/hustler/pult/eigen/lichterkette-2.png); animation:hk-p-funkeln 3.6s ease-in-out infinite -2.4s}
|
|
.hk-pult .hk-sz-schnee{position:absolute; inset:0; background:url(../../assets/hustler/pult/szene/fensterschnee.png) 0 0 / 64px 64px repeat; animation:hk-p-fensterschnee 14s steps(128) infinite}
|
|
.hk-pult .hk-sz-fenster2{-webkit-mask-image:url(../../assets/hustler/pult/szene/fenster2-maske.png); mask-image:url(../../assets/hustler/pult/szene/fenster2-maske.png); -webkit-mask-size:100% 100%; mask-size:100% 100%}
|
|
.hk-pult .hk-sz-sprossen1{position:absolute; left:0; top:0; width:79px; height:55px; background-image:url(../../assets/hustler/pult/szene/fenster-sprossen-1.png)}
|
|
.hk-pult .hk-sz-sprossen2{position:absolute; left:553px; top:61px; width:47px; height:100px; background-image:url(../../assets/hustler/pult/szene/fenster-sprossen-2.png)}
|
|
.hk-pult .hk-sz-innen{position:absolute; left:11px; top:219px; width:46px; height:98px; background-image:url(../../assets/hustler/pult/figuren/aufzug-innen.png)}
|
|
.hk-pult .hk-spr{display:block; background-repeat:no-repeat; image-rendering:pixelated}
|
|
.hk-pult .hk-boten-weg{position:absolute; left:0; top:0; width:32px; height:40px; animation:hk-p-k-boten-weg 26000ms steps(1,end) infinite}
|
|
.hk-pult .hk-boten-bild{position:absolute; left:0; top:0; width:32px; height:40px; background-image:url(../../assets/hustler/pult/figuren/boten-ablauf.png); animation:hk-p-k-boten-bild 26000ms steps(1,end) infinite}
|
|
.hk-pult .hk-sz-tuer{width:46px; height:98px; background-image:url(../../assets/hustler/pult/figuren/aufzug-tuer.png); animation:hk-p-k-sz-tuer 26000ms steps(1,end) infinite}
|
|
.hk-pult .hk-sz-auflicht{width:112px; height:30px; background-image:url(../../assets/hustler/pult/figuren/aufzug-licht.png); animation:hk-p-k-sz-auflicht 26000ms steps(1,end) infinite}
|
|
.hk-pult .hk-sz-ruftaste{width:9px; height:9px; background-image:url(../../assets/hustler/pult/figuren/aufzug-ruftaste.png); animation:hk-p-k-sz-ruftaste 26000ms steps(1,end) infinite}
|
|
.hk-pult .hk-sz-funke{width:21px; height:15px; background-image:url(../../assets/hustler/pult/figuren/briefkasten-funke.png); animation:hk-p-k-sz-funke 26000ms steps(1,end) infinite}
|
|
.hk-pult .hk-sz-ding{width:42px; height:14px; background-image:url(../../assets/hustler/pult/figuren/aufzug-ding.png); animation:hk-p-k-sz-ding 26000ms steps(1,end) infinite}
|
|
.hk-pult .hk-sz-briefkasten{width:30px; height:52px; background-image:url(../../assets/hustler/pult/figuren/briefkasten.png); animation:hk-p-k-sz-briefkasten 26000ms steps(1,end) infinite}
|
|
.hk-pult .hk-sz-monitor{width:18px; height:14px; background-image:url(../../assets/hustler/pult/figuren/monitor.png); animation:hk-p-k-sz-monitor 26000ms steps(1,end) infinite}
|
|
.hk-pult .hk-sz-dampf{width:8px; height:14px; background-image:url(../../assets/hustler/pult/szene/dampf-tasse.png); animation:hk-p-k-sz-dampf 1560ms steps(1,end) infinite}
|
|
.hk-pult .hk-sz-antenne{animation:hk-p-k-antenne 2400ms steps(1,end) infinite}
|
|
.hk-pult .hk-ic-briefkasten{width:32px; height:32px; background-size:auto 32px; background-image:url(../../assets/hustler/pult/ui/briefkasten.png); animation:hk-p-k-ic-briefkasten 2800ms steps(1,end) infinite}
|
|
.hk-pult .hk-ic-sanduhr{width:32px; height:32px; background-size:auto 32px; background-image:url(../../assets/hustler/pult/ui/sanduhr.png); animation:hk-p-k-ic-sanduhr 2840ms steps(1,end) infinite}
|
|
.hk-pult .hk-ic-sanduhr-k{width:16px; height:16px; background-image:url(../../assets/hustler/pult/ui/sanduhr.png); animation:hk-p-k-ic-sanduhr-k 2840ms steps(1,end) infinite}
|
|
.hk-pult .hk-ic{display:inline-block; flex:none; width:32px; height:32px; background-repeat:no-repeat; background-size:auto 32px; image-rendering:pixelated; vertical-align:middle}
|
|
.hk-pult .hk-ic-klein{width:16px; height:16px; background-size:auto 16px}
|
|
.hk-pult .hk-ic-ansehen{background-image:url(../../assets/hustler/pult/ui/ansehen.png)}
|
|
.hk-pult .hk-ic-antworten{background-image:url(../../assets/hustler/pult/ui/antworten.png)}
|
|
.hk-pult .hk-ic-art-bau-kaputt{background-image:url(../../assets/hustler/pult/ui/art-bau-kaputt.png)}
|
|
.hk-pult .hk-ic-art-beschwerde{background-image:url(../../assets/hustler/pult/ui/art-beschwerde.png)}
|
|
.hk-pult .hk-ic-art-mail{background-image:url(../../assets/hustler/pult/ui/art-mail.png)}
|
|
.hk-pult .hk-ic-art-mensch{background-image:url(../../assets/hustler/pult/ui/art-mensch.png)}
|
|
.hk-pult .hk-ic-art-plattform{background-image:url(../../assets/hustler/pult/ui/art-plattform.png)}
|
|
.hk-pult .hk-ic-art-preisfrage{background-image:url(../../assets/hustler/pult/ui/art-preisfrage.png)}
|
|
.hk-pult .hk-ic-art-unsicher{background-image:url(../../assets/hustler/pult/ui/art-unsicher.png)}
|
|
.hk-pult .hk-ic-art-vorschau{background-image:url(../../assets/hustler/pult/ui/art-vorschau.png)}
|
|
.hk-pult .hk-ic-bauen{background-image:url(../../assets/hustler/pult/ui/bauen.png)}
|
|
.hk-pult .hk-ic-einfuegen{background-image:url(../../assets/hustler/pult/ui/einfuegen.png)}
|
|
.hk-pult .hk-ic-erledigt{background-image:url(../../assets/hustler/pult/ui/erledigt.png)}
|
|
.hk-pult .hk-ic-gesendet{background-image:url(../../assets/hustler/pult/ui/gesendet.png)}
|
|
.hk-pult .hk-ic-kopf-kappe{background-image:url(../../assets/hustler/pult/ui/kopf-kappe.png)}
|
|
.hk-pult .hk-ic-kopf-krone{background-image:url(../../assets/hustler/pult/ui/kopf-krone.png)}
|
|
.hk-pult .hk-ic-kopf-muetze{background-image:url(../../assets/hustler/pult/ui/kopf-muetze.png)}
|
|
.hk-pult .hk-ic-kopieren{background-image:url(../../assets/hustler/pult/ui/kopieren.png)}
|
|
.hk-pult .hk-ic-oeffnen{background-image:url(../../assets/hustler/pult/ui/oeffnen.png)}
|
|
.hk-pult .hk-ic-person{background-image:url(../../assets/hustler/pult/ui/person.png)}
|
|
.hk-pult .hk-ic-uebernehmen{background-image:url(../../assets/hustler/pult/ui/uebernehmen.png)}
|
|
.hk-pult .hk-ic-veraltet{background-image:url(../../assets/hustler/pult/ui/veraltet.png)}
|
|
.hk-pult .hk-ic-verwerfen{background-image:url(../../assets/hustler/pult/ui/verwerfen.png)}
|
|
.hk-pult .hk-ic-zurueck{background-image:url(../../assets/hustler/keller/ui/zurueck.png)}
|
|
.hk-pult .hk-ic-schliessen{background-image:url(../../assets/hustler/keller/ui/schliessen.png)}
|
|
.hk-pult .hk-klemmbrett{filter:drop-shadow(0 6px 0 rgba(6,7,18,.5)); box-sizing:border-box; border-style:solid; border-width:32px 20px 24px 20px; border-image:url(../../assets/hustler/pult/ui/klemmbrett.png) 16 10 12 10 fill / 32px 20px 24px 20px / 0 stretch; image-rendering:pixelated}
|
|
.hk-pult .hk-klammer{position:absolute; right:40px; top:-58px; width:128px; height:48px; background:url(../../assets/hustler/pult/ui/klammer.png) 0 0 / 128px 48px no-repeat; image-rendering:pixelated; pointer-events:none}
|
|
.hk-pult .hk-umschlag{display:grid; grid-template-columns:32px minmax(0,1fr) auto; grid-template-rows:auto auto auto; gap:0 10px; align-items:center; width:100%; box-sizing:border-box; margin:0; padding:0 2px; border-style:solid; border-width:14px 12px 10px 12px; border-image:url(../../assets/hustler/pult/ui/umschlag.png) 7 6 5 6 fill / 14px 12px 10px 12px / 0 stretch; background:transparent; font:inherit; color:#2b2230; text-align:left; cursor:pointer; image-rendering:pixelated}
|
|
.hk-pult .hk-umschlag:hover,.hk-pult .hk-umschlag:focus-visible{border-image:url(../../assets/hustler/pult/ui/umschlag-offen.png) 7 6 5 6 fill / 14px 12px 10px 12px / 0 stretch}
|
|
.hk-pult .hk-umschlag:focus-visible{outline:2px solid #1a1630; outline-offset:-4px}
|
|
.hk-pult .hk-brief{box-sizing:border-box; border-style:solid; border-width:24px; border-image:url(../../assets/hustler/pult/ui/brief.png) 12 fill / 24px / 0 stretch; image-rendering:pixelated}
|
|
.hk-pult .hk-messing{box-sizing:border-box; border-style:solid; border-width:16px; border-image:url(../../assets/hustler/keller/ui/messing.png) 8 fill / 16px / 0 stretch; image-rendering:pixelated}
|
|
.hk-pult .hk-knopf{box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:48px; min-height:48px; margin:0; padding:0 6px 4px; border:16px solid transparent; border-image:url(../../assets/hustler/ui/knopf.png) 8 fill stretch; background:transparent; color:#ffffff; font:inherit; font-size:15px; line-height:18px; text-decoration:none; cursor:pointer; image-rendering:pixelated}
|
|
.hk-pult .hk-knopf,.hk-pult .hk-knopf:hover,.hk-pult .hk-knopf:visited{color:#ffffff}
|
|
.hk-pult .hk-knopf:active{transform:translateY(2px)}
|
|
.hk-pult .hk-knopf:focus-visible,.hk-pult .hk-stempel:focus-visible,.hk-pult .hk-feld:focus-visible{outline:2px solid #1a1630; box-shadow:0 0 0 4px #ffd25a}
|
|
.hk-pult .hk-stempel-aus{opacity:.5}
|
|
.hk-pult .hk-reiter{display:inline-flex; align-items:center; gap:6px; min-width:0; min-height:44px; box-sizing:border-box; flex:0 1 auto; margin:0; padding:8px 14px 12px 10px; border:0; font:inherit; font-size:15px; line-height:16px; color:#2b2230; cursor:pointer; box-shadow:0 -2px 0 0 #2b2230, -2px 0 0 0 #2b2230, 2px 0 0 0 #2b2230, inset 0 2px 0 0 rgba(255,255,255,.55); transform:translateY(8px); transition:transform .12s steps(2)}
|
|
.hk-pult .hk-reiter:hover{transform:translateY(4px)}
|
|
.hk-pult .hk-reiter-an,.hk-pult .hk-reiter-an:hover{transform:translateY(0); padding-bottom:14px; text-shadow:0 1px 0 rgba(255,255,255,.7); box-shadow:0 -2px 0 0 #5a3cb0, -2px 0 0 0 #5a3cb0, 2px 0 0 0 #5a3cb0, inset 0 3px 0 0 #a58cf0}
|
|
.hk-pult .hk-reiter:focus-visible{outline:3px solid #ffd25a; outline-offset:2px}
|
|
.hk-pult .hk-reiter-wartet{background:#f5e3a6}
|
|
.hk-pult .hk-reiter-veraltet{background:#ead6c6}
|
|
.hk-pult .hk-reiter-erledigt{background:#d3eccd}
|
|
.hk-pult .hk-klein{display:block; font-size:12px; line-height:15px; color:#5a4a3a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
|
|
.hk-pult .hk-marke{display:inline-flex; align-items:center; gap:4px; font-size:12px; line-height:16px; white-space:nowrap}
|
|
.hk-pult .hk-abdruck{display:inline-block; padding:0 6px; border:2px solid currentColor; font-size:12px; line-height:14px; white-space:nowrap}
|
|
.hk-pult .hk-stempel-gruen{color:#2f7a3a}
|
|
.hk-pult .hk-stempel-grau{color:#5a4f48}
|
|
.hk-pult .hk-stempel{display:inline-flex; align-items:center; gap:6px; min-height:44px; box-sizing:border-box; margin:0; padding:4px 10px 4px 4px; border:2px solid currentColor; background:rgba(255,255,255,.6); box-shadow:2px 2px 0 rgba(43,34,48,.22); font:inherit; font-size:14px; line-height:16px; cursor:pointer}
|
|
.hk-pult .hk-stempel:not(.hk-stempel-frage):hover{background:#ffffff}
|
|
.hk-pult .hk-stempel-haupt{color:#4a2fa0; background:#eee7ff}
|
|
.hk-pult .hk-stempel-normal{color:#2b2230}
|
|
.hk-pult .hk-stempel-gruen{color:#2f7a3a}
|
|
.hk-pult .hk-stempel-rot{color:#a8261d}
|
|
.hk-pult .hk-stempel-frage{border-style:dashed; background:#fff0c0; font-weight:700}
|
|
.hk-pult .hk-feld{display:block; width:100%; min-height:110px; box-sizing:border-box; margin:0; padding:8px; border:0; background:#fffdf6; color:#2b2230; font:inherit; font-size:14px; line-height:18px; box-shadow:0 0 0 2px #2b2230, inset 0 2px 0 0 #e8dcc0; resize:vertical}
|
|
.hk-pult .hk-liste{flex:0 1 auto; min-height:0; overflow:auto; list-style:none; margin:0; padding:6px 6px 8px; display:flex; flex-direction:column; gap:8px; scrollbar-width:thin; scrollbar-color:#5a3cb0 #e8dcc0}
|
|
.hk-pult .hk-zelle-text{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
|
|
@keyframes hk-p-flackern{0%,40%,44%,71%,73%,100%{opacity:.9}41%,43%{opacity:.88}72%{opacity:.92}}
|
|
@keyframes hk-p-atmen{0%,100%{opacity:.75}50%{opacity:1}}
|
|
@keyframes hk-p-funkeln{0%,100%{opacity:.55}50%{opacity:1}}
|
|
@keyframes hk-p-fensterschnee{to{background-position:-64px 128px}}
|
|
@keyframes hk-p-sekunde{to{transform:rotate(360deg)}}
|
|
.hk-pult .hk-sz-sekunde{position:absolute; left:225px; top:65px; width:1px; height:6px; background:#7a2e3a; transform-origin:50% 100%; animation:hk-p-sekunde 60s steps(60) infinite}
|
|
.hk-pult .hk-pult-ruhe .hk-boten-weg,.hk-pult .hk-pult-ruhe .hk-boten-bild,.hk-pult .hk-pult-ruhe .hk-sz-tuer,.hk-pult .hk-pult-ruhe .hk-sz-auflicht,.hk-pult .hk-pult-ruhe .hk-sz-ruftaste,.hk-pult .hk-pult-ruhe .hk-sz-funke,.hk-pult .hk-pult-ruhe .hk-sz-ding,.hk-pult .hk-pult-ruhe .hk-sz-briefkasten,.hk-pult .hk-pult-ruhe .hk-sz-monitor{animation-play-state:paused; animation-delay:-25800ms}
|
|
@keyframes hk-p-k-boten-weg{0.000%{transform:translate(-16px,279px)}1.154%{transform:translate(18px,279px)}3.192%{transform:translate(18px,279px)}3.500%{transform:translate(18px,279px)}3.808%{transform:translate(20px,279px)}4.154%{transform:translate(23px,279px)}4.500%{transform:translate(27px,279px)}4.846%{transform:translate(31px,279px)}5.192%{transform:translate(35px,279px)}5.538%{transform:translate(39px,279px)}5.885%{transform:translate(43px,279px)}6.231%{transform:translate(47px,279px)}6.577%{transform:translate(51px,279px)}6.923%{transform:translate(55px,279px)}7.269%{transform:translate(59px,279px)}7.615%{transform:translate(63px,279px)}7.962%{transform:translate(67px,279px)}8.308%{transform:translate(71px,279px)}8.654%{transform:translate(75px,279px)}9.000%{transform:translate(79px,279px)}9.346%{transform:translate(83px,279px)}9.692%{transform:translate(87px,279px)}10.038%{transform:translate(91px,279px)}10.385%{transform:translate(95px,279px)}10.731%{transform:translate(99px,279px)}11.077%{transform:translate(103px,279px)}11.423%{transform:translate(107px,279px)}11.769%{transform:translate(111px,279px)}12.115%{transform:translate(115px,279px)}12.462%{transform:translate(119px,279px)}12.808%{transform:translate(123px,279px)}13.154%{transform:translate(127px,279px)}13.500%{transform:translate(131px,279px)}13.846%{transform:translate(135px,279px)}14.192%{transform:translate(139px,279px)}14.538%{transform:translate(143px,279px)}14.885%{transform:translate(147px,279px)}15.231%{transform:translate(151px,279px)}15.577%{transform:translate(155px,279px)}15.923%{transform:translate(159px,279px)}16.269%{transform:translate(163px,279px)}16.615%{transform:translate(167px,279px)}16.962%{transform:translate(171px,279px)}17.308%{transform:translate(175px,279px)}17.654%{transform:translate(179px,279px)}18.000%{transform:translate(182px,279px)}18.346%{transform:translate(184px,279px)}18.692%{transform:translate(184px,279px)}19.192%{transform:translate(184px,279px)}19.692%{transform:translate(184px,275px)}19.962%{transform:translate(184px,278px)}20.231%{transform:translate(184px,279px)}20.615%{transform:translate(184px,279px)}20.962%{transform:translate(184px,279px)}21.269%{transform:translate(184px,279px)}21.577%{transform:translate(184px,279px)}21.885%{transform:translate(184px,279px)}22.423%{transform:translate(184px,276px)}22.692%{transform:translate(184px,278px)}22.923%{transform:translate(184px,279px)}23.423%{transform:translate(184px,279px)}23.885%{transform:translate(184px,279px)}24.385%{transform:translate(184px,279px)}24.769%{transform:translate(184px,279px)}25.154%{transform:translate(184px,279px)}25.538%{transform:translate(184px,279px)}25.923%{transform:translate(184px,279px)}26.346%{transform:translate(185px,279px)}26.692%{transform:translate(183px,279px)}27.038%{transform:translate(180px,279px)}27.385%{transform:translate(176px,279px)}27.731%{transform:translate(172px,279px)}28.077%{transform:translate(168px,279px)}28.423%{transform:translate(164px,279px)}28.769%{transform:translate(160px,279px)}29.115%{transform:translate(156px,279px)}29.462%{transform:translate(152px,279px)}29.808%{transform:translate(148px,279px)}30.154%{transform:translate(144px,279px)}30.500%{transform:translate(140px,279px)}30.846%{transform:translate(136px,279px)}31.192%{transform:translate(132px,279px)}31.538%{transform:translate(128px,279px)}31.885%{transform:translate(124px,279px)}32.231%{transform:translate(120px,279px)}32.577%{transform:translate(116px,279px)}32.923%{transform:translate(112px,279px)}33.269%{transform:translate(108px,279px)}33.615%{transform:translate(104px,279px)}33.962%{transform:translate(100px,279px)}34.308%{transform:translate(96px,279px)}34.654%{transform:translate(92px,279px)}35.000%{transform:translate(88px,279px)}35.346%{transform:translate(84px,279px)}35.692%{transform:translate(80px,279px)}36.038%{transform:translate(76px,279px)}36.385%{transform:translate(72px,279px)}36.731%{transform:translate(68px,279px)}37.077%{transform:translate(64px,279px)}37.423%{transform:translate(60px,279px)}37.769%{transform:translate(56px,279px)}38.115%{transform:translate(52px,279px)}38.462%{transform:translate(48px,279px)}38.808%{transform:translate(44px,279px)}39.154%{transform:translate(40px,279px)}39.500%{transform:translate(36px,279px)}39.846%{transform:translate(32px,279px)}40.192%{transform:translate(28px,279px)}40.538%{transform:translate(24px,279px)}40.885%{transform:translate(21px,279px)}41.231%{transform:translate(19px,279px)}41.577%{transform:translate(18px,279px)}41.885%{transform:translate(18px,279px)}42.308%{transform:translate(18px,279px)}43.846%{transform:translate(-16px,279px)}50.308%{transform:translate(18px,279px)}52.346%{transform:translate(18px,279px)}52.654%{transform:translate(18px,279px)}52.962%{transform:translate(20px,279px)}53.308%{transform:translate(23px,279px)}53.654%{transform:translate(27px,279px)}54.000%{transform:translate(31px,279px)}54.346%{transform:translate(35px,279px)}54.692%{transform:translate(39px,279px)}55.038%{transform:translate(43px,279px)}55.385%{transform:translate(47px,279px)}55.731%{transform:translate(51px,279px)}56.077%{transform:translate(55px,279px)}56.423%{transform:translate(59px,279px)}56.769%{transform:translate(63px,279px)}57.115%{transform:translate(67px,279px)}57.462%{transform:translate(71px,279px)}57.808%{transform:translate(75px,279px)}58.154%{transform:translate(79px,279px)}58.500%{transform:translate(83px,279px)}58.846%{transform:translate(87px,279px)}59.192%{transform:translate(91px,279px)}59.538%{transform:translate(95px,279px)}59.885%{transform:translate(99px,279px)}60.231%{transform:translate(103px,279px)}60.577%{transform:translate(107px,279px)}60.923%{transform:translate(111px,279px)}61.269%{transform:translate(115px,279px)}61.615%{transform:translate(119px,279px)}61.962%{transform:translate(123px,279px)}62.308%{transform:translate(127px,279px)}62.654%{transform:translate(131px,279px)}63.000%{transform:translate(135px,279px)}63.346%{transform:translate(139px,279px)}63.692%{transform:translate(143px,279px)}64.038%{transform:translate(147px,279px)}64.385%{transform:translate(151px,279px)}64.731%{transform:translate(155px,279px)}65.077%{transform:translate(159px,279px)}65.423%{transform:translate(163px,279px)}65.769%{transform:translate(167px,279px)}66.115%{transform:translate(171px,279px)}66.462%{transform:translate(175px,279px)}66.808%{transform:translate(179px,279px)}67.154%{transform:translate(182px,279px)}67.500%{transform:translate(184px,279px)}67.846%{transform:translate(184px,279px)}68.769%{transform:translate(184px,279px)}69.538%{transform:translate(184px,279px)}70.038%{transform:translate(184px,279px)}70.538%{transform:translate(184px,275px)}70.808%{transform:translate(184px,278px)}71.077%{transform:translate(184px,279px)}71.462%{transform:translate(184px,279px)}71.808%{transform:translate(184px,279px)}72.115%{transform:translate(184px,279px)}72.423%{transform:translate(184px,279px)}72.731%{transform:translate(184px,279px)}73.269%{transform:translate(184px,276px)}73.538%{transform:translate(184px,278px)}73.769%{transform:translate(184px,279px)}74.269%{transform:translate(184px,279px)}74.731%{transform:translate(184px,279px)}75.231%{transform:translate(184px,279px)}75.615%{transform:translate(184px,279px)}76.000%{transform:translate(184px,279px)}76.385%{transform:translate(184px,279px)}76.769%{transform:translate(184px,279px)}77.192%{transform:translate(185px,279px)}77.538%{transform:translate(183px,279px)}77.885%{transform:translate(180px,279px)}78.231%{transform:translate(176px,279px)}78.577%{transform:translate(172px,279px)}78.923%{transform:translate(168px,279px)}79.269%{transform:translate(164px,279px)}79.615%{transform:translate(160px,279px)}79.962%{transform:translate(156px,279px)}80.308%{transform:translate(152px,279px)}80.654%{transform:translate(148px,279px)}81.000%{transform:translate(144px,279px)}81.346%{transform:translate(140px,279px)}81.692%{transform:translate(136px,279px)}82.038%{transform:translate(132px,279px)}82.385%{transform:translate(128px,279px)}82.731%{transform:translate(124px,279px)}83.077%{transform:translate(120px,279px)}83.423%{transform:translate(116px,279px)}83.769%{transform:translate(112px,279px)}84.115%{transform:translate(108px,279px)}84.462%{transform:translate(104px,279px)}84.808%{transform:translate(100px,279px)}85.154%{transform:translate(96px,279px)}85.500%{transform:translate(92px,279px)}85.846%{transform:translate(88px,279px)}86.192%{transform:translate(84px,279px)}86.538%{transform:translate(80px,279px)}86.885%{transform:translate(76px,279px)}87.231%{transform:translate(72px,279px)}87.577%{transform:translate(68px,279px)}87.923%{transform:translate(64px,279px)}88.269%{transform:translate(60px,279px)}88.615%{transform:translate(56px,279px)}88.962%{transform:translate(52px,279px)}89.308%{transform:translate(48px,279px)}89.654%{transform:translate(44px,279px)}90.000%{transform:translate(40px,279px)}90.346%{transform:translate(36px,279px)}90.692%{transform:translate(32px,279px)}91.038%{transform:translate(28px,279px)}91.385%{transform:translate(24px,279px)}91.731%{transform:translate(21px,279px)}92.077%{transform:translate(19px,279px)}92.423%{transform:translate(18px,279px)}92.731%{transform:translate(18px,279px)}93.154%{transform:translate(18px,279px)}94.692%{transform:translate(-16px,279px)}100%{transform:translate(-16px,279px)}}
|
|
@keyframes hk-p-k-boten-bild{0.000%{background-position:-0px 0; transform:scaleX(1)}1.154%{background-position:-32px 0; transform:scaleX(1)}3.192%{background-position:-64px 0; transform:scaleX(1)}3.500%{background-position:-32px 0; transform:scaleX(1)}3.808%{background-position:-128px 0; transform:scaleX(1)}4.154%{background-position:-160px 0; transform:scaleX(1)}4.500%{background-position:-192px 0; transform:scaleX(1)}4.846%{background-position:-96px 0; transform:scaleX(1)}5.192%{background-position:-128px 0; transform:scaleX(1)}5.538%{background-position:-160px 0; transform:scaleX(1)}5.885%{background-position:-192px 0; transform:scaleX(1)}6.231%{background-position:-96px 0; transform:scaleX(1)}6.577%{background-position:-128px 0; transform:scaleX(1)}6.923%{background-position:-160px 0; transform:scaleX(1)}7.269%{background-position:-192px 0; transform:scaleX(1)}7.615%{background-position:-96px 0; transform:scaleX(1)}7.962%{background-position:-128px 0; transform:scaleX(1)}8.308%{background-position:-160px 0; transform:scaleX(1)}8.654%{background-position:-192px 0; transform:scaleX(1)}9.000%{background-position:-96px 0; transform:scaleX(1)}9.346%{background-position:-128px 0; transform:scaleX(1)}9.692%{background-position:-160px 0; transform:scaleX(1)}10.038%{background-position:-192px 0; transform:scaleX(1)}10.385%{background-position:-96px 0; transform:scaleX(1)}10.731%{background-position:-128px 0; transform:scaleX(1)}11.077%{background-position:-160px 0; transform:scaleX(1)}11.423%{background-position:-192px 0; transform:scaleX(1)}11.769%{background-position:-96px 0; transform:scaleX(1)}12.115%{background-position:-128px 0; transform:scaleX(1)}12.462%{background-position:-160px 0; transform:scaleX(1)}12.808%{background-position:-192px 0; transform:scaleX(1)}13.154%{background-position:-96px 0; transform:scaleX(1)}13.500%{background-position:-128px 0; transform:scaleX(1)}13.846%{background-position:-160px 0; transform:scaleX(1)}14.192%{background-position:-192px 0; transform:scaleX(1)}14.538%{background-position:-96px 0; transform:scaleX(1)}14.885%{background-position:-128px 0; transform:scaleX(1)}15.231%{background-position:-160px 0; transform:scaleX(1)}15.577%{background-position:-192px 0; transform:scaleX(1)}15.923%{background-position:-96px 0; transform:scaleX(1)}16.269%{background-position:-128px 0; transform:scaleX(1)}16.615%{background-position:-160px 0; transform:scaleX(1)}16.962%{background-position:-192px 0; transform:scaleX(1)}17.308%{background-position:-96px 0; transform:scaleX(1)}17.654%{background-position:-128px 0; transform:scaleX(1)}18.000%{background-position:-160px 0; transform:scaleX(1)}18.346%{background-position:-192px 0; transform:scaleX(1)}18.692%{background-position:-224px 0; transform:scaleX(1)}19.192%{background-position:-256px 0; transform:scaleX(1)}19.692%{background-position:-288px 0; transform:scaleX(1)}19.962%{background-position:-320px 0; transform:scaleX(1)}20.231%{background-position:-352px 0; transform:scaleX(1)}20.615%{background-position:-384px 0; transform:scaleX(1)}20.962%{background-position:-416px 0; transform:scaleX(1)}21.269%{background-position:-448px 0; transform:scaleX(1)}21.577%{background-position:-480px 0; transform:scaleX(1)}21.885%{background-position:-512px 0; transform:scaleX(1)}22.423%{background-position:-544px 0; transform:scaleX(1)}22.692%{background-position:-544px 0; transform:scaleX(1)}22.923%{background-position:-576px 0; transform:scaleX(1)}23.423%{background-position:-608px 0; transform:scaleX(1)}23.885%{background-position:-640px 0; transform:scaleX(1)}24.385%{background-position:-672px 0; transform:scaleX(1)}24.769%{background-position:-704px 0; transform:scaleX(1)}25.154%{background-position:-672px 0; transform:scaleX(1)}25.538%{background-position:-704px 0; transform:scaleX(1)}25.923%{background-position:-640px 0; transform:scaleX(1)}26.346%{background-position:-768px 0; transform:scaleX(-1)}26.692%{background-position:-832px 0; transform:scaleX(-1)}27.038%{background-position:-864px 0; transform:scaleX(-1)}27.385%{background-position:-896px 0; transform:scaleX(-1)}27.731%{background-position:-800px 0; transform:scaleX(-1)}28.077%{background-position:-832px 0; transform:scaleX(-1)}28.423%{background-position:-864px 0; transform:scaleX(-1)}28.769%{background-position:-896px 0; transform:scaleX(-1)}29.115%{background-position:-800px 0; transform:scaleX(-1)}29.462%{background-position:-832px 0; transform:scaleX(-1)}29.808%{background-position:-864px 0; transform:scaleX(-1)}30.154%{background-position:-896px 0; transform:scaleX(-1)}30.500%{background-position:-800px 0; transform:scaleX(-1)}30.846%{background-position:-832px 0; transform:scaleX(-1)}31.192%{background-position:-864px 0; transform:scaleX(-1)}31.538%{background-position:-896px 0; transform:scaleX(-1)}31.885%{background-position:-800px 0; transform:scaleX(-1)}32.231%{background-position:-832px 0; transform:scaleX(-1)}32.577%{background-position:-864px 0; transform:scaleX(-1)}32.923%{background-position:-896px 0; transform:scaleX(-1)}33.269%{background-position:-800px 0; transform:scaleX(-1)}33.615%{background-position:-832px 0; transform:scaleX(-1)}33.962%{background-position:-864px 0; transform:scaleX(-1)}34.308%{background-position:-896px 0; transform:scaleX(-1)}34.654%{background-position:-800px 0; transform:scaleX(-1)}35.000%{background-position:-832px 0; transform:scaleX(-1)}35.346%{background-position:-864px 0; transform:scaleX(-1)}35.692%{background-position:-896px 0; transform:scaleX(-1)}36.038%{background-position:-800px 0; transform:scaleX(-1)}36.385%{background-position:-832px 0; transform:scaleX(-1)}36.731%{background-position:-864px 0; transform:scaleX(-1)}37.077%{background-position:-896px 0; transform:scaleX(-1)}37.423%{background-position:-800px 0; transform:scaleX(-1)}37.769%{background-position:-832px 0; transform:scaleX(-1)}38.115%{background-position:-864px 0; transform:scaleX(-1)}38.462%{background-position:-896px 0; transform:scaleX(-1)}38.808%{background-position:-800px 0; transform:scaleX(-1)}39.154%{background-position:-832px 0; transform:scaleX(-1)}39.500%{background-position:-864px 0; transform:scaleX(-1)}39.846%{background-position:-896px 0; transform:scaleX(-1)}40.192%{background-position:-800px 0; transform:scaleX(-1)}40.538%{background-position:-832px 0; transform:scaleX(-1)}40.885%{background-position:-864px 0; transform:scaleX(-1)}41.231%{background-position:-896px 0; transform:scaleX(-1)}41.577%{background-position:-768px 0; transform:scaleX(1)}41.885%{background-position:-640px 0; transform:scaleX(1)}42.308%{background-position:-736px 0; transform:scaleX(1)}43.846%{background-position:-0px 0; transform:scaleX(1)}50.308%{background-position:-928px 0; transform:scaleX(1)}52.346%{background-position:-960px 0; transform:scaleX(1)}52.654%{background-position:-928px 0; transform:scaleX(1)}52.962%{background-position:-1024px 0; transform:scaleX(1)}53.308%{background-position:-1056px 0; transform:scaleX(1)}53.654%{background-position:-1088px 0; transform:scaleX(1)}54.000%{background-position:-992px 0; transform:scaleX(1)}54.346%{background-position:-1024px 0; transform:scaleX(1)}54.692%{background-position:-1056px 0; transform:scaleX(1)}55.038%{background-position:-1088px 0; transform:scaleX(1)}55.385%{background-position:-992px 0; transform:scaleX(1)}55.731%{background-position:-1024px 0; transform:scaleX(1)}56.077%{background-position:-1056px 0; transform:scaleX(1)}56.423%{background-position:-1088px 0; transform:scaleX(1)}56.769%{background-position:-992px 0; transform:scaleX(1)}57.115%{background-position:-1024px 0; transform:scaleX(1)}57.462%{background-position:-1056px 0; transform:scaleX(1)}57.808%{background-position:-1088px 0; transform:scaleX(1)}58.154%{background-position:-992px 0; transform:scaleX(1)}58.500%{background-position:-1024px 0; transform:scaleX(1)}58.846%{background-position:-1056px 0; transform:scaleX(1)}59.192%{background-position:-1088px 0; transform:scaleX(1)}59.538%{background-position:-992px 0; transform:scaleX(1)}59.885%{background-position:-1024px 0; transform:scaleX(1)}60.231%{background-position:-1056px 0; transform:scaleX(1)}60.577%{background-position:-1088px 0; transform:scaleX(1)}60.923%{background-position:-992px 0; transform:scaleX(1)}61.269%{background-position:-1024px 0; transform:scaleX(1)}61.615%{background-position:-1056px 0; transform:scaleX(1)}61.962%{background-position:-1088px 0; transform:scaleX(1)}62.308%{background-position:-992px 0; transform:scaleX(1)}62.654%{background-position:-1024px 0; transform:scaleX(1)}63.000%{background-position:-1056px 0; transform:scaleX(1)}63.346%{background-position:-1088px 0; transform:scaleX(1)}63.692%{background-position:-992px 0; transform:scaleX(1)}64.038%{background-position:-1024px 0; transform:scaleX(1)}64.385%{background-position:-1056px 0; transform:scaleX(1)}64.731%{background-position:-1088px 0; transform:scaleX(1)}65.077%{background-position:-992px 0; transform:scaleX(1)}65.423%{background-position:-1024px 0; transform:scaleX(1)}65.769%{background-position:-1056px 0; transform:scaleX(1)}66.115%{background-position:-1088px 0; transform:scaleX(1)}66.462%{background-position:-992px 0; transform:scaleX(1)}66.808%{background-position:-1024px 0; transform:scaleX(1)}67.154%{background-position:-1056px 0; transform:scaleX(1)}67.500%{background-position:-1088px 0; transform:scaleX(1)}67.846%{background-position:-1824px 0; transform:scaleX(1)}68.769%{background-position:-1856px 0; transform:scaleX(1)}69.538%{background-position:-1120px 0; transform:scaleX(1)}70.038%{background-position:-1152px 0; transform:scaleX(1)}70.538%{background-position:-1184px 0; transform:scaleX(1)}70.808%{background-position:-1216px 0; transform:scaleX(1)}71.077%{background-position:-1248px 0; transform:scaleX(1)}71.462%{background-position:-1280px 0; transform:scaleX(1)}71.808%{background-position:-1312px 0; transform:scaleX(1)}72.115%{background-position:-1344px 0; transform:scaleX(1)}72.423%{background-position:-1376px 0; transform:scaleX(1)}72.731%{background-position:-1408px 0; transform:scaleX(1)}73.269%{background-position:-1440px 0; transform:scaleX(1)}73.538%{background-position:-1440px 0; transform:scaleX(1)}73.769%{background-position:-1472px 0; transform:scaleX(1)}74.269%{background-position:-1504px 0; transform:scaleX(1)}74.731%{background-position:-1536px 0; transform:scaleX(1)}75.231%{background-position:-1568px 0; transform:scaleX(1)}75.615%{background-position:-1600px 0; transform:scaleX(1)}76.000%{background-position:-1568px 0; transform:scaleX(1)}76.385%{background-position:-1600px 0; transform:scaleX(1)}76.769%{background-position:-1536px 0; transform:scaleX(1)}77.192%{background-position:-1664px 0; transform:scaleX(-1)}77.538%{background-position:-1728px 0; transform:scaleX(-1)}77.885%{background-position:-1760px 0; transform:scaleX(-1)}78.231%{background-position:-1792px 0; transform:scaleX(-1)}78.577%{background-position:-1696px 0; transform:scaleX(-1)}78.923%{background-position:-1728px 0; transform:scaleX(-1)}79.269%{background-position:-1760px 0; transform:scaleX(-1)}79.615%{background-position:-1792px 0; transform:scaleX(-1)}79.962%{background-position:-1696px 0; transform:scaleX(-1)}80.308%{background-position:-1728px 0; transform:scaleX(-1)}80.654%{background-position:-1760px 0; transform:scaleX(-1)}81.000%{background-position:-1792px 0; transform:scaleX(-1)}81.346%{background-position:-1696px 0; transform:scaleX(-1)}81.692%{background-position:-1728px 0; transform:scaleX(-1)}82.038%{background-position:-1760px 0; transform:scaleX(-1)}82.385%{background-position:-1792px 0; transform:scaleX(-1)}82.731%{background-position:-1696px 0; transform:scaleX(-1)}83.077%{background-position:-1728px 0; transform:scaleX(-1)}83.423%{background-position:-1760px 0; transform:scaleX(-1)}83.769%{background-position:-1792px 0; transform:scaleX(-1)}84.115%{background-position:-1696px 0; transform:scaleX(-1)}84.462%{background-position:-1728px 0; transform:scaleX(-1)}84.808%{background-position:-1760px 0; transform:scaleX(-1)}85.154%{background-position:-1792px 0; transform:scaleX(-1)}85.500%{background-position:-1696px 0; transform:scaleX(-1)}85.846%{background-position:-1728px 0; transform:scaleX(-1)}86.192%{background-position:-1760px 0; transform:scaleX(-1)}86.538%{background-position:-1792px 0; transform:scaleX(-1)}86.885%{background-position:-1696px 0; transform:scaleX(-1)}87.231%{background-position:-1728px 0; transform:scaleX(-1)}87.577%{background-position:-1760px 0; transform:scaleX(-1)}87.923%{background-position:-1792px 0; transform:scaleX(-1)}88.269%{background-position:-1696px 0; transform:scaleX(-1)}88.615%{background-position:-1728px 0; transform:scaleX(-1)}88.962%{background-position:-1760px 0; transform:scaleX(-1)}89.308%{background-position:-1792px 0; transform:scaleX(-1)}89.654%{background-position:-1696px 0; transform:scaleX(-1)}90.000%{background-position:-1728px 0; transform:scaleX(-1)}90.346%{background-position:-1760px 0; transform:scaleX(-1)}90.692%{background-position:-1792px 0; transform:scaleX(-1)}91.038%{background-position:-1696px 0; transform:scaleX(-1)}91.385%{background-position:-1728px 0; transform:scaleX(-1)}91.731%{background-position:-1760px 0; transform:scaleX(-1)}92.077%{background-position:-1792px 0; transform:scaleX(-1)}92.423%{background-position:-1664px 0; transform:scaleX(1)}92.731%{background-position:-1536px 0; transform:scaleX(1)}93.154%{background-position:-1632px 0; transform:scaleX(1)}94.692%{background-position:-0px 0; transform:scaleX(1)}100%{background-position:-0px 0; transform:scaleX(1)}}
|
|
@keyframes hk-p-k-sz-tuer{0.000%{background-position:-0px 0}2.577%{background-position:-46px 0}2.885%{background-position:-92px 0}3.192%{background-position:-138px 0}3.500%{background-position:-184px 0}3.808%{background-position:-230px 0}42.308%{background-position:-184px 0}42.615%{background-position:-138px 0}42.923%{background-position:-92px 0}43.231%{background-position:-46px 0}43.538%{background-position:-0px 0}51.731%{background-position:-46px 0}52.038%{background-position:-92px 0}52.346%{background-position:-138px 0}52.654%{background-position:-184px 0}52.962%{background-position:-230px 0}93.154%{background-position:-184px 0}93.462%{background-position:-138px 0}93.769%{background-position:-92px 0}94.077%{background-position:-46px 0}94.385%{background-position:-0px 0}100%{background-position:-0px 0}}
|
|
@keyframes hk-p-k-sz-auflicht{0.000%{background-position:-0px 0}2.577%{background-position:-112px 0}2.885%{background-position:-224px 0}3.192%{background-position:-336px 0}3.500%{background-position:-448px 0}3.808%{background-position:-560px 0}42.308%{background-position:-448px 0}42.615%{background-position:-336px 0}42.923%{background-position:-224px 0}43.231%{background-position:-112px 0}43.538%{background-position:-0px 0}51.731%{background-position:-112px 0}52.038%{background-position:-224px 0}52.346%{background-position:-336px 0}52.654%{background-position:-448px 0}52.962%{background-position:-560px 0}93.154%{background-position:-448px 0}93.462%{background-position:-336px 0}93.769%{background-position:-224px 0}94.077%{background-position:-112px 0}94.385%{background-position:-0px 0}100%{background-position:-0px 0}}
|
|
@keyframes hk-p-k-sz-ruftaste{0.000%{background-position:-0px 0}1.154%{background-position:-9px 0}3.808%{background-position:-0px 0}50.308%{background-position:-9px 0}52.962%{background-position:-0px 0}100%{background-position:-0px 0}}
|
|
@keyframes hk-p-k-sz-funke{0.000%{background-position:-0px 0}21.885%{background-position:-21px 0}22.115%{background-position:-42px 0}22.385%{background-position:-63px 0}22.692%{background-position:-84px 0}23.038%{background-position:-0px 0}72.731%{background-position:-21px 0}72.962%{background-position:-42px 0}73.231%{background-position:-63px 0}73.538%{background-position:-84px 0}73.885%{background-position:-0px 0}100%{background-position:-0px 0}}
|
|
@keyframes hk-p-k-sz-ding{0.000%{background-position:-0px 0}1.154%{background-position:-42px 0}1.500%{background-position:-84px 0}1.769%{background-position:-126px 0}2.038%{background-position:-168px 0}2.308%{background-position:-210px 0}2.577%{background-position:-252px 0}4.846%{background-position:-0px 0}50.308%{background-position:-42px 0}50.654%{background-position:-84px 0}50.923%{background-position:-126px 0}51.192%{background-position:-168px 0}51.462%{background-position:-210px 0}51.731%{background-position:-252px 0}54.000%{background-position:-0px 0}100%{background-position:-0px 0}}
|
|
@keyframes hk-p-k-sz-briefkasten{0.000%{background-position:-0px 0}21.885%{background-position:-30px 0}22.154%{background-position:-60px 0}22.423%{background-position:-90px 0}22.808%{background-position:-120px 0}23.192%{background-position:-150px 0}23.577%{background-position:-120px 0}23.962%{background-position:-90px 0}24.346%{background-position:-120px 0}24.731%{background-position:-150px 0}25.115%{background-position:-120px 0}25.500%{background-position:-90px 0}25.885%{background-position:-120px 0}26.269%{background-position:-180px 0}72.731%{background-position:-60px 0}73.000%{background-position:-90px 0}73.385%{background-position:-120px 0}73.769%{background-position:-150px 0}74.154%{background-position:-120px 0}74.538%{background-position:-90px 0}74.923%{background-position:-120px 0}75.308%{background-position:-150px 0}75.692%{background-position:-120px 0}76.077%{background-position:-90px 0}76.462%{background-position:-120px 0}76.846%{background-position:-180px 0}98.538%{background-position:-30px 0}99.154%{background-position:-0px 0}100%{background-position:-0px 0}}
|
|
@keyframes hk-p-k-sz-monitor{0.000%{background-position:-0px 0}2.500%{background-position:-18px 0}5.000%{background-position:-0px 0}7.500%{background-position:-18px 0}10.000%{background-position:-0px 0}12.500%{background-position:-18px 0}15.000%{background-position:-0px 0}17.500%{background-position:-18px 0}20.000%{background-position:-0px 0}21.885%{background-position:-36px 0}23.115%{background-position:-54px 0}24.346%{background-position:-36px 0}25.577%{background-position:-54px 0}26.808%{background-position:-36px 0}28.038%{background-position:-54px 0}29.269%{background-position:-36px 0}30.500%{background-position:-54px 0}31.731%{background-position:-36px 0}32.962%{background-position:-54px 0}34.192%{background-position:-36px 0}35.423%{background-position:-54px 0}36.654%{background-position:-36px 0}37.885%{background-position:-54px 0}39.115%{background-position:-36px 0}40.346%{background-position:-54px 0}41.577%{background-position:-36px 0}42.808%{background-position:-54px 0}44.038%{background-position:-36px 0}45.269%{background-position:-54px 0}46.500%{background-position:-36px 0}47.731%{background-position:-54px 0}48.962%{background-position:-36px 0}50.192%{background-position:-54px 0}51.423%{background-position:-36px 0}52.654%{background-position:-54px 0}53.885%{background-position:-36px 0}55.115%{background-position:-54px 0}56.346%{background-position:-36px 0}57.577%{background-position:-54px 0}58.808%{background-position:-36px 0}60.038%{background-position:-54px 0}61.269%{background-position:-36px 0}62.500%{background-position:-54px 0}63.731%{background-position:-36px 0}64.962%{background-position:-54px 0}66.192%{background-position:-36px 0}67.423%{background-position:-54px 0}68.654%{background-position:-36px 0}69.885%{background-position:-54px 0}71.115%{background-position:-36px 0}72.346%{background-position:-54px 0}72.731%{background-position:-72px 0}73.962%{background-position:-90px 0}75.192%{background-position:-72px 0}76.423%{background-position:-90px 0}77.654%{background-position:-72px 0}78.885%{background-position:-90px 0}80.115%{background-position:-72px 0}81.346%{background-position:-90px 0}82.577%{background-position:-72px 0}83.808%{background-position:-90px 0}85.038%{background-position:-72px 0}86.269%{background-position:-90px 0}87.500%{background-position:-72px 0}88.731%{background-position:-90px 0}89.962%{background-position:-72px 0}91.192%{background-position:-90px 0}92.423%{background-position:-72px 0}93.654%{background-position:-90px 0}94.885%{background-position:-72px 0}96.115%{background-position:-90px 0}97.346%{background-position:-72px 0}98.577%{background-position:-90px 0}99.154%{background-position:-0px 0}100%{background-position:-0px 0}}
|
|
@keyframes hk-p-k-sz-dampf{0.000%{background-position:-0px 0}16.667%{background-position:-8px 0}33.333%{background-position:-16px 0}50.000%{background-position:-24px 0}66.667%{background-position:-32px 0}83.333%{background-position:-40px 0}100%{background-position:-40px 0}}
|
|
@keyframes hk-p-k-antenne{0%{background:#ff9a8a}20.83%{background:#e2483d}100%{background:#e2483d}}
|
|
@keyframes hk-p-k-ic-briefkasten{0.000%{background-position:-0px 0}42.857%{background-position:-32px 0}46.786%{background-position:-64px 0}50.714%{background-position:-96px 0}54.643%{background-position:-128px 0}58.571%{background-position:-160px 0}62.857%{background-position:-192px 0}67.857%{background-position:-224px 0}100%{background-position:-224px 0}}
|
|
@keyframes hk-p-k-ic-sanduhr{0.000%{background-position:-0px 0}31.690%{background-position:-32px 0}40.845%{background-position:-64px 0}50.000%{background-position:-96px 0}59.155%{background-position:-128px 0}68.310%{background-position:-160px 0}100%{background-position:-160px 0}}
|
|
@keyframes hk-p-k-ic-sanduhr-k{0.000%{background-position:-0px 0}31.690%{background-position:-16px 0}40.845%{background-position:-32px 0}50.000%{background-position:-48px 0}59.155%{background-position:-64px 0}68.310%{background-position:-80px 0}100%{background-position:-80px 0}}
|
|
@media (prefers-reduced-motion: reduce){
|
|
.hk-pult .hk-sz-schnee,.hk-pult .hk-sz-l55,.hk-pult .hk-sz-l232,.hk-pult .hk-sz-lrechts,.hk-pult .hk-sz-lmond,.hk-pult .hk-sz-kette0,.hk-pult .hk-sz-kette1,.hk-pult .hk-sz-kette2,.hk-pult .hk-ic{animation:none}
|
|
.hk-pult .hk-boten-weg,.hk-pult .hk-boten-bild,.hk-pult .hk-sz-tuer,.hk-pult .hk-sz-auflicht,.hk-pult .hk-sz-ruftaste,.hk-pult .hk-sz-funke,.hk-pult .hk-sz-ding,.hk-pult .hk-sz-briefkasten,.hk-pult .hk-sz-monitor,.hk-pult .hk-sz-dampf,.hk-pult .hk-sz-antenne{animation-play-state:paused; animation-delay:-6300ms}
|
|
.hk-pult .hk-sz-sekunde{animation:none}
|
|
.hk-pult .hk-reiter,.hk-pult .hk-stempel{transition:none}
|
|
}
|