/* =========================================================
   EGERT MIETWELT – SINGLE RENTAL
   ========================================================= */

.egert-rental-single,
.egert-rental-single *,
.egert-rental-single *::before,
.egert-rental-single *::after {
    box-sizing:border-box !important;
}


.egert-rental-single {
    --eg-dark:#171b18;
    --eg-deep:#263229;
    --eg-green:#758964;
    --eg-green-dark:#596b4e;
    --eg-light-green:#a7b59b;
    --eg-orange:#ed741b;
    --eg-cream:#f5f3ee;
    --eg-text:#646b65;
    --eg-line:rgba(23,27,24,.12);

    width:100% !important;

    margin:0 !important;

    background:
        var(--eg-cream) !important;

    color:
        var(--eg-dark) !important;

    font-family:
        "Inter",
        Arial,
        sans-serif !important;
}


.egert-rental-container {
    width:calc(100% - 60px) !important;

    max-width:1350px !important;

    margin:0 auto !important;
}


/* =========================================================
   INTRO
   ========================================================= */

.egert-rental-intro {
    padding:
        70px
        0
        45px !important;

    background:
        var(--eg-cream) !important;
}


.egert-rental-breadcrumb {
    display:flex !important;

    align-items:center !important;

    gap:9px !important;

    margin-bottom:36px !important;

    color:#8d938d !important;

    font-size:10px !important;

    font-weight:600 !important;

    letter-spacing:.5px !important;
}


.egert-rental-breadcrumb a {
    color:
        var(--eg-green-dark) !important;

    text-decoration:none !important;
}


.egert-rental-intro-grid {
    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        auto !important;

    gap:60px !important;

    align-items:end !important;
}


.egert-rental-badge {
    display:inline-flex !important;

    margin-bottom:17px !important;

    padding:
        7px
        10px !important;

    background:
        var(--eg-orange) !important;

    color:#fff !important;

    font-size:9px !important;

    font-weight:700 !important;

    letter-spacing:1px !important;

    text-transform:uppercase !important;
}


.egert-rental-kicker,
.egert-rental-section-kicker,
.egert-rental-facts-kicker {
    display:flex !important;

    align-items:center !important;

    gap:11px !important;

    margin-bottom:15px !important;

    color:
        var(--eg-green) !important;

    font-size:10px !important;

    line-height:1 !important;

    font-weight:700 !important;

    letter-spacing:2px !important;

    text-transform:uppercase !important;
}


.egert-rental-kicker::before,
.egert-rental-section-kicker::before {
    content:"" !important;

    width:34px !important;
    height:2px !important;

    background:
        var(--eg-orange) !important;
}


.egert-rental-intro h1 {
    max-width:900px !important;

    margin:0 !important;

    color:
        var(--eg-dark) !important;

    font-size:
        clamp(48px,5.6vw,76px) !important;

    line-height:.97 !important;

    letter-spacing:-3.4px !important;

    font-weight:650 !important;
}


.egert-rental-subtitle {
    max-width:700px !important;

    margin:
        22px
        0
        0 !important;

    color:
        var(--eg-text) !important;

    font-size:16px !important;

    line-height:1.65 !important;
}


.egert-rental-intro-price {
    min-width:230px !important;

    padding-bottom:4px !important;

    text-align:right !important;
}


.egert-rental-intro-price > span {
    color:#929892 !important;

    font-size:11px !important;
}


.egert-rental-intro-price > strong {
    margin:
        0
        5px !important;

    color:
        var(--eg-green) !important;

    font-size:30px !important;

    font-weight:700 !important;
}


.egert-rental-intro-price > small {
    color:#929892 !important;

    font-size:11px !important;
}


.egert-rental-intro-price > a {
    min-height:48px !important;

    margin-top:17px !important;

    padding:
        0
        18px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    background:
        var(--eg-deep) !important;

    color:#fff !important;

    text-decoration:none !important;

    font-size:11px !important;

    font-weight:700 !important;

    transition:
        background .2s ease !important;
}


.egert-rental-intro-price > a:hover {
    background:
        var(--eg-orange) !important;
}


/* =========================================================
   MAIN
   ========================================================= */

.egert-rental-main {
    padding-bottom:
        90px !important;
}


.egert-rental-main-grid {
    display:grid !important;

    grid-template-columns:
        minmax(0,1.45fr)
        minmax(330px,.55fr) !important;

    gap:24px !important;

    align-items:start !important;
}


/* =========================================================
   GALLERY
   ========================================================= */

.egert-rental-main-image {
    position:relative !important;

    aspect-ratio:16/10 !important;

    overflow:hidden !important;

    background:#dde3d8 !important;
}


.egert-rental-main-image img {
    width:100% !important;
    height:100% !important;

    display:block !important;

    object-fit:cover !important;

    transition:
        opacity .18s ease,
        transform .65s cubic-bezier(.2,.7,.2,1) !important;
}


.egert-rental-main-image img.is-changing {
    opacity:.35 !important;

    transform:
        scale(1.015) !important;
}


