.gc-vs-card__anfahrten-list {
list-style: none !important;
margin: 10px 0 6px !important;
padding: 10px 0 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
border-top: 1px solid var(--gcs-border, rgba(15,23,42,0.08)) !important;
background: transparent !important;
}
.gc-vs-card__anfahrten-list li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.gc-vs-card__anfahrten-list li::before { content: none !important; }
.gc-vs-card__anfahrt {
display: flex !important;
align-items: center !important;
gap: 10px !important;
font-size: 0.82rem !important;
line-height: 1.35 !important;
padding: 7px 8px !important;
margin: 0 !important;
border-radius: 6px !important;
background: rgba(15,23,42,0.025) !important;
transition: background-color 120ms ease;
}
.gc-vs-card__anfahrt:hover { background: rgba(15,23,42,0.045) !important; }
.gc-vs-card__anfahrt-dot {
width: 10px !important;
height: 10px !important;
border-radius: 50% !important;
flex: 0 0 10px !important;
background: var(--gcs-good, #10b981) !important;
box-shadow: 0 0 0 2px rgba(16,185,129,0.18) !important;
}
.gc-vs-card__anfahrt--mittel .gc-vs-card__anfahrt-dot {
background: var(--gcs-mid, #f59e0b) !important;
box-shadow: 0 0 0 2px rgba(245,158,11,0.18) !important;
}
.gc-vs-card__anfahrt--schwer .gc-vs-card__anfahrt-dot {
background: var(--gcs-bad, #f97316) !important;
box-shadow: 0 0 0 2px rgba(249,115,22,0.18) !important;
}
.gc-vs-card__anfahrt--extrem .gc-vs-card__anfahrt-dot {
background: var(--gcs-extreme, #dc2626) !important;
box-shadow: 0 0 0 2px rgba(220,38,38,0.18) !important;
}
.gc-vs-card__anfahrt-body {
flex: 1 1 auto !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 1px !important;
}
.gc-vs-card__anfahrt-name {
font-weight: 700 !important;
font-size: 0.83rem !important;
color: #0f172a !important;
line-height: 1.25 !important;
}
.gc-vs-card__anfahrt-meta {
font-size: 0.72rem !important;
color: #64748b !important;
line-height: 1.3 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.gc-vs-card__anfahrt-meta em {
font-style: normal !important;
color: #4583cf !important;
font-weight: 600 !important;
}
.gc-vs-card__anfahrt-status {
flex: 0 0 auto !important;
font-size: 0.66rem !important;
font-weight: 700 !important;
color: var(--gcs-good, #10b981) !important;
text-transform: uppercase !important;
letter-spacing: 0.04em !important;
padding: 3px 8px !important;
border-radius: 999px !important;
background: rgba(16,185,129,0.10) !important;
white-space: nowrap !important;
}
.gc-vs-card__anfahrt--mittel .gc-vs-card__anfahrt-status {
color: var(--gcs-mid, #f59e0b) !important;
background: rgba(245,158,11,0.12) !important;
}
.gc-vs-card__anfahrt--schwer .gc-vs-card__anfahrt-status {
color: var(--gcs-bad, #f97316) !important;
background: rgba(249,115,22,0.12) !important;
}
.gc-vs-card__anfahrt--extrem .gc-vs-card__anfahrt-status {
color: var(--gcs-extreme, #dc2626) !important;
background: rgba(220,38,38,0.12) !important;
} @media (max-width: 480px) {
.gc-vs-card__anfahrt {
flex-wrap: wrap !important;
gap: 6px 8px !important;
}
.gc-vs-card__anfahrt-body { flex: 1 1 calc(100% - 18px) !important; }
.gc-vs-card__anfahrt-status { margin-left: 18px !important; }
.gc-vs-card__anfahrt-meta { white-space: normal !important; }
}
.gc-vscore,
.gc-vscore.gc-vscore {
color-scheme: light !important;
--gcs-bg: #fff;
--gcs-border: rgba(15,23,42,0.08);
--gcs-text: #0f172a;
--gcs-muted: #64748b;
--gcs-primary: #4583cf;
--gcs-good: #10b981;
--gcs-mid: #f59e0b;
--gcs-bad: #f97316;
--gcs-extreme: #dc2626;
background: var(--gcs-bg);
border: 1px solid var(--gcs-border);
border-radius: 14px;
padding: 20px 22px 18px;
margin: 1.5rem 0;
color: var(--gcs-text);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.gc-vscore__header { margin-bottom: 14px; }
.gc-vscore__title { font-size: clamp(1.1rem, 2vw, 1.35rem); font-weight: 700; margin: 0 0 4px; line-height: 1.25; }
.gc-vscore__subtitle { font-size: 0.9rem; color: var(--gcs-muted); margin: 0; line-height: 1.45; }
.gc-vscore__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 10px;
}
.gc-vscore__loading {
grid-column: 1 / -1;
text-align: center;
color: var(--gcs-muted);
padding: 18px;
}
.gc-vs-card {
background: #fff !important;
color: var(--gcs-text, #0f172a) !important;
border: 1px solid var(--gcs-border);
border-left-width: 4px;
border-radius: 10px;
padding: 12px 14px;
display: flex;
flex-direction: column;
gap: 6px;
box-shadow: 0 1px 3px rgba(15,23,42,0.04);
}
.gc-vs-card--gut    { border-left-color: var(--gcs-good); }
.gc-vs-card--mittel { border-left-color: var(--gcs-mid); }
.gc-vs-card--schwer { border-left-color: var(--gcs-bad); }
.gc-vs-card--extrem { border-left-color: var(--gcs-extreme); }
.gc-vs-card__head {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 8px;
}
.gc-vs-card__name {
font-weight: 700;
font-size: 0.95rem;
color: var(--gcs-text) !important;
line-height: 1.25;
}
.gc-vs-card__score {
font-size: 1.15rem;
font-weight: 700;
font-variant-numeric: tabular-nums;
color: var(--gcs-text);
flex-shrink: 0;
}
.gc-vs-card--gut .gc-vs-card__score    { color: var(--gcs-good); }
.gc-vs-card--mittel .gc-vs-card__score { color: var(--gcs-mid); }
.gc-vs-card--schwer .gc-vs-card__score { color: var(--gcs-bad); }
.gc-vs-card--extrem .gc-vs-card__score { color: var(--gcs-extreme); }
.gc-vs-card__status-pill {
display: inline-block;
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: 600;
padding: 2px 8px;
border-radius: 999px;
background: rgba(15,23,42,0.08);
color: var(--gcs-muted);
width: fit-content;
}
.gc-vs-card--gut .gc-vs-card__status-pill    { background: rgba(16,185,129,0.12); color: var(--gcs-good); }
.gc-vs-card--mittel .gc-vs-card__status-pill { background: rgba(245,158,11,0.15); color: var(--gcs-mid); }
.gc-vs-card--schwer .gc-vs-card__status-pill { background: rgba(249,115,22,0.15); color: var(--gcs-bad); }
.gc-vs-card--extrem .gc-vs-card__status-pill { background: rgba(220,38,38,0.15); color: var(--gcs-extreme); }
.gc-vs-card__breakdown {
font-size: 0.78rem;
color: var(--gcs-muted);
line-height: 1.4;
display: flex;
flex-wrap: wrap;
gap: 4px 10px;
margin-top: 2px;
}
.gc-vs-card__breakdown b { color: var(--gcs-text); font-weight: 600; }
.gc-vs-card__empfehlung {
font-size: 0.85rem;
color: var(--gcs-text) !important;
line-height: 1.4;
border-top: 1px solid var(--gcs-border);
padding-top: 6px;
margin-top: 4px;
}
.gc-vscore__footer {
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid var(--gcs-border);
font-size: 0.78rem;
color: var(--gcs-muted);
text-align: right;
}  .gc-vscore-legend {
color-scheme: light !important;
--gcl-bg: #fff;
--gcl-border: rgba(15, 23, 42, 0.08);
--gcl-text: #0f172a;
--gcl-muted: #64748b;
--gcl-primary: #4583cf;
--gcl-good: #10b981;
--gcl-mid: #f59e0b;
--gcl-bad: #f97316;
--gcl-extreme: #dc2626;
background: var(--gcl-bg) !important;
border: 1px solid var(--gcl-border);
border-radius: 14px;
padding: 22px;
margin: 1.5rem 0;
color: var(--gcl-text) !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
box-sizing: border-box;
width: 100%;
max-width: 100%;
}
.gc-vscore-legend *,
.gc-vscore-legend *::before,
.gc-vscore-legend *::after {
box-sizing: border-box;
}
.gc-vscore-legend__title {
font-size: clamp(1.1rem, 2vw, 1.35rem);
font-weight: 700;
margin: 0 0 12px;
line-height: 1.25;
color: var(--gcl-text) !important;
}
.gc-vscore-legend__intro,
.gc-vscore-legend__bridge,
.gc-vscore-legend__hint {
font-size: 0.95rem;
line-height: 1.5;
color: var(--gcl-text) !important;
margin: 0 0 14px;
}
.gc-vscore-legend__hint {
margin: 14px 0 0;
padding-top: 14px;
border-top: 1px solid var(--gcl-border);
color: var(--gcl-muted) !important;
}
.gc-vscore-legend__hint strong { color: var(--gcl-text) !important; } .gc-vscore-legend__formula {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 8px;
margin: 0 0 18px;
padding: 14px;
background: rgba(69, 131, 207, 0.05) !important;
border: 1px solid rgba(69, 131, 207, 0.15);
border-radius: 12px;
}
.gc-vscore-legend__formula-item {
flex: 1 1 130px;
min-width: 120px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 12px 10px;
background: #fff !important;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 10px;
}
.gc-vscore-legend__formula-item--base {
background: linear-gradient(135deg, var(--gcl-primary) 0%, #5b9be6 100%) !important;
border-color: var(--gcl-primary);
}
.gc-vscore-legend__formula-item--base .gc-vscore-legend__formula-value,
.gc-vscore-legend__formula-item--base .gc-vscore-legend__formula-label,
.gc-vscore-legend__formula-item--base .gc-vscore-legend__formula-desc {
color: #fff !important;
}
.gc-vscore-legend__formula-value {
font-size: 1.4rem;
font-weight: 700;
color: var(--gcl-primary);
line-height: 1;
margin-bottom: 4px;
font-variant-numeric: tabular-nums;
}
.gc-vscore-legend__formula-label {
font-size: 0.85rem;
font-weight: 600;
color: var(--gcl-text) !important;
margin-bottom: 2px;
}
.gc-vscore-legend__formula-desc {
font-size: 0.72rem;
color: var(--gcl-muted) !important;
line-height: 1.3;
}
.gc-vscore-legend__formula-op {
flex: 0 0 auto;
align-self: center;
font-size: 1.4rem;
font-weight: 700;
color: rgba(15, 23, 42, 0.35);
padding: 0 2px;
}
@media (max-width: 720px) {
.gc-vscore-legend__formula-op { display: none; }
.gc-vscore-legend__formula-item { flex-basis: calc(50% - 4px); }
} .gc-vscore-legend__stages {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 12px;
margin: 0 0 4px;
}
.gc-vscore-legend__stage {
padding: 14px 16px;
background: #fff !important;
border: 1px solid var(--gcl-border);
border-left-width: 4px;
border-radius: 10px;
display: flex;
flex-direction: column;
gap: 8px;
}
.gc-vscore-legend__stage--gut    { border-left-color: var(--gcl-good); }
.gc-vscore-legend__stage--mittel { border-left-color: var(--gcl-mid); }
.gc-vscore-legend__stage--schwer { border-left-color: var(--gcl-bad); }
.gc-vscore-legend__stage--extrem { border-left-color: var(--gcl-extreme); }
.gc-vscore-legend__stage-head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 8px;
}
.gc-vscore-legend__stage-range {
font-size: 1.1rem;
font-weight: 700;
color: var(--gcl-text) !important;
font-variant-numeric: tabular-nums;
}
.gc-vscore-legend__stage-pill {
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: 600;
padding: 2px 10px;
border-radius: 999px;
}
.gc-vscore-legend__stage--gut .gc-vscore-legend__stage-pill    { background: rgba(16, 185, 129, 0.12) !important; color: var(--gcl-good) !important; }
.gc-vscore-legend__stage--mittel .gc-vscore-legend__stage-pill { background: rgba(245, 158, 11, 0.18) !important; color: #b45309 !important; }
.gc-vscore-legend__stage--schwer .gc-vscore-legend__stage-pill { background: rgba(249, 115, 22, 0.15) !important; color: #c2410c !important; }
.gc-vscore-legend__stage--extrem .gc-vscore-legend__stage-pill { background: rgba(220, 38, 38, 0.15) !important; color: #b91c1c !important; }
.gc-vscore-legend__stage-action {
margin: 0;
font-size: 0.88rem;
line-height: 1.45;
color: #334155 !important;
} .gc-vs-card__statusrow {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 10px;
margin: 4px 0 8px;
}
.gc-vs-card__statusrow .gc-vs-card__status-pill { margin: 0; }
.gc-vs-card__statusrow .gc-vs-card__breakdown { margin: 0; flex: 1; min-width: 0; }