:root{
    --rentalo-blue:var(--rentalo-primary,#006699);
    --rentalo-blue-dark:#1d4578;
    --rentalo-red:#b23b3b;
    --rentalo-red-dark:#9f3131;
    --rentalo-text:#24384a;
    --rentalo-muted:#6d7d8b;
    --rentalo-border:#d6dee8;
    --rentalo-soft:#f3f6fa;
    --rentalo-soft-2:#eef3f8;
    --rentalo-white:#ffffff;
    --rentalo-shadow:0 8px 22px rgba(20,45,73,.07);
    --rentalo-radius:16px;
    --rentalo-radius-sm:10px;
    /* Central frontend layer scale. Keep modal stacking predictable. */
    --rentalo-layer-booking-modal:100000;
    --rentalo-layer-opening-hours:100010;
    --rentalo-layer-picker-portal:100100;
    --rentalo-layer-media-modal:2147483500;
    --rentalo-layer-confirmation:999999;
    --rentalo-layer-debug:2147483647;
}
.rentalo-frontend-wrap,.rentalo-frontend-wrap *{box-sizing:border-box}
.rentalo-frontend-wrap{
    width:100%;
    margin:0 auto;
    overflow-x:hidden;
    color:var(--rentalo-text);
    font-family:Arial,sans-serif;
}
.rentalo-frontend-success,.rentalo-frontend-error{
    border-radius:12px;
    padding:14px 16px;
    margin-bottom:18px;
    border:1px solid;
}
.rentalo-frontend-success{background:#ecfdf3;border-color:#abefc6;color:#067647}
.rentalo-frontend-error{background:#fef3f2;border-color:#fecdca;color:#b42318}
.rentalo-frontend-shell{
    display:flex;
    flex-direction:column;
    gap:20px;
}
.rentalo-step-rail{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}
.rentalo-step-item{
    position:relative;
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:12px 16px;
    border-radius:999px;
    background:#d7dbe0;
    color:#fff;
    font-weight:700;
    text-align:center;
}
.rentalo-step-item.is-active{
    background:var(--rentalo-red);
}
.rentalo-step-item span{
    width:24px;
    height:24px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.18);
    font-size:13px;
}
.rentalo-booking-layout{
    display:grid;
    grid-template-columns:340px minmax(0,1fr);
    gap:24px;
    align-items:start;
}
.rentalo-booking-sidebar,
.rentalo-booking-main{
    display:flex;
    flex-direction:column;
    gap:20px;
}
.rentalo-summary-list{display:flex;flex-direction:column;gap:10px}
.rentalo-summary-row{
    display:flex;
    justify-content:space-between;
    gap:10px;
    padding-bottom:10px;
    border-bottom:1px solid var(--rentalo-border);
    font-size:14px;
}
.rentalo-summary-row:last-child{padding-bottom:0;border-bottom:0}
.rentalo-summary-row span{color:var(--rentalo-muted)}
.rentalo-summary-row strong{font-weight:700;color:var(--rentalo-text);text-align:right}
.rentalo-frontend-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}
.rentalo-frontend-full{grid-column:1 / -1}
.rentalo-frontend-field{
    display:flex;
    flex-direction:column;
    gap:7px;
}
.rentalo-frontend-field label{
    font-size:13px;
    font-weight:700;
    color:var(--rentalo-text);
}
.rentalo-frontend-field input,
.rentalo-frontend-field select,
.rentalo-frontend-field textarea{
    width:100%;
    min-height:46px;
    border:1px solid var(--rentalo-border);
    border-radius:12px;
    background:#fff;
    padding:11px 14px;
    color:var(--rentalo-text);
    font-size:15px;
}
.rentalo-frontend-field textarea{
    min-height:130px;
    resize:vertical;
}
.rentalo-frontend-field input:focus,
.rentalo-frontend-field select:focus,
.rentalo-frontend-field textarea:focus{
    border-color:var(--rentalo-blue);
    outline:none;
    box-shadow:0 0 0 3px rgba(35,79,136,.12);
}
.rentalo-choice-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
}
.rentalo-check-card{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:14px 15px;
    border:1px solid var(--rentalo-border);
    border-radius:12px;
    background:var(--rentalo-soft);
    cursor:pointer;
    transition:border-color .16s ease, background-color .16s ease, transform .16s ease;
}
.rentalo-check-card:hover{
    border-color:#b8c8da;
    background:#fff;
}
.rentalo-check-card input{
    margin-top:3px;
    flex:0 0 auto;
}
.rentalo-check-card span{display:block;line-height:1.35}
.rentalo-check-card strong{
    display:block;
    font-size:14px;
    color:var(--rentalo-text);
}
.rentalo-check-card small{
    display:block;
    margin-top:4px;
    color:var(--rentalo-muted);
    font-size:12px;
}
.rentalo-empty-note{
    margin:0;
    padding:14px;
    border:1px dashed var(--rentalo-border);
    border-radius:12px;
    background:var(--rentalo-soft);
    color:var(--rentalo-muted);
    font-size:13px;
}
.rentalo-price-empty{
    color:var(--rentalo-muted);
    font-size:14px;
}
.rentalo-price-lines{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.rentalo-price-line{
    display:flex;
    justify-content:space-between;
    gap:10px;
    padding-bottom:10px;
    border-bottom:1px solid var(--rentalo-border);
    font-size:14px;
}
.rentalo-price-line span{color:var(--rentalo-muted)}
.rentalo-price-line strong{color:var(--rentalo-text)}
.rentalo-price-total{
    margin-top:14px;
    padding-top:14px;
    border-top:2px solid var(--rentalo-border);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.rentalo-price-total span{
    font-size:15px;
    font-weight:700;
    color:var(--rentalo-text);
}
.rentalo-price-total strong{
    font-size:30px;
    line-height:1;
    color:#23913e;
}
.rentalo-frontend-actions{
    margin-top:20px;
    display:flex;
    justify-content:flex-end;
}
.rentalo-submit-button{
    appearance:none;
    border:0;
    background:var(--rentalo-red);
    color:#fff;
    min-height:48px;
    padding:0 22px;
    border-radius:12px;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
}
.rentalo-submit-button:hover,
.rentalo-submit-button:focus{
    background:var(--rentalo-red-dark);
    outline:none;
}


@media (max-width: 1100px){
    .rentalo-booking-layout{
        grid-template-columns:1fr;
    }
    .rentalo-booking-sidebar{
        order:1;
    }
    .rentalo-booking-main{
        order:2;
    }
}
@media (max-width: 782px){
    .rentalo-step-rail{
        grid-template-columns:1fr;
    }
    .rentalo-frontend-grid{
        grid-template-columns:1fr;
    }
    .rentalo-price-total strong{
        font-size:24px;
    }
}


/* 1.3.0 step1 / step2 */
.rentalo-step-rail-4{grid-template-columns:repeat(4,1fr)}
.rentalo-step-item.is-done{background:var(--rentalo-blue)}


.rentalo-hero-grid,.rentalo-top-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rentalo-hero-actions,.rentalo-top-actions{display:flex;justify-content:flex-end;gap:12px}
.rentalo-secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:12px;border:1px solid var(--rentalo-blue);background:#fff;color:var(--rentalo-blue);font-weight:700;text-decoration:none}
.rentalo-group-list{display:flex;flex-direction:column;gap:18px}
.rentalo-group-card{display:grid;grid-template-columns:140px minmax(0,1fr) 220px;gap:18px;align-items:center;background:#fff;border:1px solid var(--rentalo-border);border-radius:18px;box-shadow:var(--rentalo-shadow);padding:18px}
.rentalo-group-media{display:flex;align-items:center;justify-content:center}
.rentalo-group-image-placeholder{width:120px;height:90px;border-radius:16px;background:linear-gradient(135deg,#dce7f5,#eef3f8);border:1px solid var(--rentalo-border);display:flex;align-items:center;justify-content:center;color:var(--rentalo-blue);font-size:28px;font-weight:700}
.rentalo-group-content h4{margin:0 0 8px;font-size:28px;line-height:1.1;color:var(--rentalo-text)}
.rentalo-group-meta p{margin:0;color:var(--rentalo-muted);font-size:15px;line-height:1.45}
.rentalo-group-side{display:flex;flex-direction:column;gap:14px;align-items:flex-end}
.rentalo-group-price{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.rentalo-group-price strong{font-size:28px;line-height:1;color:var(--rentalo-red)}
.rentalo-group-price small{color:var(--rentalo-muted);font-size:13px}
.rentalo-submit-button.is-selected{background:var(--rentalo-blue);border-color:var(--rentalo-blue)}
.rentalo-empty-groups{padding:22px;background:#fff;border:1px dashed var(--rentalo-border);border-radius:16px;color:var(--rentalo-muted)}
.rentalo-step-placeholder{margin-top:4px}
@media (max-width: 1100px){
    .rentalo-group-side{grid-column:1/-1;align-items:flex-start}
}
@media (max-width: 900px){
  .rentalo-hero-grid,.rentalo-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 640px){
  
  .rentalo-hero-grid,.rentalo-top-grid{grid-template-columns:1fr}
  .rentalo-group-card{grid-template-columns:1fr}
  .rentalo-group-media{justify-content:flex-start}
  .rentalo-group-content h4{font-size:24px}
}


.rentalo-choice-row{
    display:grid;
    grid-template-columns:28px 1fr auto;
    gap:14px;
    align-items:flex-start;
    padding:16px 18px;
    border:1px solid var(--rentalo-border);
    border-radius:14px;
    background:#fff;
    transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.rentalo-choice-row:hover{
    border-color:#b7c7da;
    box-shadow:0 6px 16px rgba(18,46,78,.06);
}
.rentalo-choice-row.is-selected{
    border-color:rgba(178,59,59,.45);
    box-shadow:0 0 0 3px rgba(178,59,59,.08);
}
.rentalo-choice-radio input{
    margin-top:4px;
}
.rentalo-choice-content{
    display:flex;
    flex-direction:column;
    gap:4px;
}
.rentalo-choice-content strong{
    font-size:17px;
    color:var(--rentalo-text);
}
.rentalo-choice-content span{
    color:var(--rentalo-muted);
    font-size:14px;
    line-height:1.45;
}
.rentalo-choice-content small{
    color:var(--rentalo-blue);
    font-size:13px;
    line-height:1.4;
}
.rentalo-choice-price{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:4px;
    min-width:120px;
}
.rentalo-choice-price strong{
    font-size:20px;
    color:var(--rentalo-red);
    line-height:1.1;
}
.rentalo-choice-price small{
    color:var(--rentalo-muted);
    font-size:12px;
}
.rentalo-step-actions{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
    margin-top:18px;
}
.rentalo-back-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:0 18px;
    border-radius:12px;
    border:1px solid var(--rentalo-border);
    background:#fff;
    color:var(--rentalo-text);
    font-weight:700;
    text-decoration:none;
}
.rentalo-back-button:hover{
    border-color:#c3cfdd;
    color:var(--rentalo-text);
}
.rentalo-summary-total{
    border-top:2px solid var(--rentalo-border);
    padding-top:10px;
    margin-top:4px;
}
.rentalo-summary-total strong{
    color:var(--rentalo-red);
    font-size:18px;
}
.rentalo-step3-topdata .rentalo-summary-list{
    gap:8px;
}
.rentalo-inline-next{
    display:flex;
    justify-content:flex-end;
}
@media (max-width: 980px){
    .rentalo-step-actions{
        flex-direction:column;
        align-items:stretch;
    }
    .rentalo-choice-row{
        grid-template-columns:28px 1fr;
    }
    .rentalo-choice-price{
        grid-column:2;
        align-items:flex-start;
        min-width:0;
    }
}
/* append */
.rentalo-submit-button,
.rentalo-secondary-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.rentalo-spinner {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255,255,255,.35);
  border-top-color: #fff;
  border-radius: 50%;
  display: inline-block;
  animation: rentalo-spin .8s linear infinite;
}
.rentalo-secondary-button .rentalo-spinner {
  border: 2px solid rgba(18,58,122,.25);
  border-top-color: #123a7a;
}
.rentalo-step-item a { color: inherit; text-decoration: none; }
.rentalo-step-item a:hover { text-decoration: underline; }
@keyframes rentalo-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }


/* 2.13.83 - Legacy Step1/Step2-Reste bereinigt: beschädigte Pseudo-Element-Regel entfernt. */
.rentalo-date-field,.rentalo-time-field{position:relative}
.rentalo-date-field::after,.rentalo-time-field::after,.rentalo-frontend-field select+span::after{content:none;display:none}

/* 2.3.0 AVK-like picker */

.rentalo-hidden-select{display:none}
















.rentalo-time-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:240px;overflow:auto}



.rentalo-date-field::after,.rentalo-time-field::after,.ui-datepicker{display:none !important}
@media (max-width:640px){
  .rentalo-time-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}


.rentalo-group-list{
    gap:14px;
}

.rentalo-group-card{
    grid-template-columns:130px minmax(0,1fr) 220px;
    gap:16px;
    padding:16px;
    border-radius:16px;
    box-shadow:0 10px 28px rgba(20,43,74,.08);
}

.rentalo-group-image-placeholder{
    width:124px;
    height:92px;
    border-radius:14px;
    font-size:24px;
}

.rentalo-group-content h4{
    font-size:24px;
    margin-bottom:6px;
}

.rentalo-group-meta{
    display:grid;
    gap:3px;
}

.rentalo-group-price strong{
    font-size:26px;
}

.rentalo-group-side .rentalo-submit-button{
    min-width:130px;
    justify-content:center;
}

.rentalo-group-card.is-request-only .rentalo-group-price strong{
    color:var(--rentalo-blue);
    font-size:22px;
}

@media (max-width: 1100px){
  .rentalo-group-card{
    grid-template-columns:110px minmax(0,1fr);
  }
}

@media (max-width: 640px){
  .rentalo-group-card{
    padding:14px;
    gap:12px;
  }
  .rentalo-group-content h4{
    font-size:22px;
  }
  .rentalo-group-side{
    gap:10px;
  }
}


/* 2.4.3 real visible step2 selectors */
.rentalo-frontend-shell > .rentalo-section-card{
    border:1px solid #cfdae8;
    background:#fff;
    box-shadow:0 14px 34px rgba(20,43,74,.10);
}
.rentalo-frontend-shell > .rentalo-section-card > .rentalo-section-head{
    background:var(--rentalo-primary,#006699);
    color:#fff;
}
.rentalo-frontend-shell > .rentalo-section-card > .rentalo-section-head h3{
    color:#fff;
    font-weight:700;
}
.rentalo-frontend-shell > .rentalo-section-card > .rentalo-section-head p{
    color:rgba(255,255,255,.92);
}

.rentalo-group-list{
    gap:18px;
}
.rentalo-group-card,
.rentalo-item-card{
    border:1px solid #cfdae8;
    background:#fff;
    box-shadow:0 14px 34px rgba(20,43,74,.10);
}
.rentalo-group-image-placeholder{
    background:linear-gradient(135deg,#d7e4f3,#edf3fb);
    border:1px solid #cfdae8;
    color:#204d86;
}
.rentalo-group-content h4{
    color:#173d69;
    font-weight:700;
}
.rentalo-item-code,
.rentalo-item-group,
.rentalo-group-meta p,
.rentalo-group-price small{
    color:#637487;
}
.rentalo-group-price strong{
    color:#c2515d;
    font-weight:700;
}
.rentalo-group-card.is-request-only .rentalo-group-price strong,
.rentalo-item-card.is-request-only .rentalo-group-price strong{
    color:var(--rentalo-primary,#006699);
}
.rentalo-group-side .rentalo-submit-button{
    background:var(--rentalo-accent,#c20000);
    border-color:var(--rentalo-accent,#c20000);
    color:#fff;
    box-shadow:none;
}
.rentalo-group-side .rentalo-submit-button:hover,
.rentalo-group-side .rentalo-submit-button:focus{
    background:#a94953;
    border-color:#a94953;
}


/* 2.5.0 frontend ui foundation */
.rentalo-ui-root{
    position:absolute;
    inset:0;
    z-index:2147483647;
    pointer-events:none;
}
.rentalo-ui-root > *{
    pointer-events:auto;
}


/* 2.11.22 frontend confirmation card */
.rentalo-confirmation-card{
    max-width:760px;
    margin:0 auto;
    padding:30px;
    border:1px solid #d6dee8;
    border-radius:22px;
    background:#ffffff;
    box-shadow:0 18px 45px rgba(20,35,55,.10);
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:20px;
    align-items:flex-start;
}

.rentalo-confirmation-icon{
    width:54px;
    height:54px;
    border-radius:999px;
    background:#e8f5ee;
    color:#16804a;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    font-weight:800;
}

.rentalo-confirmation-kicker{
    display:block;
    margin:0 0 7px;
    color:#16804a;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.rentalo-confirmation-content h2{
    margin:0 0 10px;
    color:#24384a;
    font-size:28px;
    line-height:1.2;
}

.rentalo-confirmation-content p{
    margin:0 0 18px;
    color:#506176;
    font-size:15px;
    line-height:1.65;
}

.rentalo-confirmation-number{
    margin:0 0 14px;
    padding:14px 16px;
    border:1px solid #d6dee8;
    border-radius:14px;
    background:#f6f9fd;
}

.rentalo-confirmation-number span{
    display:block;
    margin:0 0 4px;
    color:#64748b;
    font-size:12px;
    font-weight:800;
}

.rentalo-confirmation-number strong{
    color:#24384a;
    font-size:22px;
    line-height:1.2;
}

.rentalo-confirmation-hint{
    margin:0 0 18px;
    padding:12px 14px;
    border-radius:12px;
    background:#eaf2ff;
    color:#2563eb;
    font-size:14px;
    line-height:1.5;
    font-weight:700;
}

.rentalo-confirmation-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 18px;
    border-radius:12px;
    background:var(--rentalo-primary,#006699);
    color:#ffffff;
    text-decoration:none;
    font-weight:800;
}

@media (max-width: 680px){
    .rentalo-confirmation-card{
        grid-template-columns:1fr;
        padding:24px;
    }
}


/* 2.11.24 duplicate submit notice */
.rentalo-confirmation-card.is-already-sent .rentalo-confirmation-icon{
    background:#fff4df;
    color:#b45309;
}

.rentalo-confirmation-card.is-already-sent .rentalo-confirmation-kicker{
    color:#b45309;
}


/* 2.11.25 frontend confirmation modal */





/* 2.11.28 - Step frames removed and compact card heads */




/* 2.11.44 - Remove hover effects in frontend steps */


.rentalo-frontend-wrap .rentalo-choice-row:hover{
    border-color:var(--rentalo-border);
    background:var(--rentalo-white);
}


.rentalo-frontend-wrap .rentalo-back-button:hover{
    border-color:var(--rentalo-border);
    color:var(--rentalo-text);
    background:#fff;
}


/* 2.11.68 - Refined progress rail and mobile width containment */
.rentalo-frontend-shell,
.rentalo-booking-layout,
.rentalo-booking-main,
.rentalo-booking-sidebar,
.rentalo-section-card,
.rentalo-side-card{
    max-width:100%;
    min-width:0;
}

.rentalo-step-rail{
    width:100%;
    max-width:100%;
    overflow:visible;
    padding:0 14px 0 0;
    box-sizing:border-box;
}

.rentalo-step-list{
    width:100%;
    max-width:100%;
    display:flex;
    gap:0;
    align-items:stretch;
    overflow:visible;
}

.rentalo-step-item{
    --rentalo-step-bg:#d9d9d9;
    flex:1 1 0;
    min-width:0;
    height:38px;
    min-height:38px;
    display:block;
    overflow:visible;
    background:var(--rentalo-step-bg);
    color:#fff;
}

.rentalo-step-item.is-done{
    --rentalo-step-bg:#d9d9d9;
}

.rentalo-step-item.is-active{
    --rentalo-step-bg:var(--rentalo-red);
}

.rentalo-step-item + .rentalo-step-item{
    margin-left:14px;
}

.rentalo-step-item::before{
    border-top:19px solid transparent;
    border-bottom:19px solid transparent;
    border-left:14px solid var(--rentalo-page-bg, #fff);
}

.rentalo-step-item::after{
    right:-14px;
    border-top:19px solid transparent;
    border-bottom:19px solid transparent;
    border-left:14px solid var(--rentalo-step-bg);
}

.rentalo-step-link,
.rentalo-step-current{
    width:100%;
    height:38px;
    min-height:38px;
    padding:0 18px 0 22px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:clip;
    font-size:15px;
    font-weight:700;
    line-height:1;
    box-sizing:border-box;
}

.rentalo-step-item:first-child .rentalo-step-link,
.rentalo-step-item:first-child .rentalo-step-current{
    padding-left:14px;
}

.rentalo-step-item:last-child .rentalo-step-link,
.rentalo-step-item:last-child .rentalo-step-current{
    padding-right:14px;
}

@media (max-width:760px){
    html,
    body{
        overflow-x:hidden;
    }

    .rentalo-frontend-wrap{
        width:100%;
        max-width:100%;
        padding-left:12px;
        padding-right:12px;
        overflow-x:hidden;
    }

    .rentalo-frontend-shell{
        gap:16px;
    }

    .rentalo-booking-layout{
        display:flex;
        flex-direction:column;
        gap:16px;
        width:100%;
        max-width:100%;
    }

    .rentalo-booking-main{
        order:1;
        width:100%;
        max-width:100%;
    }

    .rentalo-booking-sidebar{
        order:2;
        width:100%;
        max-width:100%;
    }

    .rentalo-step-rail{
        margin:0 0 18px 0;
        padding:0 10px 0 0;
    }

    .rentalo-step-list{
        display:flex;
        grid-template-columns:none;
        width:100%;
    }

    .rentalo-step-item{
        height:30px;
        min-height:30px;
    }

    .rentalo-step-item + .rentalo-step-item{
        margin-left:8px;
    }

    .rentalo-step-item::before{
        border-top-width:15px;
        border-bottom-width:15px;
        border-left-width:8px;
    }

    .rentalo-step-item::after{
        right:-8px;
        border-top-width:15px;
        border-bottom-width:15px;
        border-left-width:8px;
    }

    .rentalo-step-link,
    .rentalo-step-current{
        height:30px;
        min-height:30px;
        padding:0 5px 0 11px;
        font-size:10px;
        line-height:1;
        letter-spacing:-.15px;
    }

    .rentalo-step-item:first-child .rentalo-step-link,
    .rentalo-step-item:first-child .rentalo-step-current{
        padding-left:4px;
    }

    .rentalo-step-item:last-child .rentalo-step-link,
    .rentalo-step-item:last-child .rentalo-step-current{
        padding-right:4px;
    }
}

@media (max-width:380px){
    .rentalo-step-link,
    .rentalo-step-current{
        font-size:9px;
        padding-left:9px;
        padding-right:4px;
    }

    .rentalo-step-item + .rentalo-step-item{
        margin-left:7px;
    }

    .rentalo-step-item::before{
        border-left-width:7px;
    }

    .rentalo-step-item::after{
        right:-7px;
        border-left-width:7px;
    }
}


/* 2.11.70 - Mobile sidebar first */
@media (max-width:760px){
    .rentalo-booking-main{
        order:2;
    }

    .rentalo-booking-sidebar{
        order:1;
    }
}


/* 2.11.83 - AdBlue/Maut frontend hints */
.rentalo-side-hint{
    margin-top:14px;
    padding:12px 14px;
    border:1px solid rgba(0,102,153,.18);
    border-radius:14px;
    background:rgba(0,102,153,.06);
    color:var(--rentalo-muted, #66778a);
    font-size:12px;
    line-height:1.45;
}

.rentalo-side-hint p{
    margin:0;
}

.rentalo-side-hint p + p{
    margin-top:8px;
}

.rentalo-side-hint strong{
    color:var(--rentalo-text, #273b48);
}


/* 2.11.90 - Inline booking module, frontend calendar width and km-field logic */


































.rentalo-ui-time-panel{
    max-height:240px;
    overflow:auto;
}







@media (max-width:767px){
    

    

    
}


/* 2.13.18 - Step3/Step4 Trennlinien dauerhaft grau, ohne aktive/hover blaue Linien */
.rentalo-ui-step3 .rentalo-step3-card,
.rentalo-ui-step3 .rentalo-step3-card:hover,
.rentalo-ui-step3 .rentalo-step3-card:focus,
.rentalo-ui-step3 .rentalo-step3-card:focus-within,
.rentalo-ui-step3 .rentalo-step3-card.is-active,
.rentalo-ui-step3 .rentalo-step3-card.rentalo-is-active,
.rentalo-ui-step3 .rentalo-step3-option,
.rentalo-ui-step3 .rentalo-step3-option:hover,
.rentalo-ui-step3 .rentalo-step3-option:focus,
.rentalo-ui-step3 .rentalo-step3-option:focus-within,
.rentalo-ui-step3 .rentalo-step3-option.is-active,
.rentalo-ui-step3 .rentalo-step3-option.rentalo-is-active,
.rentalo-ui-step3 .rentalo-step3-tariff,
.rentalo-ui-step3 .rentalo-step3-tariff:hover,
.rentalo-ui-step3 .rentalo-step3-tariff:focus,
.rentalo-ui-step3 .rentalo-step3-tariff:focus-within,
.rentalo-ui-step3 .rentalo-step3-tariff.is-active,
.rentalo-ui-step3 .rentalo-step3-tariff.rentalo-is-active,
.rentalo-ui-step3 .rentalo-step3-insurance,
.rentalo-ui-step3 .rentalo-step3-insurance:hover,
.rentalo-ui-step3 .rentalo-step3-insurance:focus,
.rentalo-ui-step3 .rentalo-step3-insurance:focus-within,
.rentalo-ui-step3 .rentalo-step3-insurance.is-active,
.rentalo-ui-step3 .rentalo-step3-insurance.rentalo-is-active,
.rentalo-ui-step3 [class*="tariff"],
.rentalo-ui-step3 [class*="tariff"]:hover,
.rentalo-ui-step3 [class*="tariff"]:focus,
.rentalo-ui-step3 [class*="tariff"]:focus-within,
.rentalo-ui-step3 [class*="insurance"],
.rentalo-ui-step3 [class*="insurance"]:hover,
.rentalo-ui-step3 [class*="insurance"]:focus,
.rentalo-ui-step3 [class*="insurance"]:focus-within,
.rentalo-ui-step3 [class*="option"],
.rentalo-ui-step3 [class*="option"]:hover,
.rentalo-ui-step3 [class*="option"]:focus,
.rentalo-ui-step3 [class*="option"]:focus-within{
    border-color:#d8e0ea;
    box-shadow:none;
    outline-color:#d8e0ea;
}

.rentalo-ui-step3 .rentalo-step3-card::before,
.rentalo-ui-step3 .rentalo-step3-card::after,
.rentalo-ui-step3 .rentalo-step3-option::before,
.rentalo-ui-step3 .rentalo-step3-option::after,
.rentalo-ui-step3 .rentalo-step3-tariff::before,
.rentalo-ui-step3 .rentalo-step3-tariff::after,
.rentalo-ui-step3 .rentalo-step3-insurance::before,
.rentalo-ui-step3 .rentalo-step3-insurance::after,
.rentalo-ui-step3 [class*="tariff"]::before,
.rentalo-ui-step3 [class*="tariff"]::after,
.rentalo-ui-step3 [class*="insurance"]::before,
.rentalo-ui-step3 [class*="insurance"]::after,
.rentalo-ui-step3 [class*="option"]::before,
.rentalo-ui-step3 [class*="option"]::after{
    border-color:#d8e0ea;
    background-color:#d8e0ea;
    box-shadow:none;
}

.rentalo-ui-step3 input:checked + label,
.rentalo-ui-step3 input:checked + .rentalo-step3-card,
.rentalo-ui-step3 input:checked + .rentalo-step3-option,
.rentalo-ui-step3 input:checked + [class*="tariff"],
.rentalo-ui-step3 input:checked + [class*="insurance"],
.rentalo-ui-step3 input:checked + [class*="option"]{
    border-color:#d8e0ea;
    box-shadow:none;
}

.rentalo-ui-step3 hr,
.rentalo-ui-step4 hr{
    border-color:#d8e0ea;
    background-color:#d8e0ea;
}


/* 2.13.20 - Step3/Step4 Feinkorrekturen */
.rentalo-step3-vehicle-sidebar,
.rentalo-step4-vehicle-sidebar{
    gap:0;
}

.rentalo-step3-vehicle-sidebar .rentalo-step3-vehicle-card{
    margin-bottom:20px;
}

.rentalo-step4-vehicle-sidebar .rentalo-step4-vehicle-card{
    margin-bottom:0;
}

.rentalo-details-title + .rentalo-side-card,
.rentalo-details-title + .rentalo-ui-step3-sidecard,
.rentalo-details-title + .rentalo-ui-step4-sidecard{
    margin-top:0;
    border-top-left-radius:0;
    border-top-right-radius:0;
}

.rentalo-ui-step3-shell .rentalo-choice-row,
.rentalo-ui-step3-shell .rentalo-choice-row:hover,
.rentalo-ui-step3-shell .rentalo-choice-row:focus,
.rentalo-ui-step3-shell .rentalo-choice-row:focus-within,
.rentalo-ui-step3-shell .rentalo-choice-row.is-selected,
.rentalo-ui-step3-shell .rentalo-choice-row.is-selected:hover,
.rentalo-ui-step3-shell .rentalo-choice-row.is-selected:focus,
.rentalo-ui-step3-shell .rentalo-choice-row.is-selected:focus-within,
.rentalo-ui-step3-shell .rentalo-ui-step3-choice-row,
.rentalo-ui-step3-shell .rentalo-ui-step3-choice-row:hover,
.rentalo-ui-step3-shell .rentalo-ui-step3-choice-row:focus,
.rentalo-ui-step3-shell .rentalo-ui-step3-choice-row:focus-within,
.rentalo-ui-step3-shell .rentalo-ui-step3-choice-row.is-selected,
.rentalo-ui-step3-shell .rentalo-ui-step3-choice-row.is-selected:hover,
.rentalo-ui-step3-shell .rentalo-ui-step3-choice-row.is-selected:focus,
.rentalo-ui-step3-shell .rentalo-ui-step3-choice-row.is-selected:focus-within,
.rentalo-ui-step3-shell .rentalo-option-switch-card,
.rentalo-ui-step3-shell .rentalo-option-switch-card:hover,
.rentalo-ui-step3-shell .rentalo-option-switch-card:focus,
.rentalo-ui-step3-shell .rentalo-option-switch-card:focus-within,
.rentalo-ui-step3-shell .rentalo-option-switch-card.is-selected,
.rentalo-ui-step3-shell .rentalo-option-switch-card.is-selected:hover,
.rentalo-ui-step3-shell .rentalo-option-switch-card.is-selected:focus,
.rentalo-ui-step3-shell .rentalo-option-switch-card.is-selected:focus-within,
.rentalo-ui-step3-shell .rentalo-ui-step3-card-body .rentalo-choice-row.is-selected,
.rentalo-ui-step3-shell .rentalo-ui-step3-card-body .rentalo-ui-step3-choice-row.is-selected,
.rentalo-ui-step3-shell .rentalo-ui-step3-card-body .rentalo-option-switch-card.is-selected{
    border-color:#d8e0ea;
    outline-color:#d8e0ea;
    box-shadow:none;
    transform:none;
}

.rentalo-ui-step3-shell .rentalo-choice-row::before,
.rentalo-ui-step3-shell .rentalo-choice-row::after,
.rentalo-ui-step3-shell .rentalo-ui-step3-choice-row::before,
.rentalo-ui-step3-shell .rentalo-ui-step3-choice-row::after,
.rentalo-ui-step3-shell .rentalo-option-switch-card::before,
.rentalo-ui-step3-shell .rentalo-option-switch-card::after{
    border-color:#d8e0ea;
    background-color:#d8e0ea;
    box-shadow:none;
}

.rentalo-ui-step3-shell .rentalo-choice-row:hover,
.rentalo-ui-step3-shell .rentalo-ui-step3-choice-row:hover,
.rentalo-ui-step3-shell .rentalo-option-switch-card:hover,
.rentalo-ui-step3-shell .rentalo-choice-row.is-selected,
.rentalo-ui-step3-shell .rentalo-ui-step3-choice-row.is-selected,
.rentalo-ui-step3-shell .rentalo-option-switch-card.is-selected{
    background:var(--rentalo-card-bg,#fff);
}

.rentalo-step4-discount-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:stretch;
    gap:10px;
    width:100%;
}

.rentalo-step4-discount-row input{
    width:100%;
    min-width:0;
}

.rentalo-step4-discount-apply{
    position:static;
    grid-column:2;
    width:auto;
    min-width:max-content;
    white-space:nowrap;
    transform:none;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}

.rentalo-step4-price-table tbody td:first-child{
    font-weight:400;
}

.rentalo-step4-price-table thead th,
.rentalo-step4-price-table tfoot td:first-child{
    font-weight:700;
}

.rentalo-step4-price-table tfoot td:last-child{
    color:inherit;
    font-weight:700;
}

.rentalo-step4-contact-intro p{
    margin:8px 0 0;
    color:var(--rentalo-muted,#6b7280);
    font-size:14px;
    line-height:1.55;
}


/* 2.13.21 - Frontend-Höhen 40px und Spinner links */


/* Buttonbreiten unverändert lassen, nur Spinner-Position links erzwingen. */


/* Pseudo-Spinner in Step3 links statt mittig. */



/* 2.13.22 - Frontend-Höhen wirklich auf 40px setzen: reale Wrapper/Klassen statt .rentalo-frontend */


/* Textareas bewusst nicht auf 40px zwingen. */
.rentalo-frontend-wrap textarea,
.rentalo-form-textarea{
    max-height:none;
}

/* Buttonbreiten unverändert lassen, nur Spinner links halten. */


/* 2.13.23 - Options-Anzahlfelder niedriger halten */
.rentalo-option-quantity-select{
    height:30px;
    min-height:30px;
    max-height:30px;
    padding-top:0;
    padding-bottom:0;
    line-height:30px;
}


/* 2.13.24 - Card-Schatten nicht mehr durch Step-Container abschneiden */
/* 2.15.84 - Gemeinsame Overflow-Regeln für Frontend-Cards zentralisiert. */
.rentalo-steps,
.rentalo-step,
.rentalo-step-content,
.rentalo-step-inner,
.rentalo-ui-step1-shell,
.rentalo-step1-hero,
.rentalo-step1-inline-shell,
.rentalo-step2-wrap,
.rentalo-ui-step2,
.rentalo-ui-step3,
.rentalo-ui-step4,
.rentalo-ui-step3-wrap,
.rentalo-ui-step4-wrap,
.rentalo-booking-step,
.rentalo-booking-step-content,
.rentalo-ui-card,
.rentalo-ui-step1-module,
.rentalo-step2-card,
.rentalo-step3-card,
.rentalo-step4-card,
.rentalo-step3-layout-card,
.rentalo-step4-layout-card,
.rentalo-step3-details-card,
.rentalo-step4-details-card,
.rentalo-step3-summary-card,
.rentalo-step4-summary-card,
.rentalo-step4-section,
.rentalo-option-switch-card,
.rentalo-ui-step3-choice-card{
    overflow:visible;
}


/* Abstand für sichtbare Schatten geben, ohne Feld-/Buttonbreiten zu verändern. */
.rentalo-step-content,
.rentalo-step-inner,
.rentalo-ui-step3,
.rentalo-ui-step4,
.rentalo-ui-step3-wrap,
.rentalo-ui-step4-wrap{
    padding-left:8px;
    padding-right:8px;
    padding-bottom:8px;
}

@media (max-width:767px){
    .rentalo-step-content,
    .rentalo-step-inner,
    .rentalo-ui-step3,
    .rentalo-ui-step4,
    .rentalo-ui-step3-wrap,
    .rentalo-ui-step4-wrap{
        padding-left:6px;
        padding-right:6px;
        padding-bottom:6px;
    }
}


/* 2.13.25 - Frontend-Typografie beruhigen, Admin-Design-Settings behalten */


.rentalo-step4-form label,
.rentalo-step4-field label,
.rentalo-ui-step3 label,
.rentalo-ui-step4 label{
    font-size:var(--rentalo-small-font-size);
    font-weight:600;
    line-height:1.25;
}


.rentalo-group-content h4,
.rentalo-step3-details-card h3,
.rentalo-step4-details-card h3,
.rentalo-step4-form h3,
.rentalo-step4-section h3,
.rentalo-ui-step3 h2,
.rentalo-ui-step4 h2{
    font-size:var(--rentalo-heading-size);
    font-weight:700;
    line-height:1.25;
}


/* 2.15.86 - Preis-/Tabellen-Gewichtungen liegen in neueren zentralen Blöcken. */

/* 2.13.27 - Finaler Typografie-Check: echte Step3/Step4-Klassen */
.rentalo-ui-step3-shell,
.rentalo-ui-step4-shell,
.rentalo-ui-step3-shell .rentalo-section-body,
.rentalo-ui-step4-shell .rentalo-section-body,
.rentalo-ui-step3-shell .rentalo-side-card-body,
.rentalo-ui-step4-shell .rentalo-side-card-body{
    font-size:var(--rentalo-font-size);
    font-weight:400;
    line-height:1.45;
}

.rentalo-ui-step3-shell p,
.rentalo-ui-step3-shell span,
.rentalo-ui-step3-shell small,
.rentalo-ui-step3-shell li,
.rentalo-ui-step4-shell p,
.rentalo-ui-step4-shell span,
.rentalo-ui-step4-shell small,
.rentalo-ui-step4-shell li,
.rentalo-step3-vehicle-description,
.rentalo-step3-vehicle-info,
.rentalo-step4-description,
.rentalo-step4-section-description,
.rentalo-step4-help,
.rentalo-choice-content span,
.rentalo-choice-content small,
.rentalo-ui-step3-choice-content span,
.rentalo-ui-step3-choice-content small,
.rentalo-option-switch-content p,
.rentalo-option-switch-price small,
.rentalo-choice-price small,
.rentalo-ui-step3-choice-price small{
    font-size:var(--rentalo-small-font-size);
    font-weight:400;
    line-height:1.45;
}



.rentalo-details-title,
.rentalo-section-head h3,
.rentalo-ui-step3-card-head h3,
.rentalo-ui-step4-card-head h3,
.rentalo-side-card-head h3,
.rentalo-ui-step3-sidecard-head h3,
.rentalo-ui-step4-sidecard-head h3{
    font-size:var(--rentalo-section-heading-size);
    font-weight:700;
    line-height:1.25;
}



.rentalo-step3-vehicle-group,
.rentalo-step4-vehicle-group{
    font-size:var(--rentalo-small-font-size);
    font-weight:600;
    line-height:1.35;
}

.rentalo-step3-period-row,
.rentalo-step3-period-row span,
.rentalo-step3-period-row strong{
    font-size:var(--rentalo-small-font-size);
    line-height:1.35;
}

.rentalo-step3-period-row span{
    font-weight:400;
}

.rentalo-step3-period-row strong{
    font-weight:600;
}

.rentalo-choice-content strong,
.rentalo-ui-step3-choice-content strong,
.rentalo-option-switch-title strong{
    font-size:var(--rentalo-font-size);
    font-weight:600;
    line-height:1.3;
}

.rentalo-summary-row,
.rentalo-summary-row span,
.rentalo-summary-row strong{
    font-size:var(--rentalo-small-font-size);
    line-height:1.35;
}

.rentalo-summary-row span{
    font-weight:400;
}

.rentalo-summary-row strong{
    font-weight:600;
}

.rentalo-summary-total span,
.rentalo-summary-total strong{
    font-size:var(--rentalo-font-size);
    font-weight:700;
}

.rentalo-choice-price strong,
.rentalo-ui-step3-choice-price strong,
.rentalo-option-switch-price strong,
.rentalo-group-price strong,
.rentalo-summary-total strong{
    font-size:var(--rentalo-price-font-size);
    font-weight:700;
    line-height:1.15;
}

.rentalo-step4-summary-table th{
    font-size:var(--rentalo-small-font-size);
    font-weight:700;
    line-height:1.35;
}

.rentalo-step4-summary-table td,
.rentalo-step4-summary-table td span,
.rentalo-step4-summary-table td strong{
    font-size:var(--rentalo-small-font-size);
    font-weight:400;
    line-height:1.35;
}

.rentalo-step4-summary-table td:first-child{
    font-weight:400;
}

.rentalo-step4-summary-total-label,
.rentalo-step4-total-label,
.rentalo-step4-summary-total,
.rentalo-step4-summary-total strong,
.rentalo-step4-total-amount{
    font-size:var(--rentalo-font-size);
    font-weight:700;
}


/* 2.15.90 - Hinweis-Modal: sichtbarer Bestätigungsbutton. */

/* 2.15.87 - Mobile Basis-Control-Regeln aus Step3/Step4 zentralisiert. */
@media (max-width:767px){
    .rentalo-step1-hero,
    .rentalo-step1-inline-shell,
    .rentalo-frontend-wrap,
    .rentalo-ui-step2,
    .rentalo-ui-step3,
    .rentalo-ui-step4,
    .rentalo-ui-step3-shell,
    .rentalo-ui-step4-shell{
        font-size:calc(var(--rentalo-font-size,15px) + 1px);
    }

    .rentalo-step1-hero p,
    .rentalo-step1-inline-shell p,
    .rentalo-frontend-wrap p,
    .rentalo-ui-step2 p,
    .rentalo-ui-step3 p,
    .rentalo-ui-step4 p,
    .rentalo-ui-step3 span,
    .rentalo-ui-step4 span,
    .rentalo-ui-step3 small,
    .rentalo-ui-step4 small{
        font-size:calc(var(--rentalo-small-font-size,13px) + 1px);
    }

    

    .rentalo-submit-button,
    .rentalo-secondary-button,
    .rentalo-form-button,
    .rentalo-ui-btn,
    .rentalo-ui-step2-btn,
    .rentalo-step3-change-button,
    .rentalo-step4-discount-apply,
    .rentalo-back-button,
    .rentalo-ui-opening-hours-link,
    .rentalo-ui-step2-opening-hours-link{
        height:40px;
        min-height:40px;
        max-height:40px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        line-height:1;
        box-sizing:border-box;
    }

    .rentalo-submit-button.is-loading,
    .rentalo-secondary-button.is-loading,
    .rentalo-form-button.is-loading,
    .rentalo-ui-btn.is-loading,
    .rentalo-ui-step2-btn.is-loading,
    .rentalo-step4-discount-apply.is-loading{
        justify-content:center;
    }
}

/* 2.13.28 - Mobile Controls, Schatten und Step4 First Paint */


/* Shadows: nicht mehr am Card-Container abschneiden, nur innere Medien/Tabellen dürfen schneiden */
.rentalo-section-card,
.rentalo-ui-card,
.rentalo-ui-step3-card,
.rentalo-ui-step4-card,
.rentalo-side-card,
.rentalo-ui-step3-sidecard,
.rentalo-ui-step4-sidecard,
.rentalo-step3-details-card,
.rentalo-step4-details-card,
.rentalo-step4-section,
.rentalo-step4-summary-card,
.rentalo-booking-sidebar,
.rentalo-booking-main{
    overflow:visible;
}

.rentalo-section-card > *,
.rentalo-ui-step3-card > *,
.rentalo-ui-step4-card > *,
.rentalo-side-card > *,
.rentalo-ui-step3-sidecard > *,
.rentalo-ui-step4-sidecard > *,
.rentalo-step4-section > *,
.rentalo-step4-summary-card > *{
    position:relative;
}

.rentalo-vehicle-image,
.rentalo-step3-vehicle-image,
.rentalo-step4-vehicle-image,
.rentalo-vehicle-image img,
.rentalo-step3-vehicle-image img,
.rentalo-step4-vehicle-image img{
    overflow:hidden;
}

/* Dem Schatten rund um Cards festen Raum geben */
.rentalo-booking-layout,
.rentalo-ui-step3-shell,
.rentalo-ui-step4-shell,
.rentalo-step3-layout,
.rentalo-step4-layout{
    padding-bottom:18px;
}

/* Step4 Summary Table: finale Optik sofort erzwingen, keine erste Tabelle mit Innenrändern */
.rentalo-step4-summary-table,
.rentalo-step4-summary-table table{
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
    table-layout:fixed;
    border:0;
    background:transparent;
}

.rentalo-step4-summary-table th,
.rentalo-step4-summary-table td,
.rentalo-step4-summary-table tr{
    border-left:0;
    border-right:0;
    border-top:0;
    background:transparent;
    box-shadow:none;
}

.rentalo-step4-summary-table th,
.rentalo-step4-summary-table td{
    border-bottom:1px solid var(--rentalo-border,#d8e0ea);
    padding:10px 8px;
}

.rentalo-step4-summary-table tr:last-child td{
    border-bottom:0;
}

.rentalo-step4-summary-table th{
    font-weight:700;
}

.rentalo-step4-summary-table td{
    font-weight:400;
}


/* 2.15.87 - Ergänzende 2.13.29-Step3/Step4-Regeln zentralisiert. */
.rentalo-step-content,
.rentalo-step-inner,
.rentalo-booking-layout,
.rentalo-booking-sidebar,
.rentalo-booking-main,
.rentalo-ui-step3-shell,
.rentalo-ui-step4-shell,
.rentalo-step3-layout,
.rentalo-step4-layout{
    overflow:visible;
}
.rentalo-step4-discount-row,
.rentalo-step4-discount-form{
    align-items:center;
}
.rentalo-step4-discount-apply{
    justify-content:center;
}


/* 2.13.29 - To-do Abschluss: Step-Rail, Buttons, Preise, Schatten/Rundungen */
.rentalo-step-rail-item,
.rentalo-step-rail-item::before,
.rentalo-step-rail-item::after{
    background-image:none;
    box-shadow:none;
}

.rentalo-step4-discount-apply{
    font-weight:700;
    border-radius:var(--rentalo-button-radius);
}

.rentalo-choice-price strong,
.rentalo-ui-step3-choice-price strong,
.rentalo-option-switch-price strong,
.rentalo-group-price strong{
    font-size:max(15px, calc(var(--rentalo-price-font-size) - 2px));
    font-weight:600;
    line-height:1.18;
}

.rentalo-summary-total strong,
.rentalo-step4-summary-total strong,
.rentalo-step4-total-amount{
    font-size:var(--rentalo-price-font-size);
    font-weight:700;
}

.rentalo-option-switch-content p,
.rentalo-ui-step3-choice-content span,
.rentalo-ui-step3-choice-content small,
.rentalo-choice-content span,
.rentalo-choice-content small,
.rentalo-step4-help,
.rentalo-step4-description,
.rentalo-step4-section-description{
    color:color-mix(in srgb, var(--rentalo-text) 72%, #ffffff 28%);
    font-weight:400;
}

/* 2.13.30 - Final offene Punkte */
.rentalo-step-item,
.rentalo-step-item::before,
.rentalo-step-item::after,
.rentalo-step-link,
.rentalo-step-current,
.rentalo-step-link::before,
.rentalo-step-link::after,
.rentalo-step-current::before,
.rentalo-step-current::after,
.rentalo-step-rail-item,
.rentalo-step-rail-item::before,
.rentalo-step-rail-item::after{
    background-image:none;
    box-shadow:none;
    filter:none;
}

@media (min-width:768px){
    .rentalo-step-link,
    .rentalo-step-current,
    .rentalo-step-item,
    .rentalo-step-rail-item{
        font-size:17px;
        font-weight:700;
        min-height:42px;
    }
}

.rentalo-submit-button.is-selected{
    background:var(--rentalo-button-bg);
    border-color:var(--rentalo-button-bg);
    color:var(--rentalo-button-text);
}

.rentalo-submit-button.is-selected:hover,
.rentalo-submit-button.is-selected:focus{
    background:var(--rentalo-button-hover);
    border-color:var(--rentalo-button-hover);
    color:var(--rentalo-button-text);
}

.rentalo-ui-step4-shell .rentalo-summary-row,
.rentalo-ui-step4-shell .rentalo-summary-row span,
.rentalo-ui-step4-shell .rentalo-summary-row strong,
.rentalo-ui-step4-shell .rentalo-step4-summary-table th,
.rentalo-ui-step4-shell .rentalo-step4-summary-table td,
.rentalo-ui-step4-shell .rentalo-step4-summary-table td span,
.rentalo-ui-step4-shell .rentalo-step4-summary-table td strong{
    font-size:var(--rentalo-font-size);
}

.rentalo-ui-step4-shell .rentalo-summary-total,
.rentalo-ui-step4-shell .rentalo-summary-total span,
.rentalo-ui-step4-shell .rentalo-summary-total strong,
.rentalo-ui-step4-shell .rentalo-step4-summary-total,
.rentalo-ui-step4-shell .rentalo-step4-summary-total strong,
.rentalo-ui-step4-shell .rentalo-step4-total-amount{
    font-size:var(--rentalo-price-font-size);
}

/* Schatten außen sichtbar, Rundungen innen sauber */
.rentalo-step-content,
.rentalo-step-inner,
.rentalo-booking-layout,
.rentalo-booking-sidebar,
.rentalo-booking-main,
.rentalo-ui-step3-shell,
.rentalo-ui-step4-shell,
.rentalo-step3-layout,
.rentalo-step4-layout{
    overflow:visible !important;
}

.rentalo-section-card,
.rentalo-ui-card,
.rentalo-ui-step3-card,
.rentalo-ui-step4-card,
.rentalo-side-card,
.rentalo-ui-step3-sidecard,
.rentalo-ui-step4-sidecard,
.rentalo-step3-details-card,
.rentalo-step4-details-card,
.rentalo-step4-section,
.rentalo-step4-summary-card{
    overflow:hidden !important;
    border-radius:var(--rentalo-radius);
    box-shadow:var(--rentalo-shadow);
}

.rentalo-design-subtitle{
    margin:18px 0 10px;
    font-size:14px;
    font-weight:700;
    color:var(--rentalo-title,#1a2932);
}


/* 2.13.32 - Design-Audit Sofortkorrekturen */
.rentalo-step-item span{
    width:auto;
    height:auto;
    min-width:0;
    min-height:0;
    border-radius:0;
    background:transparent;
    background-image:none;
    box-shadow:none;
}

.rentalo-step-link,
.rentalo-step-current{
    background-image:none;
    box-shadow:none;
}

.rentalo-step-link::before,
.rentalo-step-link::after,
.rentalo-step-current::before,
.rentalo-step-current::after,
.rentalo-step-item span::before,
.rentalo-step-item span::after,
.rentalo-step-rail-item span::before,
.rentalo-step-rail-item span::after{
    content:none;
    display:none;
}


.rentalo-ui-step4-shell select,
.rentalo-ui-step4-shell .rentalo-form-select,
.rentalo-ui-step4-shell .rentalo-step4-field select{
    height:44px;
    min-height:44px;
    max-height:44px;
    line-height:normal;
    padding-top:0;
    padding-bottom:0;
    padding-left:16px;
    padding-right:38px;
    display:block;
    box-sizing:border-box;
    vertical-align:middle;
}

.rentalo-step4-price-table{
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
    table-layout:fixed;
    border:0;
    background:transparent;
}

.rentalo-step4-price-table th,
.rentalo-step4-price-table td,
.rentalo-step4-price-table tr{
    border-left:0;
    border-right:0;
    border-top:0;
    background:transparent;
    box-shadow:none;
}

.rentalo-step4-price-table th,
.rentalo-step4-price-table td{
    border-bottom:1px solid var(--rentalo-border,#d8e0ea);
    padding:10px 8px;
}


/* 2.15.99 - Selected-Button-Basis zentralisiert. */
.rentalo-frontend-shell,
.rentalo-frontend-wrap,
.rentalo-ui-step2,
.rentalo-ui-step2-shell,
.rentalo-step2-topbar,
.rentalo-group-list{
    --rentalo-selected-button-bg:var(--rentalo-button-bg, var(--rentalo-accent,#c20000));
    --rentalo-selected-button-text:var(--rentalo-button-text,#ffffff);
    --rentalo-selected-button-hover:var(--rentalo-button-hover,#9e0000);
}

.rentalo-submit-button.is-selected,
.rentalo-group-card .rentalo-submit-button.is-selected,
.rentalo-frontend-wrap .rentalo-submit-button.is-selected,
.rentalo-ui-step2 .rentalo-submit-button.is-selected,
.rentalo-ui-step2-shell .rentalo-submit-button.is-selected,
.rentalo-step2-topbar .rentalo-submit-button.is-selected{
    height:40px;
    min-height:40px;
    max-height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    line-height:1;
    background:var(--rentalo-button-bg);
    border-color:var(--rentalo-button-bg);
    color:var(--rentalo-button-text);
    background-image:none;
}

.rentalo-submit-button.is-selected:hover,
.rentalo-submit-button.is-selected:focus,
.rentalo-group-card .rentalo-submit-button.is-selected:hover,
.rentalo-group-card .rentalo-submit-button.is-selected:focus,
.rentalo-frontend-wrap .rentalo-submit-button.is-selected:hover,
.rentalo-frontend-wrap .rentalo-submit-button.is-selected:focus,
.rentalo-ui-step2 .rentalo-submit-button.is-selected:hover,
.rentalo-ui-step2 .rentalo-submit-button.is-selected:focus,
.rentalo-ui-step2-shell .rentalo-submit-button.is-selected:hover,
.rentalo-ui-step2-shell .rentalo-submit-button.is-selected:focus,
.rentalo-step2-topbar .rentalo-submit-button.is-selected:hover,
.rentalo-step2-topbar .rentalo-submit-button.is-selected:focus{
    background:var(--rentalo-button-hover);
    border-color:var(--rentalo-button-hover);
    color:var(--rentalo-button-text);
}

/* 2.13.33 - Step2 selected first load and step rail alignment */


.rentalo-step-item{
    display:flex;
    align-items:center;
    justify-content:center;
}

.rentalo-step-link,
.rentalo-step-current{
    width:100%;
    height:100%;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    line-height:1.15;
    padding:0 18px;
    box-sizing:border-box;
}

.rentalo-step-item:first-child .rentalo-step-link,
.rentalo-step-item:first-child .rentalo-step-current,
.rentalo-step-item:last-child .rentalo-step-link,
.rentalo-step-item:last-child .rentalo-step-current{
    justify-content:center;
    text-align:center;
}


/* 2.15.95 - Mietdauer-Optik zentralisiert. */
.rentalo-ui-rental-duration,
.rentalo-ui-step2-rental-duration,
.rentalo-frontend .rentalo-ui-rental-duration,
.rentalo-frontend .rentalo-ui-step2-rental-duration{
    color:var(--rentalo-primary,#006699);
    font-weight:700;
    font-size:inherit;
    line-height:1.1;
    margin:0 0 0 auto;
    padding-top:0;
    padding-bottom:0;
    text-align:right;
    white-space:nowrap;
}

/* 2.13.59 - Zeitraum und Verbrauch verwendet Theme-Standard-Schriftgröße. */
.rentalo-step3-period-row,
.rentalo-step3-period-row span,
.rentalo-step3-period-row strong{
    font-size:var(--rentalo-font-size);
    line-height:1.45;
}


/* WP Rentalo Lite 2.13.62 - Mietdauer an Öffnungszeiten-Optik und Step3-Textgröße angeglichen. */

.rentalo-frontend .rentalo-step3-period-card,
.rentalo-frontend .rentalo-step3-period-card p,
.rentalo-frontend .rentalo-step3-period-card span,
.rentalo-frontend .rentalo-step3-period-card strong,
.rentalo-frontend .rentalo-step3-period-row{
    font-size:inherit;
}

/* Step4: aufklappbare Datenbereiche */
.rentalo-step4-conditional-section[hidden] {
    display: none;
}

.rentalo-step4-conditional-section {
    margin-top: 6px;
    padding: 18px;
    border: 1px solid var(--rentalo-border, #dbe4ef);
    border-radius: 14px;
    background: var(--rentalo-soft-2, #f8fafc);
}

.rentalo-step4-subsection-head {
    margin: 0 0 14px;
}

.rentalo-step4-subsection-head h4 {
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 700;
}

.rentalo-step4-subsection-head p {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--rentalo-muted, #64748b);
}

/* Step4: mehrere Zusatzfahrer als kompakte Karten/Accordions. */
.rentalo-step4-drivers-section{
    display:block;
}
.rentalo-step4-driver-list{
    display:grid;
    gap:12px;
    margin:14px 0;
}
.rentalo-step4-driver-card{
    border:1px solid var(--rentalo-border, #dbe4ef);
    border-radius:14px;
    background:#fff;
    overflow:hidden;
}
.rentalo-step4-driver-summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    width:100%;
    padding:14px 16px;
    border:0;
    background:#fff;
    color:var(--rentalo-text, #24384a);
    text-align:left;
    cursor:pointer;
}
.rentalo-step4-driver-summary strong,
.rentalo-step4-driver-summary small{
    display:block;
}
.rentalo-step4-driver-summary strong{
    font-size:14px;
    font-weight:700;
}
.rentalo-step4-driver-summary small{
    margin-top:3px;
    font-size:13px;
    color:var(--rentalo-muted, #64748b);
}
.rentalo-step4-driver-summary em{
    font-style:normal;
    font-size:13px;
    font-weight:700;
    color:var(--rentalo-primary, #2563eb);
}
.rentalo-step4-driver-body{
    padding:16px;
    border-top:1px solid var(--rentalo-border, #dbe4ef);
    background:var(--rentalo-soft-2, #f8fafc);
}
.rentalo-step4-driver-actions{
    display:flex;
    justify-content:flex-end;
    margin-top:12px;
}
.rentalo-step4-add-driver,
.rentalo-step4-remove-driver{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:9px 14px;
    border-radius:12px;
    border:1px solid var(--rentalo-border, #dbe4ef);
    background:#fff;
    color:var(--rentalo-primary, #2563eb);
    font-weight:700;
    cursor:pointer;
}
.rentalo-step4-remove-driver{
    color:#b42318;
}


/* 2.13.70 - Zusatzfahrer-Karten geschlossen starten und Header-Hover korrigieren. */
.rentalo-step4-driver-summary em{
    color:var(--rentalo-primary, #2563eb);
}
.rentalo-step4-driver-summary:hover,
.rentalo-step4-driver-summary:focus{
    background:var(--rentalo-primary, #2563eb);
    color:#fff;
}
.rentalo-step4-driver-summary:hover strong,
.rentalo-step4-driver-summary:hover small,
.rentalo-step4-driver-summary:hover em,
.rentalo-step4-driver-summary:focus strong,
.rentalo-step4-driver-summary:focus small,
.rentalo-step4-driver-summary:focus em{
    color:#fff;
}

/* 2.13.76 - Step2: Uhrzeit-Auswahlpanel feldbreit. */


/* 2.14.23 - Bildvergrößerung für Mietobjektbilder in Step2 bis Step4. */
.rentalo-vehicle-image-button{
    display:block;
    width:100%;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
    text-align:inherit;
}
.rentalo-vehicle-image-button img{
    display:block;
    width:100%;
    height:auto;
}









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

/* 2.14.24 - Step-Navigation: Link- und Textfarbe auch ohne Link identisch und gut lesbar. */
.rentalo-frontend-wrap .rentalo-step-link,
.rentalo-frontend-wrap .rentalo-step-current{
    font-size:17px;
    font-weight:700;
    color:inherit;
    text-decoration:none;
}
.rentalo-frontend-wrap .rentalo-step-item:not(.is-active):not(.is-done),
.rentalo-frontend-wrap .rentalo-step-item:not(.is-active):not(.is-done) .rentalo-step-link,
.rentalo-frontend-wrap .rentalo-step-item:not(.is-active):not(.is-done) .rentalo-step-current{
    color:#1a2932;
}
.rentalo-frontend-wrap .rentalo-step-item.is-active,
.rentalo-frontend-wrap .rentalo-step-item.is-active .rentalo-step-link,
.rentalo-frontend-wrap .rentalo-step-item.is-active .rentalo-step-current,
.rentalo-frontend-wrap .rentalo-step-item.is-done,
.rentalo-frontend-wrap .rentalo-step-item.is-done .rentalo-step-link,
.rentalo-frontend-wrap .rentalo-step-item.is-done .rentalo-step-current{
    color:#fff;
}
.rentalo-frontend-wrap .rentalo-step-link:hover,
.rentalo-frontend-wrap .rentalo-step-link:focus{
    color:inherit;
    text-decoration:none;
}

/* 2.14.24 - Mietobjektbilder: kein blauer Hover-Hintergrund auf Bildbuttons. */
.rentalo-frontend-wrap .rentalo-vehicle-image-button:hover,
.rentalo-frontend-wrap .rentalo-vehicle-image-button:focus,
.rentalo-frontend-wrap .rentalo-vehicle-image-button:active{
    background:transparent;
    border-color:transparent;
    box-shadow:none;
    outline:none;
}
.rentalo-frontend-wrap .rentalo-vehicle-image-button:hover img,
.rentalo-frontend-wrap .rentalo-vehicle-image-button:focus img{
    filter:none;
    opacity:1;
}

/* 2.14.25 - Stepnavigation und Bildmodal nachkorrigieren. */
.rentalo-step-item:not(.is-active) .rentalo-step-link,
.rentalo-step-item:not(.is-active) .rentalo-step-current{
    color:#1a2932;
}
.rentalo-step-item.is-active .rentalo-step-link,
.rentalo-step-item.is-active .rentalo-step-current{
    color:#fff;
}
.rentalo-step-item::before{
    border-left-color:transparent;
}
.rentalo-vehicle-image-button,
.rentalo-vehicle-image-button:hover,
.rentalo-vehicle-image-button:focus,
.rentalo-vehicle-image-button:focus-visible{
    background:transparent;
    box-shadow:none;
    outline:none;
}
.rentalo-vehicle-image-button:hover img,
.rentalo-vehicle-image-button:focus img,
.rentalo-vehicle-image-button:focus-visible img{
    opacity:1;
    filter:none;
}

/* 2.14.26 - Step-Navigation: Nur der aktive Schritt hat weißen Text; Trenndreiecke nicht mit weißem Hintergrund ausstanzen. */
.rentalo-frontend-wrap .rentalo-step-item:not(.is-active),
.rentalo-frontend-wrap .rentalo-step-item:not(.is-active) .rentalo-step-link,
.rentalo-frontend-wrap .rentalo-step-item:not(.is-active) .rentalo-step-current{
    color:#1a2932;
}
.rentalo-frontend-wrap .rentalo-step-item.is-active,
.rentalo-frontend-wrap .rentalo-step-item.is-active .rentalo-step-link,
.rentalo-frontend-wrap .rentalo-step-item.is-active .rentalo-step-current{
    color:#fff;
}
.rentalo-frontend-wrap .rentalo-step-item::before{
    display:none;
    border:0;
}
.rentalo-frontend-wrap .rentalo-step-item::after{
    border-left-color:var(--rentalo-step-bg);
}


/* 2.14.29 - Finaler Step-Navigation-Aufbau: volle Modulbreite, spitze Pfeile, mobile Passung. */
.rentalo-frontend-wrap .rentalo-step-rail{
    --rentalo-step-height:42px;
    --rentalo-step-arrow:25px;
    --rentalo-step-bg:var(--rentalo-step-inactive-bg, #d9d9d9);
    --rentalo-step-text:var(--rentalo-step-inactive-text, #1a2932);
    width:100%;
    max-width:1000px;
    margin:0 auto 24px;
    padding:0 var(--rentalo-step-arrow) 0 0;
    box-sizing:border-box;
    overflow:visible;
}
.rentalo-frontend-wrap .rentalo-step-list{
    width:100%;
    max-width:100%;
    display:flex;
    align-items:stretch;
    gap:0;
    margin:0;
    padding:0;
    list-style:none;
    overflow:visible;
}
.rentalo-frontend-wrap .rentalo-step-item{
    --rentalo-step-bg:var(--rentalo-step-inactive-bg, #d9d9d9);
    --rentalo-step-text:var(--rentalo-step-inactive-text, #1a2932);
    position:relative;
    flex:1 1 0;
    min-width:0;
    height:var(--rentalo-step-height);
    min-height:var(--rentalo-step-height);
    margin:0;
    padding:0;
    display:block;
    background:var(--rentalo-step-bg);
    color:var(--rentalo-step-text);
    overflow:visible;
    z-index:1;
}
.rentalo-frontend-wrap .rentalo-step-item + .rentalo-step-item{
    margin-left:0;
}
.rentalo-frontend-wrap .rentalo-step-item.is-done{
    --rentalo-step-bg:var(--rentalo-step-inactive-bg, #d9d9d9);
    --rentalo-step-text:var(--rentalo-step-inactive-text, #1a2932);
}
.rentalo-frontend-wrap .rentalo-step-item.is-active{
    --rentalo-step-bg:var(--rentalo-step-active-bg, var(--rentalo-button-bg, var(--rentalo-accent,#c20000)));
    --rentalo-step-text:var(--rentalo-step-active-text, var(--rentalo-button-text, #ffffff));
    z-index:10;
}
.rentalo-frontend-wrap .rentalo-step-item::before,
.rentalo-frontend-wrap .rentalo-step-item::after{
    content:"";
    position:absolute;
    top:0;
    width:0;
    height:0;
    border-top:calc(var(--rentalo-step-height) / 2) solid transparent;
    border-bottom:calc(var(--rentalo-step-height) / 2) solid transparent;
    pointer-events:none;
}
.rentalo-frontend-wrap .rentalo-step-item::before{
    left:0;
    border-left:var(--rentalo-step-arrow) solid var(--rentalo-step-cutout-bg, var(--rentalo-page-bg, #eef6fb));
    z-index:2;
}
.rentalo-frontend-wrap .rentalo-step-item:first-child::before{
    content:none;
}
.rentalo-frontend-wrap .rentalo-step-item::after{
    right:calc(var(--rentalo-step-arrow) * -1);
    border-left:var(--rentalo-step-arrow) solid var(--rentalo-step-bg);
    z-index:3;
}
.rentalo-frontend-wrap .rentalo-step-item:last-child::after{
    content:none;
}
.rentalo-frontend-wrap .rentalo-step-link,
.rentalo-frontend-wrap .rentalo-step-current{
    position:relative;
    z-index:4;
    width:100%;
    height:var(--rentalo-step-height);
    min-height:var(--rentalo-step-height);
    padding:0 22px 0 34px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--rentalo-step-text);
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:clip;
    font-size:17px;
    font-weight:700;
    line-height:1;
    text-decoration:none;
    box-sizing:border-box;
}
.rentalo-frontend-wrap .rentalo-step-item:first-child .rentalo-step-link,
.rentalo-frontend-wrap .rentalo-step-item:first-child .rentalo-step-current{
    padding-left:18px;
}
.rentalo-frontend-wrap .rentalo-step-item:last-child .rentalo-step-link,
.rentalo-frontend-wrap .rentalo-step-item:last-child .rentalo-step-current{
    padding-right:18px;
}
.rentalo-frontend-wrap .rentalo-step-link:hover,
.rentalo-frontend-wrap .rentalo-step-link:focus{
    color:var(--rentalo-step-text);
    text-decoration:none;
    outline:0;
}
.rentalo-frontend-wrap .rentalo-step-link:focus-visible{
    box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--rentalo-focus, var(--rentalo-focus,#ffc900)) 70%, transparent);
}
@media (max-width:760px){
    .rentalo-frontend-wrap .rentalo-step-rail{
        --rentalo-step-height:36px;
        --rentalo-step-arrow:14px;
        width:100%;
        max-width:100%;
        margin:0 auto 18px;
        padding:0 var(--rentalo-step-arrow) 0 0;
    }
    .rentalo-frontend-wrap .rentalo-step-link,
    .rentalo-frontend-wrap .rentalo-step-current{
        padding:0 5px 0 15px;
        font-size:12px;
        letter-spacing:-.2px;
    }
    .rentalo-frontend-wrap .rentalo-step-item:first-child .rentalo-step-link,
    .rentalo-frontend-wrap .rentalo-step-item:first-child .rentalo-step-current{
        padding-left:6px;
    }
    .rentalo-frontend-wrap .rentalo-step-item:last-child .rentalo-step-link,
    .rentalo-frontend-wrap .rentalo-step-item:last-child .rentalo-step-current{
        padding-right:3px;
    }
}
@media (max-width:420px){
    .rentalo-frontend-wrap .rentalo-step-rail{
        --rentalo-step-height:34px;
        --rentalo-step-arrow:12px;
    }
    .rentalo-frontend-wrap .rentalo-step-link,
    .rentalo-frontend-wrap .rentalo-step-current{
        padding:0 3px 0 12px;
        font-size:11px;
        letter-spacing:-.35px;
    }
    .rentalo-frontend-wrap .rentalo-step-item:first-child .rentalo-step-link,
    .rentalo-frontend-wrap .rentalo-step-item:first-child .rentalo-step-current{
        padding-left:4px;
    }
    .rentalo-frontend-wrap .rentalo-step-item:last-child .rentalo-step-link,
    .rentalo-frontend-wrap .rentalo-step-item:last-child .rentalo-step-current{
        padding-right:2px;
    }
}

/* 2.14.30 - Einfache, robuste Step-Navigation mit Zahlen-Badges statt Pfeilen. */
.rentalo-frontend-wrap .rentalo-step-rail.rentalo-step-rail--badges{
    width:100%;
    max-width:1000px;
    margin:0 auto 24px;
    padding:0;
    overflow:visible;
    box-sizing:border-box;
}
.rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-list{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:10px;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
}
.rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-item{
    position:relative;
    display:block;
    height:auto;
    min-height:0;
    margin:0;
    padding:0;
    background:transparent;
    color:var(--rentalo-step-inactive-text, #1a2932);
    overflow:visible;
    z-index:auto;
}
.rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-item::before,
.rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-item::after{
    content:none;
    display:none;
}
.rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-link,
.rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-current{
    width:100%;
    min-height:44px;
    height:auto;
    padding:8px 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:1px solid var(--rentalo-border, #d7e2ee);
    border-radius:14px;
    background:var(--rentalo-step-inactive-bg, #e5e5e5);
    color:var(--rentalo-step-inactive-text, #1a2932);
    font-size:15px;
    font-weight:700;
    line-height:1.2;
    text-align:center;
    text-decoration:none;
    white-space:normal;
    overflow:visible;
    box-sizing:border-box;
    transition:background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-item.is-active .rentalo-step-link,
.rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-item.is-active .rentalo-step-current{
    border-color:var(--rentalo-step-active-bg, var(--rentalo-button-bg, var(--rentalo-accent,#c20000)));
    background:var(--rentalo-step-active-bg, var(--rentalo-button-bg, var(--rentalo-accent,#c20000)));
    color:var(--rentalo-step-active-text, var(--rentalo-button-text, #ffffff));
}
.rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-number{
    flex:0 0 auto;
    width:24px;
    height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#ffffff;
    color:var(--rentalo-step-inactive-text, #1a2932);
    font-size:13px;
    font-weight:800;
    line-height:1;
}
.rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-item.is-active .rentalo-step-number{
    background:var(--rentalo-step-active-text, var(--rentalo-button-text, #ffffff));
    color:var(--rentalo-step-active-bg, var(--rentalo-button-bg, var(--rentalo-accent,#c20000)));
}
.rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-label{
    min-width:0;
    font-weight:700;
}
.rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-link:hover,
.rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-link:focus{
    color:var(--rentalo-step-inactive-text, #1a2932);
    text-decoration:none;
    border-color:var(--rentalo-focus, var(--rentalo-focus,#ffc900));
    box-shadow:0 0 0 3px rgba(255,201,0,.26);
    outline:0;
}
.rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-item.is-active .rentalo-step-link:hover,
.rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-item.is-active .rentalo-step-link:focus{
    color:var(--rentalo-step-active-text, var(--rentalo-button-text, #ffffff));
}
@media (max-width:760px){
    .rentalo-frontend-wrap .rentalo-step-rail.rentalo-step-rail--badges{
        width:100%;
        max-width:100%;
        margin:0 auto 18px;
        padding:0;
    }
    .rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-list{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:8px;
    }
    .rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-link,
    .rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-current{
        min-height:40px;
        padding:7px 8px;
        gap:6px;
        border-radius:12px;
        font-size:13px;
        letter-spacing:0;
    }
    .rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-number{
        width:22px;
        height:22px;
        font-size:12px;
    }
}
@media (max-width:420px){
    .rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-list{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:7px;
    }
    .rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-link,
    .rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-current{
        min-height:38px;
        padding:6px;
        font-size:12px;
    }
    .rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-number{
        width:20px;
        height:20px;
        font-size:11px;
    }
}



/* 2.14.60 - Frontend-Selects niedriger als Textfelder halten. */
.rentalo-frontend-wrap.rentalo-frontend-wrap select.rentalo-option-quantity-select{
    height:30px;
    min-height:30px;
    max-height:30px;
    padding-top:0;
    padding-bottom:0;
    line-height:30px;
}


/* 2.14.63 - Keep removed additional-driver add button hidden if legacy markup exists */
.rentalo-step4-add-driver,
.rentalo-step4-add-driver[hidden]{display:none;}

/* 2.14.70 - Objektname in Step2/Step3/Step4 zentral an Design > Schriften > Objektname-Schriftgröße binden. */
.rentalo-frontend-wrap .rentalo-ui-step2-content h4,
.rentalo-frontend-wrap .rentalo-step3-vehicle-body h3,
.rentalo-frontend-wrap .rentalo-step4-vehicle-body h3{
    font-size:var(--rentalo-heading-size,21px);
}

/* 2.14.75 - Step3 Optionen: Optionskarten nur mit unterer Trennlinie, kein Auswahl-/Pflicht-Außenrahmen. */
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card:hover,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card:focus,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card:focus-within,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card.is-selected,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card.is-selected:hover,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card.is-selected:focus,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card.is-selected:focus-within,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card.is-required,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card.is-required:hover,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card.is-required:focus,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card.is-required:focus-within,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card.is-selected.is-required,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card.is-selected.is-required:hover,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card.is-selected.is-required:focus,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card.is-selected.is-required:focus-within{
    border-width:0 0 1px 0;
    border-style:solid;
    border-color:var(--rentalo-step-divider, rgba(172,172,172,.35));
    outline:0;
    box-shadow:none;
    transform:none;
    border-radius:0;
    background:transparent;
}

.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card:last-child,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card:last-child:hover,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card:last-child:focus,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card:last-child:focus-within,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card:last-child.is-selected,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card:last-child.is-required{
    border-bottom-width:0;
}

.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card::before,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card::after,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card:hover::before,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card:hover::after,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card.is-selected::before,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card.is-selected::after,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card.is-required::before,
.rentalo-ui-step3-shell .rentalo-step3-options-list .rentalo-option-switch-card.is-required::after{
    content:none;
    display:none;
    border:0;
    background:none;
    box-shadow:none;
}

/* 2.14.77 - Finale Frontend-Ergänzungen für Step3/Step4 Designpunkte. */
@media (min-width: 900px){
    .rentalo-ui-step3-layout .rentalo-ui-step3-sidebar,
    .rentalo-ui-step4-layout .rentalo-ui-step4-sidebar{
        position:sticky;
        top:24px;
        align-self:flex-start;
    }
}
.rentalo-ui-step3-shell .rentalo-summary-list .rentalo-summary-total{
    border-top:0;
    padding-top:0;
    margin-top:0;
}
.rentalo-ui-step3-shell .rentalo-summary-list .rentalo-summary-row:has(+ .rentalo-summary-total){
    border-bottom:0;
}
.rentalo-ui-step4-shell .rentalo-step4-radio-label,
.rentalo-ui-step4-shell .rentalo-step4-salutation-field > .rentalo-step4-radio-label{
    font-size:var(--rentalo-label-size,11px);
}
.rentalo-ui-step3-shell .rentalo-step3-change-button{
    background:var(--rentalo-step3-change-button-bg,var(--rentalo-button-bg,#c20000));
    border-color:var(--rentalo-step3-change-button-bg,var(--rentalo-button-bg,#c20000));
    color:var(--rentalo-step3-change-button-text,var(--rentalo-button-text,#ffffff));
    transform:none;
    box-shadow:none;
}
.rentalo-ui-step3-shell .rentalo-step3-change-button:hover,
.rentalo-ui-step3-shell .rentalo-step3-change-button:focus{
    background:var(--rentalo-step3-change-button-hover,var(--rentalo-button-hover,#9e0000));
    border-color:var(--rentalo-step3-change-button-hover,var(--rentalo-button-hover,#9e0000));
    color:var(--rentalo-step3-change-button-hover-text,var(--rentalo-button-hover-text,#ffffff));
    transform:none;
    box-shadow:none;
}
.rentalo-ui-step4-shell .rentalo-step4-vehicle-summary .rentalo-step4-details-total{
    display:flex;
    justify-content:space-between;
    gap:10px;
    align-items:center;
    margin-top:8px;
    padding-top:8px;
    border-top:1px solid var(--rentalo-border,#acacac);
    color:var(--rentalo-text,#1a2932);
    font-size:calc(var(--rentalo-font-size,15px) + 2px);
    line-height:1.35;
}
.rentalo-ui-step4-shell .rentalo-step4-vehicle-summary .rentalo-step4-details-total b,
.rentalo-ui-step4-shell .rentalo-step4-vehicle-summary .rentalo-step4-details-total strong{
    font-size:calc(var(--rentalo-font-size,15px) + 2px);
    font-weight:700;
}
.rentalo-ui-step4-shell .rentalo-step4-vehicle-summary .rentalo-step4-details-total strong{
    color:var(--rentalo-price,#c20000);
    text-align:right;
}

/* 2.14.77 - Step3 Preisübersicht-Gesamt 2px größer als Standardschrift. */
.rentalo-ui-step3-shell .rentalo-summary-list .rentalo-summary-total span,
.rentalo-ui-step3-shell .rentalo-summary-list .rentalo-summary-total strong{
    font-size:calc(var(--rentalo-font-size,15px) + 2px);
    font-weight:700;
}

/* 2.14.78 - Finale Frontend-Overrides: Step3 Gesamtlinie/Preisfarbe, Sticky-Abstand 20px, Step4 Preisübersicht-Spalten. */
@media (min-width: 900px){
    .rentalo-ui-step3-layout .rentalo-ui-step3-sidebar,
    .rentalo-ui-step4-layout .rentalo-ui-step4-sidebar{
        top:20px;
    }
}
.rentalo-ui-step3-shell .rentalo-summary-list .rentalo-summary-row:has(+ .rentalo-summary-total){
    border-bottom:1px solid var(--rentalo-border,#d8e0ea);
}
.rentalo-ui-step3-shell .rentalo-summary-list .rentalo-summary-total{
    border-top:0;
    margin-top:0;
    padding-top:10px;
}

.rentalo-ui-step3-shell .rentalo-summary-list .rentalo-summary-total strong{
    color:var(--rentalo-price,#c20000);
}
.rentalo-ui-step4-shell .rentalo-step4-price-table,
.rentalo-ui-step4-shell .rentalo-step4-price-table table{
    table-layout:fixed;
}
.rentalo-ui-step4-shell .rentalo-step4-price-table th,
.rentalo-ui-step4-shell .rentalo-step4-price-table td{
    padding-left:6px;
    padding-right:6px;
}
.rentalo-ui-step4-shell .rentalo-step4-price-table th:nth-child(1),
.rentalo-ui-step4-shell .rentalo-step4-price-table td:nth-child(1){
    width:34%;
}
.rentalo-ui-step4-shell .rentalo-step4-price-table th:nth-child(2),
.rentalo-ui-step4-shell .rentalo-step4-price-table td:nth-child(2){
    width:9%;
    text-align:center;
}
.rentalo-ui-step4-shell .rentalo-step4-price-table th:nth-child(3),
.rentalo-ui-step4-shell .rentalo-step4-price-table td:nth-child(3),
.rentalo-ui-step4-shell .rentalo-step4-price-table th:nth-child(4),
.rentalo-ui-step4-shell .rentalo-step4-price-table td:nth-child(4),
.rentalo-ui-step4-shell .rentalo-step4-price-table th:nth-child(5),
.rentalo-ui-step4-shell .rentalo-step4-price-table td:nth-child(5),
.rentalo-ui-step4-shell .rentalo-step4-price-table th:nth-child(6),
.rentalo-ui-step4-shell .rentalo-step4-price-table td:nth-child(6){
    width:14.25%;
    text-align:right;
}

/* 2.14.79 - Finale Frontend-Overrides: Step3 Preisübersicht normal/fett und Sticky-Abstand über Design-Variable. */
.rentalo-ui-step3-shell .rentalo-summary-list .rentalo-summary-row:not(.rentalo-summary-total) strong{
    font-weight:400;
    color:var(--rentalo-text,#273b48);
}
.rentalo-ui-step3-shell .rentalo-summary-list .rentalo-summary-total strong{
    font-weight:700;
    color:var(--rentalo-price,#c20000);
}
@media (min-width:900px){
    .rentalo-ui-step3-layout .rentalo-ui-step3-sidebar,
    .rentalo-ui-step4-layout .rentalo-ui-step4-sidebar{
        top:var(--rentalo-sticky-sidebar-offset,100px);
    }
}


/* 2.14.85 - Step3/Step4 Ladezustand gegen sichtbaren UI-Aufbau. */
.rentalo-ui-step3-shell.is-step-loading,
.rentalo-ui-step4-shell.is-step-loading{
    position:relative;
    min-height:260px;
}
.rentalo-ui-step3-shell.is-step-loading > .rentalo-frontend-shell,
.rentalo-ui-step4-shell.is-step-loading > .rentalo-frontend-shell{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}
.rentalo-step-loading-indicator{
    display:none;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:220px;
    color:var(--rentalo-text,#1a2932);
    font-size:var(--rentalo-font-size,15px);
    font-weight:600;
}
.rentalo-ui-step3-shell.is-step-loading > .rentalo-step-loading-indicator,
.rentalo-ui-step4-shell.is-step-loading > .rentalo-step-loading-indicator{
    display:flex;
}
.rentalo-step-loading-spinner{
    width:20px;
    height:20px;
    border:3px solid var(--rentalo-border,#d8e0ea);
    border-top-color:var(--rentalo-primary,var(--rentalo-blue,#006699));
    border-radius:50%;
    animation:rentalo-step-loading-spin .75s linear infinite;
}
@keyframes rentalo-step-loading-spin{
    to{transform:rotate(360deg);}
}

/* 2.14.87 - Zentrale mobile Mindestlesbarkeit für Step3/Step4 ohne Admin-Farben zu überschreiben. */
@media (max-width: 767px){
    .rentalo-ui-step3-shell,
    .rentalo-ui-step4-shell{
        -webkit-text-size-adjust:100%;
        text-size-adjust:100%;
    }
}


/* 2.14.88 - Mobile: Zeitraum-Werte gleich groß wie Labels und Angaben-ändern zentrieren. */
@media (max-width: 767px){
    .rentalo-ui-step3-shell .rentalo-step3-period-row span,
    .rentalo-ui-step3-shell .rentalo-step3-period-row strong{
        font-size:max(var(--rentalo-small-font-size, 13px), 12px);
        line-height:1.4;
    }

    .rentalo-ui-step3-shell .rentalo-step3-period-column-action{
        display:flex;
        justify-content:center;
        width:100%;
    }

    .rentalo-ui-step3-shell .rentalo-step3-change-button{
        width:auto;
        margin-left:auto;
        margin-right:auto;
    }
}

/* 2.15.51 - Einheitliches Frontend-Loading-Markup und Admin-Tarifdetails-Modal. */
.rentalo-frontend-wrap .rentalo-submit-button.is-loading,
.rentalo-frontend-wrap .rentalo-secondary-button.is-loading,
.rentalo-frontend-wrap .rentalo-form-button.is-loading,
.rentalo-frontend-wrap .rentalo-ui-btn.is-loading,
.rentalo-frontend-wrap .rentalo-ui-step2-btn.is-loading,
.rentalo-frontend-wrap .rentalo-step4-discount-apply.is-loading{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-weight:var(--rentalo-button-weight,700);
}
.rentalo-frontend-wrap .rentalo-spinner{
    width:16px;
    height:16px;
    border:2px solid currentColor;
    border-right-color:transparent;
    border-radius:50%;
    display:inline-block;
    flex:0 0 auto;
    animation:rentalo-spin .75s linear infinite;
}
.rentalo-frontend-wrap .rentalo-ui-step2-btn--icon.is-loading{
    justify-content:center;
}
.rentalo-frontend-wrap .rentalo-ui-step2-btn--icon.is-loading .rentalo-loading-text{
    display:none;
}
.rentalo-step2-title-with-debug,
.rentalo-step3-title-with-debug{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-width:0;
}
.rentalo-tariff-debug-button{
    width:20px;
    height:20px;
    min-width:20px;
    padding:0;
    border:1px solid var(--rentalo-border,#d6e0ec);
    border-radius:999px;
    background:#fff;
    color:var(--rentalo-primary,#006699);
    font-size:12px;
    font-weight:700;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
.rentalo-tariff-debug-button:hover,
.rentalo-tariff-debug-button:focus{
    border-color:var(--rentalo-primary,#006699);
    color:var(--rentalo-primary,#006699);
    outline:0;
}


.rentalo-tariff-debug-dialog{
    width:min(520px,100%);
    max-height:calc(100vh - 64px);
    overflow:auto;
    border-radius:18px;
    background:#fff;
    border:1px solid var(--rentalo-border,#d6e0ec);
    box-shadow:0 22px 60px rgba(15,26,42,.24);
}
.rentalo-tariff-debug-head{
    position:relative;
    padding:18px 52px 14px 18px;
    border-bottom:1px solid var(--rentalo-border,#d6e0ec);
}
.rentalo-tariff-debug-eyebrow{
    display:block;
    margin:0 0 4px;
    color:var(--rentalo-muted,#66778a);
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.rentalo-tariff-debug-head h3{
    margin:0;
    color:var(--rentalo-title,#1b2b44);
    font-size:20px;
    line-height:1.2;
}
.rentalo-tariff-debug-close{
    position:absolute;
    top:16px;
    right:16px;
    width:30px;
    height:30px;
    padding:0;
    border:1px solid var(--rentalo-border,#d6e0ec);
    border-radius:999px;
    background:#fff;
    color:var(--rentalo-text,#1b2b44);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
.rentalo-tariff-debug-body{
    padding:14px;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.rentalo-tariff-debug-section{
    border:1px solid var(--rentalo-border,#d6e0ec);
    border-radius:14px;
    background:#fff;
}
.rentalo-tariff-debug-kpis{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    border:none;
    background:transparent;
}
.rentalo-tariff-debug-kpi{
    padding:10px;
    border:none;
    border-radius:12px;
    background:#f8fbff;
}
.rentalo-tariff-debug-kpi span{
    display:block;
    margin-bottom:4px;
    color:var(--rentalo-muted,#66778a);
    font-size:12px;
    font-weight:700;
}
.rentalo-tariff-debug-kpi strong{
    color:var(--rentalo-primary,#006699);
    font-size:15px;
}
.rentalo-tariff-debug-section{
    padding:12px;
}
.rentalo-tariff-debug-section h4{
    margin:0 0 10px;
    font-size:14px;
    font-weight:700;
    color:var(--rentalo-title,#1b2b44);
}
.rentalo-tariff-debug-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,max-content);
    gap:12px;
    padding:5px 0;
    color:var(--rentalo-text,#1b2b44);
    font-size:13px;
}
.rentalo-tariff-debug-row span{
    color:var(--rentalo-muted,#66778a);
}
.rentalo-tariff-debug-row strong{
    text-align:right;
    font-weight:700;
}
@media (max-width:767px){
    .rentalo-tariff-debug-kpis{grid-template-columns:1fr;}
}


/* 2.15.53 - Admin-Info-Icons im Frontend ohne Hover-Effekt. */
.rentalo-frontend-wrap .rentalo-tariff-debug-button:hover,
.rentalo-frontend-wrap .rentalo-tariff-debug-button:focus{
    border-color:var(--rentalo-border,#d6e0ec);
    background:#fff;
    color:var(--rentalo-primary,#006699);
    box-shadow:none;
    transform:none;
    outline:0;
}

/* 2.15.54 - Tarifdetails-Modal über alle Step-Elemente und Cards legen. */

.rentalo-tariff-debug-dialog{
    position:relative;
    z-index:1;
}

/* 2.15.55 - Gemeinsame Modal-/Button-Korrekturen. */
.rentalo-frontend-wrap .rentalo-submit-button.is-loading,
.rentalo-frontend-wrap .rentalo-secondary-button.is-loading,
.rentalo-frontend-wrap .rentalo-form-button.is-loading,
.rentalo-frontend-wrap .rentalo-ui-btn.is-loading,
.rentalo-frontend-wrap .rentalo-ui-step2-btn.is-loading,
.rentalo-frontend-wrap .rentalo-step4-discount-apply.is-loading{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}




.rentalo-opening-hours-overview{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-top:12px;
}
.rentalo-opening-hours-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) max-content;
    gap:6px 12px;
    align-items:baseline;
    padding:8px 0;
    border-bottom:1px solid var(--rentalo-border,#d6e0ec);
}
.rentalo-opening-hours-row:last-child{border-bottom:0;}
.rentalo-opening-hours-row span{font-weight:700;color:var(--rentalo-title,#1b2b44);}
.rentalo-opening-hours-row strong{font-weight:700;color:var(--rentalo-text,#1b2b44);}
.rentalo-opening-hours-row small{grid-column:1 / -1;color:var(--rentalo-muted,#66778a);}




/* 2.15.83 - Gemeinsame Frontend-Feldhöhen zentralisiert. */




/* 2.15.56 - Loading-Inhalt in Buttons exakt mittig halten. */
.rentalo-frontend-wrap .rentalo-submit-button.is-loading,
.rentalo-frontend-wrap .rentalo-secondary-button.is-loading,
.rentalo-frontend-wrap .rentalo-form-button.is-loading,
.rentalo-frontend-wrap .rentalo-ui-btn.is-loading,
.rentalo-frontend-wrap .rentalo-ui-step2-btn.is-loading,
.rentalo-frontend-wrap .rentalo-step4-discount-apply.is-loading,
.rentalo-frontend .rentalo-submit-button.is-loading,
.rentalo-frontend .rentalo-secondary-button.is-loading,
.rentalo-frontend .rentalo-form-button.is-loading,
.rentalo-frontend .rentalo-ui-btn.is-loading,
.rentalo-frontend .rentalo-ui-step2-btn.is-loading,
.rentalo-frontend .rentalo-step4-discount-apply.is-loading{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}
.rentalo-frontend-wrap .rentalo-button-loading-inner,
.rentalo-frontend .rentalo-button-loading-inner{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    min-width:0;
    line-height:1;
    font-weight:inherit;
}
.rentalo-frontend-wrap .rentalo-spinner,
.rentalo-frontend-wrap .rentalo-ui-btn-spinner,
.rentalo-frontend-wrap .rentalo-ui-step2-btn-spinner,
.rentalo-frontend .rentalo-spinner,
.rentalo-frontend .rentalo-ui-btn-spinner,
.rentalo-frontend .rentalo-ui-step2-btn-spinner{
    flex:0 0 auto;
}

/* 2.15.56 - Modal-Schließen-Buttons optisch mittig ausrichten. */



/* 2.15.85 - Gemeinsame Basis-Typografie für Step3/Step4 zentralisiert. */
.rentalo-step1-hero,
.rentalo-step1-inline-shell,
.rentalo-frontend-wrap,
.rentalo-ui-step2,
.rentalo-ui-step3,
.rentalo-ui-step4,
.rentalo-ui-step3-shell,
.rentalo-ui-step4-shell{
    font-size:var(--rentalo-font-size,15px);
    font-weight:400;
    line-height:1.45;
}
.rentalo-step1-hero p,
.rentalo-step1-inline-shell p,
.rentalo-frontend-wrap p,
.rentalo-ui-step2 p,
.rentalo-ui-step3 p,
.rentalo-ui-step4 p,
.rentalo-ui-step3 span,
.rentalo-ui-step4 span,
.rentalo-ui-step3 small,
.rentalo-ui-step4 small,
.rentalo-group-meta p,
.rentalo-option-switch-content p,
.rentalo-ui-step3-choice-content span,
.rentalo-ui-step3-choice-content small,
.rentalo-choice-content span,
.rentalo-choice-content small,
.rentalo-step4-help,
.rentalo-step4-description,
.rentalo-step4-section-description{
    font-size:var(--rentalo-small-font-size,13px);
    font-weight:400;
    line-height:1.45;
}
.rentalo-submit-button,
.rentalo-secondary-button,
.rentalo-form-button,
.rentalo-ui-btn,
.rentalo-ui-step2-btn,
.rentalo-step3-change-button,
.rentalo-step4-discount-apply,
.rentalo-back-button{
    font-size:var(--rentalo-button-font-size,15px);
    font-weight:700;
    line-height:1;
}



/* 2.15.98 - Step3 Options-Anzahlfeld bleibt aktiv klickbar. */
.rentalo-step3-option-row .rentalo-option-quantity-select{
    pointer-events:auto;
}

/* 2.15.85 - Options-Anzahlfelder zentral, weiterhin 30px statt Standardfeldhöhe. */


/* 2.15.82 - Gemeinsame Preis-/Choice-Gewichtungen für Step3/Step4. */
.rentalo-ui-step3-shell .rentalo-ui-step3-choice-content strong,
.rentalo-ui-step4-shell .rentalo-ui-step3-choice-content strong,
.rentalo-ui-step3-shell .rentalo-choice-content strong,
.rentalo-ui-step4-shell .rentalo-choice-content strong,
.rentalo-ui-step3-shell .rentalo-option-switch-title strong,
.rentalo-ui-step4-shell .rentalo-option-switch-title strong,
.rentalo-ui-step3-shell .rentalo-step4-summary-table th,
.rentalo-ui-step4-shell .rentalo-step4-summary-table th,
.rentalo-ui-step3-shell .rentalo-step4-summary-total-label,
.rentalo-ui-step4-shell .rentalo-step4-summary-total-label,
.rentalo-ui-step3-shell .rentalo-step4-total-label,
.rentalo-ui-step4-shell .rentalo-step4-total-label,
.rentalo-ui-step3-shell .rentalo-step4-summary-total,
.rentalo-ui-step4-shell .rentalo-step4-summary-total,
.rentalo-ui-step3-shell .rentalo-step4-summary-total strong,
.rentalo-ui-step4-shell .rentalo-step4-summary-total strong{
    font-weight:700;
}
.rentalo-ui-step3-shell .rentalo-step4-summary-table td,
.rentalo-ui-step4-shell .rentalo-step4-summary-table td,
.rentalo-ui-step3-shell .rentalo-step4-summary-table td span,
.rentalo-ui-step4-shell .rentalo-step4-summary-table td span,
.rentalo-ui-step3-shell .rentalo-step4-summary-table td strong,
.rentalo-ui-step4-shell .rentalo-step4-summary-table td strong,
.rentalo-ui-step3-shell .rentalo-step4-summary-value,
.rentalo-ui-step4-shell .rentalo-step4-summary-value,
.rentalo-ui-step3-shell .rentalo-step4-summary-amount,
.rentalo-ui-step4-shell .rentalo-step4-summary-amount{
    font-weight:400;
}
.rentalo-ui-step3-shell .rentalo-choice-price strong,
.rentalo-ui-step4-shell .rentalo-choice-price strong,
.rentalo-ui-step3-shell .rentalo-ui-step3-choice-price strong,
.rentalo-ui-step4-shell .rentalo-ui-step3-choice-price strong,
.rentalo-ui-step3-shell .rentalo-option-switch-price strong,
.rentalo-ui-step4-shell .rentalo-option-switch-price strong,
.rentalo-ui-step3-shell .rentalo-group-price strong,
.rentalo-ui-step4-shell .rentalo-group-price strong{
    font-size:var(--rentalo-price-font-size,18px);
    font-weight:700;
}

/* 2.15.81 - Step3/Step4 Summary-Zeilen-Typografie zentralisiert. */
.rentalo-ui-step3-shell .rentalo-summary-row,
.rentalo-ui-step3-shell .rentalo-summary-row span,
.rentalo-ui-step3-shell .rentalo-summary-row strong,
.rentalo-ui-step4-shell .rentalo-summary-row,
.rentalo-ui-step4-shell .rentalo-summary-row span,
.rentalo-ui-step4-shell .rentalo-summary-row strong{
    font-size:var(--rentalo-small-font-size,13px);
    line-height:1.35;
}
.rentalo-ui-step3-shell .rentalo-summary-row span,
.rentalo-ui-step4-shell .rentalo-summary-row span{
    font-weight:400;
}
.rentalo-ui-step3-shell .rentalo-summary-row strong,
.rentalo-ui-step4-shell .rentalo-summary-row strong{
    font-weight:600;
}
.rentalo-ui-step3-shell .rentalo-summary-total span,
.rentalo-ui-step3-shell .rentalo-summary-total strong,
.rentalo-ui-step4-shell .rentalo-summary-total span,
.rentalo-ui-step4-shell .rentalo-summary-total strong{
    font-size:var(--rentalo-font-size,15px);
    font-weight:700;
}
.rentalo-ui-step3-shell .rentalo-summary-total strong,
.rentalo-ui-step4-shell .rentalo-summary-total strong{
    font-size:var(--rentalo-price-font-size,18px);
    font-weight:700;
    line-height:1.15;
}

/* 2.15.80 - Step3/Step4 Detailzeilen zentralisiert. */
.rentalo-ui-step3-shell .rentalo-step3-sidebar-detail-list,
.rentalo-ui-step4-shell .rentalo-step3-sidebar-detail-list{
    display:flex;
    flex-direction:column;
    gap:0;
    border-top:1px solid var(--rentalo-border,#d8e0ea);
    padding-top:12px;
}
.rentalo-ui-step3-shell .rentalo-step3-sidebar-detail-row,
.rentalo-ui-step4-shell .rentalo-step3-sidebar-detail-row{
    display:grid;
    grid-template-columns:24px minmax(78px,.85fr) minmax(0,1.25fr);
    gap:10px;
    align-items:start;
    padding:10px 0;
}
.rentalo-ui-step3-shell .rentalo-step3-sidebar-detail-row:first-child,
.rentalo-ui-step4-shell .rentalo-step3-sidebar-detail-row:first-child{
    padding-top:0;
}
.rentalo-ui-step3-shell .rentalo-step3-sidebar-detail-row:last-child,
.rentalo-ui-step4-shell .rentalo-step3-sidebar-detail-row:last-child{
    padding-bottom:0;
}
.rentalo-ui-step3-shell .rentalo-step3-sidebar-detail-icon,
.rentalo-ui-step4-shell .rentalo-step3-sidebar-detail-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    color:var(--rentalo-label-color,var(--rentalo-muted,#52657a));
}
.rentalo-ui-step3-shell .rentalo-step3-sidebar-detail-icon svg,
.rentalo-ui-step4-shell .rentalo-step3-sidebar-detail-icon svg{
    width:20px;
    height:20px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.rentalo-ui-step3-shell .rentalo-step3-sidebar-detail-label,
.rentalo-ui-step4-shell .rentalo-step3-sidebar-detail-label{
    color:var(--rentalo-muted,#52657a);
    font-size:var(--rentalo-small-font-size,13px);
    font-weight:500;
    line-height:1.35;
}
.rentalo-ui-step3-shell .rentalo-step3-sidebar-detail-value,
.rentalo-ui-step4-shell .rentalo-step3-sidebar-detail-value{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:2px;
    min-width:0;
    text-align:right;
    color:var(--rentalo-text,#273b48);
    font-size:var(--rentalo-small-font-size,13px);
    line-height:1.35;
}
.rentalo-ui-step3-shell .rentalo-step3-sidebar-detail-value strong,
.rentalo-ui-step4-shell .rentalo-step3-sidebar-detail-value strong{
    color:var(--rentalo-title,#1a2932);
    font-size:var(--rentalo-font-size,15px);
    font-weight:700;
    line-height:1.3;
}
.rentalo-ui-step3-shell .rentalo-step3-sidebar-detail-value small,
.rentalo-ui-step4-shell .rentalo-step3-sidebar-detail-value small{
    color:var(--rentalo-muted,#52657a);
    font-size:var(--rentalo-small-font-size,13px);
    font-weight:400;
    line-height:1.3;
}

/* 2.15.58 - Bildmodal: Thumbnail-Leiste zeigt Galerie-Bilder ab Bild 2. */



/* 2.15.85 - Objekt-Thumbnail-Ecken für Step3/Step4 zentralisiert. */
.rentalo-ui-step3-shell .rentalo-object-thumb-gallery--step3 .rentalo-object-thumb-gallery-item,
.rentalo-ui-step4-shell .rentalo-object-thumb-gallery--step4 .rentalo-object-thumb-gallery-item{
    border-radius:calc(var(--rentalo-radius,14px) - 4px);
}

/* 2.15.60 - Objekt-Thumbnails in Step3/Step4 ohne Pfeilbuttons. */
.rentalo-object-thumb-gallery{
    --rentalo-object-thumb-gap:8px;
    width:100%;
    margin-top:8px;
}
.rentalo-object-thumb-gallery-viewport{
    min-width:0;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:thin;
}
.rentalo-object-thumb-gallery-track{
    display:flex;
    gap:var(--rentalo-object-thumb-gap);
    min-width:max-content;
}
.rentalo-object-thumb-gallery-item{
    flex:0 0 calc((100% - (var(--rentalo-object-thumb-gap) * 3)) / 3.2);
    aspect-ratio:4 / 3;
    min-width:0;
    padding:0;
    border:1px solid var(--rentalo-border,#d6e0ec);
    background:#fff;
    overflow:hidden;
    cursor:pointer;
}
.rentalo-object-thumb-gallery-item img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}


/* 2.15.61 - Flache 3,2-Thumbnail-Leiste unter dem Hauptbild. */
.rentalo-object-thumb-gallery{
    --rentalo-object-thumb-gap:8px;
}
.rentalo-object-thumb-gallery-viewport{
    width:100%;
    min-width:0;
    overflow-x:auto;
    overflow-y:hidden;
}
.rentalo-object-thumb-gallery-track{
    display:flex;
    gap:var(--rentalo-object-thumb-gap);
    width:100%;
    min-width:0;
}
.rentalo-object-thumb-gallery-item{
    flex:0 0 calc((100% - (var(--rentalo-object-thumb-gap) * 3)) / 3.2);
    aspect-ratio:16 / 9;
    max-height:86px;
}
.rentalo-object-thumb-gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
}



/* 2.15.65 - Bildmodal: Hauptbild auch als erstes Thumbnail und mobile Swipe-Fläche. */



/* 2.15.67 - Gemeinsame Detail-Introzeilen und Hinweisboxen. */
.rentalo-vehicle-intro-block{
    display:grid;
    gap:5px;
    margin-bottom:12px;
}
.rentalo-vehicle-intro-block h3{
    margin:0;
}
.rentalo-vehicle-meta-line,
.rentalo-vehicle-example-line{
    margin:0;
    font-size:var(--rentalo-small-font-size,13px);
    line-height:1.35;
    color:var(--rentalo-muted,#66788a);
}
.rentalo-vehicle-description-block{
    margin-top:8px;
    font-size:var(--rentalo-small-font-size,13px);
    line-height:1.45;
    color:var(--rentalo-text,#273b48);
}
.rentalo-step4-cost-hints{
    display:grid;
    gap:8px;
    margin-top:12px;
}
.rentalo-step4-cost-hint{
    font-size:var(--rentalo-small-font-size,13px);
    line-height:1.45;
}
.rentalo-frontend-wrap .rentalo-tariff-debug-button{
    border:1px solid rgba(39,59,72,.24);
}


.rentalo-ui-step3-shell .rentalo-step3-summary-card-modern .rentalo-summary-tax span,
.rentalo-ui-step3-shell .rentalo-step3-summary-card-modern .rentalo-summary-tax strong{
    font-size:var(--rentalo-small-font-size,13px);
    line-height:1.35;
    font-weight:600;
    color:var(--rentalo-muted,#66788a);
}
@media (max-width:767px){
    .rentalo-ui-step3-shell .rentalo-step3-summary-card-modern .rentalo-ui-step3-sidecard-head h3,
    .rentalo-ui-step3-shell .rentalo-step3-summary-card-modern .rentalo-ui-step3-sidecard-head .rentalo-step3-title-with-debug{
        margin:0;
        color:var(--rentalo-step-header-text,#ffffff);
        font-size:var(--rentalo-section-heading-size,17px);
        font-weight:700;
        line-height:1.2;
    }
}


/* 2.15.69 - Step4 Details: nur eine Trennlinie wie in Step3 und Summary-Titel typografisch vereinheitlichen. */
.rentalo-ui-step4-shell .rentalo-step4-vehicle-summary--details{
    border-top:0;
    padding-top:0;
}
.rentalo-ui-step3-shell .rentalo-step3-summary-card-modern .rentalo-ui-step3-sidecard-head h3,
.rentalo-ui-step3-shell .rentalo-step3-summary-card-modern .rentalo-ui-step3-sidecard-head .rentalo-step3-title-with-debug,
.rentalo-ui-step3-shell .rentalo-step3-summary-card-modern .rentalo-ui-step3-sidecard-head .rentalo-step3-title-with-debug > span{
    font-size:var(--rentalo-section-heading-size,18px);
    font-weight:700;
    line-height:1.25;
}

/* 2.15.117 - Globale Rentalo-Close-Buttons: runder Kreis mit CSS-Kreuz. */











/* 2.15.119 - Zentraler Text-/Flächen-/Button-Feinschliff für Steps 2-4. */
.rentalo-frontend-wrap .rentalo-ui-step2-group,
.rentalo-frontend-wrap .rentalo-ui-step2-tariff-hint{
    font-size:16px;
    line-height:1.35;
}

.rentalo-frontend-wrap .rentalo-vehicle-meta-line,
.rentalo-frontend-wrap .rentalo-vehicle-example-line,
.rentalo-frontend-wrap .rentalo-step3-sidebar-detail-label,
.rentalo-frontend-wrap .rentalo-step3-sidebar-detail-value{
    font-size:16px;
    line-height:1.35;
}

.rentalo-frontend-wrap .rentalo-step4-price-table thead th{
    font-size:16px;
    line-height:1.35;
}

.rentalo-frontend-wrap .rentalo-step4-checkbox-line,
.rentalo-frontend-wrap .rentalo-step4-checkbox-line label,
.rentalo-frontend-wrap .rentalo-step4-checkbox-line span,
.rentalo-frontend-wrap .rentalo-step4-driver-summary strong{
    font-size:16px;
    line-height:1.35;
}

.rentalo-frontend-wrap .rentalo-step4-total-amount,
.rentalo-frontend-wrap .rentalo-step4-summary-total,
.rentalo-frontend-wrap .rentalo-step4-summary-total strong,
.rentalo-frontend-wrap [data-rentalo-total-amount],
.rentalo-frontend-wrap [data-rentalo-mobile-total]{
    font-weight:700;
}

.rentalo-frontend-wrap .rentalo-section-head,
.rentalo-frontend-wrap .rentalo-ui-step3-card-head,
.rentalo-frontend-wrap .rentalo-ui-step4-card-head,
.rentalo-frontend-wrap .rentalo-side-card-head,
.rentalo-frontend-wrap .rentalo-ui-step3-sidecard-head,
.rentalo-frontend-wrap .rentalo-ui-step4-sidecard-head,
.rentalo-frontend-wrap .rentalo-details-title{
    background:var(--rentalo-step-header-bg,var(--rentalo-primary,#006699));
    color:var(--rentalo-step-header-text,#fff);
    font-size:var(--rentalo-section-heading-size,17px);
    font-weight:700;
    line-height:1.25;
}

.rentalo-frontend-wrap .rentalo-section-head h3,
.rentalo-frontend-wrap .rentalo-ui-step3-card-head h3,
.rentalo-frontend-wrap .rentalo-ui-step4-card-head h3,
.rentalo-frontend-wrap .rentalo-side-card-head h3,
.rentalo-frontend-wrap .rentalo-ui-step3-sidecard-head h3,
.rentalo-frontend-wrap .rentalo-ui-step4-sidecard-head h3,
.rentalo-frontend-wrap .rentalo-details-title h3,
.rentalo-frontend-wrap .rentalo-step3-title-with-debug,
.rentalo-frontend-wrap .rentalo-step3-title-with-debug > span{
    color:var(--rentalo-step-header-text,#fff);
    font-size:var(--rentalo-section-heading-size,17px);
    font-weight:700;
    line-height:1.25;
}

.rentalo-frontend-wrap .rentalo-step4-radio-line .rentalo-step4-radio-label,
.rentalo-frontend-wrap .rentalo-step4-radio-line label,
.rentalo-frontend-wrap .rentalo-step4-payment-grid .rentalo-step4-payment-field > label,
.rentalo-frontend-wrap .rentalo-ui-step4-shell .rentalo-frontend-field > label,
.rentalo-frontend-wrap .rentalo-ui-step4-shell .rentalo-frontend-field label{
    color:var(--rentalo-label-color,var(--rentalo-text,#273b48));
}

.rentalo-frontend-wrap .rentalo-step4-conditional-section,
.rentalo-frontend-wrap .rentalo-step4-driver-card,
.rentalo-frontend-wrap .rentalo-step4-driver-body{
    background:var(--rentalo-conditional-bg,#f8fafc);
}

.rentalo-frontend-wrap .rentalo-button-loading-inner,
.rentalo-frontend-wrap .rentalo-loading-text,
.rentalo-frontend-wrap .rentalo-ui-btn-loading-text{
    font-weight:700;
}

.rentalo-frontend-wrap .rentalo-clear-button,
.rentalo-frontend-wrap .rentalo-step4-remove-driver,
.rentalo-frontend-wrap button[data-rentalo-clear],
.rentalo-frontend-wrap button[data-rentalo-reset],
.rentalo-frontend-wrap .rentalo-fields-clear-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:var(--rentalo-button-height,40px);
    padding:0 18px;
    border:1px solid var(--rentalo-button-bg,#c20000);
    border-radius:var(--rentalo-button-radius,12px);
    background:var(--rentalo-button-bg,#c20000);
    color:var(--rentalo-button-text,#fff);
    font-size:var(--rentalo-button-font-size,16px);
    font-weight:var(--rentalo-button-weight,700);
    line-height:1.2;
    text-decoration:none;
    cursor:pointer;
    box-sizing:border-box;
    box-shadow:none;
}

.rentalo-frontend-wrap .rentalo-clear-button:hover,
.rentalo-frontend-wrap .rentalo-clear-button:focus,
.rentalo-frontend-wrap .rentalo-step4-remove-driver:hover,
.rentalo-frontend-wrap .rentalo-step4-remove-driver:focus,
.rentalo-frontend-wrap button[data-rentalo-clear]:hover,
.rentalo-frontend-wrap button[data-rentalo-clear]:focus,
.rentalo-frontend-wrap button[data-rentalo-reset]:hover,
.rentalo-frontend-wrap button[data-rentalo-reset]:focus,
.rentalo-frontend-wrap .rentalo-fields-clear-button:hover,
.rentalo-frontend-wrap .rentalo-fields-clear-button:focus{
    background:var(--rentalo-button-hover,var(--rentalo-button-bg,#c20000));
    border-color:var(--rentalo-button-hover,var(--rentalo-button-bg,#c20000));
    color:var(--rentalo-button-hover-text,var(--rentalo-button-text,#fff));
    transform:none;
}





/* 2.15.121 - Designwerte zentral im Frontend durchsetzen. */
.rentalo-frontend-wrap{
    background:var(--rentalo-page-bg,#ffffff);
}
.rentalo-frontend-wrap .rentalo-step1-hero,
.rentalo-frontend-wrap .rentalo-step1-inline-shell,
.rentalo-frontend-wrap .rentalo-booking-layout,
.rentalo-frontend-wrap .rentalo-ui-step2,
.rentalo-frontend-wrap .rentalo-ui-step3,
.rentalo-frontend-wrap .rentalo-ui-step4,
.rentalo-frontend-wrap .rentalo-ui-step3-shell,
.rentalo-frontend-wrap .rentalo-ui-step4-shell{
    background:var(--rentalo-page-bg,#ffffff);
}
.rentalo-frontend-wrap .rentalo-section-card,
.rentalo-frontend-wrap .rentalo-side-card,
.rentalo-frontend-wrap .rentalo-ui-step2-topbar,
.rentalo-frontend-wrap .rentalo-ui-step2-item-card,
.rentalo-frontend-wrap .rentalo-ui-step3-card,
.rentalo-frontend-wrap .rentalo-ui-step3-sidecard,
.rentalo-frontend-wrap .rentalo-ui-step4-card,
.rentalo-frontend-wrap .rentalo-ui-step4-sidecard,
.rentalo-frontend-wrap .rentalo-step4-section,
.rentalo-frontend-wrap .rentalo-step4-summary-card,
.rentalo-frontend-wrap .rentalo-group-card{
    border-color:var(--rentalo-border,#acacac);
    border-width:var(--rentalo-border-width,1px);
    border-radius:var(--rentalo-radius,18px);
}
.rentalo-frontend-wrap input,
.rentalo-frontend-wrap select,
.rentalo-frontend-wrap textarea,
.rentalo-frontend-wrap .rentalo-form-control,
.rentalo-frontend-wrap .rentalo-form-input,
.rentalo-frontend-wrap .rentalo-form-select,
.rentalo-frontend-wrap .rentalo-ui-input,
.rentalo-frontend-wrap .rentalo-ui-select,
.rentalo-frontend-wrap .rentalo-date-display,
.rentalo-frontend-wrap .rentalo-time-display{
    background:var(--rentalo-input-bg,#ffffff);
    color:var(--rentalo-field-text,#163f6b);
    border-color:var(--rentalo-border,#acacac);
}
.rentalo-frontend-wrap .rentalo-ui-step2-feature svg,
.rentalo-frontend-wrap .rentalo-vehicle-feature svg{
    width:var(--rentalo-feature-icon-size,30px);
    height:var(--rentalo-feature-icon-size,30px);
    color:var(--rentalo-feature-icon-color,#273b48);
}
.rentalo-frontend-wrap .rentalo-ui-step2-feature-copy strong,
.rentalo-frontend-wrap .rentalo-vehicle-feature strong{
    font-size:var(--rentalo-feature-title-size,13px);
    color:var(--rentalo-feature-title-color,#1a2932);
}
.rentalo-frontend-wrap .rentalo-ui-step2-feature-copy small,
.rentalo-frontend-wrap .rentalo-vehicle-feature small{
    font-size:var(--rentalo-feature-text-size,12px);
    color:var(--rentalo-feature-text-color,#acacac);
}

/* 2.15.122 - Step-Navigation-Texte über alle Steps vereinheitlichen. */
.rentalo-frontend-wrap .rentalo-step-link,
.rentalo-frontend-wrap .rentalo-step-current,
.rentalo-frontend-wrap .rentalo-step-rail-item,
.rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-link,
.rentalo-frontend-wrap .rentalo-step-rail--badges .rentalo-step-current,
.rentalo-ui-step3-shell .rentalo-step-link,
.rentalo-ui-step3-shell .rentalo-step-current,
.rentalo-ui-step4-shell .rentalo-step-link,
.rentalo-ui-step4-shell .rentalo-step-current{
    font-size:16px;
    font-weight:700;
    line-height:1;
    text-decoration:none;
}

.rentalo-frontend-wrap .rentalo-step-link:hover,
.rentalo-frontend-wrap .rentalo-step-link:focus,
.rentalo-ui-step3-shell .rentalo-step-link:hover,
.rentalo-ui-step3-shell .rentalo-step-link:focus,
.rentalo-ui-step4-shell .rentalo-step-link:hover,
.rentalo-ui-step4-shell .rentalo-step-link:focus{
    font-size:16px;
    font-weight:700;
    text-decoration:none;
}

.rentalo-frontend-wrap .rentalo-ui-step2-item-card,
.rentalo-frontend-wrap .rentalo-ui-step2-item-card.is-selected{
    background:var(--rentalo-card-bg,#ffffff);
}

.rentalo-frontend-wrap .rentalo-ui-step2-item-card .rentalo-submit-button.is-selected{
    background:var(--rentalo-button-bg,#c20000);
    border-color:var(--rentalo-button-bg,#c20000);
    color:var(--rentalo-button-text,#ffffff);
    transform:none;
    box-shadow:none;
}

/* 2.15.123 - Step3-Tarife/Versicherungen/Zusatzoptionen Header vereinheitlichen. */
.rentalo-frontend-wrap .rentalo-ui-step3-shell .rentalo-step3-tariffs-card > .rentalo-section-head,
.rentalo-frontend-wrap .rentalo-ui-step3-shell .rentalo-step3-insurances-card > .rentalo-section-head,
.rentalo-frontend-wrap .rentalo-ui-step3-shell .rentalo-step3-options-card > .rentalo-section-head,
.rentalo-frontend-wrap .rentalo-ui-step3-shell .rentalo-step3-tariffs-card > .rentalo-ui-step3-card-head,
.rentalo-frontend-wrap .rentalo-ui-step3-shell .rentalo-step3-insurances-card > .rentalo-ui-step3-card-head,
.rentalo-frontend-wrap .rentalo-ui-step3-shell .rentalo-step3-options-card > .rentalo-ui-step3-card-head{
    margin:0;
    padding:12px 16px;
    background:var(--rentalo-step-header-bg,var(--rentalo-primary,#006699));
    color:var(--rentalo-step-header-text,#ffffff);
    font-size:var(--rentalo-section-heading-size,17px);
    font-weight:700;
    line-height:1.25;
}

.rentalo-frontend-wrap .rentalo-ui-step3-shell .rentalo-step3-tariffs-card > .rentalo-section-head h3,
.rentalo-frontend-wrap .rentalo-ui-step3-shell .rentalo-step3-insurances-card > .rentalo-section-head h3,
.rentalo-frontend-wrap .rentalo-ui-step3-shell .rentalo-step3-options-card > .rentalo-section-head h3,
.rentalo-frontend-wrap .rentalo-ui-step3-shell .rentalo-step3-tariffs-card > .rentalo-ui-step3-card-head h3,
.rentalo-frontend-wrap .rentalo-ui-step3-shell .rentalo-step3-insurances-card > .rentalo-ui-step3-card-head h3,
.rentalo-frontend-wrap .rentalo-ui-step3-shell .rentalo-step3-options-card > .rentalo-ui-step3-card-head h3{
    margin:0;
    color:var(--rentalo-step-header-text,#ffffff);
    font-size:var(--rentalo-section-heading-size,17px);
    font-weight:700;
    line-height:1.25;
}

/* 2.15.124 - Seitenhintergrund-Container mit Außenabstand nach innen. */
.rentalo-frontend-wrap{
    padding:40px 0;
}


/* 2.15.150 - CSS-Audit:
   Step-Navigation Desktop-Höhe zentral in frontend.css reduziert.
   Doppelte Progress-Fontweight-Overrides entfernt; Step2 nutzt die zentrale Progress-Regel.
*/


/* 2.15.152 - Zentrale Frontend-Breite und Außenabstände. */
.rentalo-frontend-wrap{
    width:100%;
    max-width:none;
}

.rentalo-frontend-wrap > .rentalo-ui-step1-shell,
.rentalo-frontend-wrap .rentalo-frontend-shell{
    width:100%;
    max-width:var(--rentalo-frontend-max-width,1180px);
    margin-left:auto;
    margin-right:auto;
    padding-left:var(--rentalo-frontend-padding-desktop,24px);
    padding-right:var(--rentalo-frontend-padding-desktop,24px);
    box-sizing:border-box;
}

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

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



/* 2.15.167 - Gemeinsame Frontend-Breite für Step2-4 und künftige Shortcodes. */
.rentalo-frontend-width{
    width:100%;
    max-width:var(--rentalo-frontend-max-width,1180px);
    margin-left:auto;
    margin-right:auto;
    padding-left:var(--rentalo-frontend-padding-desktop,24px);
    padding-right:var(--rentalo-frontend-padding-desktop,24px);
    box-sizing:border-box;
}

.rentalo-frontend-width > .rentalo-frontend-shell{
    width:100%;
    max-width:none;
    padding-left:0;
    padding-right:0;
    box-sizing:border-box;
}

@media (min-width:1181px){
    .rentalo-frontend-width{
        min-width:min(1180px,100%);
    }
}

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

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


/* 2.15.168 - Step2 Pagination und Anfragepreis absichern. */
.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;
}

.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.173 - Sticky-Sidebar per Modul-Schalter deaktivierbar. */
@media (min-width:900px){
    .rentalo-sidebar-sticky-disabled .rentalo-ui-step3-layout .rentalo-ui-step3-sidebar,
    .rentalo-sidebar-sticky-disabled .rentalo-ui-step4-layout .rentalo-ui-step4-sidebar{
        position:static;
        top:auto;
    }
}

/* 2.15.174 - Sticky-Sidebar-Schalter stabilisieren. */
@media (min-width:900px){
    .rentalo-frontend-wrap.rentalo-ui-step3-shell:not(.rentalo-sidebar-sticky-disabled),
    .rentalo-frontend-wrap.rentalo-ui-step4-shell:not(.rentalo-sidebar-sticky-disabled){
        overflow:visible;
    }

    .rentalo-ui-step3-shell:not(.rentalo-sidebar-sticky-disabled) .rentalo-ui-step3-layout .rentalo-ui-step3-sidebar,
    .rentalo-ui-step4-shell:not(.rentalo-sidebar-sticky-disabled) .rentalo-ui-step4-layout .rentalo-ui-step4-sidebar{
        position:sticky;
        top:var(--rentalo-sticky-sidebar-offset,100px);
        align-self:flex-start;
    }

    .rentalo-ui-step3-shell.rentalo-sidebar-sticky-disabled .rentalo-ui-step3-layout .rentalo-ui-step3-sidebar,
    .rentalo-ui-step4-shell.rentalo-sidebar-sticky-disabled .rentalo-ui-step4-layout .rentalo-ui-step4-sidebar{
        position:static;
        top:auto;
    }
}

/* 2.15.182 - Preisdetails-Modal: Abstand bleibt am Overlay, Scrollbereich liegt im Body. */


/* 2.15.174 - Step4 Schlusstext unter rechtlicher Checkbox. */
.rentalo-step4-footer-text{
    margin-top:4px;
    color:var(--rentalo-text,#273b48);
    font-size:var(--rentalo-small-font-size,13px);
    line-height:1.5;
}

.rentalo-step4-footer-text a{
    color:var(--rentalo-primary,#006699);
    text-decoration:underline;
}

/* 2.15.174 - Step4 Gesamtkostenbetrag bündig zur Brutto-Spalte. */
.rentalo-ui-step4-shell .rentalo-step4-price-table tfoot td:last-child,
.rentalo-ui-step4-shell .rentalo-step4-price-table tfoot td[data-rentalo-total-amount]{
    text-align:right;
    font-weight:700;
    padding-right:10px;
}


/* 2.15.177 - Step3/4 Detail-Sidebar: getrennte Schriftsteuerung. */
.rentalo-ui-step3-shell .rentalo-vehicle-meta-line,
.rentalo-ui-step4-shell .rentalo-vehicle-meta-line{
    font-size:var(--rentalo-detail-meta-size,14px);
    font-weight:var(--rentalo-detail-meta-weight,400);
}

.rentalo-ui-step3-shell .rentalo-vehicle-example-line,
.rentalo-ui-step4-shell .rentalo-vehicle-example-line{
    font-size:var(--rentalo-detail-example-size,14px);
    font-weight:var(--rentalo-detail-example-weight,400);
}

.rentalo-ui-step3-shell .rentalo-vehicle-description-block,
.rentalo-ui-step4-shell .rentalo-vehicle-description-block{
    font-size:var(--rentalo-detail-description-size,13px);
    font-weight:var(--rentalo-detail-description-weight,400);
}



/* 2.15.181 - Frontend UX: Step3-Systemoptionen, Step4-Pflichtcheckboxen, Fehler und Preisdetails. */
.rentalo-frontend-error--actionable{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:14px 16px;
    border:1px solid #f2c4c4;
    border-radius:12px;
    background:#fff6f6;
    color:#8b1f1f;
    line-height:1.45;
}

.rentalo-frontend-error--actionable strong{
    flex:0 0 auto;
    font-weight:700;
}

.rentalo-step3-option-badge--system{
    background:var(--rentalo-soft,#eef4fb);
    color:var(--rentalo-text,#273b48);
    border:1px solid var(--rentalo-border,#d8e3ef);
}

.rentalo-system-option-card .rentalo-step3-option-title{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
}

.rentalo-system-option-card .rentalo-step3-option-content p{
    max-width:760px;
}

.rentalo-step4-checkbox-hint{
    padding:13px 14px;
    border:1px solid var(--rentalo-border,#d8e3ef);
    border-radius:12px;
    background:var(--rentalo-soft-2,#f8fbff);
}

.rentalo-step4-checkbox-hint label{
    display:flex;
    align-items:flex-start;
    gap:10px;
}

.rentalo-step4-checkbox-hint input[type="checkbox"]{
    flex:0 0 auto;
    margin-top:3px;
}

.rentalo-step4-checkbox-hint small{
    display:block;
    margin:7px 0 0 30px;
    color:var(--rentalo-muted,#64748b);
    font-size:12px;
    line-height:1.35;
}

.rentalo-step4-checkbox-line.has-validation-error{
    border-color:#c20000;
    background:#fff7f7;
}

.rentalo-step4-checkbox-line.has-validation-error small{
    color:#8b1f1f;
}

.rentalo-tariff-debug-dialog{
    max-height:min(800px, calc(100vh - 100px));
    display:flex;
    flex-direction:column;
}

.rentalo-tariff-debug-body{
    overflow:auto;
}

.rentalo-tariff-debug-kpis{
    position:sticky;
    top:0;
    z-index:2;
    background:#fff;
}

.rentalo-tariff-debug-row{
    align-items:flex-start;
}

.rentalo-tariff-debug-row span{
    line-height:1.35;
}

.rentalo-tariff-debug-row strong{
    text-align:right;
    white-space:nowrap;
}

@media (max-width:767px){
    .rentalo-frontend-error--actionable{
        flex-direction:column;
        gap:4px;
    }

    .rentalo-system-option-card .rentalo-step3-option-title{
        gap:6px;
    }

    .rentalo-step4-checkbox-hint{
        padding:12px;
    }

    .rentalo-step4-checkbox-hint small{
        margin-left:28px;
    }

    .rentalo-tariff-debug-dialog{
        max-height:calc(100vh - 40px);
        width:calc(100vw - 24px);
    }

    .rentalo-tariff-debug-row{
        grid-template-columns:1fr;
        gap:4px;
    }

    .rentalo-tariff-debug-row strong{
        text-align:left;
        white-space:normal;
    }
}


/* 2.15.182 - Technikbereinigung: Modal-Scroll, Box-Sizing und CSS-Konsolidierung. */




.rentalo-step4-checkbox-hint,
.rentalo-frontend-error--actionable{
    box-sizing:border-box;
}

.rentalo-tariff-debug-dialog{
    overflow:hidden;
}

.rentalo-tariff-debug-body{
    min-height:0;
}


/* 2.15.183 - Step4 Hinweis-Checkboxen optisch wie AGB-Checkbox, mit Fragezeichen-Icon. */
.rentalo-frontend-wrap .rentalo-step4-checkbox-hint{
    display:flex;
    align-items:flex-start;
    gap:8px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
}

.rentalo-frontend-wrap .rentalo-step4-checkbox-hint label{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    align-items:flex-start;
    gap:8px;
}

.rentalo-frontend-wrap .rentalo-step4-checkbox-hint input[type="checkbox"]{
    flex:0 0 auto;
    margin-top:3px;
}

.rentalo-frontend-wrap .rentalo-step4-checkbox-help-button{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    min-width:22px;
    margin-top:1px;
    border:1px solid var(--rentalo-border,#d8e3ef);
    border-radius:999px;
    background:#fff;
    color:var(--rentalo-primary,#006699);
    font-size:13px;
    font-weight:700;
    line-height:1;
    cursor:pointer;
    padding:0;
}

.rentalo-frontend-wrap .rentalo-step4-checkbox-help-button:hover,
.rentalo-frontend-wrap .rentalo-step4-checkbox-help-button:focus-visible{
    border-color:var(--rentalo-primary,#006699);
    background:var(--rentalo-soft,#eef4fb);
    outline:0;
}

.rentalo-frontend-wrap .rentalo-step4-checkbox-line.has-validation-error.rentalo-step4-checkbox-hint{
    border:0;
    background:transparent;
}

.rentalo-frontend-wrap .rentalo-step4-checkbox-line.has-validation-error.rentalo-step4-checkbox-hint label{
    color:#8b1f1f;
}

@media (max-width:767px){
    .rentalo-frontend-wrap .rentalo-step4-checkbox-hint{
        gap:7px;
    }

    .rentalo-frontend-wrap .rentalo-step4-checkbox-help-button{
        width:21px;
        height:21px;
        min-width:21px;
    }
}


/* 2.15.184 - Step4 Reihenfolge: Hinweis-Checkboxen direkt über AGB, Schlusstext direkt darunter. */
.rentalo-step4-contact-grid > .rentalo-step4-checkbox-existing-toggle{
    order:25;
    grid-column:1 / -1;
}

.rentalo-step4-contact-grid > .rentalo-step4-checkbox-hint-additional-driver{
    order:26;
    grid-column:1 / -1;
}

.rentalo-step4-contact-grid > .rentalo-step4-checkbox-hint-foreign-trip{
    order:27;
    grid-column:1 / -1;
}

.rentalo-step4-contact-grid > .rentalo-step4-checkbox-terms-toggle{
    order:28;
    grid-column:1 / -1;
}

.rentalo-step4-contact-grid > .rentalo-step4-footer-text{
    order:29;
    grid-column:1 / -1;
}


/* 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.205 - Einheitliche Uhrzeit-Optionsfarben wie Custom-Selects. */







/* 2.15.207 - Modal-Scrollbar stabil halten. */
html{
    scrollbar-gutter:stable;
}




/* 2.15.218 - assets/css/frontend.css - Step3 mobil: Tarifbeschreibung volle Breite und nur 10px Rand. */
@media (max-width:767px){
    /* Gesamtmodul mobil nicht doppelt einrücken. */
    .rentalo-step1-hero.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;
    }

    .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;
    }

    .rentalo-ui-step3-shell.rentalo-module-design-scope{
        margin-left:0;
        margin-right:0;
    }

    /* Tarifbeschreibung mobil wie Versicherung: unter Radio/Icon/Titel volle Breite. */
    .rentalo-ui-step3-shell .rentalo-step3-tariff-row .rentalo-step3-tariff-content,
    .rentalo-ui-step3-shell .rentalo-step3-tariff-row .rentalo-step3-content{
        display:contents;
    }

    .rentalo-ui-step3-shell .rentalo-step3-tariff-row .rentalo-step3-tariff-content > strong,
    .rentalo-ui-step3-shell .rentalo-step3-tariff-row .rentalo-step3-content > strong{
        grid-column:3;
        grid-row:1;
    }

    .rentalo-ui-step3-shell .rentalo-step3-tariff-row .rentalo-step3-tariff-content > span,
    .rentalo-ui-step3-shell .rentalo-step3-tariff-row .rentalo-step3-content > span,
    .rentalo-ui-step3-shell .rentalo-step3-tariff-row .rentalo-step3-tariff-content > small,
    .rentalo-ui-step3-shell .rentalo-step3-tariff-row .rentalo-step3-content > small,
    .rentalo-ui-step3-shell .rentalo-step3-tariff-row .rentalo-step3-tariff-content > p,
    .rentalo-ui-step3-shell .rentalo-step3-tariff-row .rentalo-step3-content > p{
        grid-column:1 / -1;
        grid-row:auto;
        width:100%;
        max-width:100%;
        margin:0;
        padding:0;
        text-align:left;
    }

    .rentalo-ui-step3-shell .rentalo-step3-tariff-row .rentalo-step3-tariff-content > span:first-of-type,
    .rentalo-ui-step3-shell .rentalo-step3-tariff-row .rentalo-step3-content > span:first-of-type,
    .rentalo-ui-step3-shell .rentalo-step3-tariff-row .rentalo-step3-tariff-content > p:first-of-type,
    .rentalo-ui-step3-shell .rentalo-step3-tariff-row .rentalo-step3-content > p:first-of-type{
        grid-row:2;
    }

    /* Wenn Step3-Icons deaktiviert sind, Titel in Spalte 2 statt nicht vorhandener Icon-Spalte. */
    .rentalo-ui-step3-shell.rentalo-step3-icons-disabled .rentalo-step3-tariff-row .rentalo-step3-tariff-content > strong,
    .rentalo-ui-step3-shell.rentalo-step3-icons-disabled .rentalo-step3-tariff-row .rentalo-step3-content > strong{
        grid-column:2;
    }
}


/* 2.15.219 - assets/css/frontend.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;
    }

}

/* 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.222 - assets/css/frontend.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.223 - assets/css/frontend.css - Step4 Zahlungsdropdown als Portal-Liste und Details wirklich wie Step2. */

/* Portal-Liste für Step4 Zahlung/Kaution: aus allen Parent-Containern herauslösen. */
.rentalo-custom-select[data-rentalo-select-portal="1"] .rentalo-custom-select__list{
    position:fixed;
    z-index:2147483000;
    display:none;
}

.rentalo-custom-select[data-rentalo-select-portal="1"].is-open .rentalo-custom-select__list{
    display:flex;
}

/* Alte Details-Styles in Step3/Step4 gezielt neutralisieren, damit Step2-Klassen sichtbar greifen. */
.rentalo-frontend-wrap .rentalo-step3-vehicle-body .rentalo-vehicle-intro-block.rentalo-ui-step2-content h3.rentalo-ui-step2-title,
.rentalo-frontend-wrap .rentalo-step4-vehicle-body .rentalo-vehicle-intro-block.rentalo-ui-step2-content h3.rentalo-ui-step2-title{
    font-size:var(--rentalo-heading-size);
    color:var(--rentalo-title);
    line-height:1.2;
    font-weight:700;
    margin:0 0 4px;
}

.rentalo-frontend-wrap .rentalo-step3-vehicle-body .rentalo-vehicle-intro-block.rentalo-ui-step2-content .rentalo-item-group.rentalo-ui-step2-group.rentalo-vehicle-meta-line,
.rentalo-frontend-wrap .rentalo-step4-vehicle-body .rentalo-vehicle-intro-block.rentalo-ui-step2-content .rentalo-item-group.rentalo-ui-step2-group.rentalo-vehicle-meta-line{
    margin:0 0 4px;
    padding:0;
    color:inherit;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
    border:0;
}

.rentalo-frontend-wrap .rentalo-step3-vehicle-body .rentalo-vehicle-intro-block.rentalo-ui-step2-content .rentalo-ui-step2-examples.rentalo-vehicle-example-line,
.rentalo-frontend-wrap .rentalo-step4-vehicle-body .rentalo-vehicle-intro-block.rentalo-ui-step2-content .rentalo-ui-step2-examples.rentalo-vehicle-example-line{
    margin:0 0 4px;
    padding:0;
    color:inherit;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
    border:0;
}

.rentalo-frontend-wrap .rentalo-step3-vehicle-body .rentalo-vehicle-intro-block.rentalo-ui-step2-content .rentalo-group-meta.rentalo-ui-step2-meta.rentalo-ui-step2-info,
.rentalo-frontend-wrap .rentalo-step4-vehicle-body .rentalo-vehicle-intro-block.rentalo-ui-step2-content .rentalo-group-meta.rentalo-ui-step2-meta.rentalo-ui-step2-info,
.rentalo-frontend-wrap .rentalo-step3-vehicle-body .rentalo-vehicle-intro-block.rentalo-ui-step2-content .rentalo-group-meta.rentalo-ui-step2-meta.rentalo-ui-step2-description,
.rentalo-frontend-wrap .rentalo-step4-vehicle-body .rentalo-vehicle-intro-block.rentalo-ui-step2-content .rentalo-group-meta.rentalo-ui-step2-meta.rentalo-ui-step2-description{
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    color:inherit;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
}

.rentalo-frontend-wrap .rentalo-step3-vehicle-body .rentalo-vehicle-intro-block.rentalo-ui-step2-content .rentalo-group-meta.rentalo-ui-step2-meta.rentalo-ui-step2-info p,
.rentalo-frontend-wrap .rentalo-step4-vehicle-body .rentalo-vehicle-intro-block.rentalo-ui-step2-content .rentalo-group-meta.rentalo-ui-step2-meta.rentalo-ui-step2-info p,
.rentalo-frontend-wrap .rentalo-step3-vehicle-body .rentalo-vehicle-intro-block.rentalo-ui-step2-content .rentalo-group-meta.rentalo-ui-step2-meta.rentalo-ui-step2-description p,
.rentalo-frontend-wrap .rentalo-step4-vehicle-body .rentalo-vehicle-intro-block.rentalo-ui-step2-content .rentalo-group-meta.rentalo-ui-step2-meta.rentalo-ui-step2-description p{
    margin:0;
    padding:0;
    color:inherit;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
}

/* In Details nicht ausblenden, wenn Step2-Klassen technisch leer/gefüllt steuern. */
.rentalo-ui-step3-shell .rentalo-vehicle-intro-block .is-empty,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block .is-empty{
    display:none;
}


/* 2.15.224 - assets/css/frontend.css - Details-Box: echten Step2-Kontext für Objektinfos nutzen. */
.rentalo-ui-step3-shell .rentalo-vehicle-intro-block.rentalo-ui-step2.rentalo-ui-step2-item-card,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block.rentalo-ui-step2.rentalo-ui-step2-item-card{
    display:block;
    padding:0;
    margin:0;
    border:0;
    background:transparent;
    box-shadow:none;
    border-radius:0;
}

.rentalo-ui-step3-shell .rentalo-vehicle-intro-block.rentalo-ui-step2.rentalo-ui-step2-item-card .rentalo-ui-step2-content,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block.rentalo-ui-step2.rentalo-ui-step2-item-card .rentalo-ui-step2-content{
    display:block;
    padding:0;
    margin:0;
    min-width:0;
}

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

.rentalo-ui-step3-shell .rentalo-vehicle-intro-block.rentalo-ui-step2 .is-empty,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block.rentalo-ui-step2 .is-empty{
    display:none;
}


/* 2.15.225 - assets/css/frontend.css - Gemeinsame Objektinfo-Klassen für Step2/3/4 und Detailwerte nicht fett. */

/* Gemeinsame Objektinfo-Klassen. Diese Klassen sind die gemeinsame Basis für Step2, Step3 und Step4. */
.rentalo-object-info-block{
    display:block;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
}

.rentalo-object-title{
    margin:0 0 4px;
    color:var(--rentalo-title,#1a2932);
    font-size:var(--rentalo-heading-size,21px);
    line-height:1.2;
    font-weight:700;
}

.rentalo-object-category-group{
    margin:0 0 4px;
    color:var(--rentalo-title,#1a2932);
    font-size:var(--rentalo-detail-meta-size,14px);
    line-height:1.25;
    font-weight:700;
}

.rentalo-object-examples{
    margin:0 0 4px;
    color:var(--rentalo-text,#273b48);
    font-size:var(--rentalo-detail-example-size,14px);
    line-height:1.35;
    font-weight:var(--rentalo-detail-example-weight,400);
}

.rentalo-object-tariff-hint{
    margin:0 0 4px;
    color:var(--rentalo-primary,#006699);
    font-size:var(--rentalo-detail-meta-size,14px);
    line-height:1.35;
    font-weight:700;
}

.rentalo-object-info,
.rentalo-object-description{
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    color:var(--rentalo-text,#273b48);
    font-size:var(--rentalo-detail-description-size,13px);
    line-height:1.45;
    font-weight:var(--rentalo-detail-description-weight,400);
}

.rentalo-object-info p,
.rentalo-object-description p{
    margin:0;
    padding:0;
    color:inherit;
    font:inherit;
    line-height:inherit;
}

.rentalo-object-info-block .is-empty,
.rentalo-object-category-group.is-empty,
.rentalo-object-examples.is-empty,
.rentalo-object-tariff-hint.is-empty,
.rentalo-object-info.is-empty,
.rentalo-object-description.is-empty{
    display:none;
}

/* Step3/Step4: alte Details-Styles nicht mehr stärker sein lassen als gemeinsame Objektinfo-Klassen. */
.rentalo-ui-step3-shell .rentalo-vehicle-intro-block .rentalo-object-title,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block .rentalo-object-title,
.rentalo-ui-step3-shell .rentalo-vehicle-intro-block .rentalo-object-category-group,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block .rentalo-object-category-group,
.rentalo-ui-step3-shell .rentalo-vehicle-intro-block .rentalo-object-examples,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block .rentalo-object-examples,
.rentalo-ui-step3-shell .rentalo-vehicle-intro-block .rentalo-object-tariff-hint,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block .rentalo-object-tariff-hint,
.rentalo-ui-step3-shell .rentalo-vehicle-intro-block .rentalo-object-info,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block .rentalo-object-info,
.rentalo-ui-step3-shell .rentalo-vehicle-intro-block .rentalo-object-description,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block .rentalo-object-description{
    border:0;
    background:transparent;
    box-shadow:none;
}

/* Details-Box: Datum, Uhrzeit, Dauer und Kilometerwerte nicht fett darstellen. */
.rentalo-ui-step3-shell .rentalo-step3-sidebar-detail-value strong,
.rentalo-ui-step4-shell .rentalo-step3-sidebar-detail-value strong{
    font-weight:400;
}

.rentalo-ui-step3-shell .rentalo-step3-sidebar-detail-value,
.rentalo-ui-step4-shell .rentalo-step3-sidebar-detail-value{
    font-weight:400;
}


/* 2.15.226 - assets/css/frontend.css - Zentrale Objektinfo-Komponente für Step2/3/4. */
.rentalo-object-info-block{
    display:block;
    min-width:0;
}

.rentalo-ui-step2-content > .rentalo-object-info-block{
    width:100%;
}

/* Titel-Debug im zentralen Objektinfo-Block wie bisher in Step2. */
.rentalo-object-title .rentalo-admin-debug-button,
.rentalo-object-title .rentalo-admin-debug-trigger{
    margin-left:6px;
    vertical-align:middle;
}

/* Step3/4 Details: gemeinsame Objektinfo-Komponente ohne Step2-Card-Kontext. */
.rentalo-ui-step3-shell .rentalo-vehicle-intro-block.rentalo-object-info-block,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block.rentalo-object-info-block{
    display:block;
    padding:0;
    margin:0;
    border:0;
    background:transparent;
    box-shadow:none;
}

/* Tariftext in Details sichtbar wie gemeinsame Objektinfo-Klasse, wenn befüllt. */
.rentalo-ui-step3-shell .rentalo-vehicle-intro-block .rentalo-object-tariff-hint,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block .rentalo-object-tariff-hint{
    display:block;
}

.rentalo-ui-step3-shell .rentalo-vehicle-intro-block .rentalo-object-tariff-hint.is-empty,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block .rentalo-object-tariff-hint.is-empty{
    display:none;
}

/* Detailwerte bleiben normal gewichtet. */



/* 2.15.227 - assets/css/frontend.css - Objektinfo nur noch über gemeinsame neutrale Klassen. */
.rentalo-object-info-block{
    display:block;
    min-width:0;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
}

.rentalo-object-title{
    display:flex;
    align-items:center;
    gap:4px;
    margin:0 0 4px;
    padding:0;
    color:var(--rentalo-title,#1a2932);
    font-size:var(--rentalo-heading-size,21px);
    line-height:1.2;
    font-weight:700;
}

.rentalo-object-title-text{
    min-width:0;
}

.rentalo-object-category-group{
    margin:0 0 4px;
    padding:0;
    color:var(--rentalo-title,#1a2932);
    font-size:14px;
    line-height:1.25;
    font-weight:700;
}

.rentalo-object-examples{
    margin:0 0 4px;
    padding:0;
    color:var(--rentalo-text,#273b48);
    font-size:14px;
    line-height:1.35;
    font-weight:400;
}

.rentalo-object-tariff-hint{
    margin:0 0 4px;
    padding:0;
    color:var(--rentalo-primary,#006699);
    font-size:14px;
    line-height:1.35;
    font-weight:700;
}

.rentalo-object-info{
    margin:0 0 4px;
    padding:0;
    border:0;
    background:transparent;
    color:var(--rentalo-text,#273b48);
    font-size:14px;
    line-height:1.35;
    font-weight:400;
}

.rentalo-object-description{
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    color:var(--rentalo-text,#273b48);
    font-size:14px;
    line-height:1.45;
    font-weight:400;
}





/* Step3/Step4 Details: keine alten Vehicle-/Step-spezifischen Textregeln über die gemeinsamen Objektinfo-Klassen legen. */
.rentalo-ui-step3-shell .rentalo-vehicle-intro-block.rentalo-object-info-block,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block.rentalo-object-info-block,
.rentalo-ui-step3-shell .rentalo-step3-vehicle-body .rentalo-object-info-block,
.rentalo-ui-step4-shell .rentalo-step4-vehicle-body .rentalo-object-info-block{
    display:block;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
}

/* Detailwerte bleiben normal gewichtet. */
.rentalo-ui-step3-shell .rentalo-step3-sidebar-detail-value,
.rentalo-ui-step4-shell .rentalo-step3-sidebar-detail-value,
.rentalo-ui-step3-shell .rentalo-step3-sidebar-detail-value strong,
.rentalo-ui-step4-shell .rentalo-step3-sidebar-detail-value strong{
    font-weight:400;
}


/* 2.15.228 - assets/css/frontend.css - Objektinfo gegen Step3/Step4-Text-Overrides absichern. */

/* Objektname: identische neutrale Titelbasis wie bisher Step2 h4. */
.rentalo-object-title{
    margin:0 0 5px;
    padding:0;
    color:var(--rentalo-title,#1a2932);
    font-size:var(--rentalo-heading-size,21px);
    line-height:1.2;
    font-weight:700;
}

.rentalo-object-title .rentalo-object-title-text{
    display:inline;
    min-width:0;
    color:inherit;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
}

/* Step3/Step4 besitzen globale span-Regeln. Diese dürfen die Objektinfo-Komponente nicht verkleinern. */
.rentalo-ui-step3-shell .rentalo-object-title,
.rentalo-ui-step4-shell .rentalo-object-title,
.rentalo-ui-step3-shell .rentalo-object-title .rentalo-object-title-text,
.rentalo-ui-step4-shell .rentalo-object-title .rentalo-object-title-text{
    color:var(--rentalo-title,#1a2932);
    font-size:var(--rentalo-heading-size,21px);
    line-height:1.2;
    font-weight:700;
}

.rentalo-ui-step3-shell .rentalo-object-title span,
.rentalo-ui-step4-shell .rentalo-object-title span{
    color:inherit;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
}

/* Gemeinsame Objektinfo-Zeilen gegen Step-/span-/small-Overrides absichern. */
.rentalo-object-category-group,
.rentalo-object-category-group span,
.rentalo-object-examples,
.rentalo-object-examples span,
.rentalo-object-tariff-hint,
.rentalo-object-tariff-hint span,
.rentalo-object-info,
.rentalo-object-info span,
.rentalo-object-info p,
.rentalo-object-description,
.rentalo-object-description span,
.rentalo-object-description p{
    box-sizing:border-box;
}











.rentalo-object-category-group span,
.rentalo-object-examples span,
.rentalo-object-tariff-hint span,
.rentalo-object-info span,
.rentalo-object-info p,
.rentalo-object-description span,
.rentalo-object-description p,
.rentalo-ui-step3-shell .rentalo-object-category-group,
.rentalo-ui-step3-shell .rentalo-object-category-group span,
.rentalo-ui-step3-shell .rentalo-object-examples,
.rentalo-ui-step3-shell .rentalo-object-examples span,
.rentalo-ui-step3-shell .rentalo-object-tariff-hint,
.rentalo-ui-step3-shell .rentalo-object-tariff-hint span,
.rentalo-ui-step3-shell .rentalo-object-info,
.rentalo-ui-step3-shell .rentalo-object-info span,
.rentalo-ui-step3-shell .rentalo-object-info p,
.rentalo-ui-step3-shell .rentalo-object-description,
.rentalo-ui-step3-shell .rentalo-object-description span,
.rentalo-ui-step3-shell .rentalo-object-description p,
.rentalo-ui-step4-shell .rentalo-object-category-group,
.rentalo-ui-step4-shell .rentalo-object-category-group span,
.rentalo-ui-step4-shell .rentalo-object-examples,
.rentalo-ui-step4-shell .rentalo-object-examples span,
.rentalo-ui-step4-shell .rentalo-object-tariff-hint,
.rentalo-ui-step4-shell .rentalo-object-tariff-hint span,
.rentalo-ui-step4-shell .rentalo-object-info,
.rentalo-ui-step4-shell .rentalo-object-info span,
.rentalo-ui-step4-shell .rentalo-object-info p,
.rentalo-ui-step4-shell .rentalo-object-description,
.rentalo-ui-step4-shell .rentalo-object-description span,
.rentalo-ui-step4-shell .rentalo-object-description p{
    color:inherit;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
}

/* Spezifische Rücksetzung gegen ältere Step3/Step4-Regeln für alle Objektinfo-Elemente. */
.rentalo-ui-step3-shell .rentalo-vehicle-intro-block.rentalo-object-info-block .rentalo-object-category-group,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block.rentalo-object-info-block .rentalo-object-category-group{
    color:var(--rentalo-title,#1a2932);
    font-size:14px;
    line-height:1.25;
    font-weight:700;
}

.rentalo-ui-step3-shell .rentalo-vehicle-intro-block.rentalo-object-info-block .rentalo-object-examples,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block.rentalo-object-info-block .rentalo-object-examples{
    color:var(--rentalo-text,#273b48);
    font-size:14px;
    line-height:1.35;
    font-weight:400;
}

.rentalo-ui-step3-shell .rentalo-vehicle-intro-block.rentalo-object-info-block .rentalo-object-tariff-hint,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block.rentalo-object-info-block .rentalo-object-tariff-hint{
    color:var(--rentalo-primary,#006699);
    font-size:14px;
    line-height:1.35;
    font-weight:700;
}

.rentalo-ui-step3-shell .rentalo-vehicle-intro-block.rentalo-object-info-block .rentalo-object-info,
.rentalo-ui-step3-shell .rentalo-vehicle-intro-block.rentalo-object-info-block .rentalo-object-info p,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block.rentalo-object-info-block .rentalo-object-info,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block.rentalo-object-info-block .rentalo-object-info p{
    color:var(--rentalo-text,#273b48);
    font-size:14px;
    line-height:1.35;
    font-weight:400;
}

.rentalo-ui-step3-shell .rentalo-vehicle-intro-block.rentalo-object-info-block .rentalo-object-description,
.rentalo-ui-step3-shell .rentalo-vehicle-intro-block.rentalo-object-info-block .rentalo-object-description p,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block.rentalo-object-info-block .rentalo-object-description,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block.rentalo-object-info-block .rentalo-object-description p{
    color:var(--rentalo-text,#273b48);
    font-size:14px;
    line-height:1.45;
    font-weight:400;
}

/* Detailwerte bleiben normal gewichtet. */



/* 2.15.229 - assets/css/frontend.css - Dezentes aktives Feldfeedback mit Design-Settings. */

.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;
}

.rentalo-frontend-wrap input[type="text"]:focus,
.rentalo-frontend-wrap input[type="email"]:focus,
.rentalo-frontend-wrap input[type="tel"]:focus,
.rentalo-frontend-wrap input[type="number"]:focus,
.rentalo-frontend-wrap input[type="search"]:focus,
.rentalo-frontend-wrap input[type="date"]:focus,
.rentalo-frontend-wrap input[type="time"]:focus,
.rentalo-frontend-wrap select:focus,
.rentalo-frontend-wrap textarea:focus,
.rentalo-frontend-wrap input[type="text"]:focus-visible,
.rentalo-frontend-wrap input[type="email"]:focus-visible,
.rentalo-frontend-wrap input[type="tel"]:focus-visible,
.rentalo-frontend-wrap input[type="number"]:focus-visible,
.rentalo-frontend-wrap input[type="search"]:focus-visible,
.rentalo-frontend-wrap input[type="date"]:focus-visible,
.rentalo-frontend-wrap input[type="time"]:focus-visible,
.rentalo-frontend-wrap select:focus-visible,
.rentalo-frontend-wrap textarea:focus-visible,
.rentalo-frontend-wrap .rentalo-custom-select.is-open .rentalo-custom-select__button,
.rentalo-frontend-wrap .rentalo-custom-select__button:focus,
.rentalo-frontend-wrap .rentalo-custom-select__button:focus-visible,
.rentalo-frontend-wrap .rentalo-ui-date-field:focus,
.rentalo-frontend-wrap .rentalo-ui-date-field:focus-visible,
.rentalo-frontend-wrap .rentalo-ui-time-field:focus,
.rentalo-frontend-wrap .rentalo-ui-time-field:focus-visible{
    outline:none;
    border-color:var(--rentalo-field-focus-border,var(--rentalo-primary,#006699));
    border-bottom-color:var(--rentalo-field-focus-border,var(--rentalo-primary,#006699));
    background-color:var(--rentalo-field-focus-bg,var(--rentalo-input-bg,#ffffff));
    box-shadow:none;
}

/* Linien-Design: moderner, dezenter Fokus nur an der Linie statt Box-Schatten. */
.rentalo-frontend-wrap.rentalo-field-style-line input[type="text"]:focus,
.rentalo-frontend-wrap.rentalo-field-style-line input[type="email"]:focus,
.rentalo-frontend-wrap.rentalo-field-style-line input[type="tel"]:focus,
.rentalo-frontend-wrap.rentalo-field-style-line input[type="number"]:focus,
.rentalo-frontend-wrap.rentalo-field-style-line input[type="search"]:focus,
.rentalo-frontend-wrap.rentalo-field-style-line input[type="date"]:focus,
.rentalo-frontend-wrap.rentalo-field-style-line input[type="time"]:focus,
.rentalo-frontend-wrap.rentalo-field-style-line select:focus,
.rentalo-frontend-wrap.rentalo-field-style-line textarea:focus,
.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-custom-select.is-open .rentalo-custom-select__button,
.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-custom-select__button:focus,
.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-ui-date-field:focus,
.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-ui-time-field:focus{
    box-shadow:none;
    background-color:var(--rentalo-field-focus-bg,transparent);
}

/* Boxen-Design: dezenter Außenring. */
.rentalo-frontend-wrap.rentalo-field-style-box input[type="text"]:focus,
.rentalo-frontend-wrap.rentalo-field-style-box input[type="email"]:focus,
.rentalo-frontend-wrap.rentalo-field-style-box input[type="tel"]:focus,
.rentalo-frontend-wrap.rentalo-field-style-box input[type="number"]:focus,
.rentalo-frontend-wrap.rentalo-field-style-box input[type="search"]:focus,
.rentalo-frontend-wrap.rentalo-field-style-box input[type="date"]:focus,
.rentalo-frontend-wrap.rentalo-field-style-box input[type="time"]:focus,
.rentalo-frontend-wrap.rentalo-field-style-box select:focus,
.rentalo-frontend-wrap.rentalo-field-style-box textarea:focus,
.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-custom-select.is-open .rentalo-custom-select__button,
.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-custom-select__button:focus,
.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-ui-date-field:focus,
.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-ui-time-field:focus{
    box-shadow:none;
}

/* Fokus innerhalb gruppierter Step4-Felder sichtbar halten, ohne das Kartenlayout zu verändern. */
.rentalo-frontend-wrap .rentalo-frontend-field:focus-within,
.rentalo-frontend-wrap .rentalo-step4-payment-field:focus-within{
    border-color:var(--rentalo-field-focus-border,var(--rentalo-primary,#006699));
}


/* 2.15.230 - assets/css/frontend.css - Step4 Personenfelder: aktiven Fokus sichtbar machen. */
.rentalo-ui-step4-shell .rentalo-frontend-field input:not([type="checkbox"]):not([type="radio"]),
.rentalo-ui-step4-shell .rentalo-frontend-field select,
.rentalo-ui-step4-shell .rentalo-frontend-field textarea,
.rentalo-ui-step4-shell .rentalo-form-input,
.rentalo-ui-step4-shell .rentalo-form-control,
.rentalo-ui-step4-shell .rentalo-form-select,
.rentalo-ui-step4-shell .rentalo-form-textarea,
.rentalo-ui-step4-shell .rentalo-step4-driver-card input:not([type="checkbox"]):not([type="radio"]),
.rentalo-ui-step4-shell .rentalo-step4-driver-card select,
.rentalo-ui-step4-shell .rentalo-step4-driver-card textarea{
    transition:border-color .16s ease, border-bottom-color .16s ease, box-shadow .16s ease, background-color .16s ease, color .16s ease;
}

.rentalo-ui-step4-shell .rentalo-frontend-field input:not([type="checkbox"]):not([type="radio"]):focus,
.rentalo-ui-step4-shell .rentalo-frontend-field input:not([type="checkbox"]):not([type="radio"]):focus-visible,
.rentalo-ui-step4-shell .rentalo-frontend-field select:focus,
.rentalo-ui-step4-shell .rentalo-frontend-field select:focus-visible,
.rentalo-ui-step4-shell .rentalo-frontend-field textarea:focus,
.rentalo-ui-step4-shell .rentalo-frontend-field textarea:focus-visible,
.rentalo-ui-step4-shell .rentalo-form-input:focus,
.rentalo-ui-step4-shell .rentalo-form-input:focus-visible,
.rentalo-ui-step4-shell .rentalo-form-control:focus,
.rentalo-ui-step4-shell .rentalo-form-control:focus-visible,
.rentalo-ui-step4-shell .rentalo-form-select:focus,
.rentalo-ui-step4-shell .rentalo-form-select:focus-visible,
.rentalo-ui-step4-shell .rentalo-form-textarea:focus,
.rentalo-ui-step4-shell .rentalo-form-textarea:focus-visible,
.rentalo-ui-step4-shell .rentalo-step4-driver-card input:not([type="checkbox"]):not([type="radio"]):focus,
.rentalo-ui-step4-shell .rentalo-step4-driver-card input:not([type="checkbox"]):not([type="radio"]):focus-visible,
.rentalo-ui-step4-shell .rentalo-step4-driver-card select:focus,
.rentalo-ui-step4-shell .rentalo-step4-driver-card select:focus-visible,
.rentalo-ui-step4-shell .rentalo-step4-driver-card textarea:focus,
.rentalo-ui-step4-shell .rentalo-step4-driver-card textarea:focus-visible{
    outline:none;
    border-color:var(--rentalo-field-focus-border,var(--rentalo-primary,#006699));
    border-bottom-color:var(--rentalo-field-focus-border,var(--rentalo-primary,#006699));
    background-color:var(--rentalo-field-focus-bg,var(--rentalo-input-bg,#ffffff));
    box-shadow:none;
}

/* Step4 Linien-Design: Fokus als aktive Linie statt Box-Ring. */
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-frontend-field input:not([type="checkbox"]):not([type="radio"]):focus,
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-frontend-field input:not([type="checkbox"]):not([type="radio"]):focus-visible,
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-frontend-field select:focus,
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-frontend-field select:focus-visible,
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-frontend-field textarea:focus,
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-frontend-field textarea:focus-visible,
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-form-input:focus,
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-form-input:focus-visible,
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-form-control:focus,
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-form-control:focus-visible,
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-form-select:focus,
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-form-select:focus-visible,
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-form-textarea:focus,
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-form-textarea:focus-visible,
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-step4-driver-card input:not([type="checkbox"]):not([type="radio"]):focus,
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-step4-driver-card input:not([type="checkbox"]):not([type="radio"]):focus-visible,
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-step4-driver-card select:focus,
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-step4-driver-card select:focus-visible,
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-step4-driver-card textarea:focus,
.rentalo-ui-step4-shell.rentalo-field-style-line .rentalo-step4-driver-card textarea:focus-visible{
    box-shadow:none;
    background-color:var(--rentalo-field-focus-bg,transparent);
}

/* Step4 Boxen-Design: Fokus als dezenter Außenring. */
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-frontend-field input:not([type="checkbox"]):not([type="radio"]):focus,
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-frontend-field input:not([type="checkbox"]):not([type="radio"]):focus-visible,
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-frontend-field select:focus,
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-frontend-field select:focus-visible,
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-frontend-field textarea:focus,
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-frontend-field textarea:focus-visible,
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-form-input:focus,
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-form-input:focus-visible,
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-form-control:focus,
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-form-control:focus-visible,
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-form-select:focus,
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-form-select:focus-visible,
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-form-textarea:focus,
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-form-textarea:focus-visible,
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-step4-driver-card input:not([type="checkbox"]):not([type="radio"]):focus,
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-step4-driver-card input:not([type="checkbox"]):not([type="radio"]):focus-visible,
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-step4-driver-card select:focus,
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-step4-driver-card select:focus-visible,
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-step4-driver-card textarea:focus,
.rentalo-ui-step4-shell.rentalo-field-style-box .rentalo-step4-driver-card textarea:focus-visible{
    box-shadow:none;
}

/* Native Date/Time und Custom-Selects in Step4-Zahlungs-/Personenbereichen ebenfalls sichtbar. */
.rentalo-ui-step4-shell .rentalo-custom-select.is-open .rentalo-custom-select__button,
.rentalo-ui-step4-shell .rentalo-custom-select__button:focus,
.rentalo-ui-step4-shell .rentalo-custom-select__button:focus-visible{
    border-color:var(--rentalo-field-focus-border,var(--rentalo-primary,#006699));
    border-bottom-color:var(--rentalo-field-focus-border,var(--rentalo-primary,#006699));
    background-color:var(--rentalo-field-focus-bg,var(--rentalo-input-bg,#ffffff));
    box-shadow:none;
}


/* 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:30;
    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:31;
    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.266: Kompakteres, scrollbares Filial-Modal mit kleineren Abständen. */










































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


/* 2.15.267: Standortpicker als feldgebundenes Panel + einheitliche Detailkarte. */
























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


/* 2.15.269: Filial-Panel kompakter: Content sauber getrennt, Button außerhalb der scrollenden Details. */




























@media (min-height: 720px) {
    
}

@media (max-width: 760px) {
    

    

    

    
}


/* 2.15.269b: Detailinhalt bleibt zwischen Bild und externem Button begrenzt. */







/* 2.15.270: Filial-Picker Details mit Tabs statt langer Detailspalte. */
























@media (max-width: 760px) {
    

    
}


/* 2.15.271: Filialauswahl ohne Header und Suchfeld, Panel höher. */










@media (min-height: 820px) {
    
}

@media (max-width: 760px) {
    

    
}


/* 2.15.272: Filialauswahl-Button ohne Schwebe-Effekt, nur Farbwechsel. */





/* 2.15.273: Filialauswahl-Button bleibt ohne Schwebeeffekt. */



/* 2.15.274: keine visuelle Änderung; 1-Klick-Öffnung nach Reload wird per JS abgesichert. */

/* 2.15.275: 1-Klick-Fix verhindert sofortiges Schließen durch den nachfolgenden Click-Event. */

/* 2.15.294 - Abstand zwischen Objektbeschreibung und nachfolgender Trennlinie in Step3/4. */
.rentalo-ui-step3-shell .rentalo-vehicle-intro-block .rentalo-object-description,
.rentalo-ui-step4-shell .rentalo-vehicle-intro-block .rentalo-object-description{
    margin-bottom:10px;
}

/* 2.15.295 - Einheitliche Modal-Icons, Galerie-Schatten und Step3-Picker-Layer. */





/* 2.15.371 - Step3 quantity lists use portal; frontend notice modal typography follows Rentalo design settings. */





/* 2.15.473 - Booking-details close buttons above sheet; opening-hours modal above them. */



















/* 2.15.474 - Hide the underlying booking-details close control while opening hours are layered above it. */



/* 2.15.480 - Opening-hours dialog stays horizontally centered with a 30px vertical layer offset; keep viewport height and quantity portals usable. */


.rentalo-step3-option-quantity .rentalo-custom-select[data-rentalo-select-portal="1"] .rentalo-custom-select__list{
    width:80px;
    min-width:80px;
    max-width:80px;
}

/* 2.15.484 - Price breakdown headings follow the configured title color. */
.rentalo-tariff-debug-eyebrow,
.rentalo-tariff-debug-head h3,
.rentalo-tariff-debug-section h4{
    color:var(--rentalo-title,#1b2b44);
}


/* 2.15.485 - All label-like texts in the price breakdown modal use the configured title color. */



/* 2.15.486 - Preisdetails. */
.rentalo-module-design-scope .rentalo-custom-select__option{
    min-width:50px;
}

/* 2.15.534 - Step3/Step4 Detailzeilen: Datum neben Label, Uhrzeit und Filiale darunter. */
.rentalo-ui-step3-shell .rentalo-step3-sidebar-detail-row,
.rentalo-ui-step4-shell .rentalo-step3-sidebar-detail-row{
    grid-template-columns:24px minmax(78px,.85fr) minmax(0,1.25fr);
    align-items:start;
}

.rentalo-ui-step3-shell .rentalo-step3-sidebar-detail-label,
.rentalo-ui-step4-shell .rentalo-step3-sidebar-detail-label{
    color:var(--rentalo-label-color,var(--rentalo-title,#1a2932));
    font-size:var(--rentalo-font-size,15px);
    font-weight:700;
    line-height:1.3;
}

.rentalo-ui-step3-shell .rentalo-step3-sidebar-detail-value,
.rentalo-ui-step4-shell .rentalo-step3-sidebar-detail-value{
    font-size:var(--rentalo-font-size,15px);
    line-height:1.3;
}

.rentalo-ui-step3-shell .rentalo-step3-sidebar-detail-date,
.rentalo-ui-step4-shell .rentalo-step3-sidebar-detail-date{
    color:var(--rentalo-title,#1a2932);
    font-size:var(--rentalo-font-size,15px);
    font-weight:700;
    line-height:1.3;
    white-space:nowrap;
}

.rentalo-ui-step3-shell .rentalo-step3-sidebar-detail-time,
.rentalo-ui-step4-shell .rentalo-step3-sidebar-detail-time{
    color:var(--rentalo-text,#273b48);
    font-size:var(--rentalo-font-size,15px);
    font-weight:400;
    line-height:1.3;
    white-space:nowrap;
}

/* Rentalo runtime design controls
 * Moved from PHP inline CSS in 2.15.615. These rules are static and consume
 * only the CSS custom properties generated from Admin > Design. Keeping the
 * selectors here prevents duplicate inline override layers.
 */
.rentalo-frontend-wrap .rentalo-step1-hero,.rentalo-frontend-wrap .rentalo-step1-inline-shell,.rentalo-frontend-wrap .rentalo-booking-layout,.rentalo-frontend-wrap .rentalo-ui-step2,.rentalo-frontend-wrap .rentalo-ui-step3,.rentalo-frontend-wrap .rentalo-ui-step4,.rentalo-frontend-wrap .rentalo-ui-step3-shell,.rentalo-frontend-wrap .rentalo-ui-step4-shell{background:var(--rentalo-page-bg);}
.rentalo-frontend-wrap .rentalo-ui-step2-item-card,.rentalo-frontend-wrap .rentalo-choice-card,.rentalo-frontend-wrap .rentalo-ui-step3-choice-row,.rentalo-frontend-wrap .rentalo-option-switch-card{background:var(--rentalo-card-bg);border-color:var(--rentalo-border);}
.rentalo-frontend-wrap .rentalo-ui-step3-choice-row.is-selected,.rentalo-frontend-wrap .rentalo-option-switch-card.is-selected{background:var(--rentalo-selected-bg);}
.rentalo-frontend-wrap .rentalo-ui-step2-feature svg,.rentalo-frontend-wrap .rentalo-vehicle-feature svg{width:var(--rentalo-feature-icon-size);height:var(--rentalo-feature-icon-size);color:var(--rentalo-feature-icon-color);}
.rentalo-frontend-wrap .rentalo-ui-step2-feature-copy strong,.rentalo-frontend-wrap .rentalo-vehicle-feature strong{font-size:var(--rentalo-feature-title-size);color:var(--rentalo-feature-title-color);}
.rentalo-frontend-wrap .rentalo-ui-step2-feature-copy small,.rentalo-frontend-wrap .rentalo-vehicle-feature small{font-size:var(--rentalo-feature-text-size);color:var(--rentalo-feature-text-color);}
.rentalo-frontend-wrap .rentalo-ui-step1-module,.rentalo-frontend-wrap .rentalo-submit-button,.rentalo-frontend-wrap .rentalo-back-button,.rentalo-frontend-wrap .rentalo-step3-mobile-total-bar,.rentalo-frontend-wrap .rentalo-step4-mobile-bottom-bar{box-shadow:none;}
.rentalo-ui-step1-shell,.rentalo-ui-step2{--rentalo-step-field-height:var(--rentalo-field-height);--rentalo-step-field-radius:var(--rentalo-radius-sm);--rentalo-step-field-border:var(--rentalo-border);--rentalo-step-field-bg:var(--rentalo-input-bg);--rentalo-step-field-text:var(--rentalo-field-text);--rentalo-step-label:var(--rentalo-label-color);--rentalo-step-card-radius:var(--rentalo-radius);--rentalo-step-card-border:var(--rentalo-border);--rentalo-step-card-shadow:var(--rentalo-shadow);--rentalo-step-primary:var(--rentalo-button-bg);--rentalo-step-primary-hover:var(--rentalo-button-hover);}
.rentalo-ui-step1-shell .rentalo-ui-label,.rentalo-ui-step2 .rentalo-ui-label,.rentalo-ui-step2-picker-module .rentalo-ui-label{font-size:var(--rentalo-label-size);color:var(--rentalo-label-color);}
.rentalo-ui-step1-module,.rentalo-ui-step2-topbar{background:var(--rentalo-card-bg);border-color:var(--rentalo-border);border-radius:var(--rentalo-radius);box-shadow:none;}
.rentalo-choice-row,.rentalo-ui-step3-choice-row,.rentalo-option-switch-card,.rentalo-step4-option-summary-row{background:var(--rentalo-card-bg);border-color:var(--rentalo-border);border-radius:var(--rentalo-choice-radius);}
.rentalo-choice-row.is-selected,.rentalo-ui-step3-choice-row.is-selected,.rentalo-option-switch-card.is-selected{background:var(--rentalo-selected-bg);border-color:var(--rentalo-border);}
.rentalo-choice-content strong,.rentalo-ui-step3-choice-content strong,.rentalo-option-switch-title strong,.rentalo-summary-row strong{color:var(--rentalo-title);}
.rentalo-choice-content span,.rentalo-choice-content small,.rentalo-ui-step3-choice-content span,.rentalo-ui-step3-choice-content small,.rentalo-option-switch-content p,.rentalo-summary-row span{color:var(--rentalo-muted);font-size:var(--rentalo-small-font-size);}
.rentalo-choice-price strong,.rentalo-ui-step3-choice-price strong,.rentalo-option-switch-price strong,.rentalo-summary-total strong{color:var(--rentalo-price);font-size:var(--rentalo-price-font-size);}
.rentalo-choice-price small,.rentalo-ui-step3-choice-price small,.rentalo-option-switch-price small{color:var(--rentalo-muted);font-size:var(--rentalo-small-font-size);}
.rentalo-frontend-field input,.rentalo-frontend-field textarea,.rentalo-frontend-field select{background:var(--rentalo-input-bg);border-color:var(--rentalo-border);border-radius:var(--rentalo-radius-sm);color:var(--rentalo-text);}
.rentalo-frontend-field input:focus,.rentalo-frontend-field textarea:focus,.rentalo-frontend-field select:focus{border-color:var(--rentalo-blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--rentalo-focus) 32%, transparent);outline:0;}
.rentalo-ui-step3-shell,.rentalo-ui-step4-shell{font-size:var(--rentalo-font-size);color:var(--rentalo-text);}
.rentalo-ui-step3-card,.rentalo-ui-step4-card{background:var(--rentalo-card-bg);border-color:var(--rentalo-border);border-width:var(--rentalo-card-border-width);border-radius:var(--rentalo-radius);box-shadow:none;}
.rentalo-ui-step3-shell .rentalo-form-control,.rentalo-ui-step3-shell .rentalo-form-input,.rentalo-ui-step3-shell .rentalo-form-select,.rentalo-ui-step4-shell .rentalo-form-control,.rentalo-ui-step4-shell .rentalo-form-input,.rentalo-ui-step4-shell .rentalo-form-select{background:var(--rentalo-input-bg);border-color:var(--rentalo-border);border-radius:var(--rentalo-radius-sm);color:var(--rentalo-text);font-size:var(--rentalo-font-size);}
.rentalo-ui-step3-shell .rentalo-form-control:focus,.rentalo-ui-step3-shell .rentalo-form-input:focus,.rentalo-ui-step3-shell .rentalo-form-select:focus,.rentalo-ui-step4-shell .rentalo-form-control:focus,.rentalo-ui-step4-shell .rentalo-form-input:focus,.rentalo-ui-step4-shell .rentalo-form-select:focus{border-color:var(--rentalo-blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--rentalo-focus) 32%, transparent);outline:0;}
.rentalo-frontend-wrap .rentalo-ui-label,.rentalo-frontend-wrap .rentalo-frontend-field>label,.rentalo-frontend-wrap .rentalo-step4-salutation-title{color:var(--rentalo-label-color);font-size:var(--rentalo-label-size);}
.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=date],.rentalo-frontend-wrap input[type=time],.rentalo-frontend-wrap textarea,.rentalo-frontend-wrap select{background:var(--rentalo-input-bg);border-color:var(--rentalo-border);border-width:var(--rentalo-border-width);border-radius:var(--rentalo-radius-sm);color:var(--rentalo-field-text);font-size:var(--rentalo-font-size);}
.rentalo-frontend-wrap input:focus,.rentalo-frontend-wrap textarea:focus,.rentalo-frontend-wrap select:focus,.rentalo-frontend-wrap button:focus,.rentalo-frontend-wrap a:focus{border-color:var(--rentalo-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--rentalo-focus) 28%,transparent);outline:0;}
.rentalo-frontend-wrap .rentalo-ui-step3-choice-row,.rentalo-frontend-wrap .rentalo-choice-row,.rentalo-frontend-wrap .rentalo-option-switch-card,.rentalo-frontend-wrap .rentalo-step4-option-summary-row,.rentalo-frontend-wrap .rentalo-step3-payment-box,.rentalo-frontend-wrap .rentalo-step4-payment-box{background:var(--rentalo-card-bg);border-color:var(--rentalo-border);border-width:var(--rentalo-card-border-width);border-radius:var(--rentalo-choice-radius);}
.rentalo-frontend-wrap .rentalo-ui-step3-choice-row.is-selected:not(.rentalo-step3-tariff-row):not(.rentalo-step3-insurance-row),.rentalo-frontend-wrap .rentalo-choice-row.is-selected:not(.rentalo-step3-tariff-row):not(.rentalo-step3-insurance-row),.rentalo-frontend-wrap .rentalo-option-switch-card.is-selected:not(.rentalo-step3-option-row),.rentalo-frontend-wrap .rentalo-ui-calendar-day.is-selected,.rentalo-frontend-wrap .rentalo-ui-time-option.is-selected{background:var(--rentalo-selected-bg);border-color:var(--rentalo-primary);color:var(--rentalo-title);}
.rentalo-frontend-wrap .rentalo-ui-time-option:hover,.rentalo-frontend-wrap .rentalo-ui-time-option:focus,.rentalo-frontend-wrap .rentalo-ui-calendar-day:hover,.rentalo-frontend-wrap .rentalo-ui-calendar-day:focus{background:var(--rentalo-selected-bg);border-color:var(--rentalo-primary);}
.rentalo-frontend-wrap .rentalo-submit-button,.rentalo-frontend-wrap .rentalo-form-button,.rentalo-frontend-wrap .rentalo-ui-btn,.rentalo-frontend-wrap .rentalo-ui-step2-btn,.rentalo-frontend-wrap .rentalo-step3-change-button,.rentalo-frontend-wrap .rentalo-step4-discount-apply{background:var(--rentalo-button-bg);border-color:var(--rentalo-button-bg);color:var(--rentalo-button-text);border-radius:var(--rentalo-button-radius);font-size:var(--rentalo-button-font-size);font-weight:var(--rentalo-button-weight);box-shadow:none;}
.rentalo-frontend-wrap .rentalo-submit-button:hover,.rentalo-frontend-wrap .rentalo-submit-button:focus,.rentalo-frontend-wrap .rentalo-form-button:hover,.rentalo-frontend-wrap .rentalo-form-button:focus,.rentalo-frontend-wrap .rentalo-ui-btn:hover,.rentalo-frontend-wrap .rentalo-ui-btn:focus,.rentalo-frontend-wrap .rentalo-ui-step2-btn:hover,.rentalo-frontend-wrap .rentalo-ui-step2-btn:focus,.rentalo-frontend-wrap .rentalo-step3-change-button:hover,.rentalo-frontend-wrap .rentalo-step3-change-button:focus,.rentalo-frontend-wrap .rentalo-step4-discount-apply:hover,.rentalo-frontend-wrap .rentalo-step4-discount-apply:focus{background:var(--rentalo-button-hover);border-color:var(--rentalo-button-hover);color:var(--rentalo-button-hover-text);box-shadow:none;}
.rentalo-frontend-wrap .rentalo-ui-step2-title,.rentalo-frontend-wrap .rentalo-ui-step2-group,.rentalo-frontend-wrap .rentalo-choice-content strong,.rentalo-frontend-wrap .rentalo-ui-step3-choice-content strong,.rentalo-frontend-wrap .rentalo-option-switch-title strong,.rentalo-frontend-wrap .rentalo-summary-row strong{color:var(--rentalo-title);font-size:var(--rentalo-font-size);}
.rentalo-frontend-wrap .rentalo-ui-step2-meta,.rentalo-frontend-wrap .rentalo-choice-content span,.rentalo-frontend-wrap .rentalo-choice-content small,.rentalo-frontend-wrap .rentalo-ui-step3-choice-content span,.rentalo-frontend-wrap .rentalo-ui-step3-choice-content small,.rentalo-frontend-wrap .rentalo-option-switch-content p,.rentalo-frontend-wrap .rentalo-summary-row span{color:var(--rentalo-muted);font-size:var(--rentalo-small-font-size);}
.rentalo-frontend-wrap .rentalo-ui-step2-price strong,.rentalo-frontend-wrap .rentalo-ui-step2-price,.rentalo-frontend-wrap .rentalo-choice-price strong,.rentalo-frontend-wrap .rentalo-ui-step3-choice-price strong,.rentalo-frontend-wrap .rentalo-option-switch-price strong,.rentalo-frontend-wrap .rentalo-summary-total strong,.rentalo-frontend-wrap .rentalo-step3-mobile-total-price,.rentalo-frontend-wrap .rentalo-step4-mobile-total-price{color:var(--rentalo-price);font-size:var(--rentalo-price-font-size);}
.rentalo-frontend-wrap .rentalo-ui-step2-title,.rentalo-frontend-wrap .rentalo-ui-step2-content h4,.rentalo-frontend-wrap .rentalo-step3-vehicle-body h3,.rentalo-frontend-wrap .rentalo-step4-vehicle-body h3{font-size:var(--rentalo-heading-size);color:var(--rentalo-title);}
.rentalo-frontend-wrap .rentalo-summary-list .rentalo-summary-row span{font-size:var(--rentalo-font-size);font-weight:700;color:var(--rentalo-text);}
.rentalo-frontend-wrap .rentalo-summary-list .rentalo-summary-row strong{font-size:var(--rentalo-font-size);font-weight:700;}
.rentalo-frontend-wrap .rentalo-back-button,.rentalo-frontend-wrap .rentalo-booking-details-form__close{background:#fff;color:var(--rentalo-title);border-color:var(--rentalo-border);}
.rentalo-frontend-wrap select:not(.rentalo-option-quantity-select),.rentalo-frontend-wrap .rentalo-form-select:not(.rentalo-option-quantity-select),.rentalo-frontend-wrap .rentalo-ui-select:not(.rentalo-option-quantity-select){height:var(--rentalo-field-height);min-height:var(--rentalo-field-height);max-height:var(--rentalo-field-height);line-height:var(--rentalo-field-height);}
.rentalo-frontend-wrap .rentalo-ui-step1-module,.rentalo-frontend-wrap .rentalo-ui-step2-topbar{padding:var(--rentalo-card-padding);}
.rentalo-frontend-wrap .rentalo-ui-step1-grid,.rentalo-frontend-wrap .rentalo-ui-step2-topbar,.rentalo-frontend-wrap .rentalo-ui-step2-list{gap:var(--rentalo-field-gap);}
.rentalo-frontend-wrap .rentalo-ui-step3-layout,.rentalo-frontend-wrap .rentalo-ui-step4-layout,.rentalo-frontend-wrap .rentalo-booking-main{gap:var(--rentalo-card-gap);}
.rentalo-frontend-wrap .rentalo-step4-form-grid,.rentalo-frontend-wrap .rentalo-step4-payment-grid,.rentalo-frontend-wrap .rentalo-step4-discount-row{gap:var(--rentalo-field-gap);}
.rentalo-ui-step3-shell .rentalo-vehicle-intro-block .rentalo-ui-step2-meta,.rentalo-ui-step4-shell .rentalo-vehicle-intro-block .rentalo-ui-step2-meta{font-size:inherit;}
.rentalo-frontend-wrap .rentalo-choice-price small,.rentalo-frontend-wrap .rentalo-ui-step3-choice-price small,.rentalo-frontend-wrap .rentalo-option-switch-price small,.rentalo-frontend-wrap .rentalo-ui-step2-price small{color:var(--rentalo-muted);font-size:var(--rentalo-small-font-size);}
.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="date"],.rentalo-frontend-wrap input[type="time"],.rentalo-frontend-wrap select,.rentalo-frontend-wrap .rentalo-form-control,.rentalo-frontend-wrap .rentalo-form-input,.rentalo-frontend-wrap .rentalo-form-select,.rentalo-frontend-wrap .rentalo-ui-input,.rentalo-frontend-wrap .rentalo-ui-select,.rentalo-frontend-wrap .rentalo-ui-picker-toggle,.rentalo-frontend-wrap .rentalo-ui-step2-picker-toggle,.rentalo-frontend-wrap .rentalo-date-display{height:var(--rentalo-field-height);min-height:var(--rentalo-field-height);max-height:var(--rentalo-field-height);box-sizing:border-box;}
.rentalo-frontend-wrap .rentalo-submit-button,.rentalo-frontend-wrap .rentalo-secondary-button,.rentalo-frontend-wrap .rentalo-form-button,.rentalo-frontend-wrap .rentalo-ui-btn,.rentalo-frontend-wrap .rentalo-ui-step2-btn,.rentalo-frontend-wrap .rentalo-back-button,.rentalo-frontend-wrap .rentalo-step3-change-button,.rentalo-frontend-wrap .rentalo-booking-details-form__close,.rentalo-frontend-wrap .rentalo-ui-modal-close,.rentalo-frontend-wrap .rentalo-ui-step2-modal-close,.rentalo-frontend-wrap .rentalo-step4-discount-apply,.rentalo-frontend-wrap .rentalo-confirmation-button{height:var(--rentalo-button-height);min-height:var(--rentalo-button-height);max-height:var(--rentalo-button-height);display:inline-flex;align-items:center;justify-content:center;line-height:1.2;box-sizing:border-box;}
.rentalo-frontend-wrap .rentalo-submit-button.is-selected,.rentalo-ui-step2-item-card .rentalo-submit-button.is-selected{background:var(--rentalo-button-bg);border-color:var(--rentalo-button-bg);color:var(--rentalo-button-text);background-image:none;}
.rentalo-frontend-wrap .rentalo-submit-button.is-selected:hover,.rentalo-frontend-wrap .rentalo-submit-button.is-selected:focus,.rentalo-ui-step2-item-card .rentalo-submit-button.is-selected:hover,.rentalo-ui-step2-item-card .rentalo-submit-button.is-selected:focus{background:var(--rentalo-button-hover);border-color:var(--rentalo-button-hover);color:var(--rentalo-button-hover-text);transform:none;}
.rentalo-frontend-wrap .rentalo-submit-button:hover,.rentalo-frontend-wrap .rentalo-submit-button:focus,.rentalo-frontend-wrap .rentalo-secondary-button:hover,.rentalo-frontend-wrap .rentalo-secondary-button:focus,.rentalo-frontend-wrap .rentalo-form-button:hover,.rentalo-frontend-wrap .rentalo-form-button:focus,.rentalo-frontend-wrap .rentalo-ui-btn:hover,.rentalo-frontend-wrap .rentalo-ui-btn:focus,.rentalo-frontend-wrap .rentalo-ui-step2-btn:hover,.rentalo-frontend-wrap .rentalo-ui-step2-btn:focus,.rentalo-frontend-wrap .rentalo-back-button:hover,.rentalo-frontend-wrap .rentalo-back-button:focus,.rentalo-frontend-wrap .rentalo-step3-change-button:hover,.rentalo-frontend-wrap .rentalo-step3-change-button:focus,.rentalo-frontend-wrap .rentalo-step4-discount-apply:hover,.rentalo-frontend-wrap .rentalo-step4-discount-apply:focus{transform:none;}
.rentalo-frontend-wrap button:hover,.rentalo-frontend-wrap button:focus,.rentalo-frontend-wrap a.rentalo-submit-button:hover,.rentalo-frontend-wrap a.rentalo-submit-button:focus,.rentalo-frontend-wrap a.rentalo-back-button:hover,.rentalo-frontend-wrap a.rentalo-back-button:focus{transform:none;}
.rentalo-frontend-wrap input[type="checkbox"]:focus,.rentalo-frontend-wrap input[type="checkbox"]:focus-visible,.rentalo-frontend-wrap input[type="radio"]:focus,.rentalo-frontend-wrap input[type="radio"]:focus-visible{outline:0;border-color:var(--rentalo-field-focus-border,var(--rentalo-primary,#006699));box-shadow:none;accent-color:var(--rentalo-field-focus-border,var(--rentalo-primary,#006699));}
.rentalo-ui-step1-module.rentalo-field-style-box .rentalo-form-field--date:focus-within,.rentalo-ui-step1-module.rentalo-field-style-box .rentalo-form-field--time:focus-within{outline:0;border-color:transparent;background:transparent;box-shadow:none;}
.rentalo-ui-step1-module.rentalo-field-style-box .rentalo-form-field--date .rentalo-ui-picker-toggle:focus,.rentalo-ui-step1-module.rentalo-field-style-box .rentalo-form-field--date .rentalo-ui-picker-toggle:focus-visible,.rentalo-ui-step1-module.rentalo-field-style-box .rentalo-form-field--date .rentalo-ui-picker-toggle[aria-expanded="true"],.rentalo-ui-step1-module.rentalo-field-style-box .rentalo-form-field--time .rentalo-ui-picker-toggle:focus,.rentalo-ui-step1-module.rentalo-field-style-box .rentalo-form-field--time .rentalo-ui-picker-toggle:focus-visible,.rentalo-ui-step1-module.rentalo-field-style-box .rentalo-form-field--time .rentalo-ui-picker-toggle[aria-expanded="true"]{outline:0;border:1px solid var(--rentalo-field-focus-border,var(--rentalo-primary,#006699));box-shadow:none;}
.rentalo-ui-step4-shell .rentalo-step4-conditional-section:focus-within,.rentalo-ui-step4-shell .rentalo-step4-billing-section:focus-within,.rentalo-ui-step4-shell .rentalo-step4-drivers-section:focus-within,.rentalo-ui-step4-shell .rentalo-step4-driver-card:focus-within{outline:0;border-color:var(--rentalo-border,#d6e0ec);box-shadow:none;}
.rentalo-frontend-wrap .rentalo-custom-select__button::after{content:none;display:none;}
.rentalo-frontend-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;padding-right:12px;}
.rentalo-frontend-wrap .rentalo-custom-select__button{padding-right:12px;}
.rentalo-frontend-wrap .rentalo-ui-step3-shell .rentalo-step3-tariff-row input[type=radio]:focus,.rentalo-frontend-wrap .rentalo-ui-step3-shell .rentalo-step3-tariff-row input[type=radio]:focus-visible,.rentalo-frontend-wrap .rentalo-ui-step3-shell .rentalo-step3-insurance-row input[type=radio]:focus,.rentalo-frontend-wrap .rentalo-ui-step3-shell .rentalo-step3-insurance-row input[type=radio]:focus-visible,.rentalo-frontend-wrap .rentalo-ui-step3-shell .rentalo-step3-rows input[type=checkbox]:focus,.rentalo-frontend-wrap .rentalo-ui-step3-shell .rentalo-step3-rows input[type=checkbox]:focus-visible{outline:0;box-shadow:none;}
.rentalo-frontend-wrap input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus,.rentalo-frontend-wrap input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus-visible,.rentalo-frontend-wrap textarea:focus,.rentalo-frontend-wrap textarea:focus-visible,.rentalo-frontend-wrap select:focus,.rentalo-frontend-wrap select:focus-visible,.rentalo-frontend-wrap .rentalo-custom-select.is-open .rentalo-custom-select__button,.rentalo-frontend-wrap .rentalo-custom-select__button:focus,.rentalo-frontend-wrap .rentalo-custom-select__button:focus-visible,.rentalo-frontend-wrap .rentalo-picker-toggle:focus,.rentalo-frontend-wrap .rentalo-picker-toggle:focus-visible,.rentalo-frontend-wrap .rentalo-picker-toggle[aria-expanded="true"],.rentalo-frontend-wrap .rentalo-ui-picker-toggle:focus,.rentalo-frontend-wrap .rentalo-ui-picker-toggle:focus-visible,.rentalo-frontend-wrap .rentalo-ui-picker-toggle[aria-expanded="true"],.rentalo-frontend-wrap .rentalo-ui-step2-picker-toggle:focus,.rentalo-frontend-wrap .rentalo-ui-step2-picker-toggle:focus-visible,.rentalo-frontend-wrap .rentalo-ui-step2-picker-toggle[aria-expanded="true"],.rentalo-frontend-wrap .rentalo-date-display:focus,.rentalo-frontend-wrap .rentalo-date-display:focus-visible{outline:0;background-color:var(--rentalo-field-focus-bg,var(--rentalo-input-bg,#fff));box-shadow:none;}
.rentalo-frontend-wrap.rentalo-field-style-line input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus,.rentalo-frontend-wrap.rentalo-field-style-line input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus-visible,.rentalo-frontend-wrap.rentalo-field-style-line textarea:focus,.rentalo-frontend-wrap.rentalo-field-style-line textarea:focus-visible,.rentalo-frontend-wrap.rentalo-field-style-line select:focus,.rentalo-frontend-wrap.rentalo-field-style-line select:focus-visible,.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-custom-select.is-open .rentalo-custom-select__button,.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-custom-select__button:focus,.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-custom-select__button:focus-visible,.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-picker-toggle:focus,.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-picker-toggle:focus-visible,.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-picker-toggle[aria-expanded="true"],.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-ui-picker-toggle:focus,.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-ui-picker-toggle:focus-visible,.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-ui-picker-toggle[aria-expanded="true"],.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-ui-step2-picker-toggle:focus,.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-ui-step2-picker-toggle:focus-visible,.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-ui-step2-picker-toggle[aria-expanded="true"],.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-date-display:focus,.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-date-display:focus-visible,.rentalo-frontend-wrap .rentalo-field-style-line input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus,.rentalo-frontend-wrap .rentalo-field-style-line input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus-visible,.rentalo-frontend-wrap .rentalo-field-style-line textarea:focus,.rentalo-frontend-wrap .rentalo-field-style-line textarea:focus-visible,.rentalo-frontend-wrap .rentalo-field-style-line select:focus,.rentalo-frontend-wrap .rentalo-field-style-line select:focus-visible,.rentalo-frontend-wrap .rentalo-field-style-line .rentalo-custom-select.is-open .rentalo-custom-select__button,.rentalo-frontend-wrap .rentalo-field-style-line .rentalo-custom-select__button:focus,.rentalo-frontend-wrap .rentalo-field-style-line .rentalo-custom-select__button:focus-visible,.rentalo-frontend-wrap .rentalo-field-style-line .rentalo-picker-toggle:focus,.rentalo-frontend-wrap .rentalo-field-style-line .rentalo-picker-toggle:focus-visible,.rentalo-frontend-wrap .rentalo-field-style-line .rentalo-picker-toggle[aria-expanded="true"],.rentalo-frontend-wrap .rentalo-field-style-line .rentalo-ui-picker-toggle:focus,.rentalo-frontend-wrap .rentalo-field-style-line .rentalo-ui-picker-toggle:focus-visible,.rentalo-frontend-wrap .rentalo-field-style-line .rentalo-ui-picker-toggle[aria-expanded="true"],.rentalo-frontend-wrap .rentalo-field-style-line .rentalo-ui-step2-picker-toggle:focus,.rentalo-frontend-wrap .rentalo-field-style-line .rentalo-ui-step2-picker-toggle:focus-visible,.rentalo-frontend-wrap .rentalo-field-style-line .rentalo-ui-step2-picker-toggle[aria-expanded="true"],.rentalo-frontend-wrap .rentalo-field-style-line .rentalo-date-display:focus,.rentalo-frontend-wrap .rentalo-field-style-line .rentalo-date-display:focus-visible{border-top-color:transparent;border-right-color:transparent;border-left-color:transparent;border-bottom:2px solid var(--rentalo-field-focus-border,var(--rentalo-primary,#006699));box-shadow:none;}
.rentalo-frontend-wrap.rentalo-field-style-box input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus,.rentalo-frontend-wrap.rentalo-field-style-box input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus-visible,.rentalo-frontend-wrap.rentalo-field-style-box textarea:focus,.rentalo-frontend-wrap.rentalo-field-style-box textarea:focus-visible,.rentalo-frontend-wrap.rentalo-field-style-box select:focus,.rentalo-frontend-wrap.rentalo-field-style-box select:focus-visible,.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-custom-select.is-open .rentalo-custom-select__button,.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-custom-select__button:focus,.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-custom-select__button:focus-visible,.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-picker-toggle:focus,.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-picker-toggle:focus-visible,.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-picker-toggle[aria-expanded="true"],.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-ui-picker-toggle:focus,.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-ui-picker-toggle:focus-visible,.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-ui-picker-toggle[aria-expanded="true"],.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-ui-step2-picker-toggle:focus,.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-ui-step2-picker-toggle:focus-visible,.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-ui-step2-picker-toggle[aria-expanded="true"],.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-date-display:focus,.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-date-display:focus-visible,.rentalo-frontend-wrap .rentalo-field-style-box input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus,.rentalo-frontend-wrap .rentalo-field-style-box input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus-visible,.rentalo-frontend-wrap .rentalo-field-style-box textarea:focus,.rentalo-frontend-wrap .rentalo-field-style-box textarea:focus-visible,.rentalo-frontend-wrap .rentalo-field-style-box select:focus,.rentalo-frontend-wrap .rentalo-field-style-box select:focus-visible,.rentalo-frontend-wrap .rentalo-field-style-box .rentalo-custom-select.is-open .rentalo-custom-select__button,.rentalo-frontend-wrap .rentalo-field-style-box .rentalo-custom-select__button:focus,.rentalo-frontend-wrap .rentalo-field-style-box .rentalo-custom-select__button:focus-visible,.rentalo-frontend-wrap .rentalo-field-style-box .rentalo-picker-toggle:focus,.rentalo-frontend-wrap .rentalo-field-style-box .rentalo-picker-toggle:focus-visible,.rentalo-frontend-wrap .rentalo-field-style-box .rentalo-picker-toggle[aria-expanded="true"],.rentalo-frontend-wrap .rentalo-field-style-box .rentalo-ui-picker-toggle:focus,.rentalo-frontend-wrap .rentalo-field-style-box .rentalo-ui-picker-toggle:focus-visible,.rentalo-frontend-wrap .rentalo-field-style-box .rentalo-ui-picker-toggle[aria-expanded="true"],.rentalo-frontend-wrap .rentalo-field-style-box .rentalo-ui-step2-picker-toggle:focus,.rentalo-frontend-wrap .rentalo-field-style-box .rentalo-ui-step2-picker-toggle:focus-visible,.rentalo-frontend-wrap .rentalo-field-style-box .rentalo-ui-step2-picker-toggle[aria-expanded="true"],.rentalo-frontend-wrap .rentalo-field-style-box .rentalo-date-display:focus,.rentalo-frontend-wrap .rentalo-field-style-box .rentalo-date-display:focus-visible{border:1px solid var(--rentalo-field-focus-border,var(--rentalo-primary,#006699));box-shadow:none;}
.rentalo-frontend-wrap.rentalo-field-style-line input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.rentalo-frontend-wrap.rentalo-field-style-line textarea,.rentalo-frontend-wrap.rentalo-field-style-line select,.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-custom-select__button,.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-picker-toggle,.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-ui-picker-toggle,.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-ui-step2-picker-toggle,.rentalo-frontend-wrap.rentalo-field-style-line .rentalo-date-display,.rentalo-frontend-wrap .rentalo-field-style-line input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.rentalo-frontend-wrap .rentalo-field-style-line textarea,.rentalo-frontend-wrap .rentalo-field-style-line select,.rentalo-frontend-wrap .rentalo-field-style-line .rentalo-custom-select__button,.rentalo-frontend-wrap .rentalo-field-style-line .rentalo-picker-toggle,.rentalo-frontend-wrap .rentalo-field-style-line .rentalo-ui-picker-toggle,.rentalo-frontend-wrap .rentalo-field-style-line .rentalo-ui-step2-picker-toggle,.rentalo-frontend-wrap .rentalo-field-style-line .rentalo-date-display{border-style:solid;border-width:0 0 1px;border-color:transparent transparent var(--rentalo-border,#8f98a3) transparent;box-shadow:none;}
.rentalo-frontend-wrap.rentalo-field-style-box input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.rentalo-frontend-wrap.rentalo-field-style-box textarea,.rentalo-frontend-wrap.rentalo-field-style-box select,.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-custom-select__button,.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-picker-toggle,.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-ui-picker-toggle,.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-ui-step2-picker-toggle,.rentalo-frontend-wrap.rentalo-field-style-box .rentalo-date-display,.rentalo-frontend-wrap .rentalo-field-style-box input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),.rentalo-frontend-wrap .rentalo-field-style-box textarea,.rentalo-frontend-wrap .rentalo-field-style-box select,.rentalo-frontend-wrap .rentalo-field-style-box .rentalo-custom-select__button,.rentalo-frontend-wrap .rentalo-field-style-box .rentalo-picker-toggle,.rentalo-frontend-wrap .rentalo-field-style-box .rentalo-ui-picker-toggle,.rentalo-frontend-wrap .rentalo-field-style-box .rentalo-ui-step2-picker-toggle,.rentalo-frontend-wrap .rentalo-field-style-box .rentalo-date-display{border-style:solid;border-width:1px;border-color:var(--rentalo-border,#8f98a3);box-shadow:none;}


/* 2.15.634 - Keep the native WordPress admin bar and its flyout menus above Rentalo frontend layers. */
body.admin-bar #wpadminbar{
    z-index:2147483647;
}

body.admin-bar #wpadminbar .ab-sub-wrapper,
body.admin-bar #wpadminbar .menupop > .ab-sub-wrapper{
    z-index:2147483647;
}


/* 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;
}



/* 2.15.684 - Step4 option confirmations belong to the final consent block.
 * Keep every unselected-option confirmation between "existing customer" and terms/privacy.
 */
.rentalo-step4-contact-grid > .rentalo-step4-checkbox-hint-option{
    order:26;
    grid-column:1 / -1;
}

.rentalo-frontend-wrap .rentalo-step4-checkbox-hint-copy{
    min-width:0;
    line-height:1.45;
}

/* 2.15.685 - Keep confirmation copy and help icon on the same text line.
 * The generic .rentalo-step4-checkbox-line span rule uses display:block and
 * otherwise forces the nested text span to put the help button on a new line.
 */
.rentalo-frontend-wrap .rentalo-step4-checkbox-hint-copy > span{
    display:inline;
    flex:0 1 auto;
    min-width:0;
}

.rentalo-frontend-wrap .rentalo-step4-checkbox-hint-copy .rentalo-step4-checkbox-help-button{
    display:inline-flex;
    vertical-align:middle;
    margin:0 0 0 6px;
    transform:translateY(-1px);
}


/* 2.15.688 - Step3/Step4 use the canonical Rentalo spinner again.
 * Critical first-paint visibility is handled inline in the Step markup so unfinished content cannot flash before module CSS is ready. */
.rentalo-step-loading-indicator .rentalo-step-loading-spinner{
    display:inline-block;
    width:20px;
    height:20px;
    border:3px solid var(--rentalo-border,#d8e0ea);
    border-top-color:var(--rentalo-primary,var(--rentalo-blue,#006699));
    border-radius:50%;
    animation:rentalo-step-loading-spin .75s linear infinite;
}