.zg-trip-header { margin:0 0 14px; padding:10px 12px 0; border:1px solid #d2dfd6; border-radius:6px; background:#f3f8f4; color:#334b3a; }
.zg-trip-title-row { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:4px 16px; }
.zg-trip-title-row h2 { margin:0; font-size:20px; line-height:1.35; font-weight:600; overflow-wrap:anywhere; }
.zg-trip-id { color:#68766c; font-size:13px; font-weight:400; white-space:nowrap; }
.zg-trip-dates { font-size:13px; white-space:nowrap; color:#52685b; }
.zg-trip-meta { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:8px; margin:4px 0 7px; font-size:12px; color:#68766c; }
.zg-trip-meta > span { min-width:0; overflow-wrap:anywhere; }
.zg-trip-nav { display:flex; flex-wrap:wrap; align-items:center; gap:3px 6px; border-top:1px solid #dce7df; padding-top:4px; }
.zg-trip-tab,.zg-trip-more summary { display:inline-flex; align-items:center; gap:6px; padding:7px 8px; border:0; border-bottom:3px solid transparent; border-radius:3px 3px 0 0; color:#52685b; font-size:13px; font-weight:400; text-decoration:none; white-space:nowrap; }
.zg-trip-tab:hover,.zg-trip-tab:focus { color:#23673a; background:#e6f0e9; text-decoration:none; }
.zg-trip-tab.is-active { color:#23673a; background:#e6f0e9; border-bottom-color:#317348; font-weight:600; }
.zg-trip-icon { display:block; flex-shrink:0; width:18px; height:18px; }
.zg-trip-more,.zg-trip-facts { position:relative; }
.zg-trip-more { margin-left:auto; }
.zg-trip-more summary,.zg-trip-facts summary { list-style:none; cursor:pointer; }
.zg-trip-more summary::-webkit-details-marker,.zg-trip-facts summary::-webkit-details-marker { display:none; }
.zg-trip-more summary { color:#285f88; font-weight:700; background:#e2edf7; border-radius:4px; margin-bottom:3px; }
.zg-trip-more summary:hover,.zg-trip-more[open] summary { background:#d1e3f3; color:#194b73; }
.zg-trip-more summary > svg:last-child,.zg-trip-facts summary > svg { width:13px; height:13px; }
.zg-trip-facts { flex-shrink:0; margin-left:auto; }
.zg-trip-facts summary { display:flex; align-items:center; gap:4px; padding:4px 7px; color:#286344; background:#e0efe4; border-radius:4px; font-size:12px; font-weight:700; }
.zg-trip-facts summary:hover,.zg-trip-facts[open] summary { color:#1b5133; background:#cee4d5; }
.zg-trip-more-links,.zg-trip-facts-body { position:absolute; top:calc(100% + 4px); right:0; z-index:1050; padding:6px; background:#fff; border:1px solid #cbd8cf; border-radius:5px; box-shadow:0 5px 18px rgba(34,60,44,.14); }
.zg-trip-more-links { width:230px; max-width:calc(100vw - 32px); background:#f0f6fc; border-color:#bfd3e5; box-shadow:0 5px 18px rgba(35,74,110,.14); }
.zg-trip-more-links a { display:flex; align-items:center; gap:8px; padding:7px 9px; border-radius:3px; color:#285779; font-size:13px; text-decoration:none; }
.zg-trip-more-links a:hover,.zg-trip-more-links a:focus { background:#dcebf8; color:#194b73; text-decoration:none; }
.zg-trip-facts-body { position:static; margin-top:4px; width:320px; max-width:calc(100vw - 64px); box-shadow:none; background:#edf6ef; border-color:#bfd8c6; }
.zg-trip-facts-list { margin:0; }
.zg-trip-facts-list > div { display:flex; justify-content:space-between; gap:10px; padding:4px 6px; }
.zg-trip-facts-list dt { font-size:12px; font-weight:400; color:#526b59; }
.zg-trip-facts-list dd { margin:0; font-size:12px; color:#28543a; text-align:right; }
.zg-trip-tab:focus-visible,.zg-trip-more summary:focus-visible,.zg-trip-facts summary:focus-visible,.zg-trip-more-links a:focus-visible { outline:2px solid #317348; outline-offset:2px; }
.zg-trip-more summary:focus-visible,.zg-trip-more-links a:focus-visible { outline-color:#285f88; }
@media(max-width:600px) {
    .zg-trip-title-row h2 { font-size:18px; }
    .zg-trip-header { padding:8px 9px 0; }
    .zg-trip-nav { gap:0 3px; }
    .zg-trip-tab,.zg-trip-more summary { font-size:12px; padding:6px; gap:4px; }
}


/* Feste Zielfarben, auch wenn einzelne Anwendungen nicht vorhanden sind. */
.zg-trip-more-links .zg-trip-app { color:var(--zg-app-color); font-weight:600; }
.zg-trip-more-links .zg-trip-app:hover,.zg-trip-more-links .zg-trip-app:focus { color:var(--zg-app-color); background:var(--zg-app-bg); }
.zg-trip-app-red { --zg-app-color:#a52a36; --zg-app-bg:#fae6e9; }
.zg-trip-app-orange { --zg-app-color:#96500b; --zg-app-bg:#fff0df; }
.zg-trip-app-yellow { --zg-app-color:#776000; --zg-app-bg:#fff6cb; }
.zg-trip-app-green { --zg-app-color:#246839; --zg-app-bg:#e1f1e5; }
.zg-trip-app-blue { --zg-app-color:#245fa0; --zg-app-bg:#e3eefb; }
.zg-trip-app-violet { --zg-app-color:#704399; --zg-app-bg:#f0e5fa; }