/* Rental products: keep the rental tiers readable on narrow screens. */
@media (max-width: 576px) {
    #productdetails-view:has(#fwvmr) h1.page-header.product-name,
    #productdetails-view:has(#fwvmr) h3.page-header.product-name {
        font-size: clamp(18px, 5.4vw, 24px);
        line-height: 1.15;
        text-wrap: balance;
        overflow-wrap: anywhere;
    }

    #productdetails-view:has(#fwvmr) #eigenschaften h3 {
        font-size: clamp(15px, 4.2vw, 18px);
        line-height: 1.25;
        text-wrap: balance;
        overflow-wrap: anywhere;
    }

    .productdetails-view a.ask-a-question.btn {
        box-sizing: border-box;
        width: 100%;
        height: auto;
        min-height: 48px;
        padding: 12px 16px;
        font-size: clamp(14px, 4vw, 16px);
        line-height: 1.3;
        text-align: center;
        white-space: normal;
        text-wrap: balance;
        overflow-wrap: anywhere;
    }

    
    }





#fwvmr .fwvmr-form {
        padding: 12px;
    }

    #fwvmr .fwvmr-with-tax table.fwvmr-rent-chart-days,
    #fwvmr .fwvmr-with-tax table.fwvmr-rent-chart-days tbody {
        display: block;
        width: 100%;
    }

    #fwvmr .fwvmr-with-tax table.fwvmr-rent-chart-days tr.z1,
    #fwvmr .fwvmr-with-tax table.fwvmr-rent-chart-days tr.z3 {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    #fwvmr .fwvmr-with-tax table.fwvmr-rent-chart-days tr.z2 {
        display: none;
    }

    #fwvmr .fwvmr-with-tax table.fwvmr-rent-chart-days td {
        display: block;
        min-width: 0;
        padding: 6px 4px;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    #fwvmr .fwvmr-with-tax table.fwvmr-rent-chart-days tr.z1 td:last-child {
        display: none;
    }

    #fwvmr .fwvmr-with-tax table.fwvmr-rent-chart-days tr.z1 td:not(:last-child),
    #fwvmr .fwvmr-with-tax table.fwvmr-rent-chart-days tr.z3 td:not(:last-child) {
        flex: 1 1 0;
        font-weight: 600;
        white-space: nowrap;
    }

    

    #fwvmr .fwvmr-with-tax table.fwvmr-rent-chart-days tr.z3 td:last-child {
        flex: 0 0 100%;
        width: 100%;
        padding-top: 8px;
        border-top: 1px solid #D7D7D7;
        border-right: 0;
        font-weight: 400;
        white-space: normal;
    }

#fwvmr .fwvmr-with-tax table.fwvmr-rent-chart-days tr.z1 td:not(:last-child),
    #fwvmr .fwvmr-with-tax table.fwvmr-rent-chart-days tr.z3 td:not(:last-child) {
        flex: 1 1 0;
        font-weight: 600;
        white-space: nowrap;
    }
#fwvmr .fwvmr-with-tax table.fwvmr-rent-chart-days tr.z3 td:last-child {
        flex: 0 0 100%;
        width: 100%;
        padding-top: 8px;
        border-top: 1px solid #D7D7D7;
        border-right: 0;
        font-weight: 400;
        white-space: normal;display:block;
    }


    .huepfburg #fwvmr .fwvmr-rent-chart-days .z1 td, 
.huepfburg #fwvmr .fwvmr-rent-chart-days .z3 td {
    display: none;
}
.huepfburg #fwvmr .fwvmr-rent-chart-days .z1 td:nth-child(1), 
.huepfburg #fwvmr .fwvmr-rent-chart-days .z3 td:nth-child(1) {
    display: table-cell;
}
.huepfburg #fwvmr .fwvmr-rent-chart-days .z1 td:nth-child(2), 
.huepfburg #fwvmr .fwvmr-rent-chart-days .z3 td:nth-child(2) {
    display: table-cell;
}
