/* OrderPoint-Vorschau: eigenständige Stile, bestehende TeamSafe-Seiten bleiben erhalten. */
.op-status{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid #e7bb61;border-radius:999px;background:#fff5dc;color:#735016;font-size:.82rem;font-weight:800;letter-spacing:.02em}
.op-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#a96a0e;flex-shrink:0}
.op-soon{display:inline-block;margin-top:4px;padding:2px 7px;background:#fff5dc;color:#735016;border-radius:6px;font-size:.7rem;font-weight:750;font-style:normal}
.orderpoint-teaser{padding:78px 0;background:#f5f7fa}
.op-teaser-grid,.op-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:52px}
.op-teaser-copy h2{font-size:clamp(2.3rem,4vw,3.5rem);line-height:1.06;letter-spacing:-.045em;margin:22px 0 18px}
.op-teaser-copy h2 span,.op-product-name{color:var(--blue,#135dcc)}
.op-teaser-copy>p,.op-lead{color:#465165;font-size:1.1rem;line-height:1.7}
.op-highlights{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}
.op-highlights li{padding:7px 11px;border:1px solid #d7e3dc;border-radius:9px;background:#edf4ef;color:#254b3e;font-size:.83rem;font-weight:650}
.op-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 12px}
.op-note{color:#667085;font-size:.86rem;line-height:1.6}
.op-figure{margin:0;min-width:0}
.op-screen{padding:10px;background:#1c2423;border-radius:22px;box-shadow:0 24px 60px #10172920}
.op-screen img{display:block;width:100%;height:auto;border-radius:12px}
.op-figure figcaption{margin:14px 5px 0;color:#667085;font-size:.82rem;line-height:1.6}
.op-hero{padding:72px 0 68px;background:linear-gradient(135deg,#fff9fc,#f0f5f2)}
.op-hero h1{font-size:clamp(3rem,6vw,5.5rem);line-height:1;letter-spacing:-.055em;margin:25px 0 18px}
.op-hero h2{font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:700;line-height:1.2;letter-spacing:-.025em;margin:0 0 20px}
.op-intro{max-width:760px;color:#465165;font-size:1.08rem;margin:0 auto 34px;text-align:center}
.op-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.op-feature{padding:27px;border:1px solid #e1e7e3;border-radius:18px;background:#fff}
.op-number{display:block;color:#135dcc;font-size:.8rem;font-weight:800;letter-spacing:.1em;margin-bottom:14px}
.op-feature h3{font-size:1.15rem;line-height:1.3;margin-bottom:12px}
.op-feature p{color:#667085;margin:0}
.op-brand-section{background:#153e32;color:#f5f1e8}
.op-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.op-brand-section h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.15;letter-spacing:-.035em;margin:0 0 20px}
.op-brand-section p{color:#e1e9e3;line-height:1.8}
.op-brand-section ul{padding-left:20px;margin:0}
.op-brand-section li{padding:8px 0;color:#e1e9e3}
.op-facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e1e7e3;border-radius:18px;margin:0;overflow:hidden}
.op-facts>div{padding:24px;border-right:1px solid #e1e7e3;background:#fafbfc;min-width:0}
.op-facts>div:last-child{border:0}
.op-facts dt{color:#667085;font-size:.85rem;margin-bottom:9px}
.op-facts dd{margin:0;font-weight:750}
.op-contact{text-align:center;max-width:740px;margin:46px auto 0}
.op-contact h2{font-size:clamp(2rem,3.5vw,2.8rem);line-height:1.2;letter-spacing:-.035em}
.op-contact p{color:#667085}
.op-page-footer{padding:30px 0;border-top:1px solid #e8eaf1;font-size:.88rem;color:#667085}
.op-page-footer .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.op-page-footer a{text-decoration:underline;text-underline-offset:3px}
.op-page-nav{display:flex;align-items:center;gap:22px;min-height:74px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.op-page-nav nav{display:flex;gap:20px;margin-left:auto;align-items:center;flex-wrap:wrap;font-size:.95rem;font-weight:650}
.op-page-nav nav a:hover{color:#f41467}
.op-page-nav nav a{padding:8px 0}
@media(max-width:900px){.op-teaser-grid,.op-hero-grid{grid-template-columns:1fr;gap:34px}.op-features{grid-template-columns:repeat(2,minmax(0,1fr))}.op-brand-grid{grid-template-columns:1fr;gap:22px}.op-facts{grid-template-columns:repeat(2,1fr)}.op-facts>div{border-bottom:1px solid #e1e7e3}.op-facts>div:nth-child(2){border-right:0}}
@media(max-width:540px){.orderpoint-teaser,.op-hero{padding:48px 0}.op-features,.op-facts{grid-template-columns:1fr}.op-facts>div{border-right:0}.op-screen{padding:6px;border-radius:15px}.op-screen img{border-radius:10px}.op-feature{padding:22px}.op-page-nav{gap:10px}.op-page-nav nav{width:100%;margin:0;justify-content:space-between;gap:10px}.op-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.op-actions .btn{transition:none}.op-actions .btn:hover{transform:none}}
/* Platz für die bestehende feste App-Navigation auf breiten Bildschirmen. */
@media(min-width:1351px){.orderpoint-teaser>.wrap{width:min(1200px,calc(100% - 210px));margin-left:max(180px,calc((100% - 1200px)/2));margin-right:auto}}