.kp-reference{grid-column:2;grid-row:2}.kp-reference>div:last-child{color:#30452d}.kp-reference>div:last-child>small{color:#52663e}.kp-reference>div:last-child>p{color:#4c6145}.kp-reference>div:last-child>a{color:#344c27}.kp-motion{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 15% 10%,#d9e9c4 0,#c9d5b5 42%,#aabd97 100%);color:#233b2b}.kp-motion-label{position:absolute;left:15px;top:14px;font-size:8px;font-weight:700;letter-spacing:.12em;color:#36503a}.kp-orbit{position:absolute;border:1px solid #546c4855;border-radius:50%;width:270px;height:270px;left:17%;top:-20px}.kp-orbit-two{width:350px;height:350px;left:6%;top:-60px;border-style:dashed}.kp-demo{position:absolute;inset:34px 9% 23px;background:#f8fbf0;border:1px solid #617b4e88;border-radius:10px;box-shadow:0 14px 25px #2438232a;overflow:hidden;z-index:1}.kp-demo-top{display:flex;align-items:center;gap:4px;height:24px;padding:0 11px;background:#243d2c;color:#f2f7e9}.kp-demo-top i{width:4px;height:4px;background:#c2d9a2;border-radius:50%}.kp-demo-top b{font-size:8px;margin-left:auto;font-weight:650}.kp-demo-body{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:13px}.kp-avatar{display:grid;place-items:center;border-radius:7px;background:#d5e5c0;color:#334a2e;font-size:11px;font-weight:750;height:28px}.kp-profile strong{display:block;font-size:9px}.kp-profile>span{display:block;font-size:7px;color:#4c6242;margin:3px 0 5px}.kp-profile-line{height:3px;background:#dde6d2;border-radius:3px;overflow:hidden}.kp-profile-line i{display:block;width:78%;height:100%;background:#587c3e;transform-origin:left}.kp-job{grid-column:1/-1;display:flex;gap:8px;align-items:center;border:1px solid #c6d6b2;border-radius:6px;padding:8px;background:#fffef8}.kp-job-icon{display:grid;place-items:center;background:#e4edda;color:#385132;width:22px;height:22px;border-radius:5px;font-size:15px}.kp-job b{display:block;font-size:8px}.kp-job div>span{display:block;font-size:7px;color:#5b6d4e;margin-top:3px}.kp-job em{font-size:11px;font-style:normal;margin-left:auto;color:#3e653a}.kp-float{position:absolute;right:4%;bottom:11px;z-index:2;font-size:8px;font-weight:650;padding:8px 11px;background:#294a31;color:#f6f9ee;border:1px solid #9db786;border-radius:7px;box-shadow:0 5px 15px #25362233}.kp-float>span{margin-right:5px}.admin-sidebar [data-kariereportal-admin]{color:#38552d;border:1px solid #b2c49a;margin-top:10px;background:#eaf0df}@media(prefers-reduced-motion:no-preference){.kp-demo{animation:kp-window-float 4.5s ease-in-out infinite}.kp-orbit-two{animation:kp-orbit-turn 24s linear infinite}.kp-job{animation:kp-job-arrive 4.5s ease-in-out infinite}.kp-job-second{animation-delay:.45s}.kp-profile-line i{animation:kp-profile-fill 4.5s ease-in-out infinite}.kp-float{animation:kp-send-float 3s ease-in-out infinite}.kp-reference:hover .kp-demo{animation-duration:2.8s}}@keyframes kp-window-float{0%,100%{transform:translateY(2px)}50%{transform:translateY(-5px)}}@keyframes kp-orbit-turn{to{transform:rotate(360deg)}}@keyframes kp-job-arrive{0%,12%{opacity:.5;transform:translateX(13px)}30%,85%{opacity:1;transform:translateX(0)}100%{opacity:.5;transform:translateX(13px)}}@keyframes kp-profile-fill{0%,100%{transform:scaleX(.48)}50%{transform:scaleX(1)}}@keyframes kp-send-float{0%,100%{transform:translateY(3px)}50%{transform:translateY(-6px)}}@media(max-width:720px){.kp-reference{grid-column:auto;grid-row:auto;min-height:0!important}.kp-motion-label{font-size:7px}.kp-demo{inset:34px 8% 23px}}@media(prefers-reduced-motion:reduce){.kp-motion *{animation:none!important}}
