.mp-phone-frame-container[data-astro-cid-i45gwdcj]{--color: black;--notch-width: 50%;--notch-height: 4%;--width: 0px;--border-size: .035;--br-size: .135;--br: calc(var(--width) * 1px * var(--br-size));--status-bar-color: #2e2d27;width:calc(var(--width) * 1px);aspect-ratio:9 / 19;border:calc(var(--width) * 1px * var(--border-size)) solid var(--color);border-radius:var(--br);position:relative;display:flex;flex-direction:column;overflow:hidden;.status-bar{--text-size: .03;--icon-size: .04;--icons-right-start: 77%;--icons-right-gap: 6%;position:absolute;top:0;left:0;width:100%;height:var(--notch-height);background:var(--status-bar-color);color:#fff;>*{position:absolute;top:50%;transform:translateY(-50%)}svg{font-size:calc(var(--width) * 1px * var(--icon-size))}mp-time{left:10%}.time{font-size:calc(var(--width) * 1px * var(--text-size))}.network{left:var(--icons-right-start)}.wifi{left:calc(var(--icons-right-start) + var(--icons-right-gap))}.battery{left:calc(var(--icons-right-start) + var(--icons-right-gap) * 2)}}.notch{--inside-elements-height: 20%;width:var(--notch-width);height:var(--notch-height);margin:0 auto;background:var(--color);border-bottom-left-radius:var(--br);border-bottom-right-radius:var(--br);position:relative;.speaker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;height:var(--inside-elements-height);border-radius:100vw;background:#777;opacity:.15}.camera{position:absolute;top:50%;left:75%;transform:translateY(-50%);height:var(--inside-elements-height);aspect-ratio:1 / 1;border-radius:50%;background:#777;opacity:.15}&:before,&:after{--border-size: 10px;--offset: calc(var(--width) * 1px * .02);--shadow-offset: var(--border-size);content:"";position:absolute;top:0;height:100%;aspect-ratio:1 / 1;background:transparent;box-shadow:var(--shadow-offset) calc(var(--border-size) * -1) 0 var(--border-size) var(--color);clip-path:polygon(0 0,100% 0,100% 50%,0% 50%)}&:before{left:0;transform:translate(calc(-100% + var(--offset)));border-radius:0 var(--br) 0 0}&:after{--shadow-offset: calc(var(--border-size) * -1);right:0;transform:translate(calc(100% - var(--offset)));border-radius:var(--br) 0 0 0}}.content{width:100%;height:calc(100% - var(--notch-height));position:relative;img{width:100%;height:100%;object-fit:fill}>iframe{--max-size: 600;--scale: calc(1 - (var(--max-size) - var(--width)) / 1000);width:calc(100% / var(--scale));height:calc(100% / var(--scale));border:none;transform-origin:0 0;transform:scale(var(--scale))}}.bottom-line{position:absolute;bottom:.4rem;left:25%;width:50%;height:.5%;background:#000;border-radius:100vw;opacity:.15}}main[data-astro-cid-3qbeesr6]{position:relative;&:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(#000 500px,var(--clr-background) 50%);mask-image:url(/img/background/death-star.svg);mask-size:contain;opacity:.25;z-index:0}}section[data-astro-cid-3qbeesr6]{isolation:isolate;z-index:5}.intro[data-astro-cid-3qbeesr6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));position:relative;overflow:clip;&:after{content:"";position:absolute;top:-35%;right:-15%;width:50%;height:100%;border-radius:3rem;rotate:-20deg;background:radial-gradient(var(--clr-accent-extralight),var(--clr-accent));z-index:0}.content{grid-column:span 2}h1{color:var(--clr-text-light);font-size:clamp(1rem,3vw,2rem);font-weight:700;text-transform:uppercase;margin:0;margin-top:3rem;padding:0}h2{font-size:clamp(2rem,7vw,5rem);margin:0;margin-top:1rem;margin-bottom:2rem;padding:0;line-height:1.1}p{font-size:1.25rem;color:var(--clr-text-light);margin-bottom:2rem}.img{isolation:isolate;z-index:1;padding:1rem;display:flex;align-items:center;justify-content:center;img{width:auto;max-height:400px;object-fit:contain}}}.pros[data-astro-cid-3qbeesr6]{margin-block:4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;.pro{border:2px solid hsl(var(--clr-accent-hsl),.35);border-radius:1rem;padding:1rem 1.5rem 5rem;position:relative;overflow:hidden;h4{font-size:1.25rem;color:var(--clr-accent);margin-bottom:.5rem}p{color:var(--clr-text)}svg{position:absolute;top:0;left:0;width:100%;height:100%;color:var(--clr-text-light);transform:translateY(25%);opacity:.15}}}.app[data-astro-cid-3qbeesr6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;padding-block:2rem;margin-block:10rem;position:relative;overflow-x:clip;>div[data-astro-cid-3qbeesr6]{z-index:1}&:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000000b3;mask-size:25%;mask-repeat:no-repeat}&:after{content:"";position:absolute;width:50%;height:100%;background:var(--clr-accent);transform:rotate(-20deg);border-radius:3rem}&.app-time{&:before{mask-image:url(/img/solutions/apps/myplus-time-logo-ohne-plus.png);mask-position:32% 50%}&:after{top:10%;left:-20%}}&.app-logistics{&:before{mask-image:url(/img/solutions/apps/myplus-logistics-logo-ohne-plus.png);mask-position:68% 50%}&:after{transform:rotate(-160deg);top:10%;right:-20%}.img{margin-left:auto}}h3{color:var(--clr-accent);text-transform:uppercase;letter-spacing:3px;font-family:NerisBlack}h4{color:var(--ion-color-light);font-size:clamp(2rem,5vw,4rem);margin-top:1rem;margin-bottom:2rem;line-height:1.1;font-family:NerisBlack}p{color:var(--clr-text-light);width:75%}ul{list-style:none;padding:0;margin:0;margin-block:2rem;li{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:400;svg{color:var(--clr-accent)}}}}.cta[data-astro-cid-3qbeesr6]{display:flex;flex-direction:column;align-items:center;padding-top:2rem;padding-bottom:4rem;p{font-size:clamp(1rem,2.5vw,2rem);margin-bottom:1rem;font-family:var(--font-bold);text-align:center}.other-solutions{margin-top:3rem;display:grid;gap:.5rem;h4{font-size:1.25rem}a{display:inline-flex;align-items:center;gap:.5rem;color:var(--clr-text);text-decoration:none;&:hover{color:hsl(var(--clr-text-hsl),.75)}}}}@keyframes fade-in{0%{opacity:0;scale:.5;translate:200% -20%}to{opacity:1;scale:1;translate:0 0}}@media (max-width: 768px){section[data-astro-cid-3qbeesr6]:after{display:none}.intro[data-astro-cid-3qbeesr6]{.img{order:-1;img{max-height:250px}}}.img[data-astro-cid-3qbeesr6]{display:flex;justify-content:center}.app-time[data-astro-cid-3qbeesr6] .img[data-astro-cid-3qbeesr6]{order:1}.app-logistics[data-astro-cid-3qbeesr6] .img[data-astro-cid-3qbeesr6]{margin-left:unset}.cta[data-astro-cid-3qbeesr6]{width:100%;padding:1rem;background:var(--clr-accent);color:var(--clr-background);text-align:center;margin-bottom:0;button{background:var(--clr-background);color:var(--clr-text)}.other-solutions a{color:var(--clr-background)}}}