/* Losgehen Monitor — Alptechflow
   Bewusst ohne CSS-Grid, ohne Flex-gap und ohne CSS-Variablen:
   ältere TV-Browser (webOS 3/4, Tizen 3/4) kennen sie nicht.
   Masseinheit rem = 1 % der Höhe eines 16:9-Rahmens, den monitor.js setzt:
   so passt dasselbe Bild auf Quer-TV, 4:3 und Hochformat-Stele. */
@font-face{font-family:Mon;src:url(/monitor/schriften/Montserrat-Bold.woff2) format("woff2");font-weight:700}
@font-face{font-family:Mon;src:url(/monitor/schriften/Montserrat-ExtraBold.woff2) format("woff2");font-weight:800}
@font-face{font-family:Int;src:url(/monitor/schriften/Inter-Regular.woff2) format("woff2");font-weight:400}
@font-face{font-family:Int;src:url(/monitor/schriften/Inter-SemiBold.woff2) format("woff2");font-weight:600}
*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
html{font-size:1vh}
html,body{height:100%;background:#0D0D0F;color:#fff;font-family:Int,Arial,sans-serif;overflow:hidden;cursor:none}
.app{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;padding:3.2rem 6.04rem;-webkit-transition:opacity 2s;transition:opacity 2s}
.app.gedimmt{opacity:.35}
header{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;border-bottom:.25rem solid #2A2C30;padding-bottom:2rem;margin-bottom:2.2rem}
.kopf{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.logo{height:8rem;max-width:32rem;margin-right:3.56rem;-o-object-fit:contain;object-fit:contain}
.titel{min-width:0}
.ort{font:800 4.4rem/1.05 Mon,Arial,sans-serif;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.unter{font:600 2rem/1.3 Int,Arial,sans-serif;color:#9A9AA0;margin-top:.8rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uhr{font:700 7rem/1 Mon,Arial,sans-serif;white-space:nowrap;letter-spacing:-.02em;margin-left:3.56rem}
.uhr i{font-style:normal;color:#9A9AA0}
.hinweis{display:none;border-radius:1.4rem;padding:1.3rem 3.56rem;margin-bottom:1.6rem;font:600 2.4rem/1.3 Int,Arial,sans-serif;background:#2A2410;color:#F2B35A;border-left:.7rem solid #F2B35A}
.hinweis.an{display:block}
.hinweis.ruhig{background:#17181B;color:#fff;border-left-color:#7CE404}
.liste{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-height:0;overflow:hidden;font-size:1rem}
.zeile{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:#17181B;border-radius:1.6em;padding:1.5em 3.56rem;margin-bottom:1.2em;border-left:.7em solid #2A2C30}
.zeile>div{margin-left:3.56rem}
.zeile>div:first-child{margin-left:0}
.zeile.jetzt{border-left-color:#7CE404;background:#16200C}
.zeile.bald{border-left-color:#F2B35A}
.linie{width:17.78rem;-webkit-flex-shrink:0;flex-shrink:0;font:800 3.6em/1 Mon,Arial,sans-serif;background:#fff;color:#0D0D0F;border-radius:1em;padding:.28em 0;text-align:center;white-space:nowrap;overflow:hidden}
.linie.S{background:#7CE404}.linie.T{background:#F2B35A}
.ziel{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}
.ziel b{display:block;font:700 3.8em/1.15 Mon,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flug{display:inline-block;width:.95em;height:.95em;margin-left:.3em;vertical-align:-.1em;background:#fff;border-radius:.14em}
.flug svg{display:block;width:100%;height:100%;fill:#0D0D0F}
.ziel span{display:block;font:400 2.1em/1.3 Int,Arial,sans-serif;color:#9A9AA0;margin-top:.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kante{width:16rem;-webkit-flex-shrink:0;flex-shrink:0;text-align:center;border:.3em solid #9A9AA0;border-radius:1.2em;padding:.4em 0.71rem}
.kante.leer{border-color:transparent}
.kante span{display:block;font:600 1.5em/1.1 Int,Arial,sans-serif;color:#9A9AA0;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;overflow:hidden}
.kante b{display:block;font:800 4.2em/1.05 Mon,Arial,sans-serif;color:#fff;white-space:nowrap}
.kante.neu{border-color:#F2B35A;background:#3A2E1A}
.kante.neu b,.kante.neu span{color:#F2B35A}
.ab{width:19.56rem;-webkit-flex-shrink:0;flex-shrink:0;font:700 3.8em/1 Mon,Arial,sans-serif;text-align:right;white-space:nowrap}
.ab small{display:block;font:600 .47em/1.3 Int,Arial,sans-serif;color:#F2B35A;margin-top:.3em}
.ab small.plan{color:#9A9AA0}
.los{width:33.78rem;-webkit-flex-shrink:0;flex-shrink:0;text-align:right}
.los b{display:block;font:800 4.6em/1 Mon,Arial,sans-serif;white-space:nowrap}
.los span{display:block;font:600 1.8em/1.3 Int,Arial,sans-serif;color:#9A9AA0;letter-spacing:.12em;text-transform:uppercase;margin-top:.4em}
.jetzt .los b{color:#7CE404}
.bald .los b{color:#F2B35A}
.ausfall .ziel b{text-decoration:line-through;color:#E5484D}
.ausfall .los b{color:#E5484D}
.meldung{height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-align:center}
.meldung b{display:block;font:800 5rem/1.2 Mon,Arial,sans-serif;margin-bottom:2rem}
.meldung span{display:block;font:600 2.6rem/1.5 Int,Arial,sans-serif;color:#9A9AA0;max-width:124.44rem}
.meldung.warn b{color:#F2B35A}
.meldung.fehler b{color:#E5484D}
.meldung .zeichen{width:9rem;height:9rem;border-radius:50%;border:.6rem solid #2A2C30;border-top-color:#7CE404;margin-bottom:3rem;-webkit-animation:dreh 1.4s linear infinite;animation:dreh 1.4s linear infinite}
@-webkit-keyframes dreh{to{-webkit-transform:rotate(360deg)}}
@keyframes dreh{to{transform:rotate(360deg)}}
footer{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font:600 1.7rem/1 Int,Arial,sans-serif;color:#9A9AA0;letter-spacing:.1em;text-transform:uppercase;margin-top:1.4rem;white-space:nowrap}
footer .marke{font:800 2rem/1 Mon,Arial,sans-serif;color:#fff;letter-spacing:.04em}
footer .marke i{font-style:normal;color:#7CE404}
.puls{display:inline-block;width:1.4rem;height:1.4rem;border-radius:50%;background:#9A9AA0;margin-right:1.42rem;vertical-align:-.1rem}
.puls.gruen{background:#7CE404}.puls.gelb{background:#F2B35A}.puls.rot{background:#E5484D}
.diag{position:absolute;right:3.56rem;bottom:6rem;background:rgba(13,13,15,.94);border:.2rem solid #7CE404;border-radius:1.2rem;padding:1.6rem 2.84rem;font:400 1.7rem/1.5 Int,Arial,sans-serif;color:#fff;max-width:106.67rem;white-space:pre-wrap;text-transform:none;letter-spacing:0}