.geraete-grafik{position:relative;width:100%;max-width:40rem;margin-inline:auto;aspect-ratio:100 / 64.5}.gg-display-frame,.gg-terminal,.gg-phone{display:block}.gg-display{position:absolute;inset:0 11% auto 5%}.gg-screen{position:absolute;top:2.868%;left:2.221%;width:95.576%;height:69.988%;overflow:hidden;background:var(--gg-paper);container-type:size;--u: .0625cqw;--gg-ink: #101820;--gg-ink-2: #6f6a5f;--gg-ink-3: #9a958c;--gg-line: #e4e1da;--gg-line-2: #efece5;--gg-paper: #faf9f6;--gg-card: #fff;--gg-accent: #af231c;--gg-ok: #2f7a4f;--gg-warn: #a8781a;--gg-info: #3a6ea5}.gg-app{display:flex;flex-direction:column;width:100%;height:100%;color:var(--gg-ink);font-family:var(--fz-sans, var(--font-sans));font-size:calc(21 * var(--u));line-height:1.35}.gg-topbar{display:flex;flex:none;align-items:stretch;height:calc(74 * var(--u));padding-inline:calc(30 * var(--u));border-bottom:calc(1 * var(--u)) solid var(--gg-line);background:var(--gg-card)}.gg-brand{display:flex;align-items:center;gap:calc(13 * var(--u));margin:0 calc(34 * var(--u)) 0 0}.gg-brand img{display:block;width:auto;height:calc(27 * var(--u))}.gg-brand b{padding-left:calc(13 * var(--u));border-left:calc(1 * var(--u)) solid var(--gg-line);color:var(--gg-ink-2);font-family:var(--fz-display, var(--font-display));font-size:calc(25 * var(--u));font-weight:600;letter-spacing:.08em}.gg-topbar nav{display:flex;gap:calc(28 * var(--u))}.gg-tab{display:flex;align-items:center;border-bottom:calc(3 * var(--u)) solid transparent;color:var(--gg-ink-2);font-size:calc(21 * var(--u))}.gg-tab.is-on{border-bottom-color:var(--gg-accent);color:var(--gg-ink)}.gg-avatar{display:grid;place-items:center;align-self:center;width:calc(40 * var(--u));height:calc(40 * var(--u));margin-left:auto;border:calc(1 * var(--u)) solid var(--gg-line);border-radius:50%;background:var(--gg-paper);color:var(--gg-ink-2);font-size:calc(17 * var(--u));letter-spacing:.04em}.gg-main{display:flex;flex:1;flex-direction:column;min-height:0;padding:calc(24 * var(--u)) calc(30 * var(--u)) calc(26 * var(--u))}.gg-title{display:flex;flex:none;align-items:center;gap:calc(16 * var(--u))}.gg-title h3{margin:0;font-family:var(--fz-display, var(--font-display));font-size:calc(38 * var(--u));font-weight:600;letter-spacing:.01em}.gg-live{display:flex;align-items:center;gap:calc(8 * var(--u));padding:calc(5 * var(--u)) calc(13 * var(--u));border-radius:100px;background:#e8f1eb;color:var(--gg-ok);font-size:calc(17 * var(--u));letter-spacing:.04em}.gg-live i{width:calc(9 * var(--u));height:calc(9 * var(--u));border-radius:50%;background:currentcolor;animation:gg-pulse 2.4s ease-in-out infinite}@keyframes gg-pulse{0%,to{opacity:1}50%{opacity:.25}}.gg-period{margin-left:auto;padding:calc(9 * var(--u)) calc(17 * var(--u));border:calc(1 * var(--u)) solid var(--gg-line);border-radius:calc(8 * var(--u));background:var(--gg-card);color:var(--gg-ink-2);font-size:calc(20 * var(--u))}.gg-period b{color:var(--gg-ink);font-weight:inherit}.gg-body{display:flex;flex:1;flex-direction:column;min-height:0;gap:calc(18 * var(--u));padding-top:calc(20 * var(--u))}.gg-kpis{display:grid;flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(16 * var(--u))}.gg-kpi{display:flex;flex-direction:column;padding:calc(18 * var(--u)) calc(20 * var(--u));border:calc(1 * var(--u)) solid var(--gg-line);border-radius:calc(10 * var(--u));background:var(--gg-card)}.gg-kpi>span{color:var(--gg-ink-2);font-size:calc(19 * var(--u));letter-spacing:.02em}.gg-kpi>b{margin-top:calc(6 * var(--u));font-family:var(--fz-display, var(--font-display));font-size:calc(50 * var(--u));font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.gg-kpi.is-accent>b{color:var(--gg-accent)}.gg-kpi>em{margin-top:auto;padding-top:calc(12 * var(--u));color:var(--gg-ink-3);font-size:calc(18 * var(--u));font-style:normal}.gg-meter{margin-top:auto;height:calc(7 * var(--u));overflow:hidden;border-radius:100px;background:var(--gg-line-2)}.gg-meter i{display:block;width:var(--w);height:100%;border-radius:inherit;background:var(--gg-ink)}html.js .gg-meter i{width:0;transition:width 1.1s cubic-bezier(.22,.7,.28,1) .1s}html.js .is-live .gg-meter i{width:var(--w)}.gg-grid{display:grid;flex:1;grid-template-columns:minmax(0,1fr) calc(400 * var(--u));gap:calc(16 * var(--u));min-height:0}.gg-card{display:flex;flex-direction:column;overflow:hidden;border:calc(1 * var(--u)) solid var(--gg-line);border-radius:calc(10 * var(--u));background:var(--gg-card)}.gg-card h4{margin:0;padding:calc(16 * var(--u)) calc(20 * var(--u)) calc(12 * var(--u));font-family:var(--fz-display, var(--font-display));font-size:calc(25 * var(--u));font-weight:600;letter-spacing:.02em}.gg-card h4 small{float:right;color:var(--gg-ink-3);font-family:var(--fz-sans, var(--font-sans));font-size:calc(19 * var(--u))}.gg-card table{width:100%;border-collapse:collapse}.gg-card th{padding:0 calc(15 * var(--u)) calc(10 * var(--u));border-bottom:calc(1 * var(--u)) solid var(--gg-line);color:var(--gg-ink-2);font-size:calc(17 * var(--u));font-weight:inherit;letter-spacing:.05em;text-align:left;text-transform:uppercase}.gg-card td{padding:calc(12 * var(--u)) calc(15 * var(--u));border-bottom:calc(1 * var(--u)) solid var(--gg-line-2);white-space:nowrap}.gg-card tbody tr:last-child td{border-bottom:0}html.js .gg-card tbody tr{opacity:0;translate:0 calc(8 * var(--u));transition:opacity .5s ease calc(var(--row) * 70ms + .25s),translate .5s ease calc(var(--row) * 70ms + .25s)}html.js .is-live .gg-card tbody tr{opacity:1;translate:0 0}.gg-num{font-variant-numeric:tabular-nums}.gg-num.is-plus{color:var(--gg-ok)}.gg-num.is-minus{color:var(--gg-accent)}.gg-who{display:flex;align-items:center;gap:calc(11 * var(--u))}.gg-who i{flex:none;width:calc(27 * var(--u));height:calc(27 * var(--u));border:calc(1 * var(--u)) solid var(--gg-line);border-radius:50%;background:var(--gg-paper)}.gg-pill{display:inline-block;padding:calc(4 * var(--u)) calc(12 * var(--u));border-radius:100px;font-size:calc(17 * var(--u));letter-spacing:.02em}.gg-pill.is-ok{background:#e8f1eb;color:var(--gg-ok)}.gg-pill.is-away{background:#fbf1de;color:var(--gg-warn)}.gg-pill.is-out{background:#e9f0f7;color:var(--gg-info)}.gg-chart{display:flex;flex:1;align-items:flex-end;gap:calc(22 * var(--u));min-height:0;padding:calc(10 * var(--u)) calc(24 * var(--u)) 0}.gg-bar{display:flex;flex:1;flex-direction:column;gap:calc(9 * var(--u));height:100%;justify-content:flex-end;text-align:center}.gg-bar u{position:relative;display:block;height:86%;border:calc(1 * var(--u)) solid var(--gg-line);border-bottom:0;background:var(--gg-paper);text-decoration:none}.gg-bar u i{position:absolute;right:calc(-1 * var(--u));bottom:0;left:calc(-1 * var(--u));display:block;height:var(--h);background:var(--gg-accent)}html.js .gg-bar u i{height:0;transition:height .9s cubic-bezier(.22,.7,.28,1) calc(var(--bar) * 90ms + .15s)}.gg-bar u i.is-prognose{background:#dfbcb9}html.js .is-live .gg-bar u i{height:var(--h)}.gg-bar span{color:var(--gg-ink-2);font-size:calc(19 * var(--u))}.gg-legend{display:flex;gap:calc(22 * var(--u));margin:calc(12 * var(--u)) calc(24 * var(--u)) 0;padding:calc(12 * var(--u)) 0 calc(16 * var(--u));border-top:calc(1 * var(--u)) solid var(--gg-line-2);color:var(--gg-ink-2);font-size:calc(18 * var(--u))}.gg-legend b{display:inline-block;width:calc(13 * var(--u));height:calc(13 * var(--u));margin-right:calc(7 * var(--u));background:var(--gg-accent)}.gg-legend b.is-prognose{background:#dfbcb9}.gg-legend-soll{margin-left:auto}@media(prefers-reduced-motion:reduce){.gg-live i,.gg-meter i,.gg-card tbody tr,.gg-bar u i{animation:none;transition:none}}.gg-display-frame{position:relative;width:100%;height:auto}.gg-terminal,.gg-phone{position:absolute;bottom:0;height:auto}.gg-terminal{left:-8%;width:44%}.gg-phone{right:1.9%;width:17.3%}@media(max-width:60rem){.geraete-grafik{max-width:min(40rem,100% / 1.08);translate:4% 0}}