/* WP Rentalo Lite – Step 2
 * Consolidated in version 2.15.542.
 * Consolidates the Step 2 presentation layer and picker/responsive rules.
 * Historical shared object-info selectors remain until the Step 3/4 cleanup steps.
 */

/* === Step 2 core (migrated from rentalo-ui-step2.css) === */
/*
 * WP Rentalo Lite - Step2 Layout
 * Feldoptik kommt aus rentalo-fields.css.
 */
.rentalo-ui-step2 .rentalo-frontend-shell{max-width:1240px;margin:0 auto;padding:0 18px;box-sizing:border-box;}
.rentalo-ui-step2-topbar{padding:16px;box-sizing:border-box;}
.rentalo-ui-step2-pickers-layout{display:grid;grid-template-columns:1.08fr 1.08fr 1.1fr .78fr 1.1fr .78fr 1.3fr .7fr 48px;gap:10px 12px;align-items:end;}
.rentalo-ui-step2-pickers-layout > .rentalo-ui-step2-row{min-width:0;margin:0;box-sizing:border-box;}
.rentalo-ui-step2-row--pickup-location{grid-column:1;grid-row:1;}
.rentalo-ui-step2-row--return-location{grid-column:2;grid-row:1;}
.rentalo-ui-step2-row--start-date{grid-column:3;grid-row:1;}
.rentalo-ui-step2-row--start-time{grid-column:4;grid-row:1;}
.rentalo-ui-step2-row--end-date{grid-column:5;grid-row:1;}
.rentalo-ui-step2-row--end-time{grid-column:6;grid-row:1;}
.rentalo-ui-step2-row--category{grid-column:7;grid-row:1;}
.rentalo-ui-step2-row--planned-km{grid-column:8;grid-row:1;}
.rentalo-ui-step2-actions{grid-column:9;grid-row:1;align-self:end;}
.rentalo-ui-step2-row--opening-hours-link{grid-column:1 / -1;grid-row:2;align-self:center;}
.rentalo-ui-step2-notices{grid-column:1 / -1;grid-row:3;}
.rentalo-ui-step2-notices:empty{display:none;}
.rentalo-ui-step2-pickers-layout--same-location .rentalo-ui-step2-row--pickup-location{grid-column:1 / 3;}
.rentalo-ui-step2-pickers-layout--same-location .rentalo-ui-step2-row--return-location{display:none;}
.rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-row--pickup-location,
.rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-row--return-location{display:none;}
.rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-row--start-date{grid-column:1;}
.rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-row--start-time{grid-column:2;}
.rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-row--end-date{grid-column:3;}
.rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-row--end-time{grid-column:4;}
.rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-row--category{grid-column:5 / 7;}
.rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-row--planned-km{grid-column:7;}
.rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-actions{grid-column:8;}
.rentalo-ui-step2-pickers-layout--no-km .rentalo-ui-step2-row--planned-km{display:none;}
.rentalo-ui-step2-pickers-layout--no-km .rentalo-ui-step2-row--category{grid-column:7 / 9;}
.rentalo-ui-step2-pickers-layout--no-km .rentalo-ui-step2-actions{grid-column:9;}
.rentalo-ui-step2-opening-hours-bar{display:grid;grid-template-columns:1.08fr 1.08fr 1.1fr .78fr 1.1fr .78fr 1.3fr .7fr 48px;gap:10px 12px;align-items:center;min-width:0;}
.rentalo-ui-step2-opening-hours-link{grid-column:1 / 4;justify-self:start;}
.rentalo-ui-step2-rental-duration{grid-column:8 / 10;justify-self:end;text-align:right;}
.rentalo-ui-step2-btn{width:48px;height:40px;min-height:40px;border:0;border-radius:10px;background:var(--rentalo-button-bg,#c20000);color:#fff;font-size:0;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.rentalo-ui-step2-btn-icon{font-size:20px;line-height:1;}
.rentalo-ui-step2-list{display:flex;flex-direction:column;gap:20px;margin-top:18px;}
.rentalo-ui-step2-item-card{display:grid;grid-template-columns:130px minmax(0,1fr) 220px;gap:16px;align-items:center;padding:16px;border:1px solid #d6e0ec;border-radius:16px;background:#fff;box-shadow:0 12px 28px rgba(20,43,74,.09);}
.rentalo-ui-step2-media img{width:124px;height:92px;object-fit:cover;border-radius:14px;border:1px solid #d6e0ec;display:block;}
.rentalo-ui-step2-code,.rentalo-ui-step2-group,.rentalo-ui-step2-content .rentalo-group-meta p,.rentalo-ui-step2-price small{color:#66778a;}
.rentalo-ui-step2-code{margin:0 0 4px;font-size:14px;font-weight:700;}
.rentalo-ui-step2-group{margin:0 0 8px;font-size:14px;line-height:1.4;}
.rentalo-ui-step2-content .rentalo-group-meta p{margin:0;font-size:15px;line-height:1.45;}
.rentalo-ui-step2-side{display:flex;flex-direction:column;gap:14px;align-items:flex-end;}
.rentalo-ui-step2-price{display:flex;flex-direction:column;align-items:flex-end;gap:4px;}
.rentalo-ui-step2-price strong{color:#c05561;font-size:22px;line-height:1;font-weight:700;}
.rentalo-ui-step2-price small{font-size:13px;}
.rentalo-ui-step2-item-card .rentalo-submit-button{min-width:132px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:var(--rentalo-primary,#006699);border-color:var(--rentalo-primary,#006699);color:#fff;border-radius:10px;font-weight:700;}
@media (max-width:1100px){.rentalo-ui-step2-pickers-layout{grid-template-columns:repeat(6,minmax(0,1fr));}.rentalo-ui-step2-opening-hours-bar{grid-template-columns:repeat(6,minmax(0,1fr));}.rentalo-ui-step2-opening-hours-link{grid-column:1 / 4;}.rentalo-ui-step2-rental-duration{grid-column:5 / 7;}.rentalo-ui-step2-row--pickup-location{grid-column:1 / 3;grid-row:1;}.rentalo-ui-step2-row--return-location{grid-column:3 / 5;grid-row:1;}.rentalo-ui-step2-row--start-date{grid-column:1 / 2;grid-row:2;}.rentalo-ui-step2-row--start-time{grid-column:2 / 3;grid-row:2;}.rentalo-ui-step2-row--end-date{grid-column:3 / 4;grid-row:2;}.rentalo-ui-step2-row--end-time{grid-column:4 / 5;grid-row:2;}.rentalo-ui-step2-row--category{grid-column:5 / 6;grid-row:2;}.rentalo-ui-step2-row--planned-km{grid-column:6 / 7;grid-row:2;}.rentalo-ui-step2-actions{grid-column:6 / 7;grid-row:3;}.rentalo-ui-step2-row--opening-hours-link{grid-column:1 / -1;grid-row:3;}}
@media (max-width:767px){.rentalo-ui-step2 .rentalo-frontend-shell{padding:0 18px;}.rentalo-ui-step2-topbar{max-width:360px;margin:0 auto 18px;padding:12px;border-radius:16px;}.rentalo-ui-step2-pickers-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:end;}.rentalo-ui-step2-row--pickup-location{grid-column:1 / -1;grid-row:1;}.rentalo-ui-step2-row--return-location{grid-column:1 / -1;grid-row:2;}.rentalo-ui-step2-row--start-date{grid-column:1;grid-row:3;}.rentalo-ui-step2-row--start-time{grid-column:2;grid-row:3;}.rentalo-ui-step2-row--end-date{grid-column:1;grid-row:4;}.rentalo-ui-step2-row--end-time{grid-column:2;grid-row:4;}.rentalo-ui-step2-row--category{grid-column:1;grid-row:5;}.rentalo-ui-step2-row--planned-km{grid-column:2;grid-row:5;}.rentalo-ui-step2-actions{grid-column:1 / -1;grid-row:8;}.rentalo-ui-step2-row--opening-hours-link{grid-column:1 / -1;grid-row:7;}.rentalo-ui-step2-notices{grid-column:1 / -1;grid-row:6;}.rentalo-ui-step2-pickers-layout--no-km .rentalo-ui-step2-row--category{grid-column:1 / -1;}.rentalo-ui-step2-pickers-layout--no-km .rentalo-ui-step2-actions{grid-column:1 / -1;}.rentalo-ui-step2-opening-hours-bar{display:grid;grid-template-columns:1fr;gap:10px;}.rentalo-ui-step2-rental-duration{grid-column:1;grid-row:1;margin-left:0;text-align:left;justify-self:start;}.rentalo-ui-step2-opening-hours-link{grid-column:1;width:100%;height:36px;border:1px solid #d6e0ec;border-radius:10px;background:#f8fbff;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;}.rentalo-ui-step2-btn{width:100%;font-size:16px;}.rentalo-ui-step2-btn-text{display:inline;}.rentalo-ui-step2-btn-icon{display:none;}.rentalo-ui-step2-item-card{grid-template-columns:1fr;gap:12px;padding:14px;}.rentalo-ui-step2-media{justify-content:flex-start;}.rentalo-ui-step2-side{align-items:flex-start;}.rentalo-ui-step2-price{align-items:flex-start;}.rentalo-ui-step2-item-card .rentalo-submit-button{width:100%;}}

/* 2.14.23 - Spinner im Aktualisieren-Icon zentrieren. */
.rentalo-ui-step2-btn--icon .rentalo-spinner{
    flex:0 0 auto;
    margin:0;
}
.rentalo-ui-step2-btn--icon .rentalo-spinner + span{
    display:none;
}


/* 2.14.32 - Step2: ausgewählter Button nutzt die Design-Farben. */
.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button.is-selected{
    background:var(--rentalo-button-bg, var(--rentalo-accent,#c20000));
    border-color:var(--rentalo-button-bg, var(--rentalo-accent,#c20000));
    color:var(--rentalo-button-text, #ffffff);
}

.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button.is-selected:hover,
.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button.is-selected:focus{
    background:var(--rentalo-button-hover, #9e0000);
    border-color:var(--rentalo-button-hover, #9e0000);
    color:var(--rentalo-button-text, #ffffff);
}

/* 2.14.33 - Step2: Buttonfarben vollständig aus Design > Header und Buttons beziehen. */
.rentalo-ui-step2-shell .rentalo-ui-step2-item-card .rentalo-submit-button,
.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button{
    background:var(--rentalo-button-bg, var(--rentalo-accent,#c20000));
    border-color:var(--rentalo-button-bg, var(--rentalo-accent,#c20000));
    color:var(--rentalo-button-text, #ffffff);
}

.rentalo-ui-step2-shell .rentalo-ui-step2-item-card .rentalo-submit-button:hover,
.rentalo-ui-step2-shell .rentalo-ui-step2-item-card .rentalo-submit-button:focus,
.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button:hover,
.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button:focus{
    background:var(--rentalo-button-hover, #9e0000);
    border-color:var(--rentalo-button-hover, #9e0000);
    color:var(--rentalo-button-text, #ffffff);
}

.rentalo-ui-step2-shell .rentalo-ui-step2-item-card .rentalo-submit-button.is-selected,
.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button.is-selected{
    background:var(--rentalo-button-bg, var(--rentalo-accent,#c20000));
    border-color:var(--rentalo-button-bg, var(--rentalo-accent,#c20000));
    color:var(--rentalo-button-text, #ffffff);
}

.rentalo-ui-step2-shell .rentalo-ui-step2-item-card .rentalo-submit-button.is-selected:hover,
.rentalo-ui-step2-shell .rentalo-ui-step2-item-card .rentalo-submit-button.is-selected:focus,
.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button.is-selected:hover,
.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button.is-selected:focus{
    background:var(--rentalo-button-hover, #9e0000);
    border-color:var(--rentalo-button-hover, #9e0000);
    color:var(--rentalo-button-text, #ffffff);
}

/* 2.14.35 - Design-Tab: Theme-Anpassung für Step2. */
.rentalo-ui-step2 .rentalo-frontend-shell{
    max-width:var(--rentalo-form-max-width,1240px);
}
.rentalo-ui-step2-pickers-layout,
.rentalo-ui-step2-opening-hours-bar{
    gap:var(--rentalo-field-gap,12px);
}
.rentalo-ui-step2-item-card{
    gap:var(--rentalo-card-gap,16px);
    padding:var(--rentalo-card-padding,16px);
    border-color:var(--rentalo-border,#d6e0ec);
    border-width:var(--rentalo-card-border-width,1px);
    border-radius:var(--rentalo-choice-radius,var(--rentalo-radius,16px));
    background:var(--rentalo-card-bg,#fff);
    box-shadow:var(--rentalo-shadow,0 12px 28px rgba(20,43,74,.09));
}
.rentalo-ui-step2-media img{
    width:var(--rentalo-step2-image-width,124px);
    height:var(--rentalo-step2-image-height,92px);
    border-radius:var(--rentalo-choice-radius,var(--rentalo-radius-sm,14px));
    border-color:var(--rentalo-border,#d6e0ec);
}
.rentalo-ui-step2-content h4{
    margin:0 0 6px;
    color:var(--rentalo-title,var(--rentalo-field-text,#163f6b));
    font-size:var(--rentalo-heading-size,21px);
    font-weight:700;
    line-height:1.15;
}
.rentalo-ui-step2-code,
.rentalo-ui-step2-group,
.rentalo-ui-step2-content .rentalo-group-meta p,
.rentalo-ui-step2-price small{
    color:var(--rentalo-muted,#66778a);
}
.rentalo-ui-step2-price strong{
    color:var(--rentalo-price,var(--rentalo-accent,#c20000));
    font-size:var(--rentalo-price-font-size,22px);
}
.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button{
    min-height:var(--rentalo-field-height,40px);
    height:var(--rentalo-field-height,40px);
    border-radius:var(--rentalo-button-radius,var(--rentalo-radius-sm,10px));
    font-size:var(--rentalo-button-font-size,16px);
    font-weight:var(--rentalo-button-weight,700);
}
.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button:hover,
.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button:focus{
    color:var(--rentalo-button-hover-text,#ffffff);
}
@media (max-width:767px){
    .rentalo-ui-step2-pickers-layout,
    .rentalo-ui-step2-opening-hours-bar,
    .rentalo-ui-step2-item-card{
        gap:var(--rentalo-field-gap,10px);
    }
}


/* 2.14.37 - Kompakte Formularbreite: eigenständiges Desktop-Modul mit klarer 3-Zeilen-Anordnung. */
@media (min-width:768px){
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-topbar{
        max-width:var(--rentalo-form-max-width,820px);
        margin-left:auto;
        margin-right:auto;
    }

    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout{
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.72fr) minmax(0,.9fr) 48px;
        gap:var(--rentalo-field-gap,12px);
        align-items:end;
    }

    .rentalo-ui-step2--form-compact .rentalo-ui-step2-row--pickup-location,
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-row--return-location,
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-row--start-date,
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-row--start-time,
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-row--end-date,
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-row--end-time,
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-row--category,
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-row--planned-km,
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-actions,
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-row--opening-hours-link,
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-notices{
        grid-column:auto;
        grid-row:auto;
        min-width:0;
    }

    /* Zeile 1: Abholort, Abholung, Uhrzeit, Kategorie */
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-row--pickup-location{grid-column:1;grid-row:1;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-row--start-date{grid-column:2;grid-row:1;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-row--start-time{grid-column:3;grid-row:1;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-row--category{grid-column:4 / 6;grid-row:1;}

    /* Zeile 2: Rückgabeort, Rückgabe, Uhrzeit, km, Button */
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-row--return-location{grid-column:1;grid-row:2;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-row--end-date{grid-column:2;grid-row:2;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-row--end-time{grid-column:3;grid-row:2;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-row--planned-km{grid-column:4;grid-row:2;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-actions{grid-column:5;grid-row:2;align-self:end;}

    /* Zeile 3: Öffnungszeiten und Mietdauer. */
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-row--opening-hours-link{grid-column:1 / -1;grid-row:3;align-self:center;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-notices{grid-column:1 / -1;grid-row:4;}

    .rentalo-ui-step2--form-compact .rentalo-ui-step2-btn{
        width:48px;
        height:var(--rentalo-field-height,40px);
        min-height:var(--rentalo-field-height,40px);
        border-radius:var(--rentalo-button-radius,var(--rentalo-radius-sm,10px));
    }

    .rentalo-ui-step2--form-compact .rentalo-ui-step2-opening-hours-bar{
        display:grid;
        grid-template-columns:minmax(0,1fr) max-content;
        gap:var(--rentalo-field-gap,12px);
        align-items:center;
    }
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-opening-hours-link{grid-column:1;justify-self:start;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-rental-duration{grid-column:2;justify-self:end;text-align:right;}

    .rentalo-ui-step2--form-compact .rentalo-ui-step2-list{
        max-width:var(--rentalo-form-max-width,820px);
        margin-left:auto;
        margin-right:auto;
    }

    /* Standortauswahl deaktiviert: Felder rücken ohne Leerstellen nach. */
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-row--pickup-location,
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-row--return-location{
        display:none;
    }
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-row--start-date{grid-column:1;grid-row:1;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-row--start-time{grid-column:2;grid-row:1;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-row--category{grid-column:3 / 6;grid-row:1;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-row--end-date{grid-column:1;grid-row:2;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-row--end-time{grid-column:2;grid-row:2;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-row--planned-km{grid-column:3 / 5;grid-row:2;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-actions{grid-column:5;grid-row:2;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-row--opening-hours-link{grid-column:1 / -1;grid-row:3;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--no-locations .rentalo-ui-step2-notices{grid-row:4;}

    /* Gleiche Filiale: ein Standortfeld über die linke Breite, keine doppelte Filiale anzeigen. */
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--same-location .rentalo-ui-step2-row--pickup-location{grid-column:1 / 3;grid-row:1;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--same-location .rentalo-ui-step2-row--return-location{display:none;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--same-location .rentalo-ui-step2-row--start-date{grid-column:3;grid-row:1;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--same-location .rentalo-ui-step2-row--start-time{grid-column:4;grid-row:1;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--same-location .rentalo-ui-step2-row--category{grid-column:1 / 3;grid-row:2;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--same-location .rentalo-ui-step2-row--end-date{grid-column:3;grid-row:2;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--same-location .rentalo-ui-step2-row--end-time{grid-column:4;grid-row:2;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--same-location .rentalo-ui-step2-row--planned-km{grid-column:5;grid-row:2;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--same-location .rentalo-ui-step2-actions{grid-column:5;grid-row:3;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--same-location .rentalo-ui-step2-row--opening-hours-link{grid-column:1 / 5;grid-row:3;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--same-location .rentalo-ui-step2-notices{grid-row:4;}

    /* Kilometerlogik aus: Kategorie nutzt die rechte Breite, Button sitzt darunter rechts. */
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--no-km .rentalo-ui-step2-row--planned-km{display:none;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--no-km .rentalo-ui-step2-actions{grid-column:5;grid-row:2;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--no-km .rentalo-ui-step2-row--opening-hours-link{grid-column:1 / 5;grid-row:3;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--no-km .rentalo-ui-step2-notices{grid-row:4;}

    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--no-locations.rentalo-ui-step2-pickers-layout--no-km .rentalo-ui-step2-row--category{grid-column:3 / 5;grid-row:1;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--no-locations.rentalo-ui-step2-pickers-layout--no-km .rentalo-ui-step2-actions{grid-column:5;grid-row:1;}
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout--no-locations.rentalo-ui-step2-pickers-layout--no-km .rentalo-ui-step2-row--opening-hours-link{grid-column:1 / -1;grid-row:3;}
}


/* 2.14.38 - Step2 mobile: kompakte Buchungsdaten-Zeile mit Top-Slide-Bearbeitung. */
.rentalo-step2-mobile-summary,
.rentalo-booking-details-sheet__header,
.rentalo-booking-details-sheet__backdrop{
    display:none;
}
.rentalo-booking-details-sheet{
    display:contents;
}

@media (max-width:767px){
    .rentalo-step2-mobile-summary{
        display:block;
        width:100%;
        max-width:360px;
        margin:0 auto 18px;
    }

    .rentalo-booking-details-summary-button{
        width:100%;
        min-height:64px;
        padding:12px 14px;
        border:1px solid var(--rentalo-border,#d6e0ec);
        border-radius:var(--rentalo-radius,16px);
        background:var(--rentalo-card-bg,#fff);
        color:var(--rentalo-text,#1a2932);
        box-shadow:var(--rentalo-shadow,0 10px 26px rgba(20,45,73,.06));
        display:grid;
        grid-template-columns:minmax(0,1fr) 36px;
        gap:10px;
        align-items:center;
        text-align:left;
        cursor:pointer;
    }

    .rentalo-step2-mobile-summary-text{
        min-width:0;
        display:flex;
        flex-direction:column;
        gap:4px;
    }

    .rentalo-step2-mobile-summary-text strong{
        color:var(--rentalo-title,#1a2932);
        font-size:15px;
        font-weight:700;
        line-height:1.2;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .rentalo-step2-mobile-summary-text span{
        color:var(--rentalo-text,#1a2932);
        font-size:13px;
        font-weight:500;
        line-height:1.25;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .rentalo-step2-mobile-summary-icon{
        width:36px;
        height:36px;
        border-radius:12px;
        background:#fff;
        color:var(--rentalo-title,#1a2932);
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .rentalo-step2-mobile-summary-icon svg{
        width:20px;
        height:20px;
        display:block;
        fill:currentColor;
    }

    .rentalo-booking-details-sheet{
        position:fixed;
        inset:0;
        z-index:var(--rentalo-layer-booking-modal);
        display:block;
        visibility:hidden;
        pointer-events:none;
    }

    .rentalo-booking-details-sheet__backdrop{
        display:block;
        position:absolute;
        inset:0;
        background:rgba(7,17,29,.42);
        opacity:0;
        transition:opacity .2s ease;
    }

    .rentalo-booking-details-sheet__dialog{
        position:absolute;
        top:0;
        left:0;
        right:0;
        max-height:92vh;
        overflow:auto;
        padding:16px 18px 18px;
        border-bottom-left-radius:20px;
        border-bottom-right-radius:20px;
        background:var(--rentalo-card-bg,#fff);
        box-shadow:0 18px 42px rgba(20,45,73,.18);
        transform:translateY(-105%);
        transition:transform .24s ease;
        box-sizing:border-box;
    }

    .rentalo-booking-details-sheet.is-open{
        visibility:visible;
        pointer-events:auto;
    }

    .rentalo-booking-details-sheet.is-open .rentalo-booking-details-sheet__backdrop{
        opacity:1;
    }

    .rentalo-booking-details-sheet.is-open .rentalo-booking-details-sheet__dialog{
        transform:translateY(0);
    }

    .rentalo-booking-details-sheet__header{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        margin:0 0 14px;
    }

    .rentalo-booking-details-sheet__header h3{
        margin:0;
        color:var(--rentalo-title,#1a2932);
        font-size:18px;
        line-height:1.2;
        font-weight:700;
    }

    .rentalo-booking-details-sheet__close{
        width:36px;
        height:36px;
        min-width:36px;
        padding:0;
        border:1px solid var(--rentalo-border,#d6e0ec);
        border-radius:12px;
        background:var(--rentalo-input-bg,#fff);
        color:var(--rentalo-title,#1a2932);
        font-size:var(--rentalo-heading-size,24px);
        line-height:1;
        display:flex;
        align-items:center;
        justify-content:center;
        cursor:pointer;
    }

    .rentalo-booking-details-sheet .rentalo-ui-step2-topbar{
        max-width:360px;
        margin:0 auto;
        padding:12px;
    }

    .rentalo-booking-details-sheet .rentalo-ui-step2-btn{
        font-size:16px;
    }

    .rentalo-booking-details-sheet .rentalo-ui-step2-btn-text{
        display:inline;
    }

    .rentalo-booking-details-sheet .rentalo-ui-step2-btn-icon{
        display:none;
    }

    .rentalo-booking-details-open{
        overflow:hidden;
    }
}

/* 2.14.40 - Step2 Mobile: auswählbare Fahrzeuglisten-Designs und engerer Außenabstand. */
@media (max-width:767px){
    .rentalo-ui-step2 .rentalo-frontend-shell{
        padding-left:8px;
        padding-right:8px;
    }

    .rentalo-ui-step2 .rentalo-step2-mobile-summary{
        max-width:none;
        margin:0 0 14px;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-item-card{
        display:grid;
        grid-template-columns:112px minmax(0,1fr);
        gap:10px 12px;
        align-items:start;
        padding:10px;
        border-radius:var(--rentalo-radius,16px);
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media{
        grid-column:1;
        grid-row:1;
        min-width:0;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media img,
    .rentalo-ui-step2--mobile-list-compact .rentalo-group-image-placeholder{
        width:112px;
        height:86px;
        max-width:100%;
        object-fit:cover;
        overflow:hidden;
        border-radius:12px;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-content h4{
        margin:0 0 4px;
        font-size:var(--rentalo-heading-size,17px);
        line-height:1.2;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-code{
        display:none;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-group,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-content .rentalo-group-meta p{
        margin:0 0 4px;
        font-size:12px;
        line-height:1.28;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-side{
        grid-column:1 / -1;
        grid-row:2;
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        gap:10px;
        align-items:center;
        width:100%;
        padding-top:10px;
        border-top:1px solid var(--rentalo-border,#d6e0ec);
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-price{
        align-items:flex-start;
        gap:2px;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-price strong{
        font-size:20px;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-price small{
        font-size:12px;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-side form{
        margin:0;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-item-card .rentalo-submit-button{
        width:auto;
        min-width:124px;
        padding-left:16px;
        padding-right:16px;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-item-card{
        display:grid;
        grid-template-columns:1fr;
        gap:12px;
        align-items:start;
        padding:16px;
        border-radius:var(--rentalo-radius,16px);
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media{
        width:100%;
        min-width:0;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media .rentalo-vehicle-image-button{
        width:100%;
        aspect-ratio:var(--rentalo-step2-mobile-image-ratio,4 / 3);
        overflow:hidden;
        border-radius:var(--rentalo-choice-radius,14px);
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media img{
        width:100%;
        height:100%;
        object-fit:cover;
        border-radius:var(--rentalo-choice-radius,14px);
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-group-image-placeholder{
        width:100%;
        min-height:170px;
        border-radius:var(--rentalo-choice-radius,14px);
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-content h4{
        margin-top:0;
        font-size:var(--rentalo-heading-size,24px);
        line-height:1.15;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-side{
        align-items:flex-start;
        width:100%;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-price{
        align-items:flex-start;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-side form{
        display:flex;
        justify-content:center;
        width:100%;
        margin:4px 0 0;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-item-card .rentalo-submit-button{
        width:auto;
        min-width:150px;
        padding-left:22px;
        padding-right:22px;
    }
}


/* 2.14.43 - Step2 Mobile: Astra-Primary oben auf 1em reduzieren, unteres Padding nicht anfassen. */
@media (max-width:767px){
    .rentalo-virtual-booking-flow{
        margin-top:0;
        padding-top:0;
    }

    /* Astra setzt hier mobil standardmäßig großen Innenabstand.
       Nur oben gezielt auf 1em reduzieren, unten unverändert lassen. */
    .ast-separate-container #primary.rentalo-virtual-booking-flow{
        padding-top:1em;
    }

    .rentalo-virtual-booking-flow > .rentalo-ui-step2,
    .rentalo-ui-step2{
        width:100vw;
        max-width:none;
        margin-top:0;
        margin-left:calc(50% - 50vw);
        margin-right:calc(50% - 50vw);
        padding-top:0;
    }

    .rentalo-ui-step2 .rentalo-frontend-shell{
        padding-top:0;
        padding-left:4px;
        padding-right:4px;
        gap:10px;
    }

    .rentalo-ui-step2 .rentalo-step2-mobile-summary{
        width:100%;
        max-width:none;
        margin:0 0 8px;
        padding:0;
    }

    .rentalo-ui-step2 .rentalo-booking-details-summary-button{
        min-height:60px;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-list{
        width:100%;
        max-width:none;
        margin-top:0;
        padding-left:0;
        padding-right:0;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-item-card{
        width:100%;
        margin-left:0;
        margin-right:0;
    }
}


/* 2.14.56 - Step2: Button-Heben Desktop deaktivieren, Datum/Uhrzeit-Breiten und mobile Öffnungszeiten. */
@media (min-width:768px){
    .rentalo-ui-step2-pickers-layout{
        grid-template-columns:1.08fr 1.08fr 1.2fr .68fr 1.2fr .68fr 1.3fr .7fr 48px;
    }
    .rentalo-ui-step2-opening-hours-bar{
        grid-template-columns:1.08fr 1.08fr 1.2fr .68fr 1.2fr .68fr 1.3fr .7fr 48px;
    }
    .rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button:hover,
    .rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button:focus{
        transform:none;
    }
    .rentalo-ui-step2--form-compact .rentalo-ui-step2-pickers-layout{
        grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,.92fr) minmax(0,1.08fr) minmax(0,1fr);
    }
}

@media (max-width:767px){
    .rentalo-booking-details-sheet .rentalo-ui-step2-pickers-layout,
    .rentalo-ui-step2-topbar .rentalo-ui-step2-pickers-layout{
        grid-template-columns:minmax(0,calc((100% - var(--rentalo-field-gap,10px))/2 + 20px)) minmax(0,calc((100% - var(--rentalo-field-gap,10px))/2 - 20px));
    }
    .rentalo-ui-step2-rental-duration{
        justify-self:end;
        text-align:right;
        width:100%;
    }
    .rentalo-ui-step2-opening-hours-link{
        min-height:36px;
        padding:0 12px;
        border:1px solid var(--rentalo-border,#d6e0ec);
        border-radius:10px;
        background:#f8fbff;
        color:var(--rentalo-primary,#006699);
        text-decoration:none;
        box-shadow:0 1px 0 rgba(20,45,73,.03);
    }
}

.rentalo-ui-step2-group,
.rentalo-ui-step2-price small{
    font-weight:700;
}


/* 2.14.57 - Step2 Korrekturen: Button-Schatten aus, mobile Datum/Uhrzeit-Breiten wirksam setzen. */
.rentalo-ui-step2 .rentalo-group-side .rentalo-submit-button,
.rentalo-ui-step2 .rentalo-group-side .rentalo-submit-button:hover,
.rentalo-ui-step2 .rentalo-group-side .rentalo-submit-button:focus,
.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button,
.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button:hover,
.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button:focus{
    box-shadow:none;
}

@media (max-width:767px){
    .rentalo-ui-step2 .rentalo-ui-step2-pickers-layout,
    .rentalo-ui-step2 .rentalo-booking-details-sheet .rentalo-ui-step2-pickers-layout,
    .rentalo-ui-step2 .rentalo-ui-step2-topbar .rentalo-ui-step2-pickers-layout{
        grid-template-columns:minmax(0,calc((100% - var(--rentalo-field-gap,10px))/2 + 20px)) minmax(0,calc((100% - var(--rentalo-field-gap,10px))/2 - 20px));
    }
}



/* 2.14.86 - Step2 Mobile: Buchungsdaten in der Zusammenfassung mehrzeilig darstellen. */
@media (max-width:767px){
    .rentalo-ui-step2 .rentalo-booking-details-summary-button{
        min-height:0;
        align-items:start;
    }

    .rentalo-ui-step2 .rentalo-step2-mobile-summary-text{
        gap:3px;
    }

    .rentalo-ui-step2 .rentalo-step2-mobile-summary-row{
        display:block;
        white-space:normal;
        overflow:visible;
        text-overflow:clip;
    }

    .rentalo-ui-step2 .rentalo-step2-mobile-summary-row[hidden]{
        display:none;
    }
}

/* 2.14.87 - Step2 mobile polish: compact price/action row and admin info text output styling. */
@media (max-width: 767px){
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-side,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-side{
        align-items:center;
        gap:12px;
        padding-top:10px;
    }
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-price,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-price{
        line-height:1.15;
    }
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-item-card .rentalo-submit-button,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-item-card .rentalo-submit-button{
        min-width:112px;
        padding-left:16px;
        padding-right:16px;
    }
    .rentalo-ui-step2-content .rentalo-group-meta p{
        line-height:1.35;
    }
}


/* 2.15.24 - Step2: kompaktes Mietobjekt-Listing näher am neuen Step3-Carddesign. */
@media (min-width:768px){
    .rentalo-ui-step2 .rentalo-ui-step2-item-card{
        grid-template-columns:minmax(156px,184px) minmax(0,1fr) minmax(150px,174px);
        align-items:stretch;
        gap:22px;
        padding:14px 16px;
        border:var(--rentalo-card-border-width,1px) solid var(--rentalo-border,#d6e0ec);
        border-radius:var(--rentalo-radius,16px);
        background:var(--rentalo-card-bg,#fff);
        box-shadow:none;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-media{
        align-self:stretch;
        display:flex;
        min-width:0;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2 .rentalo-ui-step2-media img,
    .rentalo-ui-step2 .rentalo-group-image-placeholder{
        width:100%;
        height:116px;
        max-width:none;
        object-fit:cover;
        border-radius:var(--rentalo-choice-radius,var(--rentalo-radius-sm,14px));
    }

    .rentalo-ui-step2 .rentalo-ui-step2-content{
        align-self:center;
        min-width:0;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-content h4{
        margin:0 0 6px;
        font-size:var(--rentalo-heading-size,21px);
        line-height:1.18;
        color:var(--rentalo-title,var(--rentalo-field-text,#163f6b));
    }

    .rentalo-ui-step2 .rentalo-ui-step2-code:empty{
        display:none;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-group{
        margin:0 0 7px;
        color:var(--rentalo-text,#1a2932);
        font-weight:700;
        line-height:1.25;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-content .rentalo-group-meta p{
        margin:0;
        color:var(--rentalo-muted,#66778a);
        line-height:1.38;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-side{
        align-self:stretch;
        display:flex;
        flex-direction:column;
        align-items:flex-end;
        justify-content:center;
        gap:12px;
        padding-left:22px;
        border-left:1px solid var(--rentalo-border,#d6e0ec);
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price{
        display:flex;
        flex-direction:column;
        align-items:flex-end;
        gap:2px;
        line-height:1.1;
        text-align:right;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price-prefix{
        color:var(--rentalo-muted,#66778a);
        font-size:12px;
        font-weight:700;
        line-height:1;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price strong{
        color:var(--rentalo-price,var(--rentalo-accent,#c20000));
        font-size:var(--rentalo-price-font-size,24px);
        font-weight:800;
        line-height:1.1;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price small{
        color:var(--rentalo-muted,#66778a);
        font-size:12px;
        font-weight:700;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-side form{
        margin:0;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button{
        min-width:132px;
        padding-left:18px;
        padding-right:18px;
    }
}

@media (max-width:767px){
    .rentalo-ui-step2 .rentalo-ui-step2-item-card,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-item-card,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-item-card{
        display:grid;
        grid-template-columns:108px minmax(0,1fr);
        gap:10px 12px;
        align-items:start;
        padding:10px;
        border:var(--rentalo-card-border-width,1px) solid var(--rentalo-border,#d6e0ec);
        border-radius:var(--rentalo-radius,16px);
        background:var(--rentalo-card-bg,#fff);
        box-shadow:none;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-media,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media{
        grid-column:1;
        grid-row:1;
        width:108px;
        min-width:0;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2 .rentalo-ui-step2-media img,
    .rentalo-ui-step2 .rentalo-group-image-placeholder,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media img,
    .rentalo-ui-step2--mobile-list-compact .rentalo-group-image-placeholder,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media img,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-group-image-placeholder{
        width:108px;
        height:84px;
        aspect-ratio:auto;
        min-height:0;
        max-width:100%;
        object-fit:cover;
        overflow:hidden;
        border-radius:12px;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-content,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-content,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-content{
        grid-column:2;
        grid-row:1;
        min-width:0;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-content h4,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-content h4,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-content h4{
        margin:0 0 4px;
        font-size:17px;
        line-height:1.18;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-code,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-code,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-code{
        display:none;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-group,
    .rentalo-ui-step2 .rentalo-ui-step2-content .rentalo-group-meta p,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-group,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-content .rentalo-group-meta p,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-group,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-content .rentalo-group-meta p{
        margin:0 0 4px;
        font-size:12px;
        line-height:1.3;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-side,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-side,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-side{
        grid-column:1 / -1;
        grid-row:2;
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        gap:10px;
        align-items:center;
        width:100%;
        padding-top:10px;
        border-top:1px solid var(--rentalo-border,#d6e0ec);
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-price,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-price{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:2px;
        line-height:1.12;
        text-align:left;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price-prefix,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-price-prefix,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-price-prefix{
        color:var(--rentalo-muted,#66778a);
        font-size:11px;
        font-weight:700;
        line-height:1;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price strong,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-price strong,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-price strong{
        color:var(--rentalo-price,var(--rentalo-accent,#c20000));
        font-size:20px;
        font-weight:800;
        line-height:1.08;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price small,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-price small,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-price small{
        color:var(--rentalo-muted,#66778a);
        font-size:12px;
        font-weight:700;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-side form,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-side form,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-side form{
        margin:0;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-item-card .rentalo-submit-button,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-item-card .rentalo-submit-button{
        width:auto;
        min-width:116px;
        padding-left:14px;
        padding-right:14px;
    }
}

/* 2.15.25 - Step2: Listing stärker an die moderne Mietobjektkarten-Vorlage annähern. */
@media (min-width:768px){
    .rentalo-ui-step2 .rentalo-ui-step2-item-card{
        display:grid;
        grid-template-columns:minmax(200px,230px) minmax(0,1fr) 190px;
        column-gap:26px;
        align-items:stretch;
        min-height:166px;
        padding:18px;
        border:1px solid var(--rentalo-border,#d6e0ec);
        border-radius:var(--rentalo-radius,16px);
        background:var(--rentalo-card-bg,#fff);
        box-shadow:none;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-media{
        align-self:stretch;
        display:flex;
        width:100%;
        min-width:0;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2 .rentalo-ui-step2-media img,
    .rentalo-ui-step2 .rentalo-group-image-placeholder{
        width:100%;
        height:100%;
        min-height:130px;
        max-width:none;
        aspect-ratio:auto;
        object-fit:cover;
        overflow:hidden;
        border-radius:var(--rentalo-choice-radius,var(--rentalo-radius-sm,14px));
    }

    .rentalo-ui-step2 .rentalo-ui-step2-content{
        display:flex;
        flex-direction:column;
        justify-content:center;
        min-width:0;
        padding:4px 0;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-content h4{
        margin:0 0 7px;
        color:var(--rentalo-title,var(--rentalo-field-text,#163f6b));
        font-size:23px;
        font-weight:800;
        line-height:1.16;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-code{
        display:none;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-group{
        margin:0 0 12px;
        color:var(--rentalo-muted,#66778a);
        font-size:15px;
        font-weight:600;
        line-height:1.25;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-content .rentalo-group-meta p{
        max-width:620px;
        margin:0;
        color:var(--rentalo-muted,#66778a);
        font-size:15px;
        line-height:1.45;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-side{
        align-self:stretch;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        justify-content:center;
        gap:13px;
        padding-left:26px;
        border-left:1px solid var(--rentalo-border,#d6e0ec);
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:3px;
        text-align:left;
        line-height:1.08;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price-prefix{
        color:var(--rentalo-muted,#66778a);
        font-size:13px;
        font-weight:600;
        line-height:1;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price strong{
        color:var(--rentalo-price,var(--rentalo-accent,#c20000));
        font-size:28px;
        font-weight:800;
        line-height:1.05;
        letter-spacing:-.02em;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price small{
        color:var(--rentalo-muted,#66778a);
        font-size:13px;
        font-weight:600;
        line-height:1.25;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-side form{
        width:100%;
        margin:0;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button{
        width:100%;
        min-width:0;
        min-height:var(--rentalo-field-height,40px);
        padding-left:18px;
        padding-right:18px;
        border-radius:var(--rentalo-button-radius,var(--rentalo-radius-sm,10px));
    }
}

@media (max-width:767px){
    .rentalo-ui-step2 .rentalo-ui-step2-item-card,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-item-card,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-item-card{
        grid-template-columns:96px minmax(0,1fr);
        gap:10px 12px;
        padding:10px;
        border:1px solid var(--rentalo-border,#d6e0ec);
        border-radius:var(--rentalo-radius,16px);
        background:var(--rentalo-card-bg,#fff);
        box-shadow:none;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-media,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media{
        width:96px;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2 .rentalo-ui-step2-media img,
    .rentalo-ui-step2 .rentalo-group-image-placeholder,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media img,
    .rentalo-ui-step2--mobile-list-compact .rentalo-group-image-placeholder,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media img,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-group-image-placeholder{
        width:96px;
        height:74px;
        min-height:0;
        object-fit:cover;
        border-radius:12px;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-content h4,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-content h4,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-content h4{
        margin:0 0 4px;
        font-size:16px;
        font-weight:800;
        line-height:1.18;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-group,
    .rentalo-ui-step2 .rentalo-ui-step2-content .rentalo-group-meta p,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-group,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-content .rentalo-group-meta p,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-group,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-content .rentalo-group-meta p{
        margin:0 0 4px;
        font-size:12px;
        font-weight:500;
        line-height:1.28;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-side,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-side,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-side{
        grid-template-columns:minmax(0,1fr) auto;
        gap:10px;
        padding-top:10px;
        border-top:1px solid var(--rentalo-border,#d6e0ec);
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price strong,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-price strong,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-price strong{
        font-size:19px;
        letter-spacing:-.01em;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-item-card .rentalo-submit-button,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-item-card .rentalo-submit-button{
        min-width:108px;
        padding-left:12px;
        padding-right:12px;
    }
}

/* 2.15.26 - Step2 Listing: echte Rentalo-Daten, feste Bildfläche, Design-Settings wirksam. */
@media (min-width:768px){
    .rentalo-ui-step2 .rentalo-ui-step2-item-card{
        grid-template-columns:minmax(170px,var(--rentalo-step2-image-width,190px)) minmax(0,1fr) 190px;
        gap:22px;
        align-items:center;
        padding:var(--rentalo-card-padding,16px);
        border-color:var(--rentalo-border,#d6e0ec);
        border-width:var(--rentalo-card-border-width,1px);
        border-radius:var(--rentalo-radius,16px);
        background:var(--rentalo-card-bg,#fff);
        box-shadow:none;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-media,
    .rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2 .rentalo-ui-step2-media img,
    .rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-group-image-placeholder{
        width:100%;
        max-width:var(--rentalo-step2-image-width,190px);
        height:var(--rentalo-step2-image-height,142px);
        max-height:168px;
        border-radius:var(--rentalo-choice-radius,14px);
        overflow:hidden;
        box-sizing:border-box;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-vehicle-image-button{
        padding:0;
        border:0;
        background:transparent;
        display:block;
        cursor:pointer;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-media img{
        object-fit:cover;
        object-position:center;
        border:0;
        display:block;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-side{
        min-height:100%;
        padding-left:22px;
        border-left:1px solid var(--rentalo-border,#d6e0ec);
        justify-content:center;
        align-items:stretch;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price{
        align-items:flex-end;
        text-align:right;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button{
        width:100%;
        min-width:0;
    }
}

.rentalo-ui-step2 .rentalo-ui-step2-content h4{
    margin:0 0 6px;
    color:var(--rentalo-title,#1a2932);
    font-size:var(--rentalo-heading-size,21px);
    font-weight:700;
    line-height:1.18;
}

.rentalo-ui-step2 .rentalo-ui-step2-group{
    margin:0 0 7px;
    color:var(--rentalo-title,#1a2932);
    font-size:var(--rentalo-small-font-size,14px);
    font-weight:700;
    line-height:1.35;
}

.rentalo-ui-step2 .rentalo-ui-step2-meta p{
    margin:0 0 9px;
    color:var(--rentalo-text,#1a2932);
    font-size:var(--rentalo-small-font-size,14px);
    line-height:1.42;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.rentalo-ui-step2 .rentalo-ui-step2-tariff-hint{
    color:var(--rentalo-muted,#66778a);
    font-size:var(--rentalo-small-font-size,13px);
    font-weight:700;
    line-height:1.35;
}

.rentalo-ui-step2 .rentalo-ui-step2-price strong{
    color:var(--rentalo-price,#c20000);
    font-size:var(--rentalo-price-font-size,22px);
    line-height:1.05;
    font-weight:700;
}

.rentalo-ui-step2 .rentalo-ui-step2-price-prefix{
    color:var(--rentalo-text,#1a2932);
    font-size:var(--rentalo-small-font-size,13px);
    font-weight:400;
}

.rentalo-ui-step2 .rentalo-ui-step2-price small{
    color:var(--rentalo-muted,#66778a);
    font-size:var(--rentalo-small-font-size,13px);
    font-weight:400;
    text-align:right;
}

@media (max-width:767px){
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-item-card{
        grid-template-columns:112px minmax(0,1fr);
        gap:10px 12px;
        align-items:start;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media img,
    .rentalo-ui-step2--mobile-list-compact .rentalo-group-image-placeholder{
        width:112px;
        height:86px;
        max-height:86px;
        border-radius:var(--rentalo-choice-radius,12px);
        overflow:hidden;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-side{
        grid-column:1 / -1;
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        gap:10px;
        align-items:center;
        width:100%;
        padding-top:10px;
        border-top:1px solid var(--rentalo-border,#d6e0ec);
        border-left:0;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-price{
        align-items:flex-start;
        text-align:left;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-price small{
        text-align:left;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-item-card .rentalo-submit-button{
        width:auto;
        min-width:124px;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-item-card{
        grid-template-columns:1fr;
        gap:12px;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media .rentalo-vehicle-image-button{
        width:100%;
        height:auto;
        max-width:none;
        aspect-ratio:var(--rentalo-step2-mobile-image-ratio,4 / 3);
        border-radius:var(--rentalo-choice-radius,14px);
        overflow:hidden;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media img{
        width:100%;
        height:100%;
        max-height:none;
        object-fit:cover;
        border-radius:var(--rentalo-choice-radius,14px);
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-side{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        gap:10px;
        align-items:center;
        width:100%;
        padding-top:10px;
        border-top:1px solid var(--rentalo-border,#d6e0ec);
        border-left:0;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-price{
        align-items:flex-start;
        text-align:left;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-price small{
        text-align:left;
    }
}

/* 2.15.27 - Step2 Listing: hochwertigere Karten, Bild oben bei Mobile-Design 2 korrekt erzwingen. */
@media (min-width:768px){
    .rentalo-ui-step2 .rentalo-ui-step2-item-card{
        grid-template-columns:minmax(174px,198px) minmax(0,1fr) 176px;
        gap:20px;
        align-items:center;
        min-height:148px;
        padding:16px 18px;
        border:var(--rentalo-card-border-width,1px) solid var(--rentalo-border,#d6e0ec);
        border-radius:var(--rentalo-radius,16px);
        background:var(--rentalo-card-bg,#fff);
        box-shadow:none;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-media,
    .rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2 .rentalo-ui-step2-media img,
    .rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-group-image-placeholder{
        width:100%;
        max-width:198px;
        height:118px;
        max-height:118px;
        border-radius:var(--rentalo-choice-radius,14px);
        overflow:hidden;
        box-sizing:border-box;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-media img{
        object-fit:cover;
        object-position:center;
        display:block;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-content{
        justify-content:center;
        padding:0;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-content h4{
        margin:0 0 5px;
        font-size:var(--rentalo-heading-size,21px);
        font-weight:800;
        line-height:1.16;
        color:var(--rentalo-title,#10233f);
    }

    .rentalo-ui-step2 .rentalo-ui-step2-group{
        margin:0 0 7px;
        color:var(--rentalo-title,#10233f);
        font-size:13px;
        font-weight:700;
        line-height:1.3;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-meta p{
        max-width:560px;
        margin:0 0 8px;
        color:var(--rentalo-muted,#66778a);
        font-size:13px;
        line-height:1.4;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-tariff-hint{
        display:inline-flex;
        align-self:flex-start;
        max-width:100%;
        padding:4px 8px;
        border:1px solid color-mix(in srgb,var(--rentalo-border,#d6e0ec) 75%,#fff);
        border-radius:999px;
        background:color-mix(in srgb,var(--rentalo-card-bg,#fff) 88%,var(--rentalo-accent,#c20000) 12%);
        color:var(--rentalo-title,#10233f);
        font-size:12px;
        font-weight:700;
        line-height:1.25;
        white-space:normal;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-side{
        align-self:stretch;
        justify-content:center;
        align-items:stretch;
        gap:12px;
        padding-left:20px;
        border-left:1px solid var(--rentalo-border,#d6e0ec);
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price{
        align-items:flex-end;
        text-align:right;
        gap:3px;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price strong{
        color:var(--rentalo-price,#c20000);
        font-size:var(--rentalo-price-font-size,22px);
        font-weight:800;
        line-height:1.05;
        letter-spacing:-.01em;
        white-space:nowrap;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price-prefix{
        color:var(--rentalo-title,#10233f);
        font-size:12px;
        font-weight:500;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price small{
        color:var(--rentalo-muted,#66778a);
        font-size:13px;
        font-weight:500;
        text-align:right;
        white-space:nowrap;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button{
        width:100%;
        min-width:0;
        min-height:var(--rentalo-field-height,40px);
        border-radius:var(--rentalo-button-radius,var(--rentalo-radius-sm,10px));
    }
}

@media (max-width:767px){
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-item-card{
        display:grid;
        grid-template-columns:112px minmax(0,1fr);
        gap:10px 12px;
        align-items:start;
        padding:10px;
        border:var(--rentalo-card-border-width,1px) solid var(--rentalo-border,#d6e0ec);
        border-radius:var(--rentalo-radius,16px);
        background:var(--rentalo-card-bg,#fff);
        box-shadow:none;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media{
        grid-column:1;
        grid-row:1;
        width:112px;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media img,
    .rentalo-ui-step2--mobile-list-compact .rentalo-group-image-placeholder{
        width:112px;
        height:84px;
        max-height:84px;
        border-radius:var(--rentalo-choice-radius,12px);
        overflow:hidden;
        object-fit:cover;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-content{
        grid-column:2;
        grid-row:1;
        min-width:0;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-side{
        grid-column:1 / -1;
        grid-row:2;
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        gap:10px;
        align-items:center;
        width:100%;
        padding-top:10px;
        border-top:1px solid var(--rentalo-border,#d6e0ec);
        border-left:0;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-item-card{
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
        padding:10px;
        border:var(--rentalo-card-border-width,1px) solid var(--rentalo-border,#d6e0ec);
        border-radius:var(--rentalo-radius,16px);
        background:var(--rentalo-card-bg,#fff);
        box-shadow:none;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media{
        grid-column:1;
        grid-row:1;
        width:100%;
        max-width:none;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media img,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-group-image-placeholder{
        width:100%;
        max-width:none;
        height:142px;
        max-height:142px;
        aspect-ratio:auto;
        border-radius:var(--rentalo-choice-radius,14px);
        overflow:hidden;
        object-fit:cover;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-content{
        grid-column:1;
        grid-row:2;
        min-width:0;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-side{
        grid-column:1;
        grid-row:3;
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        gap:10px;
        align-items:center;
        width:100%;
        padding-top:10px;
        border-top:1px solid var(--rentalo-border,#d6e0ec);
        border-left:0;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-content h4,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-content h4,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-content h4{
        margin:0 0 4px;
        font-size:18px;
        font-weight:800;
        line-height:1.18;
        color:var(--rentalo-title,#10233f);
    }

    .rentalo-ui-step2 .rentalo-ui-step2-group,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-group,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-group{
        margin:0 0 5px;
        font-size:12px;
        font-weight:700;
        line-height:1.3;
        color:var(--rentalo-title,#10233f);
    }

    .rentalo-ui-step2 .rentalo-ui-step2-meta p,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-meta p,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-meta p{
        margin:0 0 7px;
        color:var(--rentalo-muted,#66778a);
        font-size:12px;
        line-height:1.35;
        -webkit-line-clamp:2;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-tariff-hint,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-tariff-hint,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-tariff-hint{
        display:block;
        color:var(--rentalo-title,#10233f);
        font-size:12px;
        font-weight:800;
        line-height:1.3;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-price,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-price{
        align-items:flex-start;
        text-align:left;
        gap:2px;
        min-width:0;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price strong,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-price strong,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-price strong{
        color:var(--rentalo-price,#c20000);
        font-size:18px;
        font-weight:800;
        line-height:1.05;
        white-space:nowrap;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price-prefix,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-price-prefix,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-price-prefix{
        font-size:12px;
        font-weight:500;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price small,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-price small,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-price small{
        color:var(--rentalo-muted,#66778a);
        font-size:12px;
        text-align:left;
        white-space:nowrap;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-submit-button,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-item-card .rentalo-submit-button,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-item-card .rentalo-submit-button{
        width:auto;
        min-width:118px;
        max-width:132px;
        min-height:40px;
        padding-left:12px;
        padding-right:12px;
        white-space:nowrap;
    }
}


/* 2.15.28 - Step2 Listing: Mobile Bild-Relation und Desktop-Bildecken korrigieren. */
@media (min-width:768px){
    .rentalo-ui-step2 .rentalo-ui-step2-media,
    .rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-group-image-placeholder{
        display:block;
        line-height:0;
        border-radius:var(--rentalo-choice-radius,14px);
        overflow:hidden;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-media img{
        display:block;
        width:100%;
        height:100%;
        border-radius:var(--rentalo-choice-radius,14px);
    }
}

@media (max-width:767px){
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-item-card{
        gap:8px;
        padding:10px;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media .rentalo-group-image-placeholder{
        display:block;
        width:100%;
        max-width:none;
        margin:0;
        padding:0;
        line-height:0;
        border:0;
        background:transparent;
        aspect-ratio:16 / 10;
        border-radius:var(--rentalo-choice-radius,14px);
        overflow:hidden;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media img{
        display:block;
        width:100%;
        height:100%;
        max-height:none;
        margin:0;
        border-radius:var(--rentalo-choice-radius,14px);
        object-fit:cover;
        object-position:center center;
    }
}


/* 2.15.29 - Step2: Bildregeln bereinigt statt weiter zu beschneiden. */
@media (min-width:768px){
    .rentalo-ui-step2 .rentalo-ui-step2-media,
    .rentalo-ui-step2 .rentalo-ui-step2-image-button,
    .rentalo-ui-step2 .rentalo-vehicle-image-button.rentalo-ui-step2-image-button,
    .rentalo-ui-step2 .rentalo-group-image-placeholder{
        border-radius:var(--rentalo-choice-radius,14px);
        overflow:hidden;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-image-button,
    .rentalo-ui-step2 .rentalo-vehicle-image-button.rentalo-ui-step2-image-button{
        display:block;
        padding:0;
        border:0;
        background:transparent;
        line-height:0;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-image-button img,
    .rentalo-ui-step2 .rentalo-vehicle-image-button.rentalo-ui-step2-image-button img{
        display:block;
        width:100%;
        height:100%;
        border:0;
        border-radius:inherit;
        object-fit:cover;
        object-position:center center;
    }
}

@media (max-width:767px){
    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-item-card{
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
        padding:10px;
        align-items:start;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media{
        grid-column:1;
        grid-row:1;
        width:100%;
        max-width:none;
        margin:0;
        padding:0;
        line-height:0;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-image-button,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-vehicle-image-button.rentalo-ui-step2-image-button{
        display:block;
        width:100%;
        max-width:none;
        height:auto;
        min-height:0;
        max-height:none;
        aspect-ratio:auto;
        margin:0;
        padding:0;
        border:0;
        background:transparent;
        line-height:0;
        border-radius:var(--rentalo-choice-radius,14px);
        overflow:hidden;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-image-button img,
    .rentalo-ui-step2--mobile-list-image-top .rentalo-vehicle-image-button.rentalo-ui-step2-image-button img{
        display:block;
        width:100%;
        height:auto;
        max-height:220px;
        margin:0;
        border:0;
        border-radius:inherit;
        object-fit:contain;
        object-position:center center;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-group-image-placeholder{
        width:100%;
        min-height:170px;
        max-height:220px;
        border-radius:var(--rentalo-choice-radius,14px);
        overflow:hidden;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-content{
        grid-column:1;
        grid-row:2;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-side{
        grid-column:1;
        grid-row:3;
    }
}


/* 2.15.30 - Step2: Bildflächen statt Bildinhalt abrunden und Mobile Design 2 sauber beschneiden. */
.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media,
.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-ui-step2-image-button,
.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-vehicle-image-button,
.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media img,
.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-group-image-placeholder{
    border-radius:12px;
}

.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media,
.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-ui-step2-image-button,
.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-vehicle-image-button,
.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-group-image-placeholder{
    overflow:hidden;
}

.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-ui-step2-image-button,
.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-vehicle-image-button{
    display:block;
    padding:0;
    border:0;
    background:transparent;
    line-height:0;
}

.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media img{
    display:block;
    border:0;
}

@media (min-width:768px){
    .rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media,
    .rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-ui-step2-image-button,
    .rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media img,
    .rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-group-image-placeholder{
        height:118px;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media img{
        width:100%;
        object-fit:cover;
        object-position:center center;
    }
}

@media (max-width:767px){
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-item-card{
        padding:10px;
        overflow:hidden;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media{
        width:calc(100% + 20px);
        max-width:none;
        margin:-10px -10px 0;
        padding:0;
        line-height:0;
        border-radius:12px 12px 0 0;
        overflow:hidden;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media .rentalo-ui-step2-image-button,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media .rentalo-group-image-placeholder{
        width:100%;
        max-width:none;
        height:190px;
        max-height:190px;
        margin:0;
        padding:0;
        aspect-ratio:auto;
        border-radius:12px 12px 0 0;
        overflow:hidden;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media img{
        width:100%;
        height:190px;
        max-height:190px;
        margin:0;
        border-radius:12px 12px 0 0;
        object-fit:cover;
        object-position:center center;
    }
}


/* 2.15.31 - Step2 Mobile Design 2: Restabstand unter/über dem Bild entfernen. */
@media (max-width:767px){
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media{
        display:block;
        width:calc(100% + 20px);
        max-width:none;
        height:190px;
        max-height:190px;
        aspect-ratio:auto;
        margin:-10px -10px 0;
        padding:0;
        line-height:0;
        font-size:0;
        border:0;
        border-radius:12px 12px 0 0;
        overflow:hidden;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media .rentalo-ui-step2-image-button,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media .rentalo-group-image-placeholder,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media img{
        display:block;
        width:100%;
        height:190px;
        max-height:190px;
        aspect-ratio:auto;
        margin:0;
        padding:0;
        line-height:0;
        border:0;
        border-radius:12px 12px 0 0;
        overflow:hidden;
        box-sizing:border-box;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media img{
        object-fit:cover;
        object-position:center center;
    }
}


/* 2.15.32 - Mietobjekt-Merkmale für bewegliche Mietobjekte in Step2. */
.rentalo-ui-step2-feature-list{
    display:flex;
    flex-wrap:wrap;
    gap:8px 14px;
    margin:8px 0;
    color:var(--rentalo-muted,#66778a);
    font-size:var(--rentalo-small-font-size,13px);
    line-height:1.25;
}

.rentalo-ui-step2-feature{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-width:0;
}

.rentalo-ui-step2-feature svg{
    width:18px;
    height:18px;
    flex:0 0 18px;
    stroke:currentColor;
    fill:none;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.rentalo-ui-step2 .rentalo-ui-step2-tariff-hint{
    display:block;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:var(--rentalo-title,#10233f);
    font-size:var(--rentalo-small-font-size,13px);
    font-weight:700;
    line-height:1.35;
}

@media (max-width:767px){
    .rentalo-ui-step2-feature-list{
        gap:7px 10px;
        margin:7px 0;
        font-size:12px;
    }

    .rentalo-ui-step2-feature svg{
        width:16px;
        height:16px;
        flex-basis:16px;
    }
}


/* 2.15.34 - Step2 Merkmale zweizeilig wie Beispiel: Icon links, Titel oben, Wert unten. */
.rentalo-ui-step2-feature-list{
    gap:12px 18px;
    margin:10px 0;
}

.rentalo-ui-step2-feature{
    align-items:center;
    gap:8px;
    padding-right:14px;
    border-right:1px solid var(--rentalo-border,#d6e0ec);
}

.rentalo-ui-step2-feature:last-child{
    border-right:0;
    padding-right:0;
}

.rentalo-ui-step2-feature svg{
    width:22px;
    height:22px;
    flex-basis:22px;
}

.rentalo-ui-step2-feature-copy{
    display:flex;
    flex-direction:column;
    min-width:0;
    gap:1px;
}

.rentalo-ui-step2-feature-copy strong{
    color:var(--rentalo-title,#10233f);
    font-size:12px;
    font-weight:700;
    line-height:1.15;
}

.rentalo-ui-step2-feature-copy small{
    color:var(--rentalo-muted,#66778a);
    font-size:11px;
    font-weight:500;
    line-height:1.15;
}

@media (max-width:767px){
    .rentalo-ui-step2-feature-list{
        gap:9px 12px;
    }

    .rentalo-ui-step2-feature{
        padding-right:10px;
    }

    .rentalo-ui-step2-feature svg{
        width:18px;
        height:18px;
        flex-basis:18px;
    }
}


/* 2.15.35 - Step2-Merkmale: Vorlage-Optik sichtbar machen und alte Badge-/Inline-Optik überschreiben. */
.rentalo-ui-step2 .rentalo-ui-step2-feature-list{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:12px 18px;
    margin:10px 0 8px;
    color:var(--rentalo-muted,#66778a);
}

.rentalo-ui-step2 .rentalo-ui-step2-feature{
    display:inline-grid;
    grid-template-columns:24px minmax(0,max-content);
    column-gap:8px;
    align-items:center;
    padding-right:16px;
    border-right:1px solid var(--rentalo-border,#d6e0ec);
}

.rentalo-ui-step2 .rentalo-ui-step2-feature:last-child{
    border-right:0;
    padding-right:0;
}

.rentalo-ui-step2 .rentalo-ui-step2-feature svg{
    width:22px;
    height:22px;
    grid-row:1 / span 2;
    stroke:currentColor;
    fill:none;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.rentalo-ui-step2 .rentalo-ui-step2-feature-copy{
    display:grid;
    grid-template-rows:auto auto;
    min-width:0;
    gap:1px;
}

.rentalo-ui-step2 .rentalo-ui-step2-feature-copy strong{
    display:block;
    margin:0;
    color:var(--rentalo-title,#10233f);
    font-size:12px;
    font-weight:700;
    line-height:1.1;
}

.rentalo-ui-step2 .rentalo-ui-step2-feature-copy small{
    display:block;
    margin:0;
    color:var(--rentalo-muted,#66778a);
    font-size:11px;
    font-weight:500;
    line-height:1.1;
}

@media (max-width:767px){
    .rentalo-ui-step2 .rentalo-ui-step2-feature-list{
        gap:9px 12px;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-feature{
        grid-template-columns:20px minmax(0,max-content);
        padding-right:10px;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-feature svg{
        width:18px;
        height:18px;
    }
}


/* 2.15.36 - Step2 Typografie und Merkmale an Step3 ruhiger angleichen. */
.rentalo-ui-step2 .rentalo-ui-step2-content h4{
    font-weight:700;
    letter-spacing:0;
}

.rentalo-ui-step2 .rentalo-ui-step2-price strong{
    font-weight:700;
    letter-spacing:0;
}

.rentalo-ui-step2 .rentalo-ui-step2-feature-list{
    display:grid;
    grid-template-columns:repeat(6, minmax(0, max-content));
    align-items:start;
    gap:12px 18px;
    margin:11px 0 9px;
}

.rentalo-ui-step2 .rentalo-ui-step2-feature{
    display:grid;
    grid-template-columns:34px minmax(0, max-content);
    column-gap:9px;
    align-items:center;
    min-width:0;
    padding-right:16px;
    border-right:1px solid var(--rentalo-border,#d6e0ec);
}

.rentalo-ui-step2 .rentalo-ui-step2-feature svg{
    width:30px;
    height:30px;
    flex-basis:30px;
    justify-self:center;
}

.rentalo-ui-step2 .rentalo-ui-step2-feature-copy strong{
    font-size:13px;
    font-weight:700;
    line-height:1.12;
}

.rentalo-ui-step2 .rentalo-ui-step2-feature-copy small{
    font-size:12px;
    font-weight:500;
    line-height:1.12;
}

@media (max-width:1100px) and (min-width:768px){
    .rentalo-ui-step2 .rentalo-ui-step2-feature-list{
        grid-template-columns:repeat(3, minmax(0, max-content));
    }
}

@media (max-width:767px){
    .rentalo-ui-step2 .rentalo-ui-step2-feature-list{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:10px 12px;
        margin:10px 0 9px;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-feature{
        grid-template-columns:26px minmax(0,1fr);
        column-gap:7px;
        padding-right:0;
        border-right:0;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-feature svg{
        width:23px;
        height:23px;
        flex-basis:23px;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-feature-copy strong{
        font-size:12px;
        line-height:1.1;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-feature-copy small{
        font-size:11px;
        line-height:1.1;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-content h4{
        font-weight:700;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-price strong{
        font-weight:700;
    }
}


/* 2.15.37 - Merkmale: Mobile 2 Reihen x 3 Spalten und Design-Variablen. */
.rentalo-ui-step2 .rentalo-ui-step2-feature svg{
    width:var(--rentalo-feature-icon-size,30px);
    height:var(--rentalo-feature-icon-size,30px);
    color:var(--rentalo-feature-icon-color,var(--rentalo-text,#273b48));
}

.rentalo-ui-step2 .rentalo-ui-step2-feature-copy strong{
    color:var(--rentalo-feature-title-color,var(--rentalo-title,#10233f));
    font-size:var(--rentalo-feature-title-size,13px);
}

.rentalo-ui-step2 .rentalo-ui-step2-feature-copy small{
    color:var(--rentalo-feature-text-color,var(--rentalo-muted,#66778a));
    font-size:var(--rentalo-feature-text-size,12px);
}

@media (max-width:767px){
    .rentalo-ui-step2 .rentalo-ui-step2-feature-list{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:10px 8px;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-feature{
        grid-template-columns:1fr;
        justify-items:center;
        text-align:center;
        row-gap:4px;
        min-width:0;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-feature svg{
        width:calc(var(--rentalo-feature-icon-size,30px) * .86);
        height:calc(var(--rentalo-feature-icon-size,30px) * .86);
    }

    .rentalo-ui-step2 .rentalo-ui-step2-feature-copy{
        align-items:center;
    }
}


/* 2.15.38 - Mobile Step2-Merkmale: kompakt und Bild-oben sauber als 2x3-Grid. */
@media (max-width:767px){
    .rentalo-ui-step2 .rentalo-ui-step2-feature-list{
        grid-column:1 / -1;
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:0;
        width:100%;
        margin:8px 0 0;
        padding:9px 0 8px;
        border-top:1px solid var(--rentalo-border,#d6e0ec);
        border-bottom:1px solid var(--rentalo-border,#d6e0ec);
    }

    .rentalo-ui-step2 .rentalo-ui-step2-feature{
        display:grid;
        grid-template-columns:1fr;
        justify-items:center;
        align-items:start;
        row-gap:3px;
        min-width:0;
        padding:0 6px;
        border-right:1px solid var(--rentalo-border,#d6e0ec);
        text-align:center;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-feature:nth-child(3n),
    .rentalo-ui-step2 .rentalo-ui-step2-feature:last-child{
        border-right:0;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-feature:nth-child(n/**/+4){
        margin-top:9px;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-feature svg{
        width:calc(var(--rentalo-feature-icon-size,30px) * .78);
        height:calc(var(--rentalo-feature-icon-size,30px) * .78);
        justify-self:center;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-feature-copy{
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:1px;
        max-width:100%;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-feature-copy strong,
    .rentalo-ui-step2 .rentalo-ui-step2-feature-copy small{
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        text-align:center;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-item-card{
        grid-template-columns:118px minmax(0,1fr);
        gap:10px 12px;
        align-items:start;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-content{
        grid-column:2;
        grid-row:1;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-feature-list{
        grid-column:1 / -1;
        grid-row:2;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-side{
        grid-column:1 / -1;
        grid-row:3;
        margin-top:0;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-feature-list{
        grid-column:1;
        grid-row:auto;
    }
}


/* 2.15.39 - Mobile Step2: Infotext unter Bild und einheitliche Merkmal-Trennlinien. */
@media (max-width:767px){
    .rentalo-ui-step2 .rentalo-ui-step2-feature-list{
        border-top:1px solid var(--rentalo-border,#d6e0ec);
        border-bottom:0;
        padding:10px 0 0;
        margin:9px 0 0;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-side{
        border-top:1px solid var(--rentalo-border,#d6e0ec);
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-item-card{
        grid-template-columns:118px minmax(0,1fr);
        gap:10px 12px;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media{
        grid-column:1;
        grid-row:1;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-content{
        grid-column:2;
        grid-row:1;
        display:contents;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-content h4,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-group,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-tariff-hint{
        grid-column:2;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-content h4{
        grid-row:1;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-group{
        grid-row:1;
        margin-top:28px;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-tariff-hint{
        grid-row:1;
        align-self:end;
        margin-bottom:0;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-meta{
        grid-column:1 / -1;
        grid-row:2;
        margin:0;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-meta p{
        margin:0;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-feature-list{
        grid-column:1 / -1;
        grid-row:3;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-side{
        grid-column:1 / -1;
        grid-row:4;
    }

    .rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-feature-list{
        border-top:1px solid var(--rentalo-border,#d6e0ec);
        border-bottom:0;
    }
}


/* 2.15.40 - Mobile Step2: keine reservierte Leerfläche bei nur einer Merkmal-Reihe. */
@media (max-width:767px){
    .rentalo-ui-step2 .rentalo-ui-step2-feature-list{
        grid-auto-rows:auto;
        align-items:start;
    }

    .rentalo-ui-step2 .rentalo-ui-step2-feature:nth-child(n/**/+4){
        margin-top:0;
    }
}


/* 2.15.41 - Mobile Step2-Merkmale: 10px Abstand zwischen Reihe 1 und 2. */
@media (max-width:767px){
    .rentalo-ui-step2 .rentalo-ui-step2-feature:nth-child(n/**/+4){
        padding-top:10px;
    }
}


/* 2.15.50 - Step2: Auf-Anfrage-Hinweis in der rechten Spalte halten. */
.rentalo-ui-step2 .rentalo-ui-step2-item-card.is-request-only .rentalo-ui-step2-side{
    min-width:0;
    overflow:hidden;
}

.rentalo-ui-step2 .rentalo-ui-step2-item-card.is-request-only .rentalo-ui-step2-price{
    width:100%;
    max-width:100%;
    min-width:0;
}

.rentalo-ui-step2 .rentalo-ui-step2-item-card.is-request-only .rentalo-ui-step2-price small{
    display:block;
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:normal;
    line-height:1.35;
}

/* 2.15.51 - Step2 Loading-Buttons nutzen dieselbe Spinner-Position bei Enter und Klick. */
.rentalo-ui-step2 .rentalo-ui-step2-btn.is-loading,
.rentalo-ui-step2 .rentalo-submit-button.is-loading{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-weight:var(--rentalo-button-weight,700);
}
.rentalo-ui-step2 .rentalo-ui-step2-btn--icon.is-loading .rentalo-loading-text{display:none;}


/* 2.15.53 - Step2: „Auf Anfrage“ optisch wie „Preis offen“ behandeln. */
.rentalo-ui-step2 .rentalo-ui-step2-price .rentalo-ui-step2-price-open,
.rentalo-ui-step2 .rentalo-ui-step2-item-card.is-request-only .rentalo-ui-step2-price .rentalo-ui-step2-price-open{
    color:#c05561;
    font-size:var(--rentalo-price-size,22px);
    line-height:1;
    font-weight:700;
}

/* 2.15.55 - Desktop: Öffnungszeiten links, Mietdauer rechts halten. */
@media (min-width:768px){
    .rentalo-ui-step2-opening-hours-bar{
        display:grid;
        grid-template-columns:minmax(0,1fr) max-content;
        align-items:center;
        width:100%;
    }
    .rentalo-ui-step2-opening-hours-link{justify-self:start;}
    .rentalo-ui-step2-rental-duration{justify-self:end;text-align:right;}
}

/* 2.15.56 - Tarifhinweis unter Kategorie/Gruppe in Primärfarbe anzeigen. */
.rentalo-ui-step2 .rentalo-ui-step2-tariff-hint{
    color:var(--rentalo-primary,#006699);
}

/* 2.15.58 - Step2 Objektgalerie: Hauptbild plus horizontale Thumbnail-Leiste mit 3,2 sichtbaren Bildern. */
.rentalo-ui-step2 .rentalo-step2-thumb-gallery{
    --rentalo-step2-thumb-gap:8px;
    position:relative;
    display:grid;
    grid-template-columns:24px minmax(0,1fr) 24px;
    align-items:center;
    gap:6px;
    width:100%;
    margin-top:8px;
}
.rentalo-ui-step2 .rentalo-step2-thumb-gallery-viewport{
    min-width:0;
    overflow:hidden;
}
.rentalo-ui-step2 .rentalo-step2-thumb-gallery-track{
    display:flex;
    gap:var(--rentalo-step2-thumb-gap);
    transform:translateX(0);
    transition:transform .24s ease;
    will-change:transform;
}
.rentalo-ui-step2 .rentalo-step2-thumb-gallery-item{
    flex:0 0 calc((100% - (var(--rentalo-step2-thumb-gap) * 3)) / 3.2);
    aspect-ratio:4 / 3;
    min-width:0;
    padding:0;
    border:1px solid var(--rentalo-border,#d6e0ec);
    border-radius:9px;
    background:#fff;
    overflow:hidden;
    cursor:pointer;
}
.rentalo-ui-step2 .rentalo-step2-thumb-gallery-item img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.rentalo-ui-step2 .rentalo-step2-thumb-gallery-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    min-width:24px;
    padding:0;
    border:1px solid var(--rentalo-border,#d6e0ec);
    border-radius:999px;
    background:#fff;
    color:var(--rentalo-primary,#006699);
    font-size:18px;
    line-height:1;
    cursor:pointer;
}
.rentalo-ui-step2 .rentalo-step2-thumb-gallery-nav[disabled]{
    opacity:.35;
    cursor:default;
}
.rentalo-ui-step2 .rentalo-step2-thumb-gallery.is-static{
    grid-template-columns:minmax(0,1fr);
}
.rentalo-ui-step2 .rentalo-step2-thumb-gallery.is-static .rentalo-step2-thumb-gallery-nav{
    display:none;
}


/* 2.15.59 - Step2 Galerie sichtbar machen: Clipping nur auf Hauptbild, nicht auf komplette Media-Spalte. */
.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media{
    height:auto;
    overflow:visible;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
}
.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media > .rentalo-ui-step2-image-button,
.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media > .rentalo-vehicle-image-button,
.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media > .rentalo-group-image-placeholder{
    overflow:hidden;
}
@media (min-width:768px){
    .rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media{
        height:auto;
    }
    .rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media > .rentalo-ui-step2-image-button,
    .rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media > .rentalo-vehicle-image-button,
    .rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media > .rentalo-group-image-placeholder{
        height:118px;
        min-height:118px;
    }
    .rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media > .rentalo-ui-step2-image-button img,
    .rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media > .rentalo-vehicle-image-button img{
        height:100%;
        width:100%;
        object-fit:cover;
        object-position:center center;
    }
}
.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-step2-thumb-gallery{
    height:auto;
    overflow:visible;
    border-radius:0;
}
.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-media .rentalo-step2-thumb-gallery-item img{
    height:100%;
    width:100%;
    object-fit:cover;
}


/* 2.15.60 - Step2 zeigt Thumbnails nur noch im Bildmodal, nicht direkt in der Karte. */
.rentalo-ui-step2 .rentalo-step2-thumb-gallery,
.rentalo-ui-step2 .rentalo-object-thumb-gallery{
    display:none;
}


/* 2.15.62 - Step2: gut lesbarer Bildanzahl-Badge für zusätzliche Objektbilder. */
.rentalo-ui-step2 .rentalo-ui-step2-image-button,
.rentalo-ui-step2 .rentalo-vehicle-image-button.rentalo-ui-step2-image-button{
    position:relative;
}

.rentalo-ui-step2 .rentalo-step2-image-count-badge{
    position:absolute;
    top:10px;
    right:10px;
    z-index:2;
    min-width:28px;
    height:28px;
    padding:0 8px;
    border:1px solid rgba(255,255,255,.78);
    border-radius:999px;
    background:rgba(15,23,42,.72);
    color:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,.36);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    font-size:13px;
    font-weight:700;
    line-height:1;
    pointer-events:none;
    box-sizing:border-box;
}


.rentalo-ui-step2 .rentalo-step2-image-count-icon{
    width:15px;
    height:15px;
    flex:0 0 15px;
    display:block;
    fill:currentColor;
}

.rentalo-ui-step2 .rentalo-step2-image-count-number{
    line-height:1;
}


/* 2.15.78 - Step2 Listing-Abstände konsolidiert; 20px ist jetzt Basiswert. */
.rentalo-ui-step2 .rentalo-ui-step2-list{
    gap:20px;
}


/* 2.15.141 - Gemeinsames Step2 Kartenlayout: Desktop-Gitter folgt Mobile Design 2 noch genauer. */
.rentalo-ui-step2--layout-grid .rentalo-ui-step2-list{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:var(--rentalo-card-gap,16px);
    align-items:start;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-item-card{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    padding:0;
    align-items:start;
    height:auto;
    min-height:0;
    overflow:hidden;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media{
    grid-column:1;
    grid-row:1;
    display:block;
    width:100%;
    max-width:none;
    height:210px;
    max-height:210px;
    aspect-ratio:auto;
    margin:0;
    padding:0;
    line-height:0;
    font-size:0;
    border:0;
    border-radius:12px 12px 0 0;
    overflow:hidden;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-ui-step2-image-button,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-vehicle-image-button,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-group-image-placeholder,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media img{
    display:block;
    width:100%;
    height:210px;
    max-height:210px;
    max-width:none;
    aspect-ratio:auto;
    margin:0;
    padding:0;
    line-height:0;
    border:0;
    border-radius:12px 12px 0 0;
    overflow:hidden;
    box-sizing:border-box;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media img{
    object-fit:cover;
    object-position:center center;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-content,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side{
    padding-left:10px;
    padding-right:10px;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-content{
    grid-column:1;
    grid-row:2;
    min-width:0;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-content h4{
    margin-top:0;
    margin-bottom:6px;
    font-size:var(--rentalo-heading-size,24px);
    line-height:1.15;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-content .rentalo-group-meta p{
    font-size:14px;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list{
    grid-column:1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    width:100%;
    margin:8px 0 0;
    padding-top:9px;
    border-top:1px solid var(--rentalo-border,#d6e0ec);
    border-bottom:0;
    box-sizing:border-box;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature{
    display:grid;
    grid-template-columns:1fr;
    justify-items:center;
    align-items:start;
    row-gap:3px;
    min-width:0;
    padding:0 6px;
    border-right:1px solid var(--rentalo-border,#d6e0ec);
    text-align:center;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature:nth-child(2n),
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature:last-child{
    border-right:0;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature:nth-child(n/**/+3){
    padding-top:10px;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature svg{
    width:calc(var(--rentalo-feature-icon-size,30px) * .78);
    height:calc(var(--rentalo-feature-icon-size,30px) * .78);
    justify-self:center;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1px;
    max-width:100%;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy strong,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy small{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:center;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side{
    grid-column:1;
    grid-row:4;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:12px;
    width:100%;
    margin-top:0;
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px solid var(--rentalo-border,#d6e0ec);
    box-sizing:border-box;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-price{
    flex:1 1 auto;
    align-items:flex-start;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side form{
    display:flex;
    justify-content:flex-end;
    width:auto;
    margin:0;
    flex:0 0 auto;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-item-card .rentalo-submit-button{
    width:auto;
    min-width:150px;
    padding-left:22px;
    padding-right:22px;
}

@media (max-width:1180px){
    .rentalo-ui-step2--layout-grid .rentalo-ui-step2-list{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:900px){
    .rentalo-ui-step2--layout-grid .rentalo-ui-step2-list{
        grid-template-columns:1fr;
    }
}

@media (max-width:767px){
    .rentalo-ui-step2--layout-grid .rentalo-ui-step2-list{
        display:flex;
        flex-direction:column;
    }
}





/* 2.15.142 - Desktop-Gitter: 3er Merkmale, höheres Bild, Preis/Button in 2 Spalten. */
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media{
    height:210px;
    max-height:210px;
    border-radius:12px 12px 0 0;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-ui-step2-image-button,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-vehicle-image-button,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-group-image-placeholder,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media img{
    height:210px;
    max-height:210px;
    border-radius:12px 12px 0 0;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature:nth-child(2n){
    border-right:1px solid var(--rentalo-border,#d6e0ec);
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature:nth-child(3n),
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature:last-child{
    border-right:0;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature:nth-child(n/**/+3){
    padding-top:0;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature:nth-child(n/**/+4){
    padding-top:10px;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    column-gap:12px;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-price{
    grid-column:1;
    width:100%;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side form{
    grid-column:2;
    justify-content:flex-end;
    width:auto;
}

@media (max-width:1180px){
    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media{
        height:170px;
        max-height:170px;
    }

    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-ui-step2-image-button,
    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-group-image-placeholder,
    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media img{
        height:170px;
        max-height:170px;
    }
}

@media (max-width:900px){
    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media{
        height:140px;
        max-height:140px;
    }

    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-ui-step2-image-button,
    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-group-image-placeholder,
    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media img{
        height:140px;
        max-height:140px;
    }
}



/* 2.15.143 - Step2 Steuerzeile für Filter und Layout. */
.rentalo-ui-step2-result-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:18px 0 0;
    padding:10px 12px;
    border:1px solid var(--rentalo-border,#d6e0ec);
    border-radius:var(--rentalo-radius,16px);
    background:var(--rentalo-card-bg,#fff);
    box-sizing:border-box;
}

.rentalo-ui-step2-result-toolbar-left{
    display:flex;
    align-items:center;
    gap:8px;
}

.rentalo-ui-step2-filter-button,
.rentalo-ui-step2-layout-button{
    min-height:34px;
    padding:7px 12px;
    border:1px solid var(--rentalo-border,#d6e0ec);
    border-radius:10px;
    background:var(--rentalo-input-bg,#fff);
    color:var(--rentalo-title,#163f6b);
    font-size:13px;
    font-weight:700;
    line-height:1.2;
    text-decoration:none;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.rentalo-ui-step2-layout-button.is-active{
    border-color:var(--rentalo-button-bg,var(--rentalo-primary,#006699));
    background:var(--rentalo-button-bg,var(--rentalo-primary,#006699));
    color:var(--rentalo-button-text,#fff);
}

.rentalo-ui-step2-result-layout{
    display:flex;
    align-items:center;
    gap:6px;
}

.rentalo-ui-step2-result-layout span{
    color:var(--rentalo-muted,#66778a);
    font-size:13px;
    font-weight:700;
}

.rentalo-ui-step2-filter-panel{
    margin:10px 0 0;
    padding:12px;
    border:1px dashed var(--rentalo-border,#d6e0ec);
    border-radius:var(--rentalo-radius,16px);
    background:var(--rentalo-soft,#f8fbff);
}

.rentalo-ui-step2-filter-panel p{
    margin:0;
    color:var(--rentalo-muted,#66778a);
    font-size:13px;
}

@media (max-width:767px){
    .rentalo-ui-step2-result-toolbar{
        flex-direction:column;
        align-items:stretch;
    }

    .rentalo-ui-step2-result-layout,
    .rentalo-ui-step2-result-toolbar-left{
        width:100%;
    }

    .rentalo-ui-step2-filter-button,
    .rentalo-ui-step2-layout-button{
        flex:1 1 auto;
    }
}



/* 2.15.145 - Step2 Desktop-Gitter: störende vertikale Trennlinie im Preisbereich entfernen. */
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-price,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side form{
    border-left:0;
    border-right:0;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-price::before,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-price::after,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side::before,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side::after{
    content:none;
    display:none;
}


/* 2.15.146 - Step2 Filterpanel. */
.rentalo-ui-step2-filter-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;}
.rentalo-ui-step2-filter-field{min-width:0;display:flex;flex-direction:column;gap:6px;}
.rentalo-ui-step2-filter-field label,.rentalo-ui-step2-filter-field > span{color:var(--rentalo-title,#163f6b);font-size:13px;font-weight:700;}
.rentalo-ui-step2-filter-field select{width:100%;min-height:40px;border:1px solid var(--rentalo-border,#d6e0ec);border-radius:10px;background:var(--rentalo-input-bg,#fff);color:var(--rentalo-field-text,#163f6b);padding:0 10px;}
.rentalo-ui-step2-filter-field--features{grid-column:1 / -1;}
.rentalo-ui-step2-filter-checks{display:flex;flex-wrap:wrap;gap:8px;}
.rentalo-ui-step2-filter-checks label{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid var(--rentalo-border,#d6e0ec);border-radius:999px;background:var(--rentalo-card-bg,#fff);color:var(--rentalo-text,#1a2932);font-size:13px;cursor:pointer;}
.rentalo-ui-step2-filter-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;align-items:center;gap:10px;}
.rentalo-ui-step2-filter-submit,.rentalo-ui-step2-filter-reset{min-height:36px;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}
.rentalo-ui-step2-filter-submit{border:1px solid var(--rentalo-button-bg,var(--rentalo-primary,#006699));background:var(--rentalo-button-bg,var(--rentalo-primary,#006699));color:var(--rentalo-button-text,#fff);cursor:pointer;}
.rentalo-ui-step2-filter-reset{border:1px solid var(--rentalo-border,#d6e0ec);background:var(--rentalo-input-bg,#fff);color:var(--rentalo-title,#163f6b);}
@media (max-width:767px){.rentalo-ui-step2-filter-form{grid-template-columns:1fr;}.rentalo-ui-step2-filter-actions{flex-direction:column;align-items:stretch;}.rentalo-ui-step2-filter-submit,.rentalo-ui-step2-filter-reset{width:100%;}}


/* 2.15.147 - Step2 Filterpanel als Overlay unter der Filterzeile. */
.rentalo-ui-step2{
    position:relative;
}

.rentalo-ui-step2-result-toolbar{
    position:relative;
    z-index:80;
    overflow:visible;
}

.rentalo-ui-step2-result-toolbar-left,
.rentalo-ui-step2-result-layout,
.rentalo-ui-step2-layout-button[data-rentalo-tooltip]{
    overflow:visible;
}


.rentalo-ui-step2-filter-panel{
    position:absolute;
    left:var(--rentalo-step2-filter-left,0);
    right:var(--rentalo-step2-filter-right,0);
    z-index:40;
    margin-top:8px;
    box-shadow:0 18px 45px rgba(16,41,68,.16);
}



/* 2.15.151 - Step2 Layout-Icons und Bildsync mit Design > Formular und Bilder. */
.rentalo-ui-step2-layout-button{
    width:38px;
    min-width:38px;
    padding:7px;
    gap:0;
}

.rentalo-ui-step2-layout-button svg{
    width:18px;
    height:18px;
    stroke:currentColor;
    fill:none;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.rentalo-ui-step2-layout-button .rentalo-ui-step2-layout-text{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media{
    height:auto;
    max-height:none;
    min-height:var(--rentalo-step2-grid-image-min-height,180px);
    aspect-ratio:var(--rentalo-step2-mobile-image-ratio,4 / 3);
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-ui-step2-image-button,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-vehicle-image-button,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-group-image-placeholder,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media img{
    height:100%;
    max-height:none;
    min-height:var(--rentalo-step2-grid-image-min-height,180px);
    aspect-ratio:var(--rentalo-step2-mobile-image-ratio,4 / 3);
}

@media (max-width:1180px){
    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media,
    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-ui-step2-image-button,
    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-group-image-placeholder,
    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media img{
        height:auto;
        max-height:none;
        min-height:var(--rentalo-step2-grid-image-min-height,180px);
    }
}

@media (max-width:900px){
    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media,
    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-ui-step2-image-button,
    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-group-image-placeholder,
    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media img{
        height:auto;
        max-height:none;
        min-height:var(--rentalo-step2-grid-image-min-height,180px);
    }
}


/* 2.15.152 - Step2 nutzt zentrale Frontend-Breite statt eigener Max-Width. */
.rentalo-ui-step2 .rentalo-frontend-shell{
    max-width:var(--rentalo-frontend-max-width,1180px);
    padding-left:var(--rentalo-frontend-padding-desktop,24px);
    padding-right:var(--rentalo-frontend-padding-desktop,24px);
}

@media (max-width:1024px){
    .rentalo-ui-step2 .rentalo-frontend-shell{
        padding-left:var(--rentalo-frontend-padding-tablet,20px);
        padding-right:var(--rentalo-frontend-padding-tablet,20px);
    }
}

@media (max-width:767px){
    .rentalo-ui-step2 .rentalo-frontend-shell{
        padding-left:var(--rentalo-frontend-padding-mobile,16px);
        padding-right:var(--rentalo-frontend-padding-mobile,16px);
    }
}


/* 2.15.154 - Step2 Pagination. */
.rentalo-ui-step2-result-toolbar{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
}

.rentalo-ui-step2-result-toolbar-center{
    min-width:0;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.rentalo-ui-step2-pagination-wrap{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:28px;
    flex-wrap:wrap;
}

.rentalo-ui-step2-pagination,
.rentalo-ui-step2-pagination-bottom{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
}

.rentalo-ui-step2-pagination-bottom{
    margin-top:18px;
}

.rentalo-ui-step2-page,
.rentalo-ui-step2-page-dots{
    min-width:34px;
    height:34px;
    padding:0 10px;
    border:1px solid var(--rentalo-border,#d6e0ec);
    border-radius:10px;
    background:var(--rentalo-input-bg,#fff);
    color:var(--rentalo-title,#163f6b);
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:13px;
}

.rentalo-ui-step2-page-dots{
    border-color:transparent;
    background:transparent;
    min-width:22px;
    padding:0 2px;
}

.rentalo-ui-step2-page.is-active{
    background:var(--rentalo-button-bg,var(--rentalo-primary,#006699));
    border-color:var(--rentalo-button-bg,var(--rentalo-primary,#006699));
    color:var(--rentalo-button-text,#fff);
}

.rentalo-ui-step2-page-arrow{
    font-size:20px;
    line-height:1;
}

.rentalo-ui-step2-per-page-form,
.rentalo-ui-step2-page-jump-form{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:12px;
    color:var(--rentalo-text,#273b48);
}

.rentalo-ui-step2-per-page-form select,
.rentalo-ui-step2-page-jump-form select{
    min-height:34px;
    border:1px solid var(--rentalo-border,#d6e0ec);
    border-radius:10px;
    background:var(--rentalo-input-bg,#fff);
    color:var(--rentalo-field-text,#163f6b);
    padding:0 8px;
}

@media (max-width:767px){
    .rentalo-ui-step2-result-toolbar{
        grid-template-columns:1fr;
        justify-items:stretch;
    }

    .rentalo-ui-step2-result-toolbar-left,
    .rentalo-ui-step2-result-layout{
        justify-content:center;
    }
}




/* 2.15.167 - „Artikel pro Seite“ nicht umbrechen. */
.rentalo-ui-step2-per-page-form{
    white-space:nowrap;
    flex:0 0 auto;
}

.rentalo-ui-step2-per-page-form label{
    white-space:nowrap;
}


/* 2.15.168 - Seitenauswahl vollständig ohne Umbruch darstellen. */
.rentalo-ui-step2-page-jump-form{
    white-space:nowrap;
    flex:0 0 auto;
}

.rentalo-ui-step2-page-jump-form label,
.rentalo-ui-step2-page-jump-form span{
    white-space:nowrap;
}

/* 2.15.168 - „Auf Anfrage“ wie Preis darstellen. */
.rentalo-ui-step2-price .rentalo-ui-step2-price-open{
    color:var(--rentalo-price);
    font-size:var(--rentalo-price-font-size);
    line-height:1.2;
}


/* 2.15.169 - Step2-Bildgröße greift für Liste, Gitter und mobile Listings. */
@media (min-width:768px){
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-list .rentalo-ui-step2-item-card{
        grid-template-columns:minmax(var(--rentalo-step2-image-width,124px),var(--rentalo-step2-image-width,124px)) minmax(0,1fr) minmax(150px,174px);
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-list .rentalo-ui-step2-media > .rentalo-ui-step2-image-button,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-list .rentalo-ui-step2-media > .rentalo-vehicle-image-button,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-list .rentalo-ui-step2-media > .rentalo-group-image-placeholder,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-list .rentalo-ui-step2-media img{
        width:var(--rentalo-step2-image-width,124px);
        height:var(--rentalo-step2-image-height,93px);
        min-height:var(--rentalo-step2-image-height,93px);
        max-height:var(--rentalo-step2-image-height,93px);
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-list .rentalo-ui-step2-media img{
        object-fit:cover;
        object-position:center center;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-ui-step2-image-button,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-group-image-placeholder,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media img{
        height:var(--rentalo-step2-grid-image-min-height,180px);
        min-height:var(--rentalo-step2-grid-image-min-height,180px);
        max-height:var(--rentalo-step2-grid-image-min-height,180px);
    }
}

@media (max-width:767px){
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-item-card{
        grid-template-columns:minmax(var(--rentalo-step2-image-width,124px),var(--rentalo-step2-image-width,124px)) minmax(0,1fr);
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media{
        width:var(--rentalo-step2-image-width,124px);
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media .rentalo-ui-step2-image-button,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-compact .rentalo-group-image-placeholder,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media img{
        width:var(--rentalo-step2-image-width,124px);
        height:var(--rentalo-step2-image-height,93px);
        min-height:var(--rentalo-step2-image-height,93px);
        max-height:var(--rentalo-step2-image-height,93px);
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media .rentalo-ui-step2-image-button,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-image-top .rentalo-group-image-placeholder,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--mobile-list-image-top .rentalo-ui-step2-media img{
        height:var(--rentalo-step2-grid-image-min-height,180px);
        min-height:var(--rentalo-step2-grid-image-min-height,180px);
        max-height:var(--rentalo-step2-grid-image-min-height,180px);
    }
}


/* 2.15.173 - Step2 Toolbar: Layout neben Filter, Artikel pro Seite rechts. */
.rentalo-ui-step2-result-toolbar-left,
.rentalo-ui-step2-result-toolbar-right{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.rentalo-ui-step2-result-toolbar-left{
    justify-content:flex-start;
}

.rentalo-ui-step2-result-toolbar-right{
    justify-content:flex-end;
}

.rentalo-ui-step2-result-toolbar-left .rentalo-ui-step2-result-layout{
    justify-content:flex-start;
}

.rentalo-ui-step2-pagination-bottom{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
}

.rentalo-ui-step2-pagination-bottom-center{
    min-width:0;
    display:flex;
    justify-content:center;
}

.rentalo-ui-step2-pagination-bottom-right{
    display:flex;
    justify-content:flex-end;
}

@media (max-width:767px){
    .rentalo-ui-step2-result-toolbar{
        grid-template-columns:1fr;
    }

    .rentalo-ui-step2-result-toolbar-left,
    .rentalo-ui-step2-result-toolbar-right,
    .rentalo-ui-step2-pagination-bottom-right{
        justify-content:center;
    }

    .rentalo-ui-step2-pagination-bottom{
        grid-template-columns:1fr;
    }
}

/* 2.15.174 - „Auf Anfrage“ exakt wie Preis darstellen. */
.rentalo-ui-step2-price .rentalo-ui-step2-price-open{
    font-size:var(--rentalo-price-font-size,20px);
    font-weight:700;
    line-height:1.2;
    color:var(--rentalo-price,#c20000);
}


/* 2.15.185 - Step2: „Auf Anfrage“ exakt gleiche Größe wie roter Preis. */
.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-price strong.rentalo-ui-step2-price-open,
.rentalo-frontend-wrap.rentalo-ui-step2 .rentalo-ui-step2-item-card.is-request-only .rentalo-ui-step2-price strong.rentalo-ui-step2-price-open,
.rentalo-ui-step2 .rentalo-ui-step2-price strong.rentalo-ui-step2-price-open,
.rentalo-ui-step2 .rentalo-ui-step2-item-card.is-request-only .rentalo-ui-step2-price strong.rentalo-ui-step2-price-open{
    color:var(--rentalo-price,#c20000);
    font-size:var(--rentalo-price-font-size,var(--rentalo-price-size,22px));
    line-height:1.05;
    font-weight:700;
}


/* 2.15.208 - Step2 Toolbar und Grid-Cards beruhigen. */

/* Obere Toolbar: "Ansicht" entfernt; 10px Abstand zwischen Filter und Layout-Buttons. */
.rentalo-ui-step2-result-toolbar-left{
    gap:10px;
}

.rentalo-ui-step2-result-layout{
    gap:6px;
}

/* Untere Toolbar: Pagination mittig möglich, Artikel-pro-Seite rechtsbündig wie oben. */
.rentalo-ui-step2-pagination-bottom{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    column-gap:12px;
}

.rentalo-ui-step2-pagination-bottom-center{
    grid-column:2;
    justify-self:center;
}

.rentalo-ui-step2-pagination-bottom-right{
    grid-column:3;
    justify-self:end;
    display:flex;
    justify-content:flex-end;
}

/* Artikel-pro-Seite Select kompakter. */
.rentalo-ui-step2-per-page-form select{
    width:42px;
    min-width:42px;
    max-width:42px;
    text-align:center;
    text-align-last:center;
}

.rentalo-ui-step2-per-page-form .rentalo-custom-select{
    width:42px;
    min-width:42px;
    max-width:42px;
}

.rentalo-ui-step2-per-page-form .rentalo-custom-select__button{
    width:42px;
    min-width:42px;
    max-width:42px;
    padding-left:6px;
    padding-right:6px;
    justify-content:center;
}

.rentalo-ui-step2-per-page-form .rentalo-custom-select__value{
    text-align:center;
}

/* Grid-Layout: feste, ruhige Zeilenstruktur in jeder Card. */
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-list{
    align-items:stretch;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-item-card{
    display:flex;
    flex-direction:column;
    height:100%;
    gap:0;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media{
    flex:0 0 210px;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-content{
    display:flex;
    flex-direction:column;
    gap:0;
    padding-top:10px;
    flex:0 0 auto;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-content h4{
    margin:0 0 4px;
    min-height:28px;
    max-height:28px;
    line-height:28px;
    overflow:hidden;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-step2-title-with-debug{
    display:flex;
    align-items:center;
    gap:5px;
    min-width:0;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-step2-title-with-debug > span:first-child{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-item-group.rentalo-ui-step2-group,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-examples,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-tariff-hint{
    display:block;
    min-height:18px;
    max-height:18px;
    line-height:18px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-examples{
    color:var(--rentalo-muted,#66778a);
    font-size:13px;
    font-weight:600;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-group-meta.rentalo-ui-step2-meta{
    min-height:38px;
    max-height:38px;
    margin:2px 0 0;
    overflow:hidden;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-group-meta.rentalo-ui-step2-meta p{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    min-height:38px;
    max-height:38px;
    margin:0;
    line-height:19px;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* Icons/Merkmale: feste Höhe für zwei Zeilen, danach abschneiden. */
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list{
    flex:0 0 112px;
    height:112px;
    max-height:112px;
    overflow:hidden;
    align-content:start;
    margin-top:8px;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list.is-empty{
    display:grid;
    visibility:hidden;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature{
    min-height:48px;
    max-height:48px;
    overflow:hidden;
}

/* Preis/Button immer unten in einer gemeinsamen Zeile. */
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side{
    margin-top:auto;
    min-height:72px;
    flex:0 0 auto;
}

@media (max-width:767px){
    .rentalo-ui-step2-pagination-bottom{
        grid-template-columns:1fr;
        row-gap:10px;
    }

    .rentalo-ui-step2-pagination-bottom-center,
    .rentalo-ui-step2-pagination-bottom-right{
        grid-column:1;
        justify-self:stretch;
    }

    .rentalo-ui-step2-pagination-bottom-right,
    .rentalo-ui-step2-per-page-form{
        justify-content:flex-end;
    }
}


/* 2.15.208 - Leere feste Grid-Zeilen reservieren Platz, zeigen aber keinen Text. */
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-group.is-empty,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-examples.is-empty,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-tariff-hint.is-empty,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-meta.is-empty{
    visibility:hidden;
}


/* 2.15.209 - Step2 Grid-Cards: Breite, Iconbereich und Trennlinien korrigieren. */

/* Card-Inhalt wieder breiter und linksbündiger wirken lassen. */
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-content,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side{
    padding-left:14px;
    padding-right:14px;
}

/* Featurebereich bekommt eigene volle Blockstruktur. Linie oben und unten laufen gleich breit. */
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list{
    padding-left:14px;
    padding-right:14px;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:10px;
    border-top:1px solid var(--rentalo-border,#d6e0ec);
    border-bottom:1px solid var(--rentalo-border,#d6e0ec);
    box-sizing:border-box;
}

/* Drei Spalten x zwei Zeilen statt zu enger 2er-Aufteilung. */
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:repeat(2,58px);
    gap:0;
    flex:0 0 136px;
    height:136px;
    max-height:136px;
    align-content:start;
    overflow:hidden;
}

/* Leere Featurebereiche reservieren weiter Platz, aber bleiben unsichtbar. */


/* Einzelne Features höher, damit Titel und Wert nicht abgeschnitten werden. */
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature{
    min-height:58px;
    max-height:58px;
    padding:0 6px;
    display:grid;
    grid-template-columns:1fr;
    justify-items:center;
    align-items:start;
    row-gap:3px;
    overflow:hidden;
    text-align:center;
    border-right:1px solid var(--rentalo-border,#d6e0ec);
}

/* Trennlinien im 3-Spalten-Grid sauber entfernen. */


/* Zweite Reihe leicht absetzen, aber nicht abschneiden. */
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature:nth-child(n/**/+4){
    padding-top:6px;
}

/* Icongröße etwas kompakter, dadurch mehr Platz für Werte. */
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature svg{
    width:20px;
    height:20px;
    max-width:20px;
    max-height:20px;
}

/* Feature-Texte dürfen nicht vertikal abgeschnitten werden, aber bleiben in der Spalte. */
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1px;
    width:100%;
    max-width:100%;
    min-width:0;
    line-height:1.12;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy strong,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy small{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:center;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy strong{
    font-size:12px;
}

.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy small{
    font-size:11px;
}

/* Preis/Button-Bereich sitzt direkt unter der unteren Featurelinie, keine zusätzliche obere Linie nötig. */
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side{
    border-top:0;
    padding-top:10px;
    padding-bottom:10px;
    min-height:72px;
}

/* Contentzeilen linksbündig und volle Breite. */
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-content h4,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-item-group.rentalo-ui-step2-group,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-examples,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-tariff-hint,
.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-group-meta.rentalo-ui-step2-meta{
    text-align:left;
    width:100%;
}

/* Mobile nicht mit Desktop-Grid-Zwängen übersteuern. */
@media (max-width:767px){
    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list{
        grid-template-columns:repeat(3,minmax(0,1fr));
        grid-template-rows:repeat(2,54px);
        height:128px;
        max-height:128px;
        flex-basis:128px;
    }

    .rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature{
        min-height:54px;
        max-height:54px;
    }
}


/* 2.15.210 - Step2 Grid-Cards sichtbarer Fix: volle Breite, höhere Features, gleiche Linien. */

/* Grid-Cards sollen wirklich gleich hoch und in voller Cardbreite arbeiten. */
.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-list{
    align-items:stretch;
}

.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-item-card{
    display:flex;
    flex-direction:column;
    gap:0;
    height:100%;
    overflow:hidden;
}

/* Textbereich bewusst breiter und linksbündig. */
.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-content{
    width:100%;
    min-width:0;
    box-sizing:border-box;
    padding:12px 16px 0;
    text-align:left;
    display:flex;
    flex-direction:column;
    align-items:stretch;
}

.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-content h4{
    width:100%;
    margin:0 0 4px;
    min-height:24px;
    max-height:24px;
    line-height:24px;
    overflow:hidden;
    text-align:left;
}

.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-step2-title-with-debug{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    min-width:0;
}

.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-step2-title-with-debug > span:first-child{
    display:block;
    min-width:0;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-item-group.rentalo-ui-step2-group,
.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-examples,
.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-tariff-hint{
    width:100%;
    display:block;
    min-height:18px;
    max-height:18px;
    line-height:18px;
    text-align:left;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-group-meta.rentalo-ui-step2-meta{
    width:100%;
    min-height:40px;
    max-height:40px;
    margin:2px 0 0;
    overflow:hidden;
    text-align:left;
}

.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-group-meta.rentalo-ui-step2-meta p{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    width:100%;
    min-height:40px;
    max-height:40px;
    margin:0;
    line-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    text-align:left;
}

/* Featurebereich über volle Cardbreite ziehen.
   Dadurch ist die obere Linie exakt so breit wie die untere Linie. */
.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list{
    width:100%;
    box-sizing:border-box;
    margin:12px 0 0;
    padding:12px 16px;
    border-top:1px solid var(--rentalo-border,#d6e0ec);
    border-bottom:1px solid var(--rentalo-border,#d6e0ec);
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:repeat(2,68px);
    gap:0;
    flex:0 0 162px;
    height:162px;
    max-height:162px;
    overflow:hidden;
    align-content:start;
}

.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list.is-empty{
    display:grid;
    visibility:hidden;
}

/* Feature-Zellen höher: Icon + Titel + Wert passen sichtbar hinein. */
.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature{
    min-width:0;
    min-height:68px;
    max-height:68px;
    padding:0 7px;
    box-sizing:border-box;
    display:grid;
    grid-template-columns:1fr;
    justify-items:center;
    align-items:start;
    row-gap:3px;
    overflow:hidden;
    text-align:center;
    border-right:1px solid var(--rentalo-border,#d6e0ec);
}

.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature:nth-child(3n),
.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature:last-child{
    border-right:0;
}

.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature:nth-child(n/**/+4){
    padding-top:8px;
}

.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature svg{
    width:20px;
    height:20px;
    max-width:20px;
    max-height:20px;
    flex:0 0 20px;
}

.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy{
    width:100%;
    min-width:0;
    max-width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:2px;
    line-height:1.15;
    overflow:hidden;
}

.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy strong,
.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy small{
    display:block;
    width:100%;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:center;
}

.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy strong{
    font-size:12px;
    line-height:14px;
}

.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy small{
    font-size:11px;
    line-height:13px;
}

/* Preisbereich ebenfalls über gleiche Innenbreite, direkt nach Featurelinie. */
.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side{
    width:100%;
    box-sizing:border-box;
    margin-top:auto;
    padding:12px 16px;
    border-top:0;
    min-height:74px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
}

/* Sicherheitsnetz: alte Linien-/Breitenkorrekturen nach unten neutralisieren. */
.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list::before,
.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list::after,
.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side::before,
.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side::after{
    content:none;
    display:none;
}

@media (max-width:767px){
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list{
        grid-template-columns:repeat(3,minmax(0,1fr));
        grid-template-rows:repeat(2,64px);
        height:154px;
        max-height:154px;
        flex-basis:154px;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature{
        min-height:64px;
        max-height:64px;
    }
}


/* 2.15.211 - Step2 Grid-Cards nach Mockup: feste 100%-Content-Zonen, Admin-Bildsettings bleiben erhalten. */

/* Nur Desktop/Grid mit Bild-oben. Mobile Speziallayouts bleiben unangetastet. */
@media (min-width:768px){
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-list{
        align-items:stretch;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-item-card{
        display:flex;
        flex-direction:column;
        height:100%;
        min-width:0;
        overflow:hidden;
        box-sizing:border-box;
    }

    /* Bildbereich: Höhe/Format/Bildgröße bleiben über bestehende Admin-Regeln steuerbar.
       Hier wird nur verhindert, dass der Media-Block die Card-Struktur verschiebt. */
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media{
        width:100%;
        max-width:none;
        flex:0 0 auto;
        box-sizing:border-box;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media img,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-ui-step2-image-button,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-media .rentalo-group-image-placeholder{
        width:100%;
        max-width:none;
        object-fit:cover;
        box-sizing:border-box;
    }

    /* Inhalt ist immer 100% der Cardbreite. Keine intrinsische Breite durch Textlänge. */
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-content,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side{
        width:100%;
        max-width:100%;
        min-width:0;
        box-sizing:border-box;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-content{
        padding:16px 18px 0;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        text-align:left;
        flex:0 0 auto;
    }

    /* Feste Textzonen wie im Mockup. */
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-content h4{
        width:100%;
        margin:0 0 6px;
        height:28px;
        min-height:28px;
        max-height:28px;
        line-height:28px;
        overflow:hidden;
        text-align:left;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-step2-title-with-debug{
        display:flex;
        align-items:center;
        justify-content:flex-start;
        gap:6px;
        width:100%;
        min-width:0;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-step2-title-with-debug > span:first-child{
        display:block;
        min-width:0;
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-item-group.rentalo-ui-step2-group,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-examples,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-tariff-hint{
        display:block;
        width:100%;
        height:20px;
        min-height:20px;
        max-height:20px;
        line-height:20px;
        margin:0;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        text-align:left;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-examples{
        color:var(--rentalo-text,#1a2932);
        font-weight:400;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-group-meta.rentalo-ui-step2-meta{
        width:100%;
        height:44px;
        min-height:44px;
        max-height:44px;
        margin:6px 0 0;
        overflow:hidden;
        text-align:left;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-group-meta.rentalo-ui-step2-meta p{
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        width:100%;
        margin:0;
        height:44px;
        min-height:44px;
        max-height:44px;
        line-height:22px;
        overflow:hidden;
        text-overflow:ellipsis;
        text-align:left;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .is-empty{
        visibility:hidden;
    }

    /* Iconbereich bleibt erhalten, aber ist eine feste 3x2-Zone.
       Linien laufen über dieselbe Breite wie der Text-/Footerbereich. */
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        grid-template-rows:repeat(2,76px);
        gap:0;
        height:176px;
        min-height:176px;
        max-height:176px;
        flex:0 0 176px;
        margin:16px 0 0;
        padding:12px 18px;
        align-content:start;
        overflow:hidden;
        border-top:1px solid var(--rentalo-border,#d6e0ec);
        border-bottom:1px solid var(--rentalo-border,#d6e0ec);
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list.is-empty{
        display:grid;
        visibility:hidden;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature{
        min-width:0;
        width:100%;
        height:76px;
        min-height:76px;
        max-height:76px;
        padding:0 8px;
        display:grid;
        grid-template-columns:1fr;
        justify-items:center;
        align-items:start;
        row-gap:4px;
        box-sizing:border-box;
        overflow:hidden;
        text-align:center;
        border-right:1px solid var(--rentalo-border,#d6e0ec);
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature:nth-child(3n),
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature:last-child{
        border-right:0;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature:nth-child(n/**/+4){
        padding-top:10px;
        border-top:1px solid var(--rentalo-border,#d6e0ec);
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature svg{
        width:22px;
        height:22px;
        max-width:22px;
        max-height:22px;
        display:block;
        color:var(--rentalo-feature-icon-color,var(--rentalo-primary,#006699));
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy{
        width:100%;
        min-width:0;
        max-width:100%;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        gap:2px;
        overflow:hidden;
        line-height:1.15;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy strong,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy small{
        display:block;
        width:100%;
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        text-align:center;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy strong{
        color:var(--rentalo-feature-title-color,var(--rentalo-title,#10233f));
        font-size:var(--rentalo-feature-title-size,13px);
        line-height:15px;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy small{
        color:var(--rentalo-feature-text-color,var(--rentalo-muted,#66778a));
        font-size:var(--rentalo-feature-text-size,12px);
        line-height:14px;
    }

    /* Footer fix unten. Admin-Farben/Buttonhöhen bleiben über Variablen aktiv. */
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side{
        margin-top:auto;
        padding:18px;
        min-height:92px;
        border-top:0;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:14px;
        flex:0 0 auto;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-price{
        min-width:0;
        flex:1 1 auto;
        align-items:flex-start;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side form{
        flex:0 0 auto;
        margin:0;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-item-card .rentalo-submit-button{
        min-width:150px;
        width:auto;
    }
}


/* 2.15.212 - Step2 Grid: Footer-Zeile, kompakter Icontext und festes Tic-Tac-Toe-Raster. */
@media (min-width:768px){
    /* Preis + Button sicher in einer Zeile. */
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:center;
        column-gap:12px;
        min-height:84px;
        padding-top:14px;
        padding-bottom:14px;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-price{
        min-width:0;
        width:100%;
        overflow:hidden;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-side form{
        margin:0;
        width:auto;
        min-width:0;
        display:flex;
        justify-content:flex-end;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-item-card .rentalo-submit-button{
        width:auto;
        min-width:128px;
        padding-left:16px;
        padding-right:16px;
        white-space:nowrap;
    }

    /* Der Featurebereich ist ein echtes 3x2-Raster. Linien hängen nicht mehr von vorhandenen Icons ab. */
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list{
        position:relative;
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        grid-template-rows:repeat(2,68px);
        height:160px;
        min-height:160px;
        max-height:160px;
        flex-basis:160px;
        gap:0;
        padding:12px 18px;
        border-top:1px solid var(--rentalo-border,#d6e0ec);
        border-bottom:1px solid var(--rentalo-border,#d6e0ec);
        overflow:hidden;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list::before,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list::after{
        content:"";
        position:absolute;
        pointer-events:none;
        z-index:1;
        background:var(--rentalo-border,#d6e0ec);
        opacity:1;
    }

    /* Horizontale Linie zwischen erster und zweiter Iconzeile. */
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list::before{
        left:18px;
        right:18px;
        top:calc(12px + 68px);
        height:1px;
    }

    /* Vertikale Linien zwischen den 3 Spalten, unabhängig von befüllten Zellen. */
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list::after{
        top:12px;
        bottom:12px;
        left:18px;
        right:18px;
        background:
            linear-gradient(to right,
                transparent calc(33.333% - .5px),
                var(--rentalo-border,#d6e0ec) calc(33.333% - .5px),
                var(--rentalo-border,#d6e0ec) calc(33.333% + .5px),
                transparent calc(33.333% + .5px),
                transparent calc(66.666% - .5px),
                var(--rentalo-border,#d6e0ec) calc(66.666% - .5px),
                var(--rentalo-border,#d6e0ec) calc(66.666% + .5px),
                transparent calc(66.666% + .5px)
            );
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature{
        position:relative;
        z-index:2;
        border-right:0;
        border-top:0;
        height:68px;
        min-height:68px;
        max-height:68px;
        padding:0 8px;
        row-gap:1px;
        align-content:start;
        justify-items:center;
        overflow:hidden;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature:nth-child(n/**/+4){
        padding-top:7px;
        border-top:0;
    }

    /* Leere Zellen bleiben als Rasterzellen vorhanden, nur Inhalt ist unsichtbar. */
    

    

    /* Abstand Icon -> Label -> Wert kompakter. */
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature svg{
        width:18px;
        height:18px;
        max-width:18px;
        max-height:18px;
        margin:0 0 1px;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy{
        gap:0;
        line-height:1.08;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy strong{
        line-height:13px;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy small{
        line-height:12px;
    }

    /* Wenn Icons ausgeschaltet sind, rutschen Label/Wert höher, bleiben aber im Raster. */
    

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list--no-icons .rentalo-ui-step2-feature{
        align-content:center;
        padding-top:0;
    }

    
}


/* 2.15.213 - assets/css/rentalo-ui-step2.css - Step2 Grid: sichtbare Tic-Tac-Toe-Linien und bessere Icon-Abstände. */
@media (min-width:768px){
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list{
        position:relative;
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        grid-template-rows:repeat(2,72px);
        height:168px;
        min-height:168px;
        max-height:168px;
        flex-basis:168px;
        padding:12px 18px;
        overflow:hidden;
        border-top:1px solid var(--rentalo-border,#d6e0ec);
        border-bottom:1px solid var(--rentalo-border,#d6e0ec);
        background:
            linear-gradient(var(--rentalo-border,#d6e0ec),var(--rentalo-border,#d6e0ec)) calc(18px + (100% - 36px) / 3) 12px / 1px calc(100% - 24px) no-repeat,
            linear-gradient(var(--rentalo-border,#d6e0ec),var(--rentalo-border,#d6e0ec)) calc(18px + (100% - 36px) * 2 / 3) 12px / 1px calc(100% - 24px) no-repeat,
            linear-gradient(var(--rentalo-border,#d6e0ec),var(--rentalo-border,#d6e0ec)) 18px calc(12px + 72px) / calc(100% - 36px) 1px no-repeat;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list::before,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list::after{
        content:none;
        display:none;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature{
        position:relative;
        z-index:1;
        border:0;
        height:72px;
        min-height:72px;
        max-height:72px;
        padding:1px 8px 0;
        display:grid;
        grid-template-columns:1fr;
        justify-items:center;
        align-content:start;
        row-gap:3px;
        overflow:hidden;
        text-align:center;
        background:transparent;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature:nth-child(n/**/+4){
        padding-top:10px;
        border:0;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature svg{
        width:20px;
        height:20px;
        max-width:20px;
        max-height:20px;
        margin:0 0 3px;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy{
        gap:2px;
        line-height:1.15;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy strong{
        line-height:15px;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-copy small{
        line-height:14px;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature.is-placeholder{
        visibility:visible;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature.is-placeholder > *{
        visibility:hidden;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list--no-icons .rentalo-ui-step2-feature svg{
        display:none;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list--no-icons .rentalo-ui-step2-feature{
        align-content:center;
        padding-top:0;
        row-gap:3px;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list--no-icons .rentalo-ui-step2-feature:nth-child(n/**/+4){
        padding-top:0;
    }
}


/* 2.15.214 - Step2: Infotext und Objektbeschreibung getrennt anzeigen. */
@media (min-width:768px){
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-group-meta.rentalo-ui-step2-info,
    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-group-meta.rentalo-ui-step2-description{
        width:100%;
        margin:4px 0 0;
        overflow:hidden;
        text-align:left;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-group-meta.rentalo-ui-step2-info{
        height:22px;
        min-height:22px;
        max-height:22px;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-group-meta.rentalo-ui-step2-info p{
        display:block;
        width:100%;
        height:22px;
        min-height:22px;
        max-height:22px;
        margin:0;
        line-height:22px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        text-align:left;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-group-meta.rentalo-ui-step2-description{
        height:44px;
        min-height:44px;
        max-height:44px;
    }

    .rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-group-meta.rentalo-ui-step2-description p{
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        width:100%;
        height:44px;
        min-height:44px;
        max-height:44px;
        margin:0;
        line-height:22px;
        overflow:hidden;
        text-overflow:ellipsis;
        text-align:left;
    }
}


/* 2.15.219 - assets/css/rentalo-ui-step2.css - Mobile Breiten, Step2 Toolbar, Step3 Controls und Texte. */

/* Step3: Checkboxen/Radios optisch angleichen und Versicherungs-Radio größer. */
.rentalo-ui-step3-shell .rentalo-step3-control,
.rentalo-ui-step3-shell .rentalo-step3-option-check{
    display:flex;
    align-items:center;
    justify-content:center;
}

.rentalo-ui-step3-shell .rentalo-step3-control input[type="radio"],
.rentalo-ui-step3-shell .rentalo-step3-control input[type="checkbox"],
.rentalo-ui-step3-shell .rentalo-step3-option-check .rentalo-option-checkbox-input,
.rentalo-ui-step3-shell .rentalo-step3-option-check input[type="checkbox"]{
    width:17px;
    min-width:17px;
    max-width:17px;
    height:17px;
    min-height:17px;
    max-height:17px;
    margin:0;
    padding:0;
    box-sizing:border-box;
    accent-color:var(--rentalo-primary,#006699);
}

.rentalo-ui-step3-shell .rentalo-step3-insurance-radio input[type="radio"],
.rentalo-ui-step3-shell .rentalo-step3-insurance-radio input[type="checkbox"]{
    width:18px;
    min-width:18px;
    max-width:18px;
    height:18px;
    min-height:18px;
    max-height:18px;
}

/* Step2: Desktop-Beschriftung aktualisiert, mobile Kurzbeschriftung vorbereitet. */
.rentalo-ui-step2-per-page-label-short{
    display:none;
}

.rentalo-ui-step2-per-page-label-full{
    display:inline;
}

/* Step2: Infotext und Objektbeschreibung mobil besser lesbar. */
@media (max-width:767px){
    .rentalo-ui-step2 .rentalo-ui-step2-meta,
    .rentalo-ui-step2 .rentalo-ui-step2-info,
    .rentalo-ui-step2 .rentalo-ui-step2-description,
    .rentalo-ui-step2 .rentalo-ui-step2-meta p,
    .rentalo-ui-step2 .rentalo-ui-step2-info p,
    .rentalo-ui-step2 .rentalo-ui-step2-description p{
        font-size:14px;
        line-height:1.35;
    }
}

/* Step1/2/3/4 mobil: einheitlich maximal ca. 10px Rand, keine doppelte Einrückung. */
@media (max-width:767px){
    .rentalo-step1-hero.rentalo-module-design-scope,
    .rentalo-step1-inline-shell.rentalo-module-design-scope,
    .rentalo-step1-compact-shell.rentalo-module-design-scope,
    .rentalo-module-design-scope.rentalo-ui-step2,
    .rentalo-module-design-scope.rentalo-ui-step3-shell,
    .rentalo-module-design-scope.rentalo-ui-step4-shell{
        width:100%;
        max-width:100%;
        box-sizing:border-box;
        padding-left:0;
        padding-right:0;
        margin-left:0;
        margin-right:0;
    }

    .rentalo-step1-hero.rentalo-module-design-scope .rentalo-ui-step1-module,
    .rentalo-step1-inline-shell.rentalo-module-design-scope .rentalo-ui-step1-module,
    .rentalo-step1-compact-shell.rentalo-module-design-scope .rentalo-ui-step1-module,
    .rentalo-step1-hero.rentalo-module-design-scope .rentalo-layout-real,
    .rentalo-step1-inline-shell.rentalo-module-design-scope .rentalo-layout-real,
    .rentalo-step1-compact-shell.rentalo-module-design-scope .rentalo-layout-real{
        width:100%;
        max-width:100%;
        box-sizing:border-box;
    }

    .rentalo-module-design-scope .rentalo-frontend-shell,
    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-frontend-shell,
    .rentalo-module-design-scope.rentalo-ui-step3-shell .rentalo-frontend-shell,
    .rentalo-module-design-scope.rentalo-ui-step4-shell .rentalo-frontend-shell{
        width:100%;
        max-width:100%;
        padding-left:10px;
        padding-right:10px;
        box-sizing:border-box;
    }
}

/* Step2 mobile Toolbar: links Filter + Ansichten, rechts Anzahl. */
@media (max-width:767px){
    .rentalo-ui-step2-result-toolbar{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:center;
        column-gap:10px;
        row-gap:0;
    }

    .rentalo-ui-step2-result-toolbar-left{
        grid-column:1;
        display:flex;
        align-items:center;
        justify-content:flex-start;
        gap:0;
        min-width:0;
    }

    .rentalo-ui-step2-filter-button{
        flex:0 0 auto;
        margin-right:10px;
    }

    .rentalo-ui-step2-result-layout{
        display:flex;
        align-items:center;
        gap:6px;
        flex:0 0 auto;
    }

    .rentalo-ui-step2-result-toolbar-center{
        display:none;
    }

    .rentalo-ui-step2-result-toolbar-right{
        grid-column:2;
        justify-self:end;
        display:flex;
        align-items:center;
        justify-content:flex-end;
        min-width:0;
    }

    .rentalo-ui-step2-layout-button{
        width:34px;
        min-width:34px;
        max-width:34px;
        height:34px;
        min-height:34px;
        max-height:34px;
        padding:0;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        border-radius:10px;
    }

    .rentalo-ui-step2-layout-button svg{
        width:18px;
        height:18px;
    }

    .rentalo-ui-step2-layout-text{
        display:none;
    }

    .rentalo-ui-step2-per-page-label-full{
        display:none;
    }

    .rentalo-ui-step2-per-page-label-short{
        display:inline;
    }

    .rentalo-ui-step2-per-page-form{
        display:flex;
        align-items:center;
        justify-content:flex-end;
        gap:8px;
        white-space:nowrap;
    }

    .rentalo-ui-step2-per-page-form label{
        margin:0;
        white-space:nowrap;
    }

    .rentalo-ui-step2-per-page-form select,
    .rentalo-ui-step2-per-page-form .rentalo-custom-select,
    .rentalo-ui-step2-per-page-form .rentalo-custom-select__button{
        width:42px;
        min-width:42px;
        max-width:42px;
    }

    .rentalo-ui-step2-pagination-bottom{
        display:grid;
        grid-template-columns:1fr;
        row-gap:8px;
    }

    .rentalo-ui-step2-pagination-bottom-center{
        grid-column:1;
        justify-self:center;
    }

    .rentalo-ui-step2-pagination-bottom-right{
        grid-column:1;
        justify-self:end;
        display:flex;
        justify-content:flex-end;
        width:100%;
    }

    .rentalo-ui-step2-pagination-bottom-right .rentalo-ui-step2-per-page-form{
        justify-content:flex-end;
        margin-left:auto;
    }
}


/* 2.15.220 - assets/css/rentalo-ui-step2.css - Step2 mobile Toolbar: exakt eine Zeile / zwei Spalten; Card-Texte 14px. */
@media (max-width:767px){
    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-result-toolbar,
    .rentalo-ui-step2.rentalo-ui-step2--layout-grid .rentalo-ui-step2-result-toolbar,
    .rentalo-ui-step2 .rentalo-ui-step2-result-toolbar{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        grid-template-areas:"left right";
        align-items:center;
        column-gap:10px;
        row-gap:0;
        padding:10px 12px;
        min-height:54px;
    }

    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-result-toolbar-left,
    .rentalo-ui-step2 .rentalo-ui-step2-result-toolbar-left{
        grid-area:left;
        grid-column:auto;
        display:flex;
        align-items:center;
        justify-content:flex-start;
        gap:0;
        min-width:0;
        width:auto;
    }

    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-result-toolbar-center,
    .rentalo-ui-step2 .rentalo-ui-step2-result-toolbar-center{
        display:none;
        width:0;
        min-width:0;
        height:0;
        overflow:hidden;
    }

    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-result-toolbar-right,
    .rentalo-ui-step2 .rentalo-ui-step2-result-toolbar-right{
        grid-area:right;
        grid-column:auto;
        display:flex;
        align-items:center;
        justify-content:flex-end;
        justify-self:end;
        min-width:0;
        width:auto;
    }

    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-filter-button,
    .rentalo-ui-step2 .rentalo-ui-step2-filter-button{
        flex:0 0 auto;
        margin:0 10px 0 0;
    }

    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-result-layout,
    .rentalo-ui-step2 .rentalo-ui-step2-result-layout{
        display:flex;
        align-items:center;
        justify-content:flex-start;
        gap:6px;
        flex:0 0 auto;
        width:auto;
        min-width:0;
    }

    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-layout-button,
    .rentalo-ui-step2 .rentalo-ui-step2-layout-button{
        width:34px;
        min-width:34px;
        max-width:34px;
        height:34px;
        min-height:34px;
        max-height:34px;
        padding:0;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        box-sizing:border-box;
        flex:0 0 34px;
    }

    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-layout-text,
    .rentalo-ui-step2 .rentalo-ui-step2-layout-text{
        display:none;
    }

    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-per-page-form,
    .rentalo-ui-step2 .rentalo-ui-step2-per-page-form{
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:flex-end;
        gap:8px;
        width:auto;
        min-width:0;
        white-space:nowrap;
        margin:0;
    }

    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-per-page-form label,
    .rentalo-ui-step2 .rentalo-ui-step2-per-page-form label{
        margin:0;
        font-size:14px;
        line-height:1.2;
        white-space:nowrap;
    }

    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-per-page-label-full,
    .rentalo-ui-step2 .rentalo-ui-step2-per-page-label-full{
        display:none;
    }

    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-per-page-label-short,
    .rentalo-ui-step2 .rentalo-ui-step2-per-page-label-short{
        display:inline;
    }

    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-per-page-form select,
    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-per-page-form .rentalo-custom-select,
    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-per-page-form .rentalo-custom-select__button,
    .rentalo-ui-step2 .rentalo-ui-step2-per-page-form select,
    .rentalo-ui-step2 .rentalo-ui-step2-per-page-form .rentalo-custom-select,
    .rentalo-ui-step2 .rentalo-ui-step2-per-page-form .rentalo-custom-select__button{
        width:42px;
        min-width:42px;
        max-width:42px;
    }

    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-pagination-bottom,
    .rentalo-ui-step2 .rentalo-ui-step2-pagination-bottom{
        display:grid;
        grid-template-columns:1fr;
        row-gap:8px;
    }

    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-pagination-bottom-right,
    .rentalo-ui-step2 .rentalo-ui-step2-pagination-bottom-right{
        grid-column:1;
        justify-self:end;
        display:flex;
        justify-content:flex-end;
        width:100%;
    }

    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-group-meta.rentalo-ui-step2-meta,
    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-group-meta.rentalo-ui-step2-info,
    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-group-meta.rentalo-ui-step2-description,
    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-group-meta.rentalo-ui-step2-meta p,
    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-group-meta.rentalo-ui-step2-info p,
    .rentalo-module-design-scope.rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-group-meta.rentalo-ui-step2-description p,
    .rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-group-meta.rentalo-ui-step2-meta,
    .rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-group-meta.rentalo-ui-step2-info,
    .rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-group-meta.rentalo-ui-step2-description,
    .rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-group-meta.rentalo-ui-step2-meta p,
    .rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-group-meta.rentalo-ui-step2-info p,
    .rentalo-ui-step2 .rentalo-ui-step2-item-card .rentalo-group-meta.rentalo-ui-step2-description p{
        font-size:14px;
        line-height:1.35;
    }
}


/* 2.15.222 - assets/css/rentalo-ui-step2.css - To-do Batch: Dropdown-Schriftfarben, Step2-Feature-Gap, Details-Klassen, Step4 Dropdown-Freiraum. */

/* Auswahllisten / Dropdown-Werte: normale und Hover-Schriftfarbe. */




/* Step2 Feature-Liste: seitliches Gap reduzieren. */
.rentalo-ui-step2 .rentalo-ui-step2-feature-list,
.rentalo-frontend-wrap.rentalo-ui-step2.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list,
.rentalo-module-design-scope.rentalo-ui-step2--layout-grid.rentalo-ui-step2--card-image-top .rentalo-ui-step2-feature-list{
    gap:12px 5px;
}

/* Step3/Step4 Details-Box nutzt Step2-Klassen; alte Detailregeln nicht mehr dominieren lassen. */
.rentalo-ui-step3-shell .rentalo-vehicle-intro-block.rentalo-ui-step2-content,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block.rentalo-ui-step2-content{
    display:flex;
    flex-direction:column;
    gap:0;
}

.rentalo-ui-step3-shell .rentalo-vehicle-intro-block .rentalo-ui-step2-title,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block .rentalo-ui-step2-title{
    margin:0;
}

.rentalo-ui-step3-shell .rentalo-vehicle-intro-block .rentalo-ui-step2-meta,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block .rentalo-ui-step2-meta,
.rentalo-ui-step3-shell .rentalo-vehicle-intro-block .rentalo-ui-step2-info,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block .rentalo-ui-step2-info,
.rentalo-ui-step3-shell .rentalo-vehicle-intro-block .rentalo-ui-step2-description,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block .rentalo-ui-step2-description{
    width:100%;
}

/* Step4 Zahlung/Kaution: Custom-Select darf aus der Box heraus sichtbar sein. */
.rentalo-ui-step4-shell .rentalo-step4-payment-card,
.rentalo-ui-step4-shell .rentalo-step4-payment-body,
.rentalo-ui-step4-shell .rentalo-step4-payment-grid,
.rentalo-ui-step4-shell .rentalo-step4-payment-field{
    overflow:visible;
}

.rentalo-ui-step4-shell .rentalo-step4-payment-field .rentalo-custom-select{
    position:relative;
    z-index:10070;
}

.rentalo-ui-step4-shell .rentalo-step4-payment-field .rentalo-custom-select.is-open{
    z-index:10090;
}

.rentalo-ui-step4-shell .rentalo-step4-payment-field .rentalo-custom-select__list{
    z-index:10100;
    max-height:280px;
}


/* 2.15.617 - Shared object-info rules 2.15.225-2.15.228 live canonically in frontend.css. */

/* 2.15.229 - assets/css/rentalo-ui-step2.css - Dezentes aktives Feldfeedback mit Design-Settings. */
.rentalo-frontend-wrap{

}

.rentalo-frontend-wrap input[type="text"],
.rentalo-frontend-wrap input[type="email"],
.rentalo-frontend-wrap input[type="tel"],
.rentalo-frontend-wrap input[type="number"],
.rentalo-frontend-wrap input[type="search"],
.rentalo-frontend-wrap input[type="date"],
.rentalo-frontend-wrap input[type="time"],
.rentalo-frontend-wrap select,
.rentalo-frontend-wrap textarea,
.rentalo-frontend-wrap .rentalo-custom-select__button,
.rentalo-frontend-wrap .rentalo-ui-date-field,
.rentalo-frontend-wrap .rentalo-ui-time-field{
    transition:border-color .16s ease, border-bottom-color .16s ease, box-shadow .16s ease, background-color .16s ease, color .16s ease;
}


/* 2.15.249 - Step2 Layout-Tooltip und kompaktes Anzahl-pro-Seite-Feld. */
.rentalo-ui-step2-layout-button[data-rentalo-tooltip]{
    position:relative;
}
.rentalo-ui-step2-layout-button[data-rentalo-tooltip]::after{
    content:attr(data-rentalo-tooltip);
    position:absolute;
    left:50%;
    bottom:calc(100% + 8px);
    transform:translateX(-50%);
    z-index:130;
    padding:6px 8px;
    border:1px solid var(--rentalo-border,#d6e0ec);
    border-radius:8px;
    background:var(--rentalo-title,#1a2932);
    color:#fff;
    font-size:12px;
    font-weight:700;
    line-height:1.2;
    white-space:nowrap;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transition:opacity .14s ease, visibility .14s ease, transform .14s ease;
}
.rentalo-ui-step2-layout-button[data-rentalo-tooltip]::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:calc(100% + 3px);
    transform:translateX(-50%);
    z-index:131;
    width:8px;
    height:8px;
    background:var(--rentalo-title,#1a2932);
    rotate:45deg;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transition:opacity .14s ease, visibility .14s ease;
}
.rentalo-ui-step2-layout-button[data-rentalo-tooltip]:hover::after,
.rentalo-ui-step2-layout-button[data-rentalo-tooltip]:focus-visible::after{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(-2px);
}
.rentalo-ui-step2-layout-button[data-rentalo-tooltip]:hover::before,
.rentalo-ui-step2-layout-button[data-rentalo-tooltip]:focus-visible::before{
    opacity:1;
    visibility:visible;
}
.rentalo-ui-step2 .rentalo-ui-step2-per-page-form select,
.rentalo-ui-step2 .rentalo-ui-step2-per-page-form .rentalo-custom-select,
.rentalo-ui-step2 .rentalo-ui-step2-per-page-form .rentalo-custom-select__button{
    width:40px;
    min-width:40px;
    max-width:40px;
}
.rentalo-ui-step2 .rentalo-ui-step2-per-page-form .rentalo-custom-select__button{
    padding-left:5px;
    padding-right:5px;
}

/* 2.15.249 - Bildmodal: seitliche Klickzonen mit Richtungszeichen. */









@media (max-width: 767px){
    
    
}

/* 2.15.250 - Bildmodal: Hover-Zonen neutral halten, kein Button-/Theme-Blau. */








/* 2.15.440 - Mobile-only: hide layout switch and keep picker portals above the change sheet. */
@media (max-width:767px){
    .rentalo-ui-step2 .rentalo-ui-step2-result-layout{
        display:none;
    }

    
}


/* 2.15.473 - Shared close-button geometry and layer order for mobile booking sheet. */
@media (max-width:767px){
    .rentalo-booking-details-sheet__dialog{
        position:absolute;
        z-index:100001;
    }

    .rentalo-booking-details-sheet__close{
        position:relative;
        z-index:100002;
        width:32px;
        height:32px;
        min-width:32px;
        min-height:32px;
        max-width:32px;
        max-height:32px;
        padding:0;
        border:1px solid #9ca3af;
        border-radius:50%;
        background:#fff;
        color:transparent;
        font-size:0;
        line-height:1;
        text-indent:-9999px;
        overflow:hidden;
        box-shadow:0 2px 8px rgba(15,23,42,.24),0 0 0 1px rgba(255,255,255,.7);
    }
}



/* 2.15.503 - Mobile Design 1: AVK-style item card hierarchy. */
@media (max-width:767px){
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-item-card{
        grid-template-columns:minmax(0,40%) minmax(0,60%);
        gap:10px 12px;
        align-items:start;
        padding:10px;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media{
        grid-column:1;
        grid-row:1;
        width:100%;
        min-width:0;
        align-self:start;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media .rentalo-vehicle-image-button,
    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-media img,
    .rentalo-ui-step2--mobile-list-compact .rentalo-group-image-placeholder{
        width:100%;
        height:auto;
        min-height:92px;
        aspect-ratio:4 / 3;
        object-fit:cover;
        border-radius:10px;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-content{
        display:contents;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-object-info-block{
        grid-column:2;
        grid-row:1;
        min-width:0;
        align-self:start;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-object-info-block .rentalo-object-title{
        margin:0 0 4px;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-object-info-block .rentalo-object-category-group,
    .rentalo-ui-step2--mobile-list-compact .rentalo-object-info-block .rentalo-object-examples,
    .rentalo-ui-step2--mobile-list-compact .rentalo-object-info-block .rentalo-object-tariff-hint,
    .rentalo-ui-step2--mobile-list-compact .rentalo-object-info-block .rentalo-object-info,
    .rentalo-ui-step2--mobile-list-compact .rentalo-object-info-block .rentalo-object-description{
        margin:0 0 4px;
        line-height:1.28;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-feature-list{
        grid-column:1 / -1;
        grid-row:2;
        width:100%;
        margin:0;
        padding:10px 0;
        border-top:1px solid var(--rentalo-border,#d6e0ec);
        border-bottom:0;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-feature-list.is-empty{
        display:none;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-side{
        grid-column:1 / -1;
        grid-row:3;
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:center;
        gap:10px;
        width:100%;
        margin:0;
        padding-top:10px;
        border-top:1px solid var(--rentalo-border,#d6e0ec);
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-price{
        min-width:0;
        align-items:flex-start;
        text-align:left;
    }

    .rentalo-ui-step2--mobile-list-compact .rentalo-ui-step2-side form{
        justify-self:end;
    }
}

/* === Step 2 picker base (migrated from rentalo-ui-step2-pickers-base.css) === */
/* Step2 Picker-Basis - keine Feldoptik, nur Picker */



















/* 2.15.205 - Einheitliche Uhrzeit-Optionsfarben wie Custom-Selects. */






/* === Step 2 picker standard (migrated from rentalo-ui-step2-pickers-standard.css) === */
/* Step2 Picker Standard: Layout kommt aus step2.css, Feldoptik aus common-fields.css. */

/* === Step 2 picker mobile (migrated from rentalo-ui-step2-pickers-mobile.css) === */
/* Step2 Picker Mobile: Layout kommt aus step2.css, Feldoptik aus common-fields.css. */


/* 2.15.636 - Layout tooltips are rendered in a body-level portal to avoid clipping by module containers. */
.rentalo-ui-step2-layout-button[data-rentalo-tooltip]::before,
.rentalo-ui-step2-layout-button[data-rentalo-tooltip]::after{
    content:none;
    display:none;
}

.rentalo-layout-tooltip-portal{
    position:fixed;
    z-index:99990;
    display:none;
    padding:6px 8px;
    border:1px solid #d6e0ec;
    border-radius:8px;
    background:#1a2932;
    color:#fff;
    font-size:12px;
    font-weight:700;
    line-height:1.2;
    white-space:nowrap;
    pointer-events:none;
    box-sizing:border-box;
    box-shadow:0 4px 12px rgba(15,26,42,.16);
    transform:translate(-50%,-100%);
}

.rentalo-layout-tooltip-portal::after{
    content:"";
    position:absolute;
    left:50%;
    top:100%;
    width:8px;
    height:8px;
    background:#1a2932;
    transform:translate(-50%,-50%) rotate(45deg);
}

/* 2.15.637 - Fix tooltip stacking at its source: keep the local tooltip above the preceding Step2 search module. */
.rentalo-ui-step2{
    overflow:visible;
}
.rentalo-ui-step2-topbar{
    position:relative;
    z-index:1;
    overflow:visible;
}
.rentalo-ui-step2-result-toolbar{
    position:relative;
    z-index:20;
    overflow:visible;
}
.rentalo-ui-step2-result-toolbar-left,
.rentalo-ui-step2-result-layout,
.rentalo-ui-step2-layout-button[data-rentalo-tooltip]{
    overflow:visible;
}
.rentalo-ui-step2-layout-button[data-rentalo-tooltip]::after{
    z-index:200;
}
.rentalo-ui-step2-layout-button[data-rentalo-tooltip]::before{
    z-index:201;
}