/* Favorent Anreise-Widget – favorent.de Design-Tokens */
.favorent-route{--fav-primary:#44909C;--fav-secondary:#A0C45C;--fav-accent:#F5A623;--fav-ink:#333;--fav-muted:#7A7A7A;--fav-line:#e6e6e6;--fav-soft:#f5f7f8;font-family:'Lato',-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--fav-ink);width:100%;box-sizing:border-box}
.favorent-route *,.favorent-route *::before,.favorent-route *::after{box-sizing:border-box}
.favrt-config,.favrt-err{padding:14px 16px;border:1px dashed var(--fav-line);border-radius:12px;color:var(--fav-muted)}
.favrt-skeleton{display:flex;align-items:center;gap:10px;padding:18px;border:1px solid var(--fav-line);border-radius:12px;color:var(--fav-muted)}
.favrt-spin{width:16px;height:16px;border:2px solid var(--fav-line);border-top-color:var(--fav-primary);border-radius:50%;display:inline-block;animation:favrt-rot .8s linear infinite}
@keyframes favrt-rot{to{transform:rotate(360deg)}}

.favrt-card{background:#fff;border:1px solid var(--fav-line);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.favrt-head{background:linear-gradient(120deg,#44909C,#37757f);color:#fff;padding:15px 20px;display:flex;align-items:center;gap:10px}
.favrt-head .favrt-h-ico{font-size:20px}
.favrt-head .favrt-h-t{font-size:17px;font-weight:700;line-height:1.2}
.favrt-head .favrt-h-s{font-size:12px;opacity:.9}
.favrt-body{padding:16px 20px}

/* Eingabe */
.favrt-form{display:flex;gap:8px;flex-wrap:wrap}
.favrt-input{flex:1;min-width:200px;font-family:inherit;font-size:15px;padding:11px 14px;border:1px solid var(--fav-line);border-radius:10px;color:var(--fav-ink)}
.favrt-input:focus{outline:none;border-color:var(--fav-primary)}
.favrt-go{appearance:none;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;border:none;border-radius:10px;padding:11px 20px;background:var(--fav-accent);color:#5a3a00}
.favrt-go:hover{filter:brightness(.96)}
.favrt-go[disabled]{opacity:.6;cursor:default}
.favrt-loc{appearance:none;cursor:pointer;flex:0 0 auto;width:46px;border:1px solid var(--fav-primary);background:#fff;color:var(--fav-primary);border-radius:10px;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}
.favrt-loc:hover{background:var(--fav-primary);color:#fff}
.favrt-loc[disabled]{opacity:.5;cursor:default}
.favrt-formnote{font-size:12px;color:var(--fav-muted);margin-top:8px}

/* Reiter Auto / OEPNV */
.favrt-tabs{display:flex;gap:6px;margin:20px 0 14px}
.favrt-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 0;font-size:14px;border-radius:9px;border:1px solid var(--fav-line);color:var(--fav-muted);background:#fff;cursor:pointer;font-family:inherit}
.favrt-tab .favrt-tab-sub{font-size:12px;font-weight:400;opacity:.8}
.favrt-tab.is-active{background:var(--fav-primary);border-color:var(--fav-primary);color:#fff;font-weight:700}
.favrt-tab.is-active .favrt-tab-sub{opacity:.92}

/* Kennzahlen */
.favrt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:14px}
.favrt-stat{background:var(--fav-soft);border-radius:10px;padding:12px 14px}
.favrt-stat .favrt-s-l{font-size:12px;color:var(--fav-muted)}
.favrt-stat .favrt-s-v{font-size:21px;font-weight:700;margin-top:2px;line-height:1.1}
.favrt-stat .favrt-s-x{font-size:11px;color:var(--fav-muted);margin-top:2px}
.favrt-stat--walk .favrt-s-v{color:#b5680c}

/* Hinweis "losfahren um" */
.favrt-hint{display:flex;align-items:flex-start;gap:9px;background:#fdf3df;border:1px solid #f3d99b;border-radius:10px;padding:11px 13px;font-size:13.5px;color:#6a4b12;line-height:1.45}
.favrt-hint .favrt-hint-i{flex:0 0 auto;width:18px;height:18px;border-radius:50%;background:var(--fav-accent);color:#5a3a00;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}
.favrt-hint b{color:#5a3a00}

/* Routen-Skizze (SVG, kompakt) */
.favrt-sketch{margin-top:14px;background:var(--fav-soft);border-radius:10px;padding:8px}
.favrt-sketch svg{display:block;width:100%;height:auto}

/* Detail-Toggle */
.favrt-more{appearance:none;cursor:pointer;font-family:inherit;font-size:13px;color:var(--fav-primary);background:none;border:none;padding:12px 0 2px;display:inline-flex;align-items:center;gap:6px}
.favrt-more:hover{text-decoration:underline}

/* Abschnitte (OEPNV) */
.favrt-legs{margin-top:14px;border-top:1px solid #f0f0f0;padding-top:12px}
.favrt-leg{display:flex;gap:11px;padding:7px 0}
.favrt-leg-t{flex:0 0 44px;text-align:right;font-size:12px;color:var(--fav-muted);padding-top:2px}
.favrt-leg-line{position:relative;flex:0 0 14px;display:flex;justify-content:center}
.favrt-leg-line::before{content:"";position:absolute;top:4px;bottom:-7px;width:3px;background:var(--fav-line);border-radius:2px}
.favrt-leg:last-child .favrt-leg-line::before{display:none}
.favrt-leg-dot{position:relative;z-index:1;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--fav-primary);margin-top:3px}
.favrt-leg--walk .favrt-leg-dot{border-color:#bbb;border-style:dotted}
.favrt-leg-main{flex:1;font-size:13.5px}
.favrt-leg-badge{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:12px;color:#fff;background:var(--fav-primary);padding:2px 9px;border-radius:6px;margin-right:7px}
.favrt-leg--walk .favrt-leg-badge{background:#eef0f1;color:#666;font-weight:600}
.favrt-leg-stops{color:var(--fav-muted);font-size:12.5px;margin-top:2px}

/* Karte */
.favrt-map-wrap{margin-top:14px;border-radius:10px;overflow:hidden;border:1px solid var(--fav-line)}
.favrt-map{width:100%;height:230px;background:var(--fav-soft)}
.favrt-map--big{height:380px}
.favrt-map-consent{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--fav-muted);background:var(--fav-soft);padding:16px}
.favrt-map-consent button{appearance:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;border:1px solid var(--fav-primary);color:var(--fav-primary);background:#fff;border-radius:24px;padding:9px 18px}
.favrt-map-consent button:hover{background:var(--fav-primary);color:#fff}
.favrt-map-consent small{font-size:11px;max-width:320px}
.leaflet-container{font-family:inherit}

@media (max-width:480px){
.favrt-body{padding:14px}
.favrt-stat .favrt-s-v{font-size:19px}
.favrt-map{height:240px}
}