body{font-family:Arial,sans-serif;margin:0;padding:0;color:var(--ab-color-text);background:var(--ab-color-bg)}
    a{color:inherit}
    .header{height:78px;background:var(--ab-color-surface);border-bottom:1px solid var(--ab-color-line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:sticky;top:0;z-index:30}
    .header-left{display:flex;align-items:center;gap:22px;min-width:0}
    .logo{display:flex;align-items:center;text-decoration:none}
    .logo img{height:44px;width:auto;display:block}
    .header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
    .editor-header .admin-session-link[data-admin-session-logout]{box-sizing:border-box}
    .page{margin:28px auto 42px;padding:0 42px}
    .top{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:20px}
    h1{margin:0;font-size:34px;font-weight:900;line-height:1.14}
    @media(max-width:760px){h1{font-size:29px}}
    @media(min-width:761px){
      .top{padding:0}
      h1{margin-left:0}
    }
    .actionsTop{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
    .btn{display:inline-block;padding:9px 12px;border-radius:10px;background:var(--ab-color-gold);color:var(--ab-color-surface);text-decoration:none;font-size:14px}
    .btn.secondary{background:var(--ab-color-muted)}
    #overviewTopBtn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:800;line-height:1.2}
    .filters{margin:0 0 24px;padding:18px 0;border-top:1px solid var(--ab-color-line);border-bottom:1px solid var(--ab-color-line)}
    .primary-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}
    .f-query{grid-column:span 2}
    .f{display:flex;min-width:0;flex-direction:column;gap:6px}
    label{color:var(--ab-color-muted);font-size:13px;font-weight:800}
    select,input{width:100%;max-width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--ab-color-line);border-radius:8px;background:var(--ab-color-surface);color:var(--ab-color-text);font:inherit}
    select:focus,input:focus{outline:2px solid color-mix(in srgb,var(--ab-color-gold) 35%,transparent);outline-offset:1px;border-color:var(--ab-color-gold)}
    .filter-button{height:44px;min-height:44px;white-space:nowrap}
    .filter-toggle{gap:8px;border-color:var(--ab-color-line);background:var(--ab-color-surface);color:var(--ab-color-text)}
    .filter-toggle::after{content:"+";font-size:18px;font-weight:700;line-height:1}
    .filter-toggle[aria-expanded="true"]::after{content:"−"}
    .basic-actions{display:flex;gap:10px;grid-column:span 2;align-items:end}
    .basic-actions .filter-button{flex:1 1 0}
    .advanced-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid var(--ab-color-line)}
    .advanced-filters[hidden]{display:none!important}
    .electric-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1;gap:14px;padding:14px;border:1px solid color-mix(in srgb,var(--ab-color-gold) 42%,var(--ab-color-line));border-radius:8px;background:var(--ab-color-gold-soft)}
    .advanced-section-title{grid-column:1/-1;color:var(--ab-color-heading);font-size:14px;font-weight:900}
    .range-group{display:flex;min-width:0;flex-direction:column;gap:6px}
    .range-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .filter-footer{display:flex;align-items:center;gap:12px;min-height:32px;margin-top:14px}
    .note{color:var(--ab-color-muted);font-size:14px;font-weight:800;white-space:nowrap}
    .filter-chips{display:flex;min-width:0;align-items:center;gap:7px;flex:1 1 auto;flex-wrap:wrap}
    .filter-chip{display:inline-flex;min-height:30px;align-items:center;gap:7px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--ab-color-gold) 48%,var(--ab-color-line));border-radius:6px;background:var(--ab-color-gold-soft);color:var(--ab-color-text);font:inherit;font-size:12px;font-weight:800;line-height:1.2;cursor:pointer}
    .filter-chip span{color:var(--ab-color-gold);font-size:16px;line-height:1}
    .reset-filters{display:none;min-height:32px;padding:5px 8px;border:0;background:transparent;color:var(--ab-color-muted);font:inherit;font-size:13px;font-weight:800;cursor:pointer}
    .reset-filters.is-visible{display:inline-flex;align-items:center}
    .results-toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 14px}
    .result-heading{color:var(--ab-color-muted);font-size:14px;font-weight:800}
    .sort-control{display:flex;align-items:center;gap:9px}
    .sort-control label{white-space:nowrap}
    .sort-control select{width:230px;min-height:40px;padding-top:7px;padding-bottom:7px}
    .grid{margin-top:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:18px;align-items:stretch}
    .card{box-sizing:border-box;display:flex;flex-direction:column;height:100%;border:1px solid var(--ab-color-line);border-radius:8px;background:var(--ab-color-surface);overflow:hidden;box-shadow:0 6px 18px rgba(35,31,25,.045)}
    .pad{box-sizing:border-box;display:flex;flex:0 0 190px;height:190px;flex-direction:column;padding:16px;font-size:17px;line-height:1.58}
    .title{display:-webkit-box;height:49px;min-height:49px;max-height:49px;overflow:hidden;font-size:19px;font-weight:900;line-height:1.28;margin:0 0 10px 0;-webkit-box-orient:vertical;-webkit-line-clamp:2}
    .meta{min-height:22px;color:var(--ab-color-muted);font-size:14px;font-weight:700;line-height:1.62;margin:0}
    .delivery-meta{min-height:20px;margin:2px 0 0;color:#8a6935;font-size:13px;font-weight:900;line-height:1.45}
    .row{display:flex;gap:10px;flex-wrap:wrap}
    .price-reduction{display:flex;width:max-content;max-width:100%;align-items:center;gap:8px;min-height:24px;margin:6px 0 0;color:var(--ab-color-muted);font-size:11px;font-weight:750;line-height:1.15;white-space:nowrap}
    .price-reduction-label{display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;border:1px solid color-mix(in srgb,var(--ab-color-gold) 58%,var(--ab-color-line));border-radius:5px;background:var(--ab-color-gold-soft);color:#74582c;font-weight:900}
    .price-reduction del{min-width:0;overflow:hidden;color:var(--ab-color-muted);font-weight:700;text-decoration-color:var(--ab-color-gold);text-overflow:ellipsis}
    .price{margin:0;margin-top:auto;padding-top:7px;color:var(--ab-color-heading);font-size:23px;font-weight:900;line-height:1.4}
    .btnSmall{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 16px;border:1px solid var(--ab-color-gold);border-radius:8px;background:var(--ab-color-gold);color:var(--ab-color-surface);text-decoration:none;font-size:14px;font-weight:800;cursor:pointer}
    .btnSmall.secondary{border-color:var(--ab-color-line);background:var(--ab-color-surface);color:var(--ab-color-text)}
    .image-wrap{position:relative;overflow:hidden;background:#f3f0eb;aspect-ratio:4/3}
    .image-link{display:block;color:inherit;text-decoration:none}
    img.cover{width:100%;height:100%;object-fit:cover;display:block;background:#f3f0eb;transition:transform .2s ease}
    .card:hover img.cover{transform:scale(1.02)}
    .title-link{color:var(--ab-color-text);text-decoration:none;cursor:pointer;transition:color .15s ease}
    .title-link:hover{color:var(--ab-color-gold);text-decoration:none}
    .new-car-corner{
      position:absolute;
      top:12px;
      left:12px;
      width:auto;
      background:var(--ab-color-gold);
      color:var(--ab-color-surface);
      font-size:12px;
      font-weight:900;
      text-align:center;
      padding:6px 9px;
      border-radius:5px;
      z-index:5;
      letter-spacing:0;
      box-shadow:0 2px 6px rgba(0,0,0,.15);
      pointer-events:none;
    }
    .electric-badge, .ch-auto-badge{
      position:absolute;
      left:12px;
      bottom:12px;
      width:72px;
      height:72px;
      border-radius:50%;
      background:var(--ab-color-gold);
      color:var(--ab-color-surface);
      z-index:6;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      border:3px solid var(--ab-color-surface);
      box-shadow:0 3px 10px rgba(0,0,0,.20);
      pointer-events:none;
      line-height:1;
    }
    .electric-badge .plug-icon, .ch-auto-badge .swiss-cross{
      width:30px;
      height:30px;
      margin-bottom:4px;
      display:block;
    }
    .electric-badge .txt, .ch-auto-badge .txt{
      font-size:11px;
      font-weight:700;
      letter-spacing:.2px;
    }
    .image-wrap.has-ch-auto.has-electric .ch-auto-badge{bottom:98px;}
    .ph{height:160px;background:var(--ab-color-line);display:flex;align-items:center;justify-content:center}
    @media (max-width: 1180px){.primary-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.advanced-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.basic-actions{grid-column:span 1}.filter-button{width:100%}}
    @media (max-width: 900px){.primary-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.f-query{grid-column:1/-1}.advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.basic-actions{grid-column:1/-1}.electric-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media (max-width: 520px){.top{grid-template-columns:1fr}.actionsTop{width:100%}.actionsTop a{width:auto;white-space:nowrap}.primary-filters{grid-template-columns:1fr}.f-query{grid-column:auto}.advanced-filters{grid-template-columns:1fr}.basic-actions{grid-column:auto}.electric-details{grid-template-columns:1fr}.filter-footer{align-items:flex-start;flex-wrap:wrap}.filter-chips{order:3;flex-basis:100%}.results-toolbar{align-items:stretch;flex-direction:column}.sort-control{justify-content:space-between}.sort-control select{width:min(230px,65vw)}}
/* Fix: nichts darf breiter als der Screen sein */
*{ box-sizing:border-box; }
.filters, .filters *{ max-width:100%; }

/* Inputs wirklich 100% und nicht rauslaufen */
select, input{
  width:100%;
  max-width:100%;
}

/* Mobile layout */
@media (max-width: 720px){
  .header{height:64px;padding:0 18px}
  .logo img{height:34px}
  .page{margin:18px auto 22px;padding:0 18px}
  h1{margin-left:0}
}
@media(max-width:360px){.filter-button{width:100%}.basic-actions{flex-direction:column;align-items:stretch}.sort-control{align-items:stretch;flex-direction:column}.sort-control select{width:100%}}
@media(max-width:900px){
  .grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));justify-content:stretch}
}
@media(max-width:520px){
  .grid{grid-template-columns:1fr}
}