.egert-rental-image-counter {
    position:absolute !important;

    right:14px !important;
    bottom:14px !important;

    padding:
        8px
        11px !important;

    background:
        rgba(23,27,24,.86) !important;

    color:#fff !important;

    font-size:10px !important;

    backdrop-filter:
        blur(5px) !important;
}


.egert-rental-thumbs {
    display:grid !important;

    grid-template-columns:
        repeat(5,minmax(0,1fr)) !important;

    gap:8px !important;

    margin-top:8px !important;
}


.egert-rental-thumb {
    position:relative !important;

    aspect-ratio:4/3 !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    background:#dde3d8 !important;

    border:
        2px solid transparent !important;

    border-radius:0 !important;

    cursor:pointer !important;

    opacity:.72 !important;

    transition:
        opacity .2s ease,
        border-color .2s ease !important;
}


.egert-rental-thumb:hover,
.egert-rental-thumb.is-active {
    opacity:1 !important;
}


.egert-rental-thumb.is-active {
    border-color:
        var(--eg-orange) !important;
}


.egert-rental-thumb img {
    width:100% !important;
    height:100% !important;

    display:block !important;

    object-fit:cover !important;
}


.egert-rental-no-image {
    min-height:500px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    background:#dde3d8 !important;

    color:
        var(--eg-green-dark) !important;

    font-size:13px !important;
}


/* =========================================================
   FACTS
   ========================================================= */

.egert-rental-facts {
    padding:28px !important;

    background:
        var(--eg-deep) !important;

    color:#fff !important;
}


.egert-rental-facts-kicker {
    color:
        var(--eg-light-green) !important;
}


.egert-rental-highlights {
    display:grid !important;

    gap:9px !important;

    margin-bottom:27px !important;

    padding-bottom:25px !important;

    border-bottom:
        1px solid rgba(255,255,255,.12) !important;
}


.egert-rental-highlight {
    display:grid !important;

    grid-template-columns:
        25px
        minmax(0,1fr) !important;

    gap:9px !important;

    align-items:center !important;
}


.egert-rental-highlight > span {
    width:25px !important;
    height:25px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    background:
        var(--eg-green) !important;

    color:#fff !important;

    font-size:10px !important;
}


.egert-rental-highlight strong {
    color:#fff !important;

    font-size:12px !important;

    font-weight:550 !important;
}


.egert-rental-fact-grid {
    display:grid !important;

    grid-template-columns:
        1fr
        1fr !important;

    gap:1px !important;

    background:
        rgba(255,255,255,.09) !important;
}


.egert-rental-fact {
    min-height:90px !important;

    padding:16px !important;

    background:
        var(--eg-deep) !important;
}


.egert-rental-fact > span {
    display:block !important;

    margin-bottom:7px !important;

    color:
        var(--eg-light-green) !important;

    font-size:8px !important;

    font-weight:700 !important;

    letter-spacing:1px !important;

    text-transform:uppercase !important;
}


.egert-rental-fact strong {
    color:#fff !important;

    font-size:15px !important;

    line-height:1.3 !important;

    font-weight:600 !important;
}


.egert-rental-price-note {
    margin-top:20px !important;

    padding:
        13px
        14px !important;

    background:
        rgba(255,255,255,.07) !important;

    color:
        rgba(255,255,255,.72) !important;

    font-size:10px !important;

    line-height:1.55 !important;
}


.egert-rental-facts-button {
    min-height:52px !important;

    margin-top:20px !important;

    padding:
        0
        17px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:space-between !important;

    background:
        var(--eg-orange) !important;

    color:#fff !important;

    text-decoration:none !important;

    font-size:11px !important;

    font-weight:700 !important;
}


.egert-rental-facts-button:hover {
    background:
        #d86514 !important;

    color:#fff !important;
}


/* =========================================================
   INFORMATION
   ========================================================= */

.egert-rental-information {
    padding:
        85px
        0
        20px !important;

    background:#fff !important;
}


.egert-rental-info-grid {
    display:grid !important;

    grid-template-columns:
        minmax(0,1.35fr)
        minmax(330px,.65fr) !important;

    gap:90px !important;

    align-items:start !important;
}


.egert-rental-description h2 {
    max-width:700px !important;

    margin:
        0
        0
        30px !important;

    color:
        var(--eg-dark) !important;

    font-size:
        clamp(37px,4vw,55px) !important;

    line-height:1.03 !important;

    letter-spacing:-2px !important;

    font-weight:650 !important;
}


.egert-rental-description h2 span {
    color:
        var(--eg-green) !important;
}


.egert-rental-content {
    max-width:760px !important;

    color:
        var(--eg-text) !important;

    font-size:15px !important;

    line-height:1.8 !important;
}


.egert-rental-content p {
    margin:
        0
        0
        18px !important;
}


