/* Funk – Stil der Bereichsseite (bis 05.10.2026 im Kopf der Seite eingebettet), dazu die Leiste für Unterseiten */
.funk { max-width: 900px; padding-top: 70px; padding-bottom: 100px; }
.funk h1 { font: 300 clamp(2rem, 5.5vw, 3.4rem)/1.05 var(--display); text-transform: uppercase; color: var(--ink); margin-bottom: 22px; }
.funk h1 b { font-weight: 700; color: #fff; }
.lora-facts[hidden] { display: none; }
#lora-more { margin-top: 1px; }                /* zweite Zeile der Gateway-Angaben (vorher als style-Attribut im Baustein) */
.lora-note { margin-top: 12px; color: var(--soft); font-size: .88rem; }
.funk h3 { font: 500 1.05rem/1.3 var(--display); letter-spacing: .04em; color: var(--ink); margin: 1.8em 0 .3em; }
.lora-facts b { font: 400 1.25rem/1.2 var(--display); color: #fff; }
.v-chart { display: block; width: 100%; max-width: 900px; height: auto; background: var(--panel); border: 1px solid var(--rule); }
.v-chart .vg { stroke: var(--rule); stroke-width: 1; }
.v-chart .va { stroke: #6f7c8f; stroke-width: 1; }
.v-chart .vt { fill: #8fa0b5; font: 11px "Segoe UI", system-ui, sans-serif; }
.v-chart .ve { fill: #9fd4ff; }
.v-chart .vs { fill: #ffc24a; }
.v-chart .sl { fill: none; stroke: #9fd4ff; stroke-width: 2; stroke-linejoin: round; }
.v-chart .sp { fill: #9fd4ff; stroke: #0a0e18; stroke-width: 2; }
.v-chart .sh { stroke: #8fa0b5; stroke-width: 1; stroke-dasharray: 3 3; }
.v-chart .st { fill: #fff; font: 12px "Segoe UI", system-ui, sans-serif; }
.funk a { color: var(--volt); }
.v-chart .sr { fill: rgba(159, 212, 255, .35); stroke: #9fd4ff; stroke-width: 1; }
.v-chart .sm { stroke: #fff; stroke-width: 2; }
.s-stat { width: 100%; max-width: 900px; border-collapse: collapse; background: var(--panel); border: 1px solid var(--rule); }
.s-stat th, .s-stat td { padding: 12px 18px; text-align: right; border-top: 1px solid var(--rule); font-variant-numeric: tabular-nums; }
.s-stat thead th { border-top: 0; font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; color: var(--soft); font-weight: 400; }
.s-stat tbody th { text-align: left; color: var(--soft); font-weight: 400; }
.s-stat td { color: #fff; font: 400 1.1rem/1.2 var(--display); }
.v-chart .vh { fill: transparent; }
.v-chart g:hover .vh { fill: rgba(159, 212, 255, .08); }
.v-leg { color: var(--soft); font-size: .85rem; margin-bottom: 8px; }
.v-leg i { display: inline-block; width: 10px; height: 10px; margin: 0 6px 0 0; border-radius: 2px; }
.v-leg .le { background: #9fd4ff; } .v-leg .ls { background: #ffc24a; margin-left: 16px; }
.funk h2 { font-size: clamp(1.4rem, 3vw, 1.9rem); margin: 2em 0 .6em; }
/* Reiter zu den Unterseiten (wie in laufrad.css, das die Übersicht nicht lädt) */
.kb-nav { display: flex; flex-wrap: wrap; gap: 0 2px; margin-bottom: 34px; border-bottom: 1px solid var(--rule); font-size: .85rem; line-height: 1.3; }
.kb-nav a, .kb-nav b, .kb-nav .zu { padding: 10px 14px; margin-bottom: -1px; border-bottom: 2px solid transparent; text-decoration: none; }
.kb-nav a { color: var(--soft); }
.kb-nav a:hover, .kb-nav a:focus-visible { color: #fff; border-bottom-color: var(--rule); }
.kb-nav b { color: #fff; font-weight: 600; border-bottom-color: var(--volt); }
/* Galerie empfangener Bilder */
.fk-galerie { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px 18px; margin: 1.4em 0 .8em; }
.kb .fk-galerie figure { margin: 0; }
.fk-galerie a { display: block; border: 1px solid var(--rule); background: #000; }
.fk-galerie a:hover, .fk-galerie a:focus-visible { border-color: var(--volt); }
.fk-galerie img { display: block; width: 100%; height: auto; }
.fk-galerie figcaption { margin-top: 8px; color: var(--soft); font-size: .86rem; line-height: 1.5; }
.fk-galerie figcaption b { color: var(--ink); font-weight: 600; }
.kb .fk-galerie-quelle { color: var(--soft); font-size: .82rem; }
@media (max-width: 620px) { .fk-galerie { grid-template-columns: 1fr; } }
/* Ein einzelnes großes Bild (Wetterbild von Meteor-M) und die Himmelskarte der Überflüge */
.kb .fk-bild { margin: 1.4em 0 .8em; }
.fk-bild a { display: block; border: 1px solid var(--rule); background: #000; }
.fk-bild a:hover, .fk-bild a:focus-visible { border-color: var(--volt); }
.fk-bild img { display: block; width: 100%; height: auto; }
.fk-bild figcaption { margin-top: 8px; color: var(--soft); font-size: .86rem; line-height: 1.5; }
.fk-bild figcaption b { color: var(--ink); font-weight: 600; }
#met-himmel { display: block; width: 300px; max-width: 100%; height: auto; }