/* D 2026-11-08 (FC2 · Field Control › Karte: Detailbox, Ebenen in der Schlagleisten-Box · Desktop v365): nur Anordnung, Werte nur aus G0 (var(--g-…), Klassen g-…).
   Wirkt nur mit .fcn2-karte.fc2-mit-ebenen bzw. #fc2-box (js/fc2.js); ?karte=alt → fc2.js tut nichts, diese Regeln greifen nicht. */

/* linke Spalte auf der Karte: Schlagleiste (Legende C) und darunter die Ebenen, zusammen bis zum unteren Rand */
.fcn2-karte.fc2-mit-ebenen .fc2-spalte { position: absolute; z-index: 5; top: var(--g-a-4); left: var(--g-a-4); bottom: var(--g-a-4); width: 340px; display: flex; flex-direction: column; gap: 8px; pointer-events: none; }
.fc2-spalte > * { pointer-events: auto; }
.fcn2-karte .fc2-spalte > .s-k-leiste { position: relative; top: auto; left: auto; width: auto; max-height: none; flex: 0 1 auto; min-height: 140px; }
.fc2-spalte > .fc2-ebenen { position: relative; flex: 0 0 auto; max-height: 46%; overflow-y: auto; }
.fc2-eb-kopf { display: flex; align-items: baseline; gap: 8px; padding: 8px 12px; cursor: pointer; list-style: none; font-size: var(--g-gr-neben); }
.fc2-eb-kopf::-webkit-details-marker { display: none; }
.fc2-eb-kopf::after { content: '›'; margin-left: auto; color: var(--g-text-3); transform: rotate(90deg); }
.fc2-ebenen:not([open]) > .fc2-eb-kopf::after { transform: none; }
.fc2-eb-kopf small { color: var(--g-text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.fc2-eb-inhalt { display: flex; flex-direction: column; gap: 6px; padding: 0 12px 10px; }
.fc2-eb-inhalt > .g-segment { align-self: flex-start; }
.fcn2-karte.fc2-mit-ebenen .fcn2-k-oben { max-width: calc(100% - 340px - 3 * var(--g-a-4)); }

/* Detailbox unten rechts */
.fc2-box { width: 340px; }
.fc2-kopf { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--g-linie); }
.fc2-kopf h3 { flex: 1 1 auto; min-width: 0; margin: 0; font-size: var(--g-gr-text); font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fc2-daten { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 12px; margin: 0; padding: 10px 12px; font-size: var(--g-gr-neben); }
.fc2-daten dt { color: var(--g-text-3); }
.fc2-daten dd { margin: 0; min-width: 0; }
.fc2-kultur { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; hyphens: manual; }
.fc2-kurz { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 4px; color: var(--g-text-2); hyphens: manual; }
.fc2-knoepfe { display: flex; gap: 6px; padding: 10px 12px; border-top: 1px solid var(--g-linie); }
.fc2-knoepfe > .g-knopf { flex: 1 1 0; justify-content: center; min-width: 0; }
