.mob-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.mob-intro p{margin:0;max-width:660px}.mob-tag{display:inline-block;background:var(--yellow);padding:7px 13px;color:var(--navy);font-size:13px;font-weight:800;white-space:nowrap}.mob-toolbar{display:flex;gap:18px;align-items:end;flex-wrap:wrap;padding:24px;background:var(--light);border-top:4px solid var(--cyan)}.mob-field{flex:1;min-width:220px}.mob-field label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.mob-field select{width:100%;font:inherit;color:var(--navy);padding:13px;background:white;border:1px solid #8b95a9;border-radius:2px;min-height:48px}.mob-field select:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.mob-update{min-height:48px;padding:13px 20px;font-weight:700;border:0;background:var(--navy);color:white}.mob-note{font-size:14px;color:var(--muted)}.mob-status{font-size:14px;padding:14px 0}.mob-status.is-error{color:#9a2222;font-weight:700}.mob-list{list-style:none;margin:0;padding:0}.mob-departure{display:grid;grid-template-columns:95px 1fr 150px;gap:22px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}.mob-line{font-size:18px;font-weight:800;background:var(--navy);color:white;padding:6px 10px;text-align:center}.mob-line.is-bus{background:var(--yellow);color:var(--navy)}.mob-direction{font-size:20px;font-weight:700;line-height:1.4}.mob-meta{display:block;font-size:13px;color:var(--muted);margin-top:5px}.mob-time{text-align:right;font-size:25px;font-weight:800;line-height:1.3;font-variant-numeric:tabular-nums}.mob-warning{color:#9a2222;font-weight:700}.mob-alerts{font-size:14px;grid-column:2 / -1}.mob-alerts summary{font-size:14px}.mob-alerts p{white-space:pre-line;margin:10px 0}.mob-empty{padding:24px;background:var(--light)}.mob-shortcuts{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px}.mob-shortcuts a{text-decoration:underline;font-size:15px;font-weight:700}.charge-summary{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0}.charge-summary strong{font-size:32px;line-height:1.2;display:block}.charge-summary>div{padding:18px 24px;background:var(--light);border-left:4px solid var(--cyan);min-width:160px}.charge-summary span{font-size:14px}.charge-filters{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.charge-filters button{border:1px solid var(--navy);background:white;color:var(--navy);padding:10px 20px;min-height:44px;font-weight:700}.charge-filters button[aria-pressed=true]{background:var(--navy);color:white}.charge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.charge-card{background:var(--light);border-top:4px solid var(--cyan);padding:24px;display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.charge-card.is-fast{border-top-color:var(--yellow)}.charge-card h3{font-size:22px;margin:16px 0 8px}.charge-card p{font-size:14px;margin:8px 0}.charge-card ul{padding-left:20px;font-size:15px;margin:15px 0}.charge-card a{margin-top:auto;padding-top:14px;text-decoration:underline;font-size:14px;font-weight:700}.charge-type{font-size:11px;font-weight:800;letter-spacing:.07em}.charge-provider{color:var(--muted)}.charge-source{padding:20px;background:#fff4d3;font-size:14px;margin-top:30px}.charge-source a{text-decoration:underline}.mob-update:disabled{opacity:.6;cursor:wait}@media(max-width:1000px){.charge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.mob-intro{align-items:start;flex-direction:column}.mob-toolbar{padding:18px;gap:14px}.mob-field{min-width:100%;}.mob-update{width:100%}.mob-departure{grid-template-columns:70px minmax(0,1fr) 85px;gap:12px;padding:19px 0}.mob-line{font-size:15px;padding:6px}.mob-direction{font-size:17px}.mob-time{font-size:22px}.mob-meta{font-size:12px}.charge-grid{grid-template-columns:1fr}.charge-summary{gap:12px}.charge-summary>div{flex:1;min-width:135px;padding:16px}.charge-card{padding:22px}.mob-alerts{grid-column:1/-1}.mob-note{font-size:13px}}

.mob-route{grid-column:2 / -1;font-size:14px;padding:12px 0;border:0}.mob-route summary{color:var(--navy);font-size:14px;text-decoration:underline;text-underline-offset:4px}.mob-route-stops{list-style:none;margin:18px 0 5px;padding:0 0 0 18px;border-left:3px solid var(--cyan)}.mob-route-stop{display:grid;grid-template-columns:1fr auto;gap:20px;position:relative;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}.mob-route-stop::before{content:"";width:11px;height:11px;border-radius:50%;background:var(--navy);border:2px solid white;position:absolute;left:-25px;top:20px}.mob-route-stop:first-child{font-weight:700}.mob-route-time{text-align:right;font-variant-numeric:tabular-nums}.mob-route-time time{font-size:17px;font-weight:700}.mob-route-stop:last-child{border-bottom:0}.mob-route .mob-note{margin:12px 0}@media(max-width:760px){.mob-route{grid-column:1/-1}.mob-route-stop{gap:12px;font-size:14px}}

.charge-map-panel{margin:22px 0 35px;border-top:4px solid var(--cyan);background:var(--light);padding:24px}.charge-map-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.charge-map-heading h3{margin:0;font-size:27px}.charge-map-placeholder{padding:20px;background:white}.charge-map-placeholder p{font-size:15px}.charge-map{height:460px;width:100%;isolation:isolate;font-family:var(--font);background:#e7edee;border:1px solid var(--line)}.charge-map:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.charge-map-legend{display:flex;flex-wrap:wrap;gap:22px;font-size:14px}.charge-map-legend>span{display:flex;align-items:center;gap:8px}.charge-map-legend i{width:15px;height:15px;border-radius:50%;border:2px solid var(--cyan);background:var(--navy)}.charge-map-legend i.charge-legend-dc{background:var(--yellow);border-color:var(--navy)}.charge-marker{border-radius:50%;background:var(--navy);border:3px solid var(--cyan);color:white;font-size:12px;font-weight:800;display:grid;place-items:center;box-shadow:0 2px 7px #222d5550}.charge-marker-dc{background:var(--yellow);border-color:var(--navy);color:var(--navy)}.charge-marker:focus-visible{outline:3px solid var(--navy);outline-offset:4px}.charge-map-popup{font-family:var(--font);color:var(--navy)}.charge-map-popup h3{font-size:20px;margin:10px 0}.charge-map-popup p,.charge-map-popup li{font-size:13px}.charge-map-popup ul{padding-left:18px}.charge-map-popup a{font-weight:700;text-decoration:underline}.charge-show-map{font:inherit;font-weight:700;font-size:14px;align-self:start;margin-top:12px;padding:10px 12px;border:1px solid var(--navy);background:white;color:var(--navy);min-height:44px}.charge-card:focus{outline:3px solid var(--navy);outline-offset:3px}.charge-map .leaflet-control-attribution{font-size:11px}.charge-map .leaflet-popup-content{line-height:1.5}@media(max-width:760px){.charge-map-panel{padding:16px}.charge-map-heading{align-items:start;flex-direction:column;gap:12px}.charge-map-heading h3{font-size:24px}.charge-map{height:380px}.charge-map-placeholder{padding:16px}.charge-map-legend{gap:12px;font-size:12px}}

/* KERN UX Radien */
.mob-toolbar,
.charge-card,
.charge-map-panel,
.charge-map,
.charge-map-placeholder,
.charge-summary > div,
.charge-source,
.mob-empty {
  border-radius: 8px !important;
}

.mob-field select,
.mob-update,
.charge-filters button,
.charge-show-map,
.mob-tag,
.mob-line,
.charge-type {
  border-radius: 4px !important;
}