/* Datenexplorer Graswachstum - Stile (frueher als Strings im R-Skript) */

/* Grundlayout, Ebenen-Kasten, Kurve, Zeitleiste */
*, *:before, *:after { box-sizing: border-box; }
.gw-title { font-family: var(--gw-schrift, sans-serif); font-size: 22px; font-weight: 600; margin: 4px 0 10px 0; }
.gw-controls { margin-bottom: 10px; font-family: var(--gw-schrift, sans-serif); font-size: 14px; display: flex; flex-wrap: wrap; align-items: center; gap: 20px; }
.gw-combo { position: relative; display: inline-block; max-width: 100%; }
.gw-combo input { padding: 5px 8px; font-size: 14px; width: 240px; max-width: 100%; border: 1px solid #bbb; border-radius: 4px; }
.gw-combo-list { position: absolute; z-index: 1000; top: 100%; left: 0; background: white; border: 1px solid #bbb; border-radius: 4px; max-height: 260px; overflow-y: auto; width: 240px; max-width: 100%; box-shadow: 0 2px 8px rgba(0,0,0,0.15); }
.gw-combo-item { padding: 6px 9px; cursor: pointer; }
.gw-combo-item:hover, .gw-combo-item.active { background: var(--gw-akzent-hell, #eaf2fb); }
.gw-combo-sep { padding: 4px 9px; font-size: 11px; color: #888; border-top: 1px solid #eee; margin-top: 2px; user-select: none; }
.gw-combo-kopf { border-top: none; margin-top: 0; }
.gw-multi { width: 340px; max-width: 100%; }
.gw-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; min-height: 32px; padding: 3px 4px; border: 1px solid #bbb; border-radius: 6px; background: white; cursor: text; box-sizing: border-box; }
.gw-chips:focus-within { border-color: var(--gw-akzent, #4a90d9); box-shadow: 0 0 0 2px var(--gw-akzent-hell, #eaf2fb); }
.gw-multi .gw-chips input { flex: 1 1 90px; min-width: 90px; width: auto; border: none; padding: 4px; font-size: 14px; outline: none; background: transparent; }
.gw-chip { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; padding: 2px 3px 2px 8px; border-radius: 12px; background: #f0f2f0; border: 1px solid #dde2dd; font-size: 13px; line-height: 1.3; white-space: nowrap; }
.gw-chip-gruppe { background: #f5f5f5; font-style: italic; }
.gw-chip-punkt { flex: none; display: inline-block; width: 10px; height: 10px; border-radius: 50%; box-sizing: border-box; }
.gw-chip-gruppe .gw-chip-punkt { border-radius: 2px; }
.gw-chip-x { border: none; background: none; padding: 0 4px; font-size: 15px; line-height: 1; color: #777; cursor: pointer; border-radius: 50%; }
.gw-chip-x:hover { color: #000; background: #e2e6e2; }
.gw-multi .gw-combo-list { width: 100%; max-height: 320px; }
.gw-combo-item { display: flex; align-items: center; gap: 7px; }
.gw-combo-item.gewaehlt { font-weight: 600; }
.gw-combo-haken { flex: none; width: 14px; color: var(--gw-akzent-dunkel, #2a6fbf); font-weight: 700; text-align: center; }
.gw-combo-item .gw-chip-punkt { width: 9px; height: 9px; }
.gw-combo-zurueck { padding: 7px 9px; border-top: 1px solid #eee; font-size: 12.5px; color: var(--gw-akzent-dunkel, #2a6fbf); cursor: pointer; }
.gw-combo-zurueck:hover { background: var(--gw-akzent-hell, #eaf2fb); }
.gw-year-select { padding: 5px 8px; font-size: 14px; border: 1px solid #bbb; border-radius: 4px; }
.gw-layer-panel { font-family: var(--gw-schrift, sans-serif); font-size: 13px; background: #f7f7f7; border-radius: 6px; padding: 12px 14px; }
#datenexplorer-growthmap .hoverlayer { display: none !important; }
.gw-tooltip-modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2000; background: white; border: 1px solid #999; border-radius: 8px; padding: 10px 14px; box-shadow: 0 4px 20px rgba(0,0,0,0.3); max-width: 85vw; max-height: 80vh; overflow-y: auto; font-family: var(--gw-schrift, sans-serif); font-size: 13px; line-height: 1.5; color: #222; pointer-events: none; }
.gw-layer-heading { font-weight: 600; margin-bottom: 8px; }
.gw-layer-option { display: flex; align-items: center; gap: 8px; padding: 4px 0; cursor: pointer; }
.gw-layer-option-zeile { display: flex; align-items: center; gap: 4px; }
.gw-info-wrap { position: relative; display: inline-flex; }
.gw-info-btn { width: 16px; height: 16px; border-radius: 50%; border: 1px solid #888; background: white; color: #555; font-size: 11px; line-height: 1; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center; font-style: italic; font-family: Georgia, serif; flex-shrink: 0; }
.gw-info-btn:hover { background: var(--gw-akzent-hell, #eaf2fb); border-color: var(--gw-akzent, #4a90d9); color: var(--gw-akzent-dunkel, #2a6fbf); }
.gw-info-popup { position: absolute; z-index: 20; top: 20px; left: 0; width: 210px; max-width: 85vw; background: white; border: 1px solid #bbb; border-radius: 6px; padding: 10px 12px; font-size: 12px; line-height: 1.4; color: #333; box-shadow: 0 2px 10px rgba(0,0,0,0.15); cursor: auto; }
.gw-layer-option input:disabled + span { color: #aaa; }
.gw-meteo-fenster { margin-top: 10px; }
.gw-meteo-fenster-label { font-size: 11px; color: #555; margin-bottom: 3px; }
.gw-meteo-fenster input[type=range] { width: 100%; margin: 0; }
.gw-layer-legende { margin-top: 10px; }
.gw-layer-legende-balken-wrap { position: relative; padding-bottom: 7px; }
.gw-layer-legende-balken { height: 12px; border-radius: 3px; border: 1px solid rgba(0,0,0,0.15); }
.gw-legende-pfeil { position: absolute; top: 12px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 6px solid #333; transform: translateX(-50%); pointer-events: none; }
.gw-afc-ring-wrap { position: relative; width: 80px; height: 80px; margin: 0 auto; }
.gw-afc-ring { position: absolute; top: 12px; left: 12px; width: 56px; height: 56px; border-radius: 50%; -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 10px), #000 calc(100% - 10px)); mask: radial-gradient(farthest-side, transparent calc(100% - 10px), #000 calc(100% - 10px)); }
.gw-afc-ring-svg { position: absolute; top: 0; left: 0; overflow: visible; }
.gw-mess-legende { display: flex; align-items: center; justify-content: center; gap: 22px; margin: 8px 0 4px; }
.gw-mess-legende .gw-afc-ring-wrap { margin: 0 18px; }
.gw-tage-legende { display: flex; align-items: stretch; gap: 6px; height: 56px; }
.gw-tage-balken { width: 9px; border-radius: 3px; border: 1px solid rgba(0,0,0,0.15); background: linear-gradient(to bottom, white, #757575); }
.gw-tage-text { display: flex; flex-direction: column; justify-content: space-between; font-size: 10px; line-height: 1.1; color: #555; white-space: nowrap; }
.gw-tage-mitte { color: #888; }
.gw-layer-legende-skala { display: flex; justify-content: space-between; font-size: 11px; color: #555; margin-top: 3px; }
.gw-layer-legende-quelle { font-size: 10px; color: #888; margin-top: 4px; }
.gw-layer-wert-anzeige { font-size: 12px; font-weight: 600; margin-top: 8px; padding-top: 8px; border-top: 1px solid #eee; }
.gw-layer-wert-zusatz { font-weight: 400; color: #555; margin-top: 2px; padding-top: 0; border-top: none; }
.gw-lade-punkte { display: inline-flex; gap: 2px; vertical-align: middle; }
.gw-lade-punkte span { width: 4px; height: 4px; border-radius: 50%; background: #888; display: inline-block; animation: gwBlink 1s infinite ease-in-out; }
.gw-lade-punkte span:nth-child(2) { animation-delay: 0.15s; }
.gw-lade-punkte span:nth-child(3) { animation-delay: 0.3s; }
@keyframes gwBlink { 0%, 80%, 100% { opacity: 0.2; } 40% { opacity: 1; } }
.gw-toggle-wrap { display: flex; align-items: center; gap: 8px; }
.gw-layer-vor-boden { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ddd; }
.gw-toggle { position: relative; display: inline-block; width: 42px; height: 22px; flex-shrink: 0; }
.gw-toggle input { opacity: 0; width: 0; height: 0; }
.gw-toggle-slider { position: absolute; inset: 0; background-color: #ccc; transition: .15s; border-radius: 22px; cursor: pointer; }
.gw-toggle-slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 3px; bottom: 3px; background-color: white; transition: .15s; border-radius: 50%; }
.gw-toggle input:checked + .gw-toggle-slider { background-color: var(--gw-akzent, #4a90d9); }
.gw-toggle input:checked + .gw-toggle-slider:before { transform: translateX(20px); }
.gw-toggle input:disabled + .gw-toggle-slider { opacity: 0.4; cursor: not-allowed; }
.gw-chart-row { display: flex; flex-direction: row; width: 100%; }
.gw-skala-knopf { font: 600 12px var(--gw-schrift, sans-serif); color: #8a3b00; background: #fff4e5; border: 1px solid #e8a33d; border-radius: 12px; padding: 3px 10px; cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,.12); white-space: nowrap; }
.gw-skala-knopf:hover { background: #ffe8c7; }
.gw-skala-knopf.an { color: #333; background: #fff; border-color: #bbb; }
.gw-skala-knopf[hidden] { display: none; }
.gw-legend-panel { flex: 0 0 210px; width: 210px; overflow-y: auto; overflow-x: hidden; border-left: 1px solid #ddd; box-sizing: border-box; padding: 10px 14px; font-family: var(--gw-schrift, sans-serif); font-size: 13px; transition: flex-basis .15s ease, width .15s ease, padding .15s ease, border-color .15s ease; }
.gw-legend-panel.collapsed { flex-basis: 0; width: 0; padding-left: 0; padding-right: 0; border-left-color: transparent; }
.gw-legend-header { display: flex; align-items: center; justify-content: space-between; font-weight: 600; margin-bottom: 8px; white-space: nowrap; }
.gw-legend-options { display: flex; flex-direction: column; gap: 8px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; }
.gw-legend-close { background: none; border: none; cursor: pointer; font-size: 16px; color: #777; line-height: 1; padding: 2px 4px; }
.gw-legend-close:hover { color: #000; }
.gw-legend-item { display: flex; align-items: center; gap: 8px; padding: 3px 4px; white-space: nowrap; border-radius: 3px; }
.gw-legend-item-clickable { cursor: pointer; }
.gw-legend-item-clickable:hover { background: var(--gw-akzent-hell, #eef4fb); }
.gw-legend-swatch { display: inline-block; width: 22px; height: 0; border-top-width: 3px; border-top-style: solid; flex-shrink: 0; }
.gw-legend-edge { flex: 0 0 34px; width: 34px; border-left: 1px solid #ddd; display: flex; flex-direction: column; align-items: center; padding-top: 6px; box-sizing: border-box; }
.gw-edge-btn { width: 26px; height: 26px; border: 1px solid #bbb; border-radius: 4px; background: white; cursor: pointer; font-size: 15px; display: flex; align-items: center; justify-content: center; color: #333; padding: 0; }
.gw-edge-btn:hover { background: #f2f2f2; }
.gw-edge-btn.active { background: var(--gw-akzent-hell, #eaf2fb); border-color: var(--gw-akzent, #4a90d9); color: var(--gw-akzent-dunkel, #2a6fbf); }
.gw-slider-row { font-family: var(--gw-schrift, sans-serif); font-size: 14px; display: flex; align-items: center; margin: 10px 0; padding: 10px 16px; background: #f7f7f7; border-radius: 6px; }
.gw-slider-aligned { flex: 0 0 auto; box-sizing: border-box; min-width: 0; }
.gw-slider-label-row { display: flex; align-items: center; gap: 10px; width: 100%; margin-bottom: 8px; }
.gw-slider-track-row { display: flex; align-items: center; width: 100%; }
.gw-slider-track-row input[type=range] { flex: 1 1 auto; min-width: 0; width: 100%; }
.gw-slider-label { flex: 1 1 auto; font-weight: 600; text-align: center; }
.gw-slider-datum { font-weight: 400; font-size: 12px; color: #666; margin-top: 2px; }
.gw-slider-tooltip { position: absolute; top: -8px; transform: translate(-50%, -100%); background: #333; color: white; padding: 3px 9px; border-radius: 4px; font-size: 12px; white-space: nowrap; pointer-events: none; z-index: 10; }
.gw-slider-tooltip:after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 5px solid transparent; border-top-color: #333; }
.gw-step-btn { flex: 0 0 auto; width: 30px; height: 30px; border: 1px solid #bbb; border-radius: 4px; background: white; cursor: pointer; font-size: 12px; display: flex; align-items: center; justify-content: center; color: #333; }
.gw-step-btn:hover { background: var(--gw-akzent-hell, #eaf2fb); border-color: var(--gw-akzent, #4a90d9); }
.gw-today-btn { width: auto; padding: 0 12px; font-size: 13px; font-weight: 600; margin-left: auto; }
.gw-zukunft-maske { position: absolute; background: rgba(0,0,0,0.4); border-radius: 3px; pointer-events: none; z-index: 2; }
.gw-map-controls-panel { flex: 0 1 220px; min-width: 220px; max-width: 240px; }
@media (max-width: 700px), (max-height: 500px) and (pointer: coarse) {
  .gw-chart-row { flex-direction: column; }
  .gw-legend-panel { flex: 1 1 auto; width: 100%; border-left: none; border-top: 1px solid #ddd; max-height: 260px; }
  .gw-legend-panel.collapsed { max-height: 0; overflow: hidden; padding-top: 0; padding-bottom: 0; border-top-color: transparent; }
  .gw-legend-edge { order: -1; flex-direction: row; width: 100%; justify-content: flex-end; border-left: none; border-top: 1px solid #ddd; padding: 6px 0; }
  .gw-info-btn { width: 22px; height: 22px; font-size: 13px; }
  .gw-step-btn { width: 34px; height: 34px; }
  .gw-map-controls-panel { flex: 1 1 auto; max-width: none; }
}

/* Blatt, Mobile, App-Layout, Einbettung, Hilfe */
.gw-blatt { position: fixed; z-index: 3000; background: white; box-shadow: 0 4px 24px rgba(0,0,0,0.25); font-family: var(--gw-schrift, sans-serif); font-size: 13px; color: #222; overflow-y: auto; right: 20px; bottom: 20px; width: 340px; max-height: 70vh; max-height: 70dvh; border-radius: 10px; padding: 12px 16px; box-sizing: border-box; }
.gw-blatt-griff { display: none; width: 36px; height: 4px; border-radius: 2px; background: #ccc; margin: 0 auto 8px; }
.gw-blatt-kopf { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 4px; }
.gw-blatt-titel { flex: 1; font-weight: 600; font-size: 15px; }
.gw-blatt-zu { border: none; background: none; font-size: 22px; line-height: 1; cursor: pointer; color: #555; padding: 0 2px; }
.gw-blatt-unter { color: #666; font-size: 12px; margin-bottom: 8px; }
.gw-blatt-zeile { display: flex; justify-content: space-between; gap: 8px; padding: 5px 0; border-bottom: 1px solid #eee; }
.gw-blatt-zeile b { font-weight: 600; text-align: right; }
.gw-blatt-knopf { display: block; width: 100%; margin-top: 10px; padding: 9px; border: 1px solid #bbb; border-radius: 6px; background: white; font-size: 13px; cursor: pointer; }
.gw-blatt-text { font-size: 13px; line-height: 1.5; }
.gw-mobil-only { display: none; }
.gw-mobil-kopf-titel { font-weight: 600; font-size: 17px; }
.gw-mobil-kopf-unter { font-size: 12px; color: #555; margin-top: 1px; }
.gw-kartenleiste { padding: 6px 10px; border-bottom: 1px solid #eee; font-size: 12px; }
.gw-kartenleiste-legende { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
.gw-kartenleiste-balken { flex: 1; height: 8px; border-radius: 2px; min-width: 40px; }
.gw-kartenleiste-wert { font-weight: 600; }
.gw-mobil-knoepfe { gap: 8px; padding: 4px 10px 10px; }
.gw-mobil-knoepfe button, .gw-werkzeug-knopf { display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 9px 12px; border: 1px solid #c8c8c8; border-radius: 8px; background: white; color: #222; font: inherit; font-size: 14px; font-weight: 500; line-height: 1.2; cursor: pointer; }
.gw-mobil-knoepfe button { flex: 1; }
.gw-mobil-knoepfe button:active, .gw-werkzeug-knopf:active { background: var(--gw-akzent-hell, #eaf2fb); }
.gw-mobil-knoepfe button.aktiv { background: var(--gw-akzent-hell, #eaf2fb); border-color: var(--gw-akzent, #4a90d9); color: var(--gw-akzent-dunkel, #2a6fbf); }
.gw-icon { flex: none; display: inline-block; width: 18px; height: 18px; color: var(--gw-akzent, #4a90d9); }
.gw-mobil-knoepfe button.aktiv .gw-icon { color: inherit; }
.gw-werkzeugleiste { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 8px; }
.gw-werkzeug-knopf { padding: 6px 10px; font-size: 13px; }
:root { --gw-akzent: #459185; --gw-akzent-dunkel: #244c46; --gw-akzent-hell: #e3f0ee; --gw-schrift: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; }
#gw-seite { position: relative; accent-color: var(--gw-akzent, #4a90d9); font-family: var(--gw-schrift, sans-serif) !important; }
#gw-seite.gw-eingebettet { padding: 0 !important; max-width: none !important; font-family: var(--gw-schrift, sans-serif) !important; }
#gw-seite.gw-vollbild { position: fixed; inset: 0; z-index: 2500; margin: 0 !important; max-width: none !important; padding: 12px 20px !important; background: white; overflow-y: auto; overscroll-behavior: contain; }
html.gw-vollbild-aktiv, html.gw-vollbild-aktiv body { overflow: hidden !important; }
#gw-seite svg, #gw-seite img, #gw-seite canvas { max-width: none; }
#gw-seite .main-svg { display: inline; }
#gw-seite.gw-app { display: grid !important; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto auto; height: 100vh; height: 100dvh; max-width: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box; overflow: hidden; background: white; }
html.gw-app-seite, html.gw-app-seite body { margin: 0; height: 100%; overflow: hidden; }
#gw-seite.gw-app > .gw-mobil-kopf { grid-row: 1; grid-column: 1; display: block; padding: 10px 16px 9px; border-bottom: 1px solid #e6e6e6; }
#gw-seite.gw-app > .gw-werkzeugleiste { grid-row: 1; grid-column: 1; justify-self: end; align-self: center; margin: 0 14px 0 0; z-index: 2; }
#gw-seite.gw-app > .gw-kartenleiste, #gw-seite.gw-app > .gw-mobil-knoepfe { display: none !important; }
#gw-seite.gw-app > #gw-kartenzeile { grid-row: 2; grid-column: 1; display: flex !important; flex-wrap: nowrap !important; gap: 0 !important; align-items: stretch !important; min-height: 0; position: relative; }
#gw-seite.gw-app #datenexplorer-growthmap { flex: 1 1 auto !important; min-width: 0 !important; height: auto !important; position: relative; }
#gw-seite.gw-app #datenexplorer-growthmap > .html-widget { position: absolute !important; top: 0; left: 0; }
#gw-seite.gw-app .gw-map-controls-panel { order: -1; flex: 0 0 270px; max-width: 270px; min-width: 0; overflow-y: auto; overscroll-behavior: contain; border-right: 1px solid #e6e6e6; box-sizing: border-box; background: #f7f7f7; }
#gw-seite.gw-app .gw-layer-panel { border-radius: 0; min-height: 100%; box-sizing: border-box; }
#gw-seite.gw-app.gw-ebenen-zu .gw-map-controls-panel { display: none; }
#gw-seite.gw-app.gw-app-schmal .gw-map-controls-panel { position: absolute; left: 51px; top: 0; bottom: 0; z-index: 20; flex: none; width: 310px; max-width: calc(100% - 60px); box-shadow: 6px 0 20px rgba(0,0,0,0.18); }
.gw-app-leiste { display: none; }
#gw-seite.gw-app .gw-app-leiste { order: -2; display: flex; flex-direction: column; gap: 8px; padding: 10px 6px; border-right: 1px solid #e6e6e6; background: white; flex: 0 0 auto; }
.gw-leiste-knopf { width: 38px; height: 38px; padding: 0; border: 1px solid #c8c8c8; border-radius: 8px; background: white; color: #222; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.gw-leiste-knopf .gw-icon { width: 20px; height: 20px; }
.gw-leiste-knopf.aktiv { background: var(--gw-akzent-hell, #eaf2fb); border-color: var(--gw-akzent, #4a90d9); }
.gw-leiste-knopf:hover { border-color: var(--gw-akzent, #4a90d9); }
/* Fokus: kein schwarzer Rahmen nach Mausklick, gruene Kontur bei Tastatur */
#gw-seite button:focus:not(:focus-visible), .gw-doku button:focus:not(:focus-visible), .gw-export button:focus:not(:focus-visible) { outline: none; box-shadow: none; }
#gw-seite button:focus-visible, .gw-doku button:focus-visible, .gw-export button:focus-visible { outline: 2px solid var(--gw-akzent, #4a90d9); outline-offset: 2px; }
.gw-kurve-griff { display: none; }
#gw-seite.gw-app > .gw-kurvenbereich { grid-row: 3; grid-column: 1; border-top: 1px solid #ddd; background: white; min-width: 0; }
#gw-seite.gw-app .gw-kurve-griff:before { content: ""; position: absolute; top: 3px; left: 50%; width: 36px; height: 3px; margin-left: -18px; border-radius: 2px; background: #ccc; }
.gw-kurve-griff-titel { font-weight: 600; }
.gw-kurve-griff-info { color: #666; font-size: 13px; flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#gw-seite.gw-app .gw-kurve-inhalt > .gw-title { display: none; }
#gw-seite.gw-app .gw-kurve-griff { display: flex; align-items: center; gap: 8px; padding: 9px 12px 5px 16px; background: #fafafa; border-bottom: 1px solid #eee; font-size: 14px; color: #222; cursor: row-resize; touch-action: none; user-select: none; position: relative; }
#gw-seite.gw-app .gw-kurve-griff:focus-visible { outline: 2px solid var(--gw-akzent, #4a90d9); outline-offset: -2px; }
.gw-griff-pfeil { flex: none; width: 30px; height: 26px; padding: 0; border: 1px solid #c8c8c8; border-radius: 6px; background: white; color: #333; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.gw-griff-pfeil .gw-icon { width: 16px; height: 16px; color: inherit; }
.gw-griff-pfeil:hover { border-color: var(--gw-akzent, #4a90d9); color: var(--gw-akzent-dunkel, #2a6fbf); }
#gw-seite.gw-kurve-voll .gw-griff-pfeil:first-of-type, #gw-seite.gw-kurve-zu .gw-griff-pfeil:last-of-type { opacity: .35; }
#gw-seite.gw-app .gw-kurve-inhalt { display: block; overflow: hidden; padding: 0 16px; box-sizing: border-box; }
#gw-seite.gw-app > #gw-kartenzeile { overflow: hidden; }
#gw-seite.gw-griff-zieht, #gw-seite.gw-griff-zieht * { cursor: row-resize !important; user-select: none; }
.gw-legend-mehr { display: block; width: 100%; margin: 4px 0 6px; padding: 4px 6px; border: 1px dashed #bbb; border-radius: 4px; background: white; color: #555; font: inherit; font-size: 12px; text-align: left; cursor: pointer; }
.gw-legend-mehr:hover { border-color: var(--gw-akzent, #4a90d9); color: var(--gw-akzent-dunkel, #2a6fbf); }
.gw-teaser { padding: 6px 10px 0; }
.gw-teaser-kopf { display: flex; align-items: center; gap: 8px; margin-bottom: 2px; }
.gw-teaser-titel { font-weight: 600; font-size: 14px; flex: 1 1 auto; }
.gw-teaser-wahl { flex: 0 1 auto; max-width: 55%; font: inherit; font-size: 13px; padding: 5px 6px; border: 1px solid #c8c8c8; border-radius: 6px; background: white; }
.gw-teaser-plot { height: 140px; cursor: pointer; }
.gw-teaser-legende { display: flex; flex-wrap: wrap; gap: 2px 12px; font-size: 12px; color: #555; margin-top: 2px; }
.gw-teaser-legende .gw-legend-swatch { width: 16px; border-top-width: 2px; margin-right: 4px; vertical-align: middle; }
.gw-detail-kopf, .gw-dreh-hinweis { display: none; }
body.gw-kurve-detail .gw-kurvenbereich { display: flex !important; flex-direction: column; position: fixed; inset: 0; z-index: 2600; background: white; overflow-y: auto; overscroll-behavior: contain; }
html.gw-detail-offen, html.gw-detail-offen body { overflow: hidden !important; }
body.gw-kurve-detail .gw-detail-kopf { display: flex; align-items: center; gap: 8px; padding: 8px 10px; padding-top: calc(8px + env(safe-area-inset-top)); border-bottom: 1px solid #e6e6e6; position: sticky; top: 0; background: white; z-index: 3; }
.gw-detail-zurueck { flex: none; width: 36px; height: 36px; padding: 0; border: 1px solid #c8c8c8; border-radius: 8px; background: white; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.gw-detail-titel { flex: 1 1 auto; min-width: 0; font-weight: 600; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gw-quer-knopf { animation: gw-blinken 1.4s ease-in-out infinite; border-color: var(--gw-akzent, #4a90d9); color: var(--gw-akzent-dunkel, #2a6fbf); }
@keyframes gw-blinken { 50% { opacity: .4; } }
body.gw-kurve-detail .gw-quer-knopf span { display: inline !important; }
body.gw-kurve-detail .gw-quer-knopf { padding: 6px 10px !important; }
body.gw-kurve-detail .gw-chart-row .modebar-container { display: none !important; }
@media (prefers-reduced-motion: reduce) {
  .gw-quer-knopf { animation: none; }
}
body.gw-kurve-detail .gw-dreh-hinweis.sichtbar { display: block; margin: 8px 10px 0; padding: 8px 10px; border-radius: 8px; background: var(--gw-akzent-hell, #eaf2fb); font-size: 13px; }
body.gw-kurve-detail .gw-kurve-inhalt { padding: 6px 8px 12px; }
body.gw-kurve-detail .gw-kurve-inhalt > .gw-title { display: none; }
@media (orientation: landscape) and (max-height: 500px) {
  body.gw-kurve-detail .gw-quer-knopf, body.gw-kurve-detail .gw-controls, body.gw-kurve-detail .gw-legend-panel, body.gw-kurve-detail .gw-legend-edge { display: none !important; }
  body.gw-kurve-detail .gw-detail-kopf { padding-top: 4px; padding-bottom: 4px; }
  body.gw-kurve-detail .gw-kurve-inhalt { padding: 0 4px; }
}
#gw-seite.gw-app .gw-kurve-inhalt .gw-controls { margin-bottom: 6px; }
#gw-seite.gw-app > #datenexplorer-slider { grid-row: 4; grid-column: 1; border-top: 1px solid #ddd; }
#gw-seite.gw-app .gw-slider-row { margin: 0; border-radius: 0; padding: 8px 16px calc(8px + env(safe-area-inset-bottom)); }
#gw-seite.gw-app .gw-slider-aligned { display: flex; align-items: center; gap: 14px; margin-left: 0 !important; width: auto !important; flex: 1 1 auto !important; }
#gw-seite.gw-app .gw-slider-label-row { width: auto; flex: 0 0 auto; margin: 0; }
#gw-seite.gw-app .gw-slider-label { min-width: 130px; }
#gw-seite.gw-app .gw-slider-track-row { flex: 1 1 auto; }
.gw-play-btn { margin-left: auto; }
#gw-seite.gw-app .gw-play-btn { margin-left: 12px; }
.gw-play-btn .gw-icon { width: 16px; height: 16px; color: inherit; }
.gw-play-btn.aktiv { background: var(--gw-akzent-hell, #eaf2fb); border-color: var(--gw-akzent, #4a90d9); color: var(--gw-akzent-dunkel, #2a6fbf); }
.gw-play-btn + .gw-today-btn { margin-left: 8px; }
html.gw-app-aktiv .gw-blatt { bottom: 86px; }
#gw-seite.gw-eingebettet:not(.gw-app) > #datenexplorer-slider { position: sticky; bottom: 0; z-index: 30; }
#gw-seite.gw-eingebettet:not(.gw-app) > #datenexplorer-slider .gw-slider-row { box-shadow: 0 -3px 12px rgba(0,0,0,0.08); }
.gw-ebenen-zu-zeile { justify-content: space-between; align-items: center; margin-bottom: 4px; }
@media (max-width: 700px), (max-height: 500px) and (pointer: coarse) {
  .gw-blatt { left: 0; right: 0; bottom: 0; width: auto; max-height: 65vh; max-height: 65dvh; border-radius: 14px 14px 0 0; padding: 8px 16px calc(14px + env(safe-area-inset-bottom)); }
  .gw-blatt-griff { display: block; }
  .gw-desktop-only { display: none !important; }
  .gw-mobil-only { display: block; }
  .gw-mobil-knoepfe, .gw-ebenen-zu-zeile { display: flex; }
  #gw-seite { padding: 0 !important; }
  #gw-kartenzeile { gap: 0 !important; }
  .gw-mobil-kopf { padding: 8px 10px 2px; }
  .gw-werkzeugleiste { position: absolute; top: 8px; right: 10px; margin: 0; z-index: 5; }
  #gw-seite .gw-mobil-kopf { padding-right: 100px; }
  #gw-seite.gw-eingebettet .gw-mobil-kopf { padding-right: 146px; }
  .gw-werkzeug-knopf span { display: none; }
  .gw-werkzeug-knopf { padding: 7px; }
  #gw-seite.gw-vollbild { padding: 0 !important; }
  .gw-map-controls-panel { display: none; }
  body.gw-ebenen-offen .gw-map-controls-panel { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 2900; max-height: 72vh; max-height: 72dvh; overflow-y: auto; overscroll-behavior: contain; border-radius: 14px 14px 0 0; box-shadow: 0 -4px 24px rgba(0,0,0,0.25); padding-bottom: env(safe-area-inset-bottom); background: #f7f7f7; }
  .gw-ebenen-zu-zeile { position: sticky; top: -12px; z-index: 2; background: #f7f7f7; margin: -12px -14px 6px; padding: 10px 14px 6px; border-bottom: 1px solid #e4e4e4; }
  .gw-afc-legende-box { display: none !important; }
  .gw-kurvenbereich { display: none; }
  .gw-slider-row { margin: 4px 10px; padding: 6px 8px; }
  .gw-slider-aligned { margin-left: 0 !important; width: auto !important; flex: 1 1 auto !important; }
  .gw-slider-label-row { gap: 6px; margin-bottom: 4px; }
  .gw-today-btn { width: auto !important; min-width: 56px; padding: 0 8px; margin-left: 8px; }
  .gw-play-btn { margin-left: 8px; }
}

/* Hilfe und Dokumentation (oeffnet ueber i-Knoepfe und den Hilfe-Knopf) */
.gw-doku { display: none; position: fixed; inset: 0; z-index: 3500; background: rgba(20, 24, 22, 0.45); align-items: center; justify-content: center; padding: 24px; font-family: var(--gw-schrift, sans-serif); color: #222; }
.gw-doku.offen { display: flex; }
html.gw-doku-offen, html.gw-doku-offen body { overflow: hidden !important; }
.gw-doku-fenster { background: white; border-radius: 12px; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3); width: min(940px, 100%); height: min(660px, 100%); display: flex; flex-direction: column; overflow: hidden; }
.gw-doku-kopf { display: flex; align-items: center; gap: 12px; padding: 12px 14px 12px 20px; border-bottom: 1px solid #e6e6e6; }
.gw-doku-h { margin: 0; font-size: 18px; font-weight: 600; flex: none; }
.gw-doku-menue { display: none; }
.gw-doku-suche { flex: 1 1 auto; min-width: 0; font: inherit; font-size: 14px; padding: 8px 12px; border: 1px solid #c8c8c8; border-radius: 8px; background: #fafafa; }
.gw-doku-suche:focus { outline: 2px solid var(--gw-akzent, #4a90d9); outline-offset: 0; background: white; }
.gw-doku-zu { flex: none; width: 36px; height: 36px; border: none; background: none; font-size: 24px; line-height: 1; color: #555; cursor: pointer; border-radius: 8px; }
.gw-doku-zu:hover { background: #f2f2f2; }
.gw-doku-rumpf { display: flex; flex: 1 1 auto; min-height: 0; }
.gw-doku-nav { flex: 0 0 260px; overflow-y: auto; border-right: 1px solid #eee; padding: 10px 8px 16px; background: #fafafa; }
.gw-doku-gruppe { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #888; margin: 12px 8px 4px; }
.gw-doku-gruppe:first-child { margin-top: 2px; }
.gw-doku-link { display: block; width: 100%; text-align: left; border: none; background: none; font: inherit; font-size: 14px; color: #222; padding: 6px 10px; border-radius: 6px; cursor: pointer; }
.gw-doku-link:hover { background: #eef0ee; }
.gw-doku-link.aktiv { background: var(--gw-akzent-hell, #eaf2fb); color: var(--gw-akzent-dunkel, #2a6fbf); font-weight: 600; }
.gw-doku-auszug { display: block; font-size: 12px; font-weight: 400; color: #666; margin-top: 2px; line-height: 1.35; }
.gw-doku-leer { font-size: 13px; color: #666; margin: 6px 10px; }
.gw-doku-inhalt { flex: 1 1 auto; overflow-y: auto; padding: 18px 28px 22px; font-size: 15px; line-height: 1.6; }
.gw-doku-pfad { font-size: 12px; color: #888; }
.gw-doku-thema { font-size: 20px; font-weight: 600; margin: 2px 0 12px; line-height: 1.3; }
.gw-doku-inhalt p { margin: 0 0 12px; max-width: 68ch; }
.gw-doku-legende { display: inline-block; padding: 12px 18px; margin: 0 0 14px; background: #f7f7f7; border-radius: 8px; }
.gw-doku-legende .gw-layer-legende { margin-top: 0; min-width: 240px; }
.gw-doku-legende-text { font-size: 13px; color: #555; margin: 8px 0 0 !important; max-width: 46ch; line-height: 1.45; }
.gw-doku-dgv .gw-afc-ring-wrap { margin: 8px 26px 6px; }
.gw-doku-linien { display: flex; flex-direction: column; gap: 6px; font-size: 13px; }
.gw-doku-linie { display: flex; align-items: center; gap: 8px; }
.gw-doku-linie .gw-legend-swatch { width: 24px; }
.gw-doku-quelle { font-size: 12px; color: #777; border-top: 1px solid #eee; padding-top: 8px; }
.gw-doku-blaettern { display: flex; justify-content: space-between; gap: 12px; margin-top: 22px; }
.gw-doku-blatt-knopf { border: 1px solid #d0d0d0; background: white; border-radius: 8px; padding: 7px 12px; font: inherit; font-size: 13px; color: #333; cursor: pointer; max-width: 48%; text-align: left; }
.gw-doku-weiter { text-align: right; margin-left: auto; }
.gw-doku-blatt-knopf:hover { border-color: var(--gw-akzent, #4a90d9); color: var(--gw-akzent-dunkel, #2a6fbf); }
.gw-doku mark { background: #fff3a8; color: inherit; border-radius: 2px; padding: 0 1px; }
@media (max-width: 700px), (max-height: 500px) and (pointer: coarse) {
  .gw-doku { padding: 0; }
  .gw-doku-fenster { width: 100%; height: 100%; border-radius: 0; }
  .gw-doku-kopf { flex-wrap: wrap; gap: 8px; padding: 10px 10px 10px 14px; padding-top: calc(10px + env(safe-area-inset-top)); }
  .gw-doku-h { flex: 1 1 auto; }
  .gw-doku-suche { order: 3; flex-basis: 100%; }
  .gw-doku-menue { display: inline-block; font: inherit; font-size: 13px; padding: 6px 10px; border: 1px solid #c8c8c8; border-radius: 8px; background: white; }
  .gw-doku-rumpf { position: relative; }
  .gw-doku-nav { display: none; position: absolute; inset: 0; z-index: 2; border-right: none; }
  .gw-doku.gw-doku-nav-offen .gw-doku-nav, .gw-doku.gw-doku-sucht:not(.gw-doku-ergebnis) .gw-doku-nav { display: block; }
  .gw-doku-inhalt { padding: 14px 16px 20px; }
}

/* Handy-Layout: Seite in Bildschirmhoehe, Karte fuellt den Rest, Griff im
   Teaser-Kopf (Klasse gw-mobil-app, nur auf dem Handy gesetzt) */
.gw-teaser-pfeile { display: none; gap: 4px; flex: none; }
#gw-seite.gw-mobil-app { display: flex !important; flex-direction: column; height: 100vh; height: 100dvh; overflow: hidden; max-width: none !important; margin: 0 !important; padding: 0 !important; background: white; }
#gw-seite.gw-mobil-app > * { flex: none; }
#gw-seite.gw-mobil-app > .gw-mobil-kopf { order: 1; }
#gw-seite.gw-mobil-app > #gw-kartenzeile { order: 2; flex: 1 1 auto; min-height: 0; position: relative; overflow: hidden; }
#gw-seite.gw-mobil-app #datenexplorer-growthmap { position: absolute !important; inset: 0; height: auto !important; min-width: 0 !important; }
#gw-seite.gw-mobil-app #datenexplorer-growthmap > .html-widget { position: absolute !important; top: 0; left: 0; }
#gw-seite.gw-mobil-app > .gw-kartenleiste { order: 3; }
#gw-seite.gw-mobil-app > .gw-teaser { order: 4; padding: 0; border-top: 1px solid #e6e6e6; }
#gw-seite.gw-mobil-app > .gw-mobil-knoepfe { order: 5; padding-top: 6px; }
#gw-seite.gw-mobil-app > #datenexplorer-slider { order: 6; }
#gw-seite.gw-mobil-app > .gw-kurvenbereich { order: 7; }
#gw-seite.gw-mobil-app .gw-slider-row { margin: 0 10px calc(6px + env(safe-area-inset-bottom)); }
#gw-seite.gw-mobil-app .gw-teaser-kopf { position: relative; margin: 0; padding: 12px 10px 6px; background: #fafafa; cursor: row-resize; touch-action: none; user-select: none; }
#gw-seite.gw-mobil-app .gw-teaser-kopf:before { content: ""; position: absolute; top: 4px; left: 50%; width: 36px; height: 4px; margin-left: -18px; border-radius: 2px; background: #c8c8c8; }
#gw-seite.gw-mobil-app .gw-teaser-kopf:focus-visible { outline: 2px solid var(--gw-akzent, #4a90d9); outline-offset: -2px; }
#gw-seite.gw-mobil-app .gw-teaser-pfeile { display: inline-flex; }
#gw-seite.gw-mobil-app .gw-teaser-titel { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#gw-seite.gw-mobil-app .gw-teaser-wahl { max-width: 42%; }
#gw-seite.gw-mobil-app .gw-teaser-koerper { overflow: hidden; padding: 0 10px; }
#gw-seite.gw-mobil-app .gw-teaser-plot { height: auto; }
#gw-seite.gw-teaser-zu .gw-teaser-pfeile .gw-griff-pfeil:last-child, #gw-seite.gw-teaser-voll .gw-teaser-pfeile .gw-griff-pfeil:first-child { opacity: .35; }

/* Export-Seitenleiste (rechts) */
.gw-export { position: fixed; top: 0; right: 0; bottom: 0; z-index: 3400; width: 340px; max-width: 100%; background: white; box-shadow: -8px 0 28px rgba(0, 0, 0, 0.18); display: flex; flex-direction: column; transform: translateX(105%); transition: transform .2s ease; font-family: var(--gw-schrift, sans-serif); color: #222; visibility: hidden; }
.gw-export.offen { transform: none; visibility: visible; }
@media (prefers-reduced-motion: reduce) { .gw-export { transition: none; } }
.gw-export-kopf { display: flex; align-items: center; justify-content: space-between; padding: 12px 12px 12px 18px; padding-top: calc(12px + env(safe-area-inset-top)); border-bottom: 1px solid #e6e6e6; }
.gw-export-h { margin: 0; font-size: 18px; font-weight: 600; }
.gw-export-rumpf { flex: 1 1 auto; overflow-y: auto; padding: 8px 14px 12px; }
.gw-export-abschnitt { border: 1px solid #e6e6e6; border-radius: 10px; padding: 12px 14px; margin: 8px 0; }
.gw-export-titel { margin: 0 0 4px; font-size: 15px; font-weight: 600; }
.gw-export-text { margin: 0 0 8px; font-size: 12.5px; color: #666; line-height: 1.4; }
.gw-export-zeile { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 6px 0; font-size: 13.5px; }
.gw-export-beschr { flex: 0 0 72px; color: #555; font-size: 12.5px; }
.gw-export-wahl { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; }
.gw-export-zahl { width: 3.6em; font: inherit; font-size: 13.5px; padding: 4px 6px; border: 1px solid #c8c8c8; border-radius: 6px; }
.gw-export-los { display: block; width: 100%; margin-top: 10px; padding: 9px 12px; border: 1px solid var(--gw-akzent, #4a90d9); border-radius: 8px; background: var(--gw-akzent, #4a90d9); color: white; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.gw-export-los:hover { filter: brightness(1.06); }
.gw-export-los:disabled { opacity: .55; cursor: progress; }
.gw-export-status { margin: 0; padding: 10px 18px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid #eee; font-size: 13px; color: #444; min-height: 1.4em; }
.gw-export-status.fehler { color: #b3261e; }
@media (max-width: 700px), (max-height: 500px) and (pointer: coarse) {
  .gw-export { width: 100%; }
}

/* Logo im Kopf: nur eigene Seite und Vollbild (Klasse gw-mit-logo) */
.gw-logo { display: none; }
#gw-seite.gw-mit-logo .gw-mobil-kopf { display: grid !important; grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; }
#gw-seite.gw-mit-logo .gw-logo { display: block; grid-row: 1 / span 2; width: 46px; height: 45px; background: url("logo-graswachstum.svg") center / contain no-repeat; border-radius: 4px; }
#gw-seite.gw-mit-logo .gw-logo:focus-visible { outline: 2px solid var(--gw-akzent, #4a90d9); outline-offset: 2px; }
#gw-seite.gw-mit-logo .gw-mobil-kopf-titel { align-self: end; }
#gw-seite.gw-mit-logo .gw-mobil-kopf-unter { align-self: start; }
@media (max-width: 700px), (max-height: 500px) and (pointer: coarse) {
  #gw-seite.gw-mit-logo .gw-logo { width: 38px; height: 37px; }
}
/* Karte auf Touch-Geraeten: Gesten (siehe bindeKartenGesten()) */
#datenexplorer-growthmap .js-plotly-plot, #datenexplorer-growthmap .js-plotly-plot * { touch-action: pan-x pan-y; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.gw-kartenleiste-zusatz { color: #555; margin-top: 2px; min-height: 1.35em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gw-fadenkreuz { position: fixed; z-index: 2147483000; width: 34px; height: 34px; margin: -17px 0 0 -17px; pointer-events: none; opacity: 0; transition: opacity .6s ease; }
.gw-fadenkreuz.sichtbar { opacity: 1; transition: opacity .1s; }
.gw-fadenkreuz:before, .gw-fadenkreuz:after { content: ""; position: absolute; background: #e6194b; box-shadow: 0 0 0 1px rgba(255,255,255,.85); }
.gw-fadenkreuz:before { left: 16px; top: 0; width: 2px; height: 34px; }
.gw-fadenkreuz:after { top: 16px; left: 0; height: 2px; width: 34px; }
.gw-lupe { position: fixed; z-index: 2147483001; transform: translateX(-50%); pointer-events: none; background: rgba(255,255,255,.97); border: 1px solid #ccc; border-radius: 10px; box-shadow: 0 3px 12px rgba(0,0,0,.2); padding: 6px 10px; font: 13px/1.35 var(--gw-schrift, sans-serif); text-align: center; white-space: nowrap; opacity: 0; transition: opacity .6s ease; }
.gw-lupe.sichtbar { opacity: 1; transition: opacity .1s; }
.gw-lupe b { display: block; font-size: 15px; }
.gw-lupe b:empty { display: none; }
.gw-lupe span, .gw-lupe small { display: block; color: #444; }
.gw-lupe small { color: #777; font-size: 11px; }
.gw-karte-hinweis { position: fixed; transform: translate(-50%, -50%); z-index: 2147483002; pointer-events: none; background: rgba(0,0,0,.72); color: #fff; padding: 10px 16px; border-radius: 8px; font: 600 14px var(--gw-schrift, sans-serif); text-align: center; max-width: 80%; opacity: 0; transition: opacity .3s; }
.gw-karte-hinweis.sichtbar { opacity: 1; }
.gw-kartenleiste-wert[style*="none"] + .gw-kartenleiste-zusatz:empty { display: none; }
/* Eigene Orte / Karte fuer eine Veranstaltung (Export) */
.gw-orte { margin: 6px 0 4px; }
.gw-orte-combo { display: block; width: 100%; }
.gw-orte-combo input { width: 100%; box-sizing: border-box; }
.gw-orte-liste { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }
.gw-ort-chip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 3px 2px 3px; border: 1px solid #e3b5c8; background: #fdf3f7; border-radius: 14px; font-size: 12.5px; max-width: 100%; }
.gw-ort-nr { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 3px; box-sizing: border-box; border-radius: 9px; background: #c2185b; color: #fff; font-size: 11px; font-weight: 700; }
.gw-ort-name { border: none; background: none; padding: 0 2px; font: inherit; color: #3a0a20; cursor: text; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 190px; }
.gw-ort-name:hover { text-decoration: underline dotted; }
.gw-orte-aktionen { margin-top: 5px; text-align: right; }
.gw-orte-link { border: none; background: none; padding: 0; font-size: 12px; color: #777; text-decoration: underline; cursor: pointer; }
.gw-export-hinweis { margin: 4px 0 6px; font-size: 11.5px; color: #777; line-height: 1.35; }
.gw-export-text-feld { flex: 1 1 160px; min-width: 0; font: inherit; font-size: 13px; padding: 5px 7px; border: 1px solid #c9c9c9; border-radius: 5px; }
.gw-export-veranstaltung .gw-export-zeile { align-items: flex-start; }