/* greylo Fernwartung – Download-Seite */
.fw { max-width: 760px; padding-top: 2.5rem; padding-bottom: 2rem; }
.fw-held { display: flex; align-items: center; gap: 1.25rem; margin-bottom: 1.75rem; }
.fw-symbol { flex: none; border-radius: 22px; box-shadow: 0 10px 30px rgb(14 107 168 / 0.25); }
.fw-held h1 { margin: 0 0 0.3rem; font-family: var(--kopf); font-size: clamp(1.8rem, 4vw, 2.4rem); line-height: 1.1; }
.fw-unter { margin: 0; color: var(--soft); font-size: 1.08rem; }
.fw-download { padding: 1.5rem; margin-bottom: 2rem; background: var(--flaeche); border: 1px solid var(--linie); border-radius: 20px; }
.fw-erkannt { margin: 0 0 0.9rem; font-weight: 600; }
.fw-haupt { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.fw-knopf { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 0.1rem; padding: 0.85rem 1.4rem; text-decoration: none; border-radius: 16px; }
.fw-knopf-name { font-family: var(--kopf); font-size: 1.15rem; font-weight: 700; }
.fw-knopf-text { font-size: 0.85rem; opacity: 0.85; }
.fw-andere { margin-top: 1.1rem; }
.fw-andere summary { cursor: pointer; color: var(--soft); font-weight: 600; }
.fw-liste { list-style: none; margin: 0.6rem 0 0; padding: 0; display: grid; gap: 0.4rem; }
.fw-link { display: flex; flex-direction: column; padding: 0.6rem 0.9rem; text-decoration: none; color: var(--ink); background: var(--mist); border-radius: 12px; }
.fw-link:hover { outline: 2px solid var(--deep); }
.fw-link .fw-knopf-name { font-size: 1rem; }
.fw-link .fw-knopf-text { color: var(--soft); }
.fw-schritte h2 { font-family: var(--kopf); margin: 0 0 0.8rem; }
.fw-schritte ol { margin: 0 0 1.2rem; padding-left: 1.3rem; display: grid; gap: 0.7rem; }
.fw-schritte li span[data-hinweis] { display: block; margin-top: 0.2rem; color: var(--soft); }
.fw-schritte li span[hidden] { display: none; }
.fw-klein { font-size: 0.88rem; color: var(--soft); }
.fw-version { margin: 1rem 0 0; }
.fw-fuss { padding-block: 1.5rem 2rem; font-size: 0.85rem; color: var(--soft); }
.fw-fuss a { color: inherit; }
@media (max-width: 560px) {
  .fw { padding-top: 1.5rem; }
  .fw-held { flex-direction: column; align-items: flex-start; }
  .fw-symbol { width: 64px; height: 64px; border-radius: 16px; }
  .fw-knopf { width: 100%; }
}