/* VTN "Experten in Ihrer Nähe" – Modul für City Heroes, Autoglas Doctor, savesto. Mobil zuerst. Scope: .vtn-naehe */
.vtn-naehe{--vn-g:#4b4a49;--vn-y:#f7ea00;--vn-yt:#1f1f22;--vn-b:#3ab9e8;--vn-bg:#f6f6f7;--vn-line:#e6e6e6;--vn-txt:#232129;--vn-mut:#6f6e6d;--vn-hfont:'Bowlby One SC',sans-serif;--vn-hweight:400;--vn-hcase:none;
  box-sizing:border-box;max-width:640px;margin:0 auto;padding:0 14px 22px;color:var(--vn-txt);font-family:inherit;line-height:1.35;background:#fff;border-radius:18px;box-shadow:0 10px 32px rgba(0,0,0,.14);text-align:left;min-width:0;overflow-wrap:anywhere}
.vtn-naehe--kompakt{padding-top:14px}
.vtn-naehe-huelle{overflow:visible;min-width:0}
.vtn-naehe--agd{--vn-g:#01203f;--vn-y:#1ebfe3;--vn-yt:#fff;--vn-b:#3e7cb1;--vn-hfont:'Roboto Condensed',sans-serif;--vn-hweight:700;--vn-hcase:uppercase}
.vtn-naehe--sav{--vn-g:#163a5c;--vn-y:#e2962e;--vn-yt:#fff;--vn-b:#3b7bac;--vn-hfont:inherit;--vn-hweight:700;--vn-hcase:none}
.vtn-naehe *,.vtn-naehe *::before,.vtn-naehe *::after{box-sizing:inherit}
.vtn-naehe .vn-top{background:var(--vn-g);color:#fff;padding:22px 18px 28px;border-radius:18px 18px 0 0;margin:0 -14px}
.vtn-naehe .vn-top h2{font-family:var(--vn-hfont);font-weight:var(--vn-hweight);text-transform:var(--vn-hcase);font-size:clamp(22px,6.4vw,30px);line-height:1.05;margin:0 0 6px;color:#fff;letter-spacing:.01em}
.vtn-naehe .vn-top h2 em{font-style:normal;color:var(--vn-y)}
.vtn-naehe .vn-top p{margin:0;font-size:14px;color:#d9d9d9}
.vtn-naehe .vn-loc{background:#fff;border:1px solid var(--vn-line);border-radius:14px;padding:12px;margin-top:-16px;box-shadow:0 4px 18px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:10px;position:relative}
.vtn-naehe--kompakt .vn-loc{margin-top:0;box-shadow:none;border:0;padding:0}
.vtn-naehe .vn-btn{appearance:none;border:0;border-radius:12px;font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px;text-decoration:none;line-height:1.2}
.vtn-naehe .vn-btn:hover{filter:brightness(.96);text-decoration:none}
.vtn-naehe .vn-y{background:var(--vn-y);color:var(--vn-yt);width:100%;font-size:16px}
.vtn-naehe .vn-gb{background:var(--vn-g);color:#fff}.vtn-naehe .vn-o{background:#fff;color:var(--vn-g);border:1.5px solid var(--vn-g)}
.vtn-naehe .vn-btn svg{width:20px;height:20px;flex:none}
.vtn-naehe .vn-row{display:flex;gap:8px;align-items:center}
.vtn-naehe .vn-row input{flex:1 1 0;width:0;min-width:0;min-height:48px;border:1.5px solid var(--vn-line);border-radius:12px;padding:0 14px;font:inherit;font-size:16px;margin:0;background:#fff;color:var(--vn-txt)}
.vtn-naehe .vn-row input:focus{outline:2px solid var(--vn-b);border-color:transparent}
.vtn-naehe .vn-hint{font-size:13px;color:var(--vn-mut);margin:0;text-align:center}
.vtn-naehe .vn-err{background:#fff4f4;border:1px solid #f3c6c6;color:#8a2a2a;border-radius:12px;padding:10px 12px;font-size:14px;display:block}
.vtn-naehe .vn-chips{padding:14px 0 4px}
.vtn-naehe .vn-kat{width:0}
.vtn-naehe .vn-sel{display:flex;align-items:center;gap:10px;border:1.5px solid var(--vn-line);border-radius:12px;padding:0 12px;min-height:48px;background:#fff}
.vtn-naehe .vn-sel>span{font-size:13px;font-weight:600;color:#5a5a5a;text-transform:uppercase;letter-spacing:.04em;flex:none}
.vtn-naehe .vn-kat{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;font-weight:600;color:var(--vn-txt);padding:10px 0;appearance:auto;-webkit-appearance:menulist}
.vtn-naehe .vn-kat:focus{outline:none}
.vtn-naehe .vn-status{display:flex;flex-direction:column;gap:3px;margin:12px 0 10px;padding:0 2px}
.vtn-naehe .vn-st1{font-size:16px;line-height:1.3;color:#232129;font-weight:500}
.vtn-naehe .vn-st1 b{font-weight:800;color:#232129}
.vtn-naehe .vn-st2{font-size:13px;color:#5a5a5a}
.vtn-naehe .vn-cards{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}
.vtn-naehe .vn-card{background:#fff;border:1px solid var(--vn-line);border-radius:14px;padding:14px 14px 12px;margin:0}
.vtn-naehe .vn-card.vn-vip{border:2px solid var(--vn-y);box-shadow:0 0 0 4px rgba(247,234,0,.18)}
.vtn-naehe .vn-hd{display:flex;gap:10px;align-items:flex-start}
.vtn-naehe .vn-num{flex:none;width:30px;height:30px;border-radius:50%;background:var(--vn-g);color:var(--vn-y);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.vtn-naehe--agd .vn-num,.vtn-naehe--sav .vn-num{color:#fff}
.vtn-naehe .vn-card.vn-vip .vn-num{background:var(--vn-y);color:var(--vn-yt)}
.vtn-naehe .vn-ttl{flex:1;min-width:0}
.vtn-naehe .vn-cat{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--vn-b);margin:0 0 2px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.vtn-naehe .vn-badge{background:var(--vn-y);color:var(--vn-yt);border-radius:6px;padding:2px 7px;font-size:11px;letter-spacing:.03em}
.vtn-naehe .vn-badge.vn-p{background:#e5f1f8;color:#1b6f8f}
.vtn-naehe .vn-card h3{margin:0;font-size:17px;line-height:1.25;font-weight:700;overflow-wrap:anywhere;font-family:inherit;text-transform:none;color:var(--vn-txt)}
.vtn-naehe .vn-adr{margin:3px 0 0;font-size:14px;color:var(--vn-mut)}
.vtn-naehe .vn-dist{flex:none;text-align:right;font-weight:700;font-size:15px;color:var(--vn-g);white-space:nowrap}
.vtn-naehe .vn-dist small{display:block;font-weight:500;font-size:11px;color:var(--vn-mut)}
.vtn-naehe .vn-act{display:flex;gap:8px;margin-top:12px}
.vtn-naehe .vn-act .vn-btn{flex:1;min-height:44px;font-size:14px;padding:0 8px}
.vtn-naehe .vn-more{margin-top:14px;display:flex;flex-direction:column;gap:10px}
.vtn-naehe .vn-more .vn-btn{width:100%}
.vtn-naehe .vn-foot{margin-top:18px;text-align:center;font-size:12.5px;color:#5a5a5a;line-height:1.5}
.vtn-naehe .vn-foot a{color:var(--vn-g);text-decoration:underline}
.vtn-naehe .vn-hint{color:#5f5f5f}
.vtn-naehe .vn-sk{height:96px;border-radius:14px;background:linear-gradient(90deg,#eee,#f7f7f7,#eee);background-size:200% 100%;animation:vn-sk 1.2s infinite;list-style:none}
@keyframes vn-sk{to{background-position:-200% 0}}
.vtn-naehe [hidden]{display:none!important}
@media (max-width:699px){.vtn-naehe{box-sizing:border-box;width:calc(100vw - 32px);max-width:calc(100vw - 32px);margin-left:0;margin-right:0;border-radius:14px}.vtn-naehe .vn-top{border-radius:14px 14px 0 0}} /* mobil: feste Breite aus der Bildschirmbreite (16 px Rand), unabhängig von Spaltenbreiten des Seitenbaukastens – Safari rechnete die Spalte sonst zu breit */
@media (min-width:700px){.vtn-naehe{padding:0 20px 28px}.vtn-naehe--kompakt{padding-top:20px}.vtn-naehe .vn-top{padding:34px 24px 36px;border-radius:18px 18px 0 0;margin:0 -20px}.vtn-naehe .vn-loc{margin:-16px 8px 0}.vtn-naehe--kompakt .vn-loc{margin:0}.vtn-naehe .vn-act .vn-btn{font-size:15px}}