:root{--color-darkblue:#3659bf;--color-darkblue-darker-hover:#2d4899;--color-lightblue:#698df9;--color-lightblue-darker-hover:#6384e8;--color-purple:#565fe3;--color-blue1:#5a6feb;--color-blue2:#617ef2;--color-white:#fff;--color-black:#000;--font-main:"Inter", sans-serif}html{overflow-x:hidden}body{background-color:var(--color-darkblue);min-height:100vh;font-family:var(--font-main);color:var(--color-white);flex-direction:column;margin:auto 0;display:flex;position:relative;overflow-x:hidden}html.no-scroll{overflow:hidden}.image-wrapper-phone{transform-origin:0 0;width:515px;min-width:460px;height:100%;position:relative}.background-page-phone{z-index:5;transform-origin:0 0;border:none;border-radius:30px;width:44%;height:94%;position:absolute;left:30%;transform:matrix3d(.85,-.001,0,-.0003,-.09,.9,0,-.0001,0,0,1,0,5,11,0,1)}.handy{z-index:6;pointer-events:none;width:100%;height:auto;display:block;position:relative;transform:rotate(5deg)}.ipad{z-index:6;pointer-events:none;width:100%;height:auto;display:block;position:relative}.image-wrapper-ipad{width:410px;height:auto;transform:scale(calc(100cqw / 340));transform-origin:0 0;display:none;position:relative}.background-page-ipad{z-index:5;transform-origin:0 0;background-color:#000;border:none;border-radius:15px;width:410px;height:92%;position:absolute;top:10px;left:10.5%;transform:matrix3d(1,.08,0,.00035,0,1,0,0,0,0,1,0,0,0,0,1)}.headline{padding-top:1.25rem;font-size:clamp(2.5rem,5vw,3.5rem)}.headline-text{letter-spacing:.0375rem;font-size:1.5625rem;font-weight:500}.headline-container{justify-content:space-between;align-items:flex-start;padding-top:3.125rem;display:flex}.contact-button{z-index:5;background-color:var(--color-lightblue);color:#fff;border-radius:1.5rem;align-items:center;gap:.3rem;padding:.9rem 1.2rem;font-size:1.3rem;text-decoration:none;transition:transform .2s,background-color .2s;animation:2.2s ease-in-out infinite pulse;display:inline-flex;position:relative}.contact-button .arrow{animation:2.2s ease-in-out infinite arrow-pulse;display:inline-block}.contact-button:hover{background-color:var(--color-lightblue-darker-hover);transform:translateY(-2px)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes arrow-pulse{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.ipad{width:100%;max-width:100%;height:auto}.carousel{z-index:5;width:100%;height:max-content;min-height:31.25rem;color:var(--color-black);justify-content:center;align-items:center;margin-top:15rem;margin-bottom:4rem;display:flex;position:relative}.carousel,.card{user-select:none}.card{background:#fff;border-radius:3.125rem;flex-direction:column;width:400px;height:400px;padding:3rem;transition:all .4s;display:flex;position:absolute;box-shadow:0 1.25rem 2.5rem #0003}.card h2{text-align:center;width:100%;margin:1rem 0;font-size:2.8rem}.card p{letter-spacing:.05rem;hyphens:auto;font-size:1.5rem;font-weight:400}.card.left{z-index:5;user-select:none;cursor:pointer;transform:translate(-13.75rem)rotate(-10deg)scale(.9)}.card.left:hover{transition:all .25s;transform:translate(-14rem)rotate(-11deg)scale(.9)}.card.right:hover{transition:all .25s;transform:translate(14rem)rotate(11deg)scale(.9)}.card.active{z-index:7;transform:translate(0)rotate(0)scale(1)}.card.right{z-index:5;user-select:none;cursor:pointer;transform:translate(13.75rem)rotate(10deg)scale(.9)}.service-button-div{z-index:5;text-align:center;margin-top:4rem;position:relative}.services-button{background-color:var(--color-darkblue);border-radius:1.3rem;padding:.9rem 1.2rem;font-size:1.1rem;transition:transform .2s,background-color .2s;display:inline-block}.services-button:hover{background-color:#2d4ba5}#Kontakt{scroll-margin-top:130px}.contact-center{justify-content:center;align-items:center;margin-top:15rem;margin-bottom:10rem;display:flex}.contact-form-container{z-index:5;color:#000;white-space:nowrap;background:#fff;border-radius:3.125rem;gap:1.5rem;max-width:48rem;padding:1rem 2rem;font-size:1.5rem;display:flex}.contact-form-container h1{font-size:3rem}.contact-form-container img{height:2rem}.contact-form{padding:1.875rem 1.25rem .625rem}.contact-form form{flex-direction:column;width:16.875rem;display:flex}.contact-form input,.contact-form textarea{width:100%;font-size:1rem;font-family:var(--font-main);letter-spacing:.0625rem;border:1px solid #dcdcdc;border-radius:.3125rem;margin-bottom:.625rem;padding:.5625rem .8125rem;transition:all .3s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a1a1a1}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-darkblue);outline:none}.contact-form textarea{resize:none;min-height:9.375rem}.contact-form button{background:var(--color-darkblue);color:#fff;cursor:pointer;border:none;border-radius:.3125rem;width:6.25rem;height:2.1875rem;padding:.3125rem;font-size:1rem;font-weight:600;transition:all .3s}.contact-form button:hover{background:#2d4ba5;transform:translateY(-1px)}.contact-spacer{height:25rem}.bottom-spacer{height:8rem}@media (width<=992px){.headline-container{flex-direction:column;align-items:center;gap:40px}.text-content{text-align:center}.image-wrapper-phone{display:none}.image-wrapper-ipad{display:block}.carousel{margin-bottom:2.5rem}.card{width:20rem;height:20rem;padding:2.5rem}.card h2{margin:0;font-size:2.5rem}.card p{font-size:1.3rem}.service-button-div{margin-top:0}}@media (width<=768px){.contact-form-container{flex-direction:column}.contact-form form{justify-content:center;align-items:center;width:100%}.card{max-width:24rem}.carousel{margin-bottom:0}}@media (width<=576px){.headline-container{padding-top:0}.headline{margin-top:0}.ipad{z-index:6;pointer-events:none;width:100%;height:auto;display:block;position:relative}.image-wrapper-ipad{width:350px}.background-page-ipad{z-index:5;transform-origin:0 0;border-radius:10px;width:350px;height:92%;top:6px;transform:matrix3d(1,.08,0,.00045,0,1,0,0,0,0,1,0,0,0,0,1)}.card-spacer{height:9rem}.bottom-spacer{height:3rem}.card{width:17rem;height:17rem;padding:2rem}.card h2{font-size:1.9rem}.card p{font-size:1.2rem}.contact-form input,.contact-form textarea{width:95%}.contact-form-container{padding-bottom:1.5rem}.contact-form-container h1{font-size:2rem}.contact-form-container img{height:1.5rem}.contact-text{font-size:1.2rem}.contact-form{padding:0}}@media (width<=370px){.image-wrapper-ipad{width:240px}.background-page-ipad{z-index:5;transform-origin:0 0;border-radius:10px;width:240px;height:92%;top:6px;transform:matrix3d(1,.08,0,.0006,0,1,0,0,0,0,1,0,0,0,0,1)}.card{width:14rem;height:14rem;padding:2rem}.card h2{font-size:1.5rem}.card p,.services-button{font-size:1rem}.contact-form input,.contact-form textarea{width:95%}.contact-form-container{padding-bottom:1.3rem}.contact-form-container h1{font-size:1.8rem}.contact-form-container img{height:1.3rem}.contact-text{font-size:1rem}.contact-form{padding:1rem 0 0}.contact-form form{flex-direction:column;width:14rem;display:flex}.contact-form-container{padding:1rem 1.5rem}}