.egert-rental-content h2,
.egert-rental-content h3,
.egert-rental-content h4 {
    margin:
        30px
        0
        12px !important;

    color:
        var(--eg-dark) !important;

    letter-spacing:-.5px !important;
}


.egert-rental-equipment {
    padding:
        27px !important;

    background:
        var(--eg-cream) !important;

    border-top:
        3px solid var(--eg-green) !important;
}


.egert-rental-equipment-list {
    display:grid !important;

    gap:1px !important;

    background:
        rgba(23,27,24,.08) !important;
}


.egert-rental-equipment-item {
    display:grid !important;

    grid-template-columns:
        29px
        minmax(0,1fr) !important;

    gap:9px !important;

    align-items:center !important;

    min-height:47px !important;

    padding:
        9px
        11px !important;

    background:
        var(--eg-cream) !important;
}


.egert-rental-equipment-item > span {
    width:25px !important;
    height:25px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    background:
        var(--eg-green) !important;

    color:#fff !important;

    font-size:10px !important;
}


.egert-rental-equipment-item strong {
    color:
        var(--eg-dark) !important;

    font-size:12px !important;

    font-weight:550 !important;
}


/* =========================================================
   NOTES
   ========================================================= */

.egert-rental-notes {
    display:grid !important;

    grid-template-columns:
        280px
        minmax(0,1fr) !important;

    gap:45px !important;

    margin-top:65px !important;

    padding:
        30px
        0 !important;

    border-top:
        1px solid var(--eg-line) !important;

    border-bottom:
        1px solid var(--eg-line) !important;
}


.egert-rental-notes > div span {
    display:block !important;

    margin-bottom:6px !important;

    color:
        var(--eg-orange) !important;

    font-size:9px !important;

    font-weight:700 !important;

    letter-spacing:1.4px !important;

    text-transform:uppercase !important;
}


.egert-rental-notes > div strong {
    color:
        var(--eg-dark) !important;

    font-size:17px !important;

    font-weight:650 !important;
}


.egert-rental-notes p {
    margin:0 !important;

    color:
        var(--eg-text) !important;

    font-size:13px !important;

    line-height:1.7 !important;
}


/* =========================================================
   BOOKING CONNECTION
   ========================================================= */

#mietanfrage {
    scroll-margin-top:
        150px !important;
}


#mietanfrage .egert-booking-widget {
    margin-top:
        70px !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1024px) {

    .egert-rental-main-grid {
        grid-template-columns:
            minmax(0,1.15fr)
            minmax(310px,.85fr) !important;
    }


    .egert-rental-info-grid {
        gap:50px !important;
    }


    .egert-rental-thumbs {
        grid-template-columns:
            repeat(4,minmax(0,1fr)) !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px) {

    .egert-rental-container {
        width:
            calc(100% - 34px) !important;
    }


    .egert-rental-intro {
        padding:
            45px
            0
            32px !important;
    }


    .egert-rental-breadcrumb {
        margin-bottom:
            25px !important;
    }


    .egert-rental-intro-grid {
        grid-template-columns:
            1fr !important;

        gap:25px !important;
    }


    .egert-rental-intro h1 {
        font-size:
            46px !important;

        letter-spacing:
            -2.4px !important;
    }


    .egert-rental-subtitle {
        margin-top:
            16px !important;

        font-size:
            14px !important;
    }


    .egert-rental-intro-price {
        min-width:0 !important;

        text-align:left !important;
    }


    .egert-rental-intro-price > a {
        max-width:300px !important;
    }


    .egert-rental-main {
        padding-bottom:
            65px !important;
    }


    .egert-rental-main-grid {
        grid-template-columns:
            1fr !important;

        gap:14px !important;
    }


    .egert-rental-main-image {
        aspect-ratio:
            4/3 !important;
    }


    .egert-rental-thumbs {
        display:flex !important;

        grid-template-columns:none !important;

        overflow-x:auto !important;

        gap:7px !important;

        scrollbar-width:none !important;
    }


    .egert-rental-thumbs::-webkit-scrollbar {
        display:none !important;
    }


    .egert-rental-thumb {
        flex:
            0
            0
            92px !important;
    }


    .egert-rental-facts {
        padding:
            23px
            19px !important;
    }


    .egert-rental-information {
        padding:
            65px
            0
            10px !important;
    }


    .egert-rental-info-grid {
        grid-template-columns:
            1fr !important;

        gap:40px !important;
    }


    .egert-rental-description h2 {
        font-size:
            39px !important;
    }


    .egert-rental-content {
        font-size:
            14px !important;
    }


    .egert-rental-equipment {
        padding:
            22px
            17px !important;
    }


    .egert-rental-notes {
        grid-template-columns:
            1fr !important;

        gap:15px !important;

        margin-top:
            45px !important;
    }


    #mietanfrage
    .egert-booking-widget {
        margin-top:
            50px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:430px) {

    .egert-rental-intro h1 {
        font-size:
            40px !important;
    }


    .egert-rental-fact-grid {
        grid-template-columns:
            1fr !important;
    }

}