.px-hero{background:radial-gradient(ellipse at 78% 38%,#26313c 0,#121820 46%,#0d1118 80%);color:#f5f5f7;border-color:#32363d}.px-hero h1,.px-hero h1 em{color:#f5f5f7}.px-hero-copy>p,.px-hero .px-kicker,.px-hero .px-location,.px-hero .px-location>span:first-child{color:#c4c5ca}.px-hero .px-button{background:#fff;color:#171b22;border-color:#fff}.px-hero .px-secondary{background:transparent;color:#fff;border-color:#646870}.px-hero .px-button:hover{background:#e5e5e9;color:#171b22}.px-hero-image{background:transparent;display:grid;place-items:center;min-height:460px}.px-hero-image img{position:relative;object-fit:contain;width:min(78%,480px);height:auto;filter:drop-shadow(0 25px 40px #0008)}.px-hero .px-capabilities a{color:#fff;border-color:#ffffff24}.px-hero .px-capabilities>span,.px-hero .px-capabilities small,.px-hero .px-capabilities a>span{color:#c4c5ca}.px-hero .px-capabilities a:hover{background:#ffffff0b}
.real-os{margin-top:40px;min-width:0}.real-os-intro h3{font-size:clamp(26px,3vw,40px);letter-spacing:-.04em;margin:0 0 12px}.real-os-intro p{color:#55565e;line-height:1.7}.real-os-controls{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 20px}.real-os-controls button{font:inherit;font-size:14px;min-height:44px;padding:10px 20px;background:#f3f3f5;color:#38383d;border:1px solid #dedee2;border-radius:24px;cursor:pointer}.real-os-controls button[aria-pressed=true]{background:#1d1d1f;color:#fff;border-color:#1d1d1f}.real-os figure{margin:0;padding:12px;border:1px solid #dddde2;border-radius:20px;background:#f5f5f7;box-shadow:0 24px 70px #161b2212}.real-os-open{display:block;cursor:zoom-in;aspect-ratio:auto;background:#eaf0f7;border-radius:10px;overflow:hidden}
/* Der KIT-Film im Laptop (Reiter 0) und der Ton-Knopf darueber. */
#real-os-paar{position:relative}
.real-os-film{display:block;width:100%;height:auto;border-radius:3px;background:#0b1622}
.real-os-film[hidden],.real-os-open img[hidden],.real-os-ton[hidden],.real-os-filmhinweis[hidden]{display:none}
.real-os-ton{position:absolute;right:clamp(14px,2.2vw,30px);top:clamp(12px,1.8vw,24px);z-index:3;
  font:inherit;font-size:13px;font-weight:600;min-height:40px;padding:8px 14px;
  background:rgba(8,20,36,.82);color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:24px;
  cursor:pointer;backdrop-filter:blur(6px)}
.real-os-ton:hover{background:rgba(8,20,36,.96)}
/* Eingeschaltet: silber-hell wie der gedrueckte Reiter — nicht blau (2026-09-30: Blau war die einzige fremde Farbe der Palette). */
.real-os-ton[aria-checked=true]{background:#ececee;border-color:#ececee;color:#1e1f22}
.real-os-ton[aria-checked=true]:hover{background:#fff}
.real-os-filmhinweis{margin:6px 6px 0;font-size:12px;line-height:1.5;color:#55565e}
/* aspect-ratio:auto statt 1.888 — der feste Kasten (1.888) passte nicht zu
   den 16:11-Aufnahmen (3200×2200) und schnitt sie unten ab. Jetzt folgt der
   Deckel dem Bild: alles drauf, nichts gestreckt. */.real-os-open img{display:block;width:100%;height:100%;object-fit:contain}.real-os figcaption{display:flex;justify-content:space-between;gap:15px;padding:16px 6px 5px;font-size:12px;color:#55565e}.real-os-caption{font-weight:600;color:#1d1d1f}.real-os-dialog{width:min(1500px,96vw);max-height:94dvh;border:1px solid #555;border-radius:16px;padding:54px 12px 12px;background:#171b22}.real-os-dialog::backdrop{background:#080b12e6}.real-os-dialog img{display:block;width:100%;max-height:80dvh;object-fit:contain}.real-os-dialog button{position:absolute;top:5px;right:10px;width:44px;height:44px;border:0;background:transparent;color:white;font-size:30px;cursor:pointer}
@media(max-width:760px){.real-os-ton{font-size:11px;min-height:30px;padding:5px 9px;right:10px;top:8px}.px-hero-image{min-height:280px;aspect-ratio:auto;padding:10px 0 40px}.px-hero-image img{width:65%;max-width:300px}.real-os figure{padding:6px;border-radius:12px}.real-os figcaption{flex-direction:column;gap:6px}.real-os-controls button{padding:10px 14px}}