.schirm-seite{background:var(--salz);place-items:center;min-height:100vh;margin:0;display:grid;overflow:hidden}.schirm{--e:min(1vw, 1.7778vh);grid-template-columns:minmax(0,1fr);grid-template-rows:calc(var(--e) * 20.5) calc(var(--e) * 16.4) minmax(0, 1fr) auto;width:calc(var(--e) * 100);height:calc(var(--e) * 56.25);background:var(--salz);color:var(--tinte);font-size:calc(var(--e) * 1.2);line-height:1.3;display:grid;position:relative;overflow:hidden}.ruhig,.ruhig *{cursor:none}.schirm p{margin:0}.s-himmel{isolation:isolate;gap:calc(var(--e) * 3);padding:calc(var(--e) * 1.5) calc(var(--e) * 3) 0;color:var(--himmel-text);background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 55%, var(--sky-low) 100%);grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.s-stadt{width:100%;height:calc(var(--e) * 6.5);z-index:-1;display:block;position:absolute;bottom:-1px;left:0;right:0}.s-links{min-width:0}.s-kopf{align-items:baseline;gap:calc(var(--e) * 2);display:flex}.s-kopf .marke,.s-fuss .marke{font-size:calc(var(--e) * 2.1)}.s-himmel .marke b{color:color-mix(in srgb, var(--backstein) 55%, var(--himmel-text))}.s-gruss{font-size:calc(var(--e) * 1.5);font-weight:700}.s-satz{margin:calc(var(--e) * 1) 0 0;font-family:var(--display);font-weight:800;font-size:calc(var(--e) * 4.3);letter-spacing:-.01em;font-variation-settings:"wdth" 78;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:.97;display:-webkit-box;overflow:hidden}.s-satz.lang{font-size:calc(var(--e) * 3.5);-webkit-line-clamp:3}:root[data-himmel-text=hell] .s-satz,:root[data-himmel-text=hell] .s-kopf{text-shadow:0 1px 22px color-mix(in srgb, var(--sky-top) 70%, transparent)}.s-satz .teil{background-image:linear-gradient(var(--strich,transparent), var(--strich,transparent));background-position:0 94%;background-repeat:no-repeat;background-size:100% .08em}.s-satz .teil[data-s=ok]{--strich:color-mix(in srgb, var(--gut) 60%, var(--himmel-text))}.s-satz .teil[data-s=warn]{--strich:color-mix(in srgb, var(--achtung) 70%, var(--himmel-text))}.s-satz .teil[data-s=alarm]{--strich:color-mix(in srgb, var(--alarm) 75%, var(--himmel-text))}.s-alarm{margin-top:calc(var(--e) * 1);max-width:calc(var(--e) * 60);padding:calc(var(--e) * .6) calc(var(--e) * 1);border-radius:var(--r);background:var(--alarm);color:var(--auf-alarm);font-size:calc(var(--e) * 1.35)}.s-alarm[hidden]{display:none}.s-alarm p+p{margin-top:calc(var(--e) * .3)}.s-rechts{text-align:right}.s-uhr{font-family:var(--display);font-weight:800;font-size:calc(var(--e) * 8.2);font-variation-settings:"wdth" 80;letter-spacing:-.01em;line-height:.9}.s-tag{margin-top:calc(var(--e) * .6);font-size:calc(var(--e) * 1.7);font-weight:700}.s-pille{margin-top:calc(var(--e) * .8);padding:calc(var(--e) * .25) calc(var(--e) * .9);background:var(--pille);font-size:calc(var(--e) * 1.15);border-radius:999px;font-weight:700;display:inline-block}.s-lage{margin:calc(var(--e) * .6) calc(var(--e) * 3) 0;background:var(--linie);border:1px solid var(--linie);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:1px;display:grid;overflow:hidden}.s-feld{justify-content:center;gap:calc(var(--e) * .25);min-width:0;min-height:0;padding:calc(var(--e) * .45) calc(var(--e) * 1.1);background:var(--flaeche);flex-direction:column;display:flex;overflow:hidden}.s-name{justify-content:space-between;align-items:center;gap:calc(var(--e) * .6);font-size:calc(var(--e) * 1.15);color:var(--text-2);font-weight:700;display:flex}.s-name .pill{font-size:calc(var(--e) * 1);padding:calc(var(--e) * .1) calc(var(--e) * .6)}.s-name .pill i{width:calc(var(--e) * .45);height:calc(var(--e) * .45)}.s-wert{align-items:baseline;gap:calc(var(--e) * .5);white-space:nowrap;min-width:0;display:flex}.s-wert b{font-family:var(--display);font-weight:800;font-size:calc(var(--e) * 3.1);font-variation-settings:"wdth" 72;line-height:1}.s-wert.w2 b{font-size:calc(var(--e) * 2.7);font-variation-settings:"wdth" 64}.s-wert.w3 b{font-size:calc(var(--e) * 2.2);font-variation-settings:"wdth" 58}.s-wert small{text-overflow:ellipsis;min-width:0;font-size:calc(var(--e) * 1.2);color:var(--text-2);font-weight:700;overflow:hidden}.s-feld[data-s=alarm] .s-wert b{color:var(--alarm)}.s-text{font-size:calc(var(--e) * 1.05);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.s-unten{gap:calc(var(--e) * 3);min-height:0;padding:calc(var(--e) * 1.2) calc(var(--e) * 3) 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.s-unten section{flex-direction:column;min-width:0;min-height:0;display:flex}.s-unten h2{margin:0 0 calc(var(--e) * .3);font-size:calc(var(--e) * 1.45);font-weight:750;line-height:1.2}.s-liste{margin:0;padding:0;list-style:none}.s-liste li{align-items:baseline;gap:calc(var(--e) * .9);min-width:0;padding:calc(var(--e) * .3) 0;border-top:1px solid var(--linie);display:flex}.s-liste li:first-child{border-top:0}.s-liste b{min-width:calc(var(--e) * 5.4);font-family:var(--display);font-weight:800;font-size:calc(var(--e) * 1.9);font-variation-settings:"wdth" 80;flex:none;line-height:1.05}.s-liste span{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-weight:700;overflow:hidden}.s-liste small{max-width:34%;font-size:calc(var(--e) * 1);color:var(--meta);white-space:nowrap;text-overflow:ellipsis;flex:none;overflow:hidden}.s-liste small:empty{display:none}.s-liste.s-zweizeilig li{grid-template-columns:calc(var(--e) * 5.4) minmax(0, 1fr);column-gap:calc(var(--e) * .9);align-items:start;display:grid}.s-liste.s-zweizeilig b{grid-row:span 2}.s-liste.s-zweizeilig span,.s-liste.s-zweizeilig small{max-width:none;line-height:1.25}.s-liste li[data-s=warn] small{color:var(--achtung-text);font-weight:700}.s-liste li[data-s=alarm] small,.s-liste li[data-s=alarm] b{color:var(--alarm);font-weight:700}.s-liste .s-leer{color:var(--text-2);display:block}.s-liste .s-leer span{white-space:normal;font-weight:400}.s-quelle{padding-top:calc(var(--e) * .3);font-size:calc(var(--e) * .85);color:var(--meta);white-space:nowrap;text-overflow:ellipsis;margin-top:auto;overflow:hidden}.s-fuss{justify-content:space-between;align-items:center;gap:calc(var(--e) * 2);padding:calc(var(--e) * .4) calc(var(--e) * 3) calc(var(--e) * .7);font-size:calc(var(--e) * .9);color:var(--meta);line-height:1.35;display:flex}.s-fuss div{min-width:0}.s-fuss div p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.s-fuss>p{align-items:center;gap:calc(var(--e) * 1.5);flex:none;display:flex}.s-fuss .marke{font-size:calc(var(--e) * 1.5);color:var(--tinte)}.s-vollbild{top:calc(var(--e) * 1.2);border:1px solid color-mix(in srgb, var(--himmel-text) 30%, transparent);background:var(--pille);min-width:44px;min-height:44px;color:var(--himmel-text);cursor:pointer;border-radius:999px;padding:0 16px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.s-vollbild[hidden],.ruhig .s-vollbild{display:none}