/* Bühne „kurier“: V1-Animation (appfrags/kurier.css), umgestellt auf V2 mit werkzeuge/v2-generator/buehnen-umstellen.mjs.
   Nicht von Hand ändern, sondern das Skript anpassen und neu laufen lassen. Farben und Rahmen: website.css (.v1-buehne). */
.ap-kurier-stage{position:relative;width:100%;height:340px;overflow:hidden;display:flex;align-items:center;justify-content:center;perspective:1100px;perspective-origin:50% 40%}
.ap-kurier-atmos{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(56% 40% at 50% 34%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 72%),radial-gradient(34% 30% at 72% 34%, color-mix(in srgb, var(--accent2) 12%, transparent), transparent 70%),radial-gradient(40% 32% at 30% 70%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 72%);}
.v1-buehne .ap-kurier-atmos{background:radial-gradient(56% 42% at 50% 32%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 72%),radial-gradient(36% 30% at 72% 32%, color-mix(in srgb, var(--accent2) 20%, transparent), transparent 70%),radial-gradient(40% 32% at 30% 70%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 72%);}
.ap-kurier-world{position:relative;transform-style:preserve-3d;z-index:1}
.ap-kurier-scene{position:relative;width:460px;max-width:88vw;height:280px;transform-style:preserve-3d;animation:ap-kurier-sway 39s ease-in-out infinite;}
@keyframes ap-kurier-sway{0%,100%{ transform:rotateX(7deg) rotateY(-14deg); }50%    { transform:rotateX(9deg) rotateY(12deg); }}
.ap-kurier-floor{position:absolute;left:50%;top:50%;width:360px;height:130px;margin:-65px 0 0 -180px;transform:translateY(96px) translateZ(-40px) rotateX(80deg);background:radial-gradient(closest-side, rgba(0,0,0,.20), transparent 74%);filter:blur(6px);}
.v1-buehne .ap-kurier-floor{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 18%, transparent), transparent 72%);}
.ap-kurier-floor--compose,.ap-kurier-floor--outbox{filter:blur(4px);background:radial-gradient(closest-side, rgba(0,0,0,.32), transparent 72%);}
.v1-buehne .ap-kurier-floor--compose,.v1-buehne .ap-kurier-floor--outbox{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 26%, transparent), transparent 70%);}
.ap-kurier-floor--compose{width:196px;height:82px;margin:-41px 0 0 -98px;transform:translate3d(-150px,90px,8px) translateZ(-6px) rotateX(80deg);}
.ap-kurier-floor--outbox{width:150px;height:66px;margin:-33px 0 0 -75px;transform:translate3d(150px,92px,-6px) translateZ(-6px) rotateX(80deg);}
.ap-kurier-rail{position:absolute;left:50%;top:50%;border-radius:50%;border:1.5px solid transparent;background:transparent;transform-style:preserve-3d;}
.ap-kurier-rail--front{width:330px;height:172px;margin:-118px 0 0 -165px;border-top-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 -3px 18px -6px color-mix(in srgb, var(--accent) 40%, transparent);transform:translateZ(46px) rotateX(4deg);opacity:.6;animation:ap-kurier-breathe-front 13.5s ease-in-out infinite;}
.ap-kurier-rail--mid{width:300px;height:150px;margin:-108px 0 0 -150px;border-top-color:color-mix(in srgb, var(--accent2) 50%, transparent);box-shadow:0 -3px 16px -6px color-mix(in srgb, var(--accent2) 34%, transparent);transform:translateZ(2px) rotateX(4deg);opacity:.42;animation:ap-kurier-breathe-mid 13.5s ease-in-out infinite;animation-delay:-4.5s;}
.ap-kurier-rail--back{width:360px;height:186px;margin:-126px 0 0 -180px;border-top-color:color-mix(in srgb, var(--accent) 32%, transparent);transform:translateZ(-52px) rotateX(4deg);opacity:.24;animation:ap-kurier-breathe-back 13.5s ease-in-out infinite;animation-delay:-9s;}
@keyframes ap-kurier-breathe-front{0%,100%{ opacity:.40; } 50%{ opacity:.66; }}
@keyframes ap-kurier-breathe-mid{0%,100%{ opacity:.22; } 50%{ opacity:.44; }}
@keyframes ap-kurier-breathe-back{0%,100%{ opacity:.12; } 50%{ opacity:.28; }}
.ap-kurier-compose,.ap-kurier-tray{background:linear-gradient(155deg, color-mix(in srgb, var(--glass) 92%, var(--accent) 8%), var(--glass));border:1px solid var(--glassbrd);box-shadow:0 26px 46px -20px rgba(0,0,0,.5),0 0 0 1px color-mix(in srgb, var(--accent) 22%, var(--glasshi)),0 0 22px -11px color-mix(in srgb, var(--accent) 62%, transparent),inset 0 0 0 1px color-mix(in srgb, var(--accent2) 15%, transparent),inset 0 1px 0 color-mix(in srgb, var(--glasshi) 90%, transparent);}
.v1-buehne .ap-kurier-compose,.v1-buehne .ap-kurier-tray{box-shadow:0 28px 50px -20px rgba(0,0,0,.72),0 0 24px -8px color-mix(in srgb, var(--accent) 40%, transparent),inset 0 0 0 1px color-mix(in srgb, var(--accent2) 24%, transparent),inset 0 1px 0 color-mix(in srgb, var(--glasshi) 40%, transparent);}
.ap-kurier-sheen{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.ap-kurier-sheen::before{content:"";position:absolute;top:-40%;left:0;width:45%;height:180%;background:linear-gradient(100deg, transparent, color-mix(in srgb, var(--glasshi) 85%, transparent), transparent);transform:translateX(-180%) skewX(-16deg);animation:ap-kurier-sweep 12s ease-in-out infinite;}
@keyframes ap-kurier-sweep{0%{ transform:translateX(-180%) skewX(-16deg); } 55%,100%{ transform:translateX(360%) skewX(-16deg); }}
.ap-kurier-compose{position:absolute;left:50%;top:50%;width:152px;padding:12px 13px 14px;border-radius:16px;transform-style:preserve-3d;transform:translate(-50%,-50%) translate3d(-152px,-38px,26px) rotateY(16deg) rotateX(-2deg);animation:ap-kurier-float-a 18s ease-in-out infinite;}
@keyframes ap-kurier-float-a{0%,100%{ transform:translate(-50%,-50%) translate3d(-152px,-38px,26px) rotateY(16deg) rotateX(-2deg); }50%    { transform:translate(-50%,-50%) translate3d(-152px,-49px,38px) rotateY(16deg) rotateX(-2deg); }}
.ap-kurier-compose-head{display:flex;align-items:center;gap:8px;margin-bottom:11px}
.ap-kurier-compose-dot{width:9px;height:9px;border-radius:3px;flex:none;background:linear-gradient(160deg, var(--accent), color-mix(in srgb, var(--accent2) 60%, var(--accent)));box-shadow:0 0 11px color-mix(in srgb, var(--accent) 65%, transparent);}
.ap-kurier-compose-title{height:7px;width:56%;border-radius:4px;background:color-mix(in srgb, var(--ink) 26%, transparent)}
.ap-kurier-compose-line{display:block;height:6px;width:92%;border-radius:4px;margin-top:9px;background:color-mix(in srgb, var(--ink) 13%, transparent)}
.ap-kurier-compose-line--2{width:80%}
.ap-kurier-compose-line--3{width:60%}
.ap-kurier-compose-send{position:relative;margin-top:14px;height:13px;width:48px;border-radius:7px;background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 58%, transparent));box-shadow:0 6px 15px -4px color-mix(in srgb, var(--accent) 60%, transparent), inset 0 1px 0 color-mix(in srgb, var(--glasshi) 70%, transparent);}
.ap-kurier-compose-send::after{content:"";position:absolute;inset:-1px;border-radius:8px;pointer-events:none;opacity:0;background:radial-gradient(70% 120% at 50% 30%, color-mix(in srgb, var(--glasshi) 82%, transparent), transparent 72%);box-shadow:0 0 16px -2px color-mix(in srgb, var(--accent) 72%, transparent);animation:ap-kurier-send-glow 13.5s ease-in-out infinite;}
@keyframes ap-kurier-send-glow{0%,100%{ opacity:1; }9%     { opacity:0; }30%    { opacity:0; }34%    { opacity:1; }43%    { opacity:0; }63%    { opacity:0; }67%    { opacity:1; }76%    { opacity:0; }}
.ap-kurier-outbox{position:absolute;left:50%;top:50%;width:112px;height:112px;transform-style:preserve-3d;transform:translate(-50%,-50%) translate3d(156px,-2px,-2px) rotateY(-18deg) rotateX(2deg);animation:ap-kurier-float-b 19.5s ease-in-out infinite;}
@keyframes ap-kurier-float-b{0%,100%{ transform:translate(-50%,-50%) translate3d(156px,-2px,-2px) rotateY(-18deg) rotateX(2deg); }50%    { transform:translate(-50%,-50%) translate3d(156px,-11px,8px) rotateY(-18deg) rotateX(2deg); }}
.ap-kurier-tray{position:absolute;inset:0;border-radius:20px;overflow:hidden}
.ap-kurier-slot{position:absolute;left:16%;right:16%;top:30%;height:6px;border-radius:5px;background:color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--accent) 45%, transparent), inset 0 -2px 4px rgba(0,0,0,.28);}
.ap-kurier-check{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--accent) 30%, var(--card)), var(--card));border:1px solid color-mix(in srgb, var(--accent) 48%, var(--glassbrd));box-shadow:0 8px 20px -6px color-mix(in srgb, var(--accent) 60%, transparent), inset 0 1px 0 color-mix(in srgb, var(--glasshi) 60%, transparent);transform:translateZ(10px);animation:ap-kurier-check 13.5s ease-in-out infinite;}
.ap-kurier-check-mark{width:17px;height:9px;margin-top:-3px;border-radius:1px;border-left:2.5px solid var(--accent);border-bottom:2.5px solid var(--accent);transform:rotate(-45deg);}
@keyframes ap-kurier-check{0%   { transform:translateZ(10px) scale(1); }9%   { transform:translateZ(10px) scale(1.16); }17%  { transform:translateZ(10px) scale(1); }43%  { transform:translateZ(10px) scale(1.16); }51%  { transform:translateZ(10px) scale(1); }76%  { transform:translateZ(10px) scale(1.16); }84%  { transform:translateZ(10px) scale(1); }100% { transform:translateZ(10px) scale(1); }}
.ap-kurier-pulse{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;border:1.5px solid color-mix(in srgb, var(--accent) 60%, transparent);transform:translateZ(6px);animation:ap-kurier-pulse 13.5s ease-out infinite;}
.ap-kurier-pulse--2{animation-delay:.6s;border-color:color-mix(in srgb, var(--accent2) 55%, transparent)}
@keyframes ap-kurier-pulse{0%   { transform:translateZ(6px) scale(.5);  opacity:0; }9%   { transform:translateZ(6px) scale(.5);  opacity:.78; }30%  { transform:translateZ(6px) scale(2.05); opacity:0; }33%  { transform:translateZ(6px) scale(.5);  opacity:0; }43%  { transform:translateZ(6px) scale(.5);  opacity:.78; }64%  { transform:translateZ(6px) scale(2.05); opacity:0; }66%  { transform:translateZ(6px) scale(.5);  opacity:0; }76%  { transform:translateZ(6px) scale(.5);  opacity:.78; }97%  { transform:translateZ(6px) scale(2.05); opacity:0; }100% { transform:translateZ(6px) scale(.5);  opacity:0; }}
.ap-kurier-flyer{position:absolute;left:50%;top:50%;width:50px;height:35px;margin:-17px 0 0 -25px;transform-style:preserve-3d;animation:ap-kurier-fly-1 13.5s cubic-bezier(.45,.05,.35,1) infinite;}
.ap-kurier-flyer--2{animation-name:ap-kurier-fly-2;animation-delay:-4.5s}
.ap-kurier-flyer--3{animation-name:ap-kurier-fly-3;animation-delay:-9s}
@keyframes ap-kurier-fly-1{0%  { transform:translate3d(-150px,-16px,12px) rotateY(14deg) rotateZ(-8deg) scale(.55); opacity:0; }8%  { opacity:1; }34% { transform:translate3d(-40px,-82px,70px)  rotateY(4deg)  rotateZ(-2deg) scale(1);   opacity:1; }60% { transform:translate3d(92px,-36px,22px)   rotateY(-9deg) rotateZ(4deg)  scale(.74); opacity:1; }76% { transform:translate3d(152px,2px,-4px)    rotateY(-16deg)rotateZ(6deg)  scale(.48); opacity:.9; }82% { transform:translate3d(152px,2px,-4px)    rotateY(-16deg)rotateZ(6deg)  scale(.36); opacity:0; }100%{ transform:translate3d(152px,2px,-4px)    rotateY(-16deg)rotateZ(6deg)  scale(.36); opacity:0; }}
@keyframes ap-kurier-fly-2{0%  { transform:translate3d(-150px,-10px,6px)  rotateY(16deg) rotateZ(-10deg)scale(.52); opacity:0; }8%  { opacity:1; }34% { transform:translate3d(-48px,-100px,32px) rotateY(6deg)  rotateZ(-4deg) scale(.98); opacity:1; }60% { transform:translate3d(86px,-46px,10px)   rotateY(-7deg) rotateZ(3deg)  scale(.72); opacity:1; }76% { transform:translate3d(152px,2px,-4px)    rotateY(-16deg)rotateZ(6deg)  scale(.46); opacity:.9; }82% { transform:translate3d(152px,2px,-4px)    rotateY(-16deg)rotateZ(6deg)  scale(.34); opacity:0; }100%{ transform:translate3d(152px,2px,-4px)    rotateY(-16deg)rotateZ(6deg)  scale(.34); opacity:0; }}
@keyframes ap-kurier-fly-3{0%  { transform:translate3d(-150px,-22px,16px) rotateY(12deg) rotateZ(-6deg) scale(.58); opacity:0; }8%  { opacity:1; }34% { transform:translate3d(-34px,-66px,90px)  rotateY(3deg)  rotateZ(-1deg) scale(1.04);opacity:1; }60% { transform:translate3d(98px,-30px,30px)   rotateY(-10deg)rotateZ(5deg)  scale(.76); opacity:1; }76% { transform:translate3d(152px,4px,-6px)    rotateY(-16deg)rotateZ(6deg)  scale(.5);  opacity:.9; }82% { transform:translate3d(152px,4px,-6px)    rotateY(-16deg)rotateZ(6deg)  scale(.38); opacity:0; }100%{ transform:translate3d(152px,4px,-6px)    rotateY(-16deg)rotateZ(6deg)  scale(.38); opacity:0; }}
.ap-kurier-mail{position:absolute;inset:0;border-radius:9px;transform-style:preserve-3d;transform:rotateX(18deg) rotateZ(-6deg);background:linear-gradient(150deg, color-mix(in srgb, var(--glass) 84%, var(--accent) 14%), var(--glass));border:1px solid color-mix(in srgb, var(--accent) 30%, var(--glassbrd));box-shadow:0 12px 24px -8px rgba(0,0,0,.45), inset 0 1px 0 color-mix(in srgb, var(--glasshi) 80%, transparent);animation:ap-kurier-wobble 5.4s ease-in-out infinite;}
.v1-buehne .ap-kurier-mail{box-shadow:0 14px 28px -8px rgba(0,0,0,.62), 0 0 20px -6px color-mix(in srgb, var(--accent) 46%, transparent), inset 0 1px 0 color-mix(in srgb, var(--glasshi) 45%, transparent);}
.ap-kurier-mail-flap{position:absolute;left:0;right:0;top:0;height:60%;clip-path:polygon(0 0,100% 0,50% 96%);border-radius:9px 9px 0 0;background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 34%, var(--glass)), color-mix(in srgb, var(--accent2) 18%, var(--glass)));border-bottom:1px solid color-mix(in srgb, var(--accent2) 40%, transparent);}
.ap-kurier-flyer--2 .ap-kurier-mail{animation-delay:-1.95s}
.ap-kurier-flyer--3 .ap-kurier-mail{animation-delay:-3.6s}
.ap-kurier-flyer--2 .ap-kurier-trail{animation-delay:-1.95s}
.ap-kurier-flyer--3 .ap-kurier-trail{animation-delay:-3.6s}
@keyframes ap-kurier-wobble{0%,100%{ transform:rotateX(18deg) rotateZ(-8deg); }50%    { transform:rotateX(14deg) rotateZ(-3deg); }}
.ap-kurier-trail{position:absolute;top:50%;right:52%;width:132px;height:12px;margin-top:-6px;border-radius:8px;transform-origin:100% 50%;opacity:.55;transform:rotateX(56deg);background:linear-gradient(270deg, color-mix(in srgb, var(--accent2) 42%, transparent), color-mix(in srgb, var(--accent) 48%, transparent) 24%, color-mix(in srgb, var(--accent) 14%, transparent) 52%, transparent 82%);filter:blur(3px);animation:ap-kurier-trail 5.4s ease-in-out infinite;}
@keyframes ap-kurier-trail{0%,100%{ opacity:.48; transform:rotateX(56deg) scaleX(.88); }50%    { opacity:.8;  transform:rotateX(56deg) scaleX(1.06); }}
.ap-kurier-glint{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle, var(--accent2), transparent 70%);filter:blur(.5px);animation:ap-kurier-glint 9s ease-in-out infinite;}
.ap-kurier-glint--1{transform:translate3d(20px,-90px,60px)}
.ap-kurier-glint--2{transform:translate3d(-80px,60px,30px);animation-delay:-3s}
.ap-kurier-glint--3{transform:translate3d(120px,-70px,-20px);animation-delay:-6s}
@keyframes ap-kurier-glint{0%,100%{ opacity:0; } 50%{ opacity:.9; }}
@media (prefers-reduced-motion: reduce){.ap-kurier-scene,.ap-kurier-compose,.ap-kurier-outbox,.ap-kurier-flyer,.ap-kurier-mail,.ap-kurier-trail,.ap-kurier-check,.ap-kurier-pulse,.ap-kurier-rail,.ap-kurier-glint,.ap-kurier-sheen::before,.ap-kurier-compose-send::after{animation:none;}
.ap-kurier-scene{transform:rotateX(8deg) rotateY(-10deg);}
.ap-kurier-compose-send::after{opacity:.5;}
.ap-kurier-flyer--1{transform:translate3d(-40px,-82px,70px) rotateY(4deg) rotateZ(-2deg) scale(1); opacity:1;}
.ap-kurier-flyer--2{transform:translate3d(86px,-46px,10px) rotateY(-7deg) rotateZ(3deg) scale(.72); opacity:.92;}
.ap-kurier-flyer--3{transform:translate3d(-34px,-66px,90px) rotateY(3deg) rotateZ(-1deg) scale(1.04); opacity:0;}
.ap-kurier-rail{opacity:.5;}
.ap-kurier-glint{opacity:.7;}
.ap-kurier-pulse{opacity:.4; transform:translateZ(6px) scale(1.5);}
.ap-kurier-check{transform:translateZ(10px) scale(1);}}
@media (max-width:600px){.ap-kurier-stage{height:300px;}
.ap-kurier-world{transform:scale(.7);}}