:root{--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--radius-sm:8px;--radius-md:16px;--radius-lg:20px;--shadow-sm:0 2px 4px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--color-primary:#dd5534;--color-success:#28a745;--color-warning:#ff9800;--color-text:#1a1a1a;--color-text-secondary:#666;--color-border:#e9ecef;--color-best-bg:linear-gradient(135deg,#fff8e1 0%,#ffecb3 100%);--color-best-border:#ff9800}.stations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);padding:var(--spacing-lg) 0;min-height:300px;animation:fadeIn .6s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.station-card{position:relative;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-md);padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);overflow:visible}.station-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.station-card:focus-within{outline:3px solid rgba(221,85,52,.3);outline-offset:2px}.station-card.station-card--best{background:var(--color-best-bg);border:3px solid var(--color-best-border);box-shadow:0 4px 20px rgba(255,152,0,.25)}.station-card.station-card--best:hover{box-shadow:0 8px 32px rgba(255,152,0,.35)}.station-card.station-card--best .station-name{color:#e65100}.station-card.station-card--best .price-value{color:#e65100;font-size:24px}.best-price-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:linear-gradient(135deg,var(--color-best-border),#f57c00);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;box-shadow:0 2px 8px rgba(255,152,0,.4);margin-bottom:var(--spacing-sm);animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.fav-btn-card{background:0 0;border:none;font-size:24px;cursor:pointer;transition:all .2s;color:#ccc;padding:var(--spacing-xs);border-radius:var(--radius-sm)}.fav-btn-card:hover{background:0 0;transform:scale(1.2);color:#ffc107}.fav-btn-card:focus{background:0 0;color:#ccc;outline:2px solid rgba(255,193,7,.5);outline-offset:2px}.fav-btn-card.active{color:#ffc107 !important}.fav-btn-card.active:focus{color:#ffc107 !important}}.brand-badge-large{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--spacing-sm);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.station-name{font-size:20px;font-weight:700;color:var(--color-text);margin:0 0 var(--spacing-sm) 0;line-height:1.3}.card-location{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:14px;margin-bottom:var(--spacing-xs)}.card-location i{color:var(--color-primary);flex-shrink:0}.card-distance{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-success);font-size:14px;font-weight:600;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:20px}.card-distance i{flex-shrink:0}.card-prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md) 0;border-top:2px dashed var(--color-border);border-bottom:2px dashed var(--color-border)}.price-item{display:flex;flex-direction:column;gap:4px;text-align:center}.fuel-type{font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:4px}.fuel-type i{flex-shrink:0;color:#666}.price-value{font-size:20px;font-weight:900;color:var(--color-success);text-shadow:0 2px 4px rgba(40,167,69,.15);letter-spacing:-.5px}.price-value sup{font-size:.6em;vertical-align:super;font-weight:800;line-height:0;position:relative;top:-.15em}.card-actions{display:flex;gap:var(--spacing-sm)}.details-btn-card,.route-btn-card{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--spacing-sm);font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:visible;min-height:44px}.details-btn-card{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;box-shadow:var(--shadow-sm)}.details-btn-card:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-2px);box-shadow:var(--shadow-md)}.details-btn-card:focus{outline:3px solid rgba(108,117,125,.4);outline-offset:2px}.route-btn-card{background:linear-gradient(135deg,var(--color-success),#218838);color:#fff;box-shadow:var(--shadow-sm)}.route-btn-card:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-2px);box-shadow:var(--shadow-md)}.route-btn-card:focus{outline:3px solid rgba(40,167,69,.4);outline-offset:2px}.details-btn-card i,.route-btn-card i{width:16px;height:16px;display:inline-block;flex-shrink:0}@media (max-width:768px){.stations-grid{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-md) 0}.station-card{padding:var(--spacing-md)}.station-name{font-size:18px}.card-prices{grid-template-columns:repeat(2,1fr)}.price-value{font-size:18px}}@media (min-width:769px) and (max-width:1024px){.stations-grid{gap:var(--spacing-md)}}.station-card{animation:slideIn .5s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.station-card.loading{opacity:.5;pointer-events:none}.stations-grid:empty:before{content:'🔍 Keine Tankstellen gefunden';display:block;text-align:center;padding:60px 20px;color:#999;font-size:18px;grid-column:1/-1}