/* Hinweisfenster „Statistik und Videos“ wie auf heatsys.de (Regeln .ew aus index.html übernommen, 29.10.2026).
   Farben hier auf .ew begrenzt, damit sie den Konfigurator nicht verändern. */
.ew{--dg:#222729;--line:#33393b;--rot:#E52F11;--rot-d:#c72710;--rot-t:#d92c10;--mg:#A69B96;--hg:#D1D1D1;--max:1320px;--gut:24px}
.ew{position:fixed;left:0;right:0;bottom:0;z-index:200;background:var(--dg);color:var(--hg);border-top:4px solid var(--rot);box-shadow:0 -6px 24px rgba(0,0,0,.25);font:400 15px/1.45 Ubuntu,sans-serif;max-height:85vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0px)}
.ew[hidden]{display:none}
.ew:focus{outline:none}
.ew-in{max-width:var(--max);margin:0 auto;padding:16px var(--gut);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 32px;align-items:center}
.ew h2{font:700 14px/1.25 Ubuntu,sans-serif;color:#fff;letter-spacing:.02em;margin:0 0 6px}
.ew p{margin:0}
.ew a{color:#fff;text-decoration:underline}
.ew a:hover{color:var(--rot)}
.ew-aktionen{display:flex;flex-direction:column;align-items:stretch;gap:4px}
.ew-knoepfe{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:440px;max-width:100%}
.ew-wahl{font:700 14px/1.2 Ubuntu,sans-serif;letter-spacing:.06em;padding:12px 14px;min-height:46px;border:2px solid var(--rot-t);border-radius:2px;background:var(--rot-t);color:#fff;cursor:pointer}
.ew-wahl:hover{background:var(--rot-d);border-color:var(--rot-d)}
.ew-link{align-self:center;background:none;border:0;color:#fff;text-decoration:underline;font:500 14px/1.2 Ubuntu,sans-serif;padding:10px 6px;min-height:44px;cursor:pointer}
.ew-link:hover{color:var(--rot)}
.ew button:focus-visible,.ew input:focus-visible,.ew a:focus-visible{outline:3px solid #fff;outline-offset:2px}
.ew-einst{grid-column:1/-1;border-top:1px solid var(--line);padding-top:6px}
.ew-einst[hidden]{display:none}
.ew-schalter{display:flex;gap:14px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line);cursor:pointer;font-size:14px}
.ew-schalter b{display:block;color:#fff;font-size:15px}
.ew-schalter input{appearance:none;-webkit-appearance:none;flex:0 0 auto;width:46px;height:26px;border-radius:13px;background:#5b6366;position:relative;cursor:pointer;margin:2px 0 0;transition:background .15s}
.ew-schalter input::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}
.ew-schalter input:checked{background:var(--rot)}
.ew-schalter input:checked::after{transform:translateX(20px)}
.ew-fix{flex:0 0 46px;font:700 11px/1.2 Ubuntu,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--mg);padding-top:4px}
.ew-schalter.ew-notw{cursor:default}
.ew-speichern{margin-top:12px;min-width:220px}
.ew-kurz{display:none}
@media (max-width:899px){.ew-wahl,.ew-link,.ew-fix{font-size:14px}}
@media (max-width:820px){
  .ew{font-size:14px}
  .ew-in{grid-template-columns:1fr;padding:12px 16px;gap:10px}
  .ew-knoepfe{width:auto}
  .ew-wahl{padding:12px 8px;font-size:13px}
  .ew-speichern{width:100%}
}
@media (max-width:640px){
  .ew-lang{display:none}
  .ew-kurz{display:inline}
  .ew h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ew-in{padding:10px 16px 6px;gap:8px}
  .ew p{font-size:14px;line-height:1.4}
  .ew-aktionen{gap:0}
  .ew-knoepfe{grid-template-columns:1fr 1fr;gap:8px}
  .ew-wahl{min-height:44px;padding:10px 6px;letter-spacing:.03em}
  .ew-link{min-height:44px;padding:8px 6px}
}
@media print{.ew{display:none!important}}