.route-story{max-width:984px;margin:64px auto;padding:32px;background:#eeefed;border:1px solid #dfe2de;border-radius:18px;color:var(--news-ink,#071b34);font-family:'Open Sans',sans-serif}.route-story *{box-sizing:border-box}.route-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#68746d}.germany-content .route-story h2{margin:12px 0 18px;font-size:clamp(28px,4vw,42px)}.route-story__header p{font-size:16px;line-height:1.7;margin:0 0 24px}.route-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d7dbd5;border-bottom:1px solid #d7dbd5;padding:22px 0;margin-bottom:22px;gap:12px}.route-stats strong{display:block;font-size:clamp(23px,3vw,32px);font-family:Raleway,sans-serif}.route-stats span{font-size:12px;color:#59665f}.route-toolbar,.route-toolbar>div{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.route-toolbar{justify-content:space-between;margin-bottom:14px}.route-story button{font:600 12px/1.4 'Open Sans',sans-serif;background:#fff;border:1px solid #d7dbd5;border-radius:8px;min-height:42px;padding:10px 13px;color:#19352b;cursor:pointer}.route-story button:hover{border-color:#9d1838}.route-story button[aria-pressed=true]{background:#9d1838;border-color:#9d1838;color:#fff}.route-story button:focus-visible,.route-story input:focus-visible{outline:3px solid #9d1838;outline-offset:3px}.route-key{display:inline-block;vertical-align:middle;width:16px;border-top:3px solid #9d1838;margin-right:7px}.route-key--boat{border-top:3px dashed #357982}.route-story button[aria-pressed=true] .route-key{border-color:#fff}.route-map{height:530px;width:100%;border:1px solid #d2d8d1;border-radius:12px;overflow:hidden;isolation:isolate;z-index:0;background:#e3e6df}.route-map .leaflet-control a{color:#182c28}.route-map .leaflet-control-attribution{font-size:10px}.route-hint,.route-note{font-size:12px;line-height:1.7;color:#65716b;margin:12px 0 20px}.route-stops{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.route-profile{margin-top:24px;background:#fff;border:1px solid #dfe2de;border-radius:12px;padding:20px}.route-profile__heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.germany-content .route-profile h3{font-size:17px;margin:0 0 12px}.route-profile output{font-size:12px;font-weight:700;color:#9d1838}.route-profile svg{display:block;width:100%;height:auto;touch-action:pan-y;cursor:crosshair}.route-profile label{display:block;font-size:12px;color:#59665f;margin-top:12px}.route-profile input{width:100%;accent-color:#9d1838;min-height:36px}.route-profile__ends{display:flex;justify-content:space-between;font-size:10px;color:#65716b}.route-context{font-size:14px;line-height:1.7}.route-original{font-size:13px;color:#9d1838;font-weight:700}.route-pin{background:#fff;border:2px solid #19352b;border-radius:50%;display:grid;place-items:center;font:bold 13px 'Open Sans',sans-serif;color:#19352b;box-shadow:0 2px 6px #0003}.route-popup{font:13px/1.6 'Open Sans',sans-serif;max-width:240px}.route-popup strong{display:block;font-size:16px}.route-popup img{width:100%;height:auto;border-radius:5px;margin:10px 0}.route-loading{padding:24px;font-size:14px}.route-map .leaflet-popup-content{margin:16px}.route-map .leaflet-marker-icon:focus-visible{outline:3px solid #9d1838;outline-offset:3px}
@media(max-width:700px){.route-story{margin:40px 20px;padding:20px}.route-map{height:420px}.route-stops{grid-template-columns:1fr 1fr}.route-profile{padding:12px}.route-toolbar>div{width:100%}.route-toolbar button{padding:9px}.route-stats span{font-size:11px}.route-story .route-context{font-size:13px}}
