.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;&[data-astro-cid-3qbeesr6]: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]{&[data-astro-cid-3qbeesr6]:after{top:-35%;left:65%;width:50%;height:100%}}.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}&[data-astro-cid-3qbeesr6]:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000000b3;mask-size:25%;mask-repeat:no-repeat}&[data-astro-cid-3qbeesr6]:after{content:"";position:absolute;width:50%;height:100%;background:radial-gradient(var(--clr-accent-extralight),var(--clr-accent));transform:rotate(-20deg);border-radius:3rem}&.app-time{&[data-astro-cid-3qbeesr6]:before{mask-image:url(/img/solutions/apps/myplus-time-logo-ohne-plus.png);mask-position:32% 50%}&[data-astro-cid-3qbeesr6]:after{top:10%;left:-20%}}&.app-logistics{&[data-astro-cid-3qbeesr6]:before{mask-image:url(/img/solutions/apps/myplus-logistics-logo-ohne-plus.png);mask-position:68% 50%}&[data-astro-cid-3qbeesr6]: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)}}}}@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]{grid-template-columns:1fr}.intro[data-astro-cid-3qbeesr6] .content[data-astro-cid-3qbeesr6]{margin-top:0}.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}}