.container[data-astro-cid-m25uvnah]{display:flex;flex-direction:column;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-10;align-items:center}p[data-astro-cid-m25uvnah]{font-weight:400;padding-top:1rem}.mouse[data-astro-cid-m25uvnah]{width:40px;height:65px;border:3px solid var(--color2);border-radius:60px;opacity:1;&:before{content:"";width:12px;height:12px;position:absolute;top:10px;left:50%;transform:translate(-50%);background-color:var(--color2);border-radius:50%;opacity:1;animation:wheel 1s infinite;-webkit-animation:wheel 1s infinite}}@keyframes wheel{to{opacity:0;top:25px}}@-webkit-keyframes wheel{to{opacity:0;top:25px}}@media only screen and (max-width: 1523px){p[data-astro-cid-m25uvnah]{font-size:1rem}.mouse[data-astro-cid-m25uvnah]{width:30px;height:50px;border:2px solid var(--color2);border-radius:50px;&:before{width:9px;height:9px;top:10px}}@media only screen and (max-width: 500px){.mouse[data-astro-cid-m25uvnah]{border:none;&:before{top:35px}}@keyframes wheel{to{opacity:0;top:10px}}@-webkit-keyframes wheel{to{opacity:0;top:10px}}}}:root{--width: 50vw}h4[data-astro-cid-ahctfwgh]{padding-left:5rem;font-size:clamp(1.15rem,1vw,1.3rem);width:18vw;text-align:left;line-height:2rem}span[data-astro-cid-ahctfwgh]{font-size:clamp(1.175rem,1.1vw,1.4rem);font-weight:400}#beispiele[data-astro-cid-ahctfwgh]{position:absolute;z-index:5;display:flex;flex-direction:column;align-items:center;width:100%;top:85vh}#beispiele[data-astro-cid-ahctfwgh] h4[data-astro-cid-ahctfwgh]{padding:0;text-align:center}#beispiele[data-astro-cid-ahctfwgh] ul[data-astro-cid-ahctfwgh]{display:flex;justify-content:center;border-top:1px var(--color2) solid;margin:0;padding:.5rem 2rem;margin-top:.5rem}li[data-astro-cid-ahctfwgh]{font-size:1.3rem;cursor:pointer;display:inline-block;margin-right:20px;border-right:1px solid rgba(255,255,255,.5);padding-right:20px;opacity:.5}li[data-astro-cid-ahctfwgh]:last-child{border-right:none;margin-right:0;padding-right:0}#button1[data-astro-cid-ahctfwgh]{opacity:1}main[data-astro-cid-ahctfwgh]{height:100vh;width:100vw;overflow-x:hidden;display:flex;align-items:center}#phoneContainer[data-astro-cid-ahctfwgh]{position:absolute;width:25rem;height:45rem;display:flex;align-items:center;justify-content:center}#phone[data-astro-cid-ahctfwgh],#phonenotch[data-astro-cid-ahctfwgh]{position:fixed;left:calc(var(--width) / 2);height:calc(var(--width) / 2.1);width:calc(var(--width) / 2.1);z-index:2;background-image:url(/dependencies/mockup.phone.Bqbe7Tiq.webp);background-size:cover;display:flex;align-items:center;justify-content:center}#phonenotch[data-astro-cid-ahctfwgh]{pointer-events:none;z-index:3}#phoneviewport[data-astro-cid-ahctfwgh]{cursor:pointer;z-index:1;width:calc(var(--width) / 5.2);height:calc(var(--width) / 2.58);overflow-y:scroll;scrollbar-width:none;transition-delay:4s}#phonebackground[data-astro-cid-ahctfwgh]{top:0;left:0;height:calc(var(--width) * 4.12);max-width:100%;background-image:url(/mockup/1/mockup.mobile.webp);background-size:cover;overflow-y:scroll;scrollbar-width:none}.transition[data-astro-cid-ahctfwgh]{transition:opacity .5s;opacity:1}.hidden[data-astro-cid-ahctfwgh]{opacity:0}#laptopContainer[data-astro-cid-ahctfwgh]{position:absolute;height:45rem;display:flex;align-items:center;justify-content:center}#laptop[data-astro-cid-ahctfwgh]{position:fixed;left:calc(var(--width) / 1.1);height:var(--width);width:var(--width);z-index:1;background-image:url(/dependencies/mockup.laptop.yMwsDggA.webp);background-size:cover;display:flex;align-items:center;justify-content:center}#viewport[data-astro-cid-ahctfwgh]{cursor:pointer;z-index:2;width:calc(var(--width) / 1.29);height:calc(var(--width) / 2.05);scrollbar-width:none;overflow-y:scroll;transition-delay:4s}#background[data-astro-cid-ahctfwgh]{top:0;left:0;height:calc(var(--width) * 4.12);max-width:100%;z-index:2;background-image:url(/mockup/1/mockup.laptop.webp);background-size:cover;overflow-y:scroll;scrollbar-width:none}#background[data-astro-cid-ahctfwgh]::-webkit-scrollbar,#phonebackground[data-astro-cid-ahctfwgh]::-webkit-scrollbar{width:0;display:none}@media only screen and (max-width: 1023px){:root{--width: 65vw}main[data-astro-cid-ahctfwgh]{position:relative;flex-direction:column;align-items:center;justify-content:flex-start;width:100vw;overflow:hidden;height:auto;padding-top:8rem;padding-bottom:5rem}h4[data-astro-cid-ahctfwgh]{padding:0;position:relative;width:80vw;padding:0 5rem 5rem}#beispiele[data-astro-cid-ahctfwgh]{top:-5rem;position:relative}#beispiele[data-astro-cid-ahctfwgh] ul[data-astro-cid-ahctfwgh]{width:75vw;flex-direction:column;align-items:center;gap:1rem;padding-top:1rem;margin-top:.5rem}#beispiele[data-astro-cid-ahctfwgh] li[data-astro-cid-ahctfwgh]{padding:0;margin:0;border:none}#beispiele[data-astro-cid-ahctfwgh] h4[data-astro-cid-ahctfwgh]{top:0}#laptopContainer[data-astro-cid-ahctfwgh]{position:relative;margin-top:-5rem}#laptop[data-astro-cid-ahctfwgh]{position:relative;left:50%;transform:translate(-50%);height:var(--width);width:var(--width)}#phoneContainer[data-astro-cid-ahctfwgh]{position:relative;width:100%;height:32rem}#phone[data-astro-cid-ahctfwgh],#phonenotch[data-astro-cid-ahctfwgh]{position:absolute;overflow:hidden;left:50%;top:0;transform:translate(-50%);height:calc(var(--width) / .9);width:calc(var(--width) / .9)}#phoneviewport[data-astro-cid-ahctfwgh]{width:calc(var(--width) / 2.2);height:calc(var(--width) / 1.1)}#phonebackground[data-astro-cid-ahctfwgh]{height:calc(var(--width) * 9.7)}}@media only screen and (max-width: 500px){:root{--width: 90vw}}