.ao-device-showcase,.ao-device-highlights{--ao-cyan:#00abd7;--ao-ink:#090b10;--ao-panel:#131820;--ao-muted:#aeb7c2;color:#fff;background:radial-gradient(circle at 50% 0,#172938 0,#0c1119 46%,#07090d 100%);border-radius:20px;padding:clamp(28px,5vw,76px);overflow:hidden}.ao-device__intro{max-width:650px;margin:0 auto 36px;text-align:center}.ao-device__eyebrow{display:block;color:var(--ao-cyan);font:700 11px/1.2 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase}.ao-device__intro h2{margin:10px 0;font:800 clamp(28px,4vw,48px)/1.05 Manrope,sans-serif;letter-spacing:-.04em}.ao-device__intro p{margin:0;color:var(--ao-muted);font:400 16px/1.6 Inter,sans-serif}.ao-device__stage,.ao-device-highlights__stage{position:relative;min-height:420px;max-width:1180px;margin:auto;padding:30px 0 46px}.ao-device{position:absolute;margin:0;filter:drop-shadow(0 22px 25px #000a)}.ao-device__link{display:block;position:relative;overflow:hidden;background:#030405}.ao-device__screen{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain}.ao-device--monitor{left:8%;top:90px;width:52%;transform:perspective(900px) rotateY(4deg);border:10px solid #262d36;border-bottom-width:25px;border-radius:9px;z-index:1}.ao-device--monitor:after{content:"";position:absolute;width:22%;height:34px;bottom:-59px;left:39%;background:#262d36;border-radius:0 0 5px 5px;box-shadow:0 31px 0 10px #1a2028}.ao-device--monitor-second{left:51%;top:52px;width:43%;transform:perspective(900px) rotateY(-4deg) scale(.84);transform-origin:bottom center;z-index:1}.ao-device--laptop{left:24%;top:28px;width:58%;border:8px solid #252b33;border-radius:9px 9px 4px 4px;transform:perspective(1000px) rotateX(1deg) rotateY(-2deg);z-index:2}.ao-device--laptop:after{content:"";position:absolute;bottom:-25px;left:-8%;width:116%;height:18px;background:#353d47;border-radius:2px 2px 12px 12px;box-shadow:0 10px 0 -2px #171c23}.ao-device--tablet{left:7%;bottom:28px;width:38%;border:10px solid #252b33;border-radius:22px;transform:rotate(-5deg);z-index:3}.ao-device--tablet .ao-device__screen{aspect-ratio:16/9}.ao-device--phone{right:7%;bottom:22px;width:14%;border:8px solid #242a33;border-radius:22px;transform:rotate(6deg);z-index:4}.ao-device--phone .ao-device__screen{aspect-ratio:1170/2532}.ao-device figcaption{position:absolute;left:12px;bottom:8px;color:#fff9;font:600 11px Inter,sans-serif}.ao-device__cta{display:block;width:max-content;margin:12px auto 0;padding:13px 18px;border:1px solid #ffffff38;border-radius:6px;color:#fff;text-decoration:none;font:700 14px Inter,sans-serif}.ao-device__cta:hover{border-color:var(--ao-cyan);color:var(--ao-cyan)}.ao-device-highlights{background:#0a0d12;padding:clamp(28px,4vw,64px)}.ao-device-highlights__sets{display:grid;gap:34px;max-width:1280px;margin:auto}.ao-device-set{padding:24px;border:1px solid #ffffff18;border-radius:14px;background:#0d1219}.ao-device-set__label{text-align:center}.ao-device-set__label h3{margin:8px 0 0;font:800 clamp(22px,3vw,34px)/1.1 Manrope,sans-serif}.ao-device-set .ao-device-highlights__stage{min-height:430px}.ao-device-highlights__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1280px;margin:34px auto 0}.ao-device-card{margin:0;overflow:hidden;border:1px solid #ffffff18;border-radius:10px;background:#10151d;transition:transform .2s,border-color .2s}.ao-device-card:hover{transform:translateY(-4px);border-color:#00abd7aa}.ao-device-card a{display:block;color:#fff;text-decoration:none}.ao-device-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#080b10}.ao-device-card span{display:flex;justify-content:space-between;padding:12px;font:700 13px Inter,sans-serif}.ao-device-card b{color:var(--ao-cyan)}
@media (max-width:767px){.ao-device-showcase,.ao-device-highlights{border-radius:12px;padding:28px 16px}.ao-device__stage,.ao-device-highlights__stage{min-height:360px}.ao-device--monitor{left:0;top:74px;width:78%}.ao-device--monitor-second{left:23%;top:45px;width:72%}.ao-device--laptop{left:5%;top:24px;width:90%}.ao-device--tablet{left:0;bottom:28px;width:58%}.ao-device--phone{right:2%;bottom:20px;width:22%}.ao-device-highlights__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ao-device-card span{font-size:11px;padding:9px}.ao-device__intro h2{font-size:30px}.ao-device-set{padding:14px}.ao-device-set .ao-device-highlights__stage{min-height:360px}}
/* Die Rahmen stehen auf einer gemeinsamen Fläche; Bedienelemente bleiben sichtbar. */
.ao-device-showcase *,.ao-device-highlights *{box-sizing:border-box}
.ao-device__stage,.ao-device-set .ao-device-highlights__stage{height:clamp(480px,45vw,580px);min-height:0;padding:0}
.ao-device--monitor{left:3%;top:30px;width:48%}
.ao-device--laptop{left:40%;top:160px;width:48%}
.ao-device--tablet{left:1%;bottom:35px;width:31%}
.ao-device--tablet .ao-device__screen{aspect-ratio:16/10}
.ao-device--phone{right:0;bottom:30px;width:12%}
.ao-device--monitor-second{left:49%;top:125px;width:48%;transform:perspective(900px) rotateY(-4deg)}
.ao-device figcaption{position:static;padding:6px 0 0;text-align:center;color:#aeb7c2}
@media(max-width:767px){
 .ao-device__stage,.ao-device-set .ao-device-highlights__stage{height:410px}
 .ao-device--monitor{left:0;top:24px;width:76%;border-width:6px;border-bottom-width:15px}
 .ao-device--laptop{left:25%;top:145px;width:72%;border-width:5px}
 .ao-device--tablet{left:0;bottom:32px;width:57%;border-width:6px;border-radius:15px}
 .ao-device--phone{right:1%;bottom:22px;width:24%;border-width:5px;border-radius:13px}
 .ao-device--monitor-second{left:27%;top:150px;width:72%}
 .ao-device-set--dashboardmaster .ao-device-highlights__stage{height:370px}
}
@media(max-width:767px){
 .single-projekt .gal{margin-inline:0}
}