.lade-tool{gap:24px;margin-block:24px 64px;display:grid}.lade-rechner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.lade-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.lade-tool fieldset{border:0;border-top:1px solid var(--line);min-width:0;margin:24px 0 0;padding:20px 0 0}.lade-tool legend{padding:0 12px 0 0;font-weight:700}.lade-tool input,.lade-tool select{width:100%}.lade-switch{flex-wrap:wrap;gap:8px;display:flex}.lade-kosten,.lade-region-zahlen{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:12px 0 24px;display:grid}.lade-kosten dd{font:700 clamp(1.7rem,3vw,2.6rem) var(--number-font);letter-spacing:-.07em;margin:8px 0 0}.lade-kosten dt,.lade-region-zahlen dt{font-weight:600}.lade-details{grid-template-columns:1fr auto;gap:12px;display:grid}.lade-details dd,.lade-region-zahlen dd{font-family:var(--number-font);margin:0}.lade-region-zahlen dd{margin-top:8px;font-size:1.6rem}.lade-check{align-items:center;gap:10px;min-height:46px;display:flex}.lade-check input{width:20px;min-height:20px}.lade-stationen{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;list-style:none;display:grid}.lade-stationen li{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:12px;padding:20px}.lade-stationen h4{margin:0 0 8px;font-size:1rem}.lade-stationen p{margin:8px 0}.lade-stationen a{align-items:center;min-height:44px;display:inline-flex}.lade-tool summary{cursor:pointer;min-height:44px;font-weight:600}.lade-tool button{min-height:44px}.lade-tool .source{font-size:.875rem}.lade-tool [hidden]{display:none!important}@media (width<=760px){.lade-rechner,.lade-stationen,.lade-fields,.lade-kosten,.lade-details{grid-template-columns:1fr}.lade-details dd{margin-bottom:10px}.lade-tool{gap:16px}}.lade-switch button{border:1px solid var(--control-line);background:var(--control);color:var(--text);border-radius:8px;padding:10px 14px}.lade-switch button[aria-pressed=true]{background:var(--accent);color:var(--accent-fg)}.lade-tool [data-lade-bund],.lade-tool [data-lade-mehr]{background:var(--control);color:var(--strong);border:1.5px solid var(--control-line);border-radius:12px;align-self:start;padding:10px 18px}[data-lade-form]>.field,[data-lade-form] fieldset .field+.field{margin-top:16px}.lade-fields{align-items:start}.lade-fields label{min-height:24px}.lade-fields .source{margin-top:4px}.lade-differenz{font-weight:400}.lade-kreis-row{align-items:end;gap:12px;display:grid}.lade-kreis-row .field{min-width:0}.lade-kreis-row button{white-space:nowrap;justify-self:start}.lade-region-zahlen{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.lade-region-zahlen dd{font-size:clamp(22px,2.4vw,32px)}@media (width>=700px){.lade-kreis-row{grid-template-columns:minmax(0,1fr) auto}.lade-region-zahlen{grid-template-columns:repeat(6,minmax(0,1fr))}.lade-region-zahlen>div{grid-column:span 2}.lade-region-zahlen>div:nth-child(n+4){grid-column:span 3}}@media (width>=1100px){.lade-region-zahlen{grid-template-columns:repeat(5,minmax(0,1fr))}.lade-region-zahlen>div,.lade-region-zahlen>div:nth-child(n+4){grid-column:auto}}.lade-kreis-row [data-lade-bund]{align-self:end}.lade-region-kopf>h3{margin-top:18px}.lade-fields>.field:first-child{padding-bottom:27px}@media (width<=760px){.lade-fields>.field:first-child{padding-bottom:0}}.ladekarte-legende{flex-wrap:wrap;gap:12px;margin-block:16px;font-size:13px;display:flex}.ladekarte-legende i{vertical-align:middle;border:1px solid var(--control-line);width:16px;height:16px;margin-right:6px;display:inline-block}[data-ladekarte]{gap:16px;display:grid}[data-ladekarte] .source a{overflow-wrap:anywhere}[data-ladekarte-retry]{background:var(--control);color:var(--text);border:1px solid var(--control-line);border-radius:8px;justify-self:start;padding:10px 18px}
