.as24-cars-wrap{
    background:#000;
    padding:30px 0;
}

.as24-cars-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:48px;
}

.as24-car-card{
    color:#fff;
    font-family:Arial,sans-serif;
}

.as24-car-card a{
    color:inherit;
    text-decoration:none;
    display:block;
}

.as24-car-image{
    width:100%;
    aspect-ratio:1.3/1;
    overflow:hidden;
    border-radius:4px;
    background:#111;
    margin-bottom: 1rem;
}

.as24-car-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.as24-car-category{
    font-size: 0.938rem;
    margin-bottom: 0;
    letter-spacing: 0px;
    color: #C1C1C1;
}

.as24-car-title{
    font-family: var(--heading-semibold);
    font-size: 1rem;
    line-height: 1.563rem;
    font-weight: 400;
    margin-bottom: .5rem;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.as24-car-meta{
    font-family: var(--text-font);
    font-size: 1rem;
    line-height: 1.75rem;
    margin-bottom: 1rem;
    letter-spacing: 0px;
    color: #DDDDDD;
    opacity: 0.8;
}

.as24-car-price{
    color: #fff;
    font-size: 1rem;
    line-height: 1.563rem;
    letter-spacing: 0px;
    font-family: var(--heading-semibold);
}

@media(max-width:991px){
    .as24-cars-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:767px){
    .as24-cars-grid{
        grid-template-columns:1fr;
    }

    .as24-car-title{
        font-size:22px;
    }
}
/* AutoScout24 Fahrzeuge Filter */
.as24-filter-top.filter-open {
    display: none;
}
div#as24-advanced-panel-top {
    display: none;
    border: none;
    padding-top: 0;
    margin-top: 0;
}
.filter-open + div#as24-advanced-panel-top {
    display: block;
}
.as24-filter-wrap{
    background:#050505;
    color:#fff;
    margin-bottom:0;
}
.as24-filter-actions button.as24-advanced-toggle {
    text-transform: none;
    color: #fff;
}
.as24-filter-actions button.as24-advanced-toggle:hover {
    color: #fe331f;
}
.as24-filter-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}
.as24-filter-top h2{
    margin:0;
    color:#ff2b1f;
    width: auto;
}
.as24-filter-actions{
    display: flex;
    align-items: center;
    gap: 1.25rem;
    color: #fff;
    font-size: 1rem;
    line-height: 1;
}
.as24-advanced-toggle,
.as24-reset-filter,
.as24-sort-field{
    border: 0;
    background: transparent;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    min-height: auto;
    padding: 0 1rem 0 0;
    margin: 0;
    border-right: 1px solid rgba(255, 255, 255, .28);
    font-size: 1rem;
    font-weight: 400;
    text-decoration: none;
    cursor:pointer;
}
.as24-reset-filter {
    color: #fff;
}
.as24-reset-filter:hover{
    color: #fe331f;
}
.as24-sort-field{
    border-right:0;
    padding-right:0;
}
.as24-sort-field svg.chakra-icon.css-mslg4c {
    max-width: 1rem;
}
.as24-sort-field select{
    border: 0;
    background: transparent;
    padding: 0;
    height: auto;
    box-shadow: none;
    font-size: 1rem;
    color: #fff;
    cursor: pointer;
    margin-bottom: 0;
}
.as24-sort-field select option,
.as24-filter-field select option{
    background:#111;
    color:#fff;
}
.as24-filter-form{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px 16px;
    padding-bottom:28px;
    border-bottom:1px solid rgba(255,255,255,.18);
}
.as24-filter-form.is-collapsed{
    display:none;
}
.as24-filter-field{
    display:block;
    margin:0;
}
.as24-filter-field span{
    display: block;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: normal;
    color: #fff;
    margin-bottom: .5rem;
}
.as24-filter-field select,
.as24-filter-field input,
.as24-filter-field input[type="text"]{
    width: 100%;
    height: 3.125rem;
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 5px;
    background: #0b0b0b;
    color: #fff;
    font-size: 1rem;
    line-height: 1.2;
    padding: 0 1.25rem;
    box-shadow: none;
}
.as24-filter-field select:focus,
.as24-filter-field input:focus{
    border-color:#ff2b1f;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
.as24-filter-field input::placeholder{
    color:rgba(255,255,255,.72);
    opacity:1;
}
.as24-filter-submit{
    display:none!important;
}
.as24-no-results{
    padding:35px 0;
    font-size:20px;
    color:#fff;
}
@media(max-width:1199px){
    .as24-filter-top{align-items:flex-start;flex-direction:column;}
    .as24-filter-actions{flex-wrap:wrap;font-size:18px;}
    .as24-advanced-toggle,.as24-reset-filter,.as24-sort-field,.as24-sort-field select{font-size:18px;}
    .as24-filter-form{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:767px){
    .as24-filter-wrap{padding:28px 0 24px;}
    .as24-filter-top h2{font-size:34px;}
    .as24-filter-actions{gap:12px;align-items:flex-start;flex-direction:column;}
    .as24-advanced-toggle,.as24-reset-filter,.as24-sort-field{border-right:0;padding-right:0;}
    .as24-filter-form{grid-template-columns:1fr;}
    .as24-filter-field span{font-size:18px;}
    .as24-filter-field select,.as24-filter-field input{height:54px;font-size:18px;}
}

/* AutoScout24 advanced search */
.as24-filter-form.has-advanced-open{
    padding-bottom:0;
}
.as24-advanced-panel{
    grid-column:1 / -1;
    margin-top:18px;
    padding:28px 0 0;
    border-top:1px solid rgba(255,255,255,.18);
    color:#fff;
}
.as24-advanced-back{
    color:rgba(255,255,255,.78);
    font-size:14px;
    margin-bottom:8px;
    cursor:pointer;
    width:max-content;
}
.as24-advanced-panel h3{
    margin:0 0 24px;
    color:#ff2b1f;
    font-size:26px;
    line-height:1.2;
    font-weight:700;
}
.as24-advanced-group{
    border-bottom:1px solid rgba(255,255,255,.18);
    padding:0 0 18px;
    margin-bottom:18px;
}
.as24-advanced-group:last-child {
    border: none;
    padding-bottom: 0;
}
.as24-advanced-section-toggle{
    width:100%;
    border:0;
    background:transparent;
    color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0;
    margin:0;
    min-height:auto;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
    text-align:left;
}
.as24-advanced-section-toggle b{
    color:#fff;
    font-weight:400;
    transition:transform .2s ease;
    width: 1rem;
}
.as24-advanced-group.is-open .as24-advanced-section-toggle b{
    transform:rotate(180deg);
}
.as24-advanced-content{
    display:none;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:16px;
    padding-top:18px;
}
.as24-advanced-group.is-open .as24-advanced-content{
    display:grid;
}
.as24-advanced-content .as24-filter-field span,
.as24-check-list > span{
    font-size:14px;
    font-weight:700;
    margin-bottom:7px;
}
.as24-advanced-content .as24-filter-field select,
.as24-advanced-content .as24-filter-field input{
    height:44px;
    font-size:15px;
    padding:0 12px;
}
.as24-check-list label.as24-check-field {
    margin-bottom: .5rem;
}
.as24-check-list label.as24-check-field input[type="checkbox"] {
    margin-bottom: 0;
}
.as24-check-list > span{
    grid-column:1 / -1;
    color:#fff;
    display:block;
}
.as24-check-field{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0;
    color:rgba(255,255,255,.86);
    font-size:13px;
    line-height:1.3;
}
.as24-check-field input{
    width:14px;
    height:14px;
    accent-color:#ff2b1f;
}
@media(max-width:1199px){
    .as24-advanced-content{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:767px){
    .as24-advanced-panel{padding-top:22px;}
    .as24-advanced-panel h3{font-size:22px;}
    .as24-advanced-content{grid-template-columns:1fr;}
    .as24-check-list{grid-template-columns:1fr;}
}

/* AutoScout24 advanced checkbox sections: match HCI advanced page */
.as24-advanced-checkbox-content{
    grid-template-columns:1fr!important;
}
.as24-advanced-checkbox-content .as24-check-list{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.65rem 3.5rem;
    width:100%;
}
.as24-advanced-checkbox-content .as24-check-list > span{
    grid-column:1 / -1;
    margin-bottom:.35rem;
}
.as24-check-list--equipment{
    align-items:start;
}
.as24-advanced-single-content{
    grid-template-columns:minmax(220px,260px)!important;
}
.as24-advanced-single-content .as24-filter-field{
    max-width:260px;
}
.as24-check-field input[type="checkbox"]{
    appearance:none;
    -webkit-appearance:none;
    width:14px;
    height:14px;
    min-width:14px;
    border:1px solid rgba(255,255,255,.7);
    border-radius:2px;
    background:transparent;
    display:inline-grid;
    place-content:center;
    margin:0;
}
.as24-check-field input[type="checkbox"]:checked{
    background:#ff2b1f;
    border-color:#ff2b1f;
}
.as24-check-field input[type="checkbox"]:checked:after{
    content:"";
    width:8px;
    height:5px;
    border-left:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(-45deg);
    margin-top:-1px;
}
@media(max-width:991px){
    .as24-advanced-checkbox-content .as24-check-list{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:.65rem 2rem;
    }
}
@media(max-width:767px){
    .as24-advanced-checkbox-content .as24-check-list{
        grid-template-columns:1fr;
    }
    .as24-advanced-single-content,
    .as24-advanced-single-content .as24-filter-field{
        max-width:none;
        grid-template-columns:1fr!important;
    }
}