.elementor-1717 .elementor-element.elementor-element-18ff5f4f:not(.elementor-motion-effects-element-type-background), .elementor-1717 .elementor-element.elementor-element-18ff5f4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;background-image:url("https://martin-moller.com/wp-content/uploads/2021/11/low_poly_banner_design_1711-1-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1717 .elementor-element.elementor-element-18ff5f4f > .elementor-background-overlay{background-color:var( --e-global-color-primary );opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1717 .elementor-element.elementor-element-18ff5f4f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1717 .elementor-element.elementor-element-214df9e5{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-1717 .elementor-element.elementor-element-214df9e5 .elementor-divider-separator{width:0%;}.elementor-1717 .elementor-element.elementor-element-214df9e5 .elementor-divider{padding-block-start:30px;padding-block-end:30px;}.elementor-1717 .elementor-element.elementor-element-19ff2791{text-align:center;}.elementor-1717 .elementor-element.elementor-element-19ff2791 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;color:var( --e-global-color-accent );}.elementor-1717 .elementor-element.elementor-element-778dd86b{text-align:center;}.elementor-1717 .elementor-element.elementor-element-778dd86b .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-accent );}.elementor-1717 .elementor-element.elementor-element-c73df9f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-1717 .elementor-element.elementor-element-c73df9f .elementor-divider-separator{width:0%;}.elementor-1717 .elementor-element.elementor-element-c73df9f .elementor-divider{padding-block-start:30px;padding-block-end:30px;}.elementor-1717 .elementor-element.elementor-element-7ec86d01{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1717 .elementor-element.elementor-element-7ec86d01 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1717 .elementor-element.elementor-element-278deaca{--spacer-size:25px;}.elementor-1717 .elementor-element.elementor-element-391d9b1 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1717 .elementor-element.elementor-element-136e4eb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1717 .elementor-element.elementor-element-136e4eb img{width:100%;max-width:100%;height:500px;}.elementor-1717 .elementor-element.elementor-element-136e4eb .widget-image-caption{text-align:center;color:var( --e-global-color-accent );font-family:"Roboto Slab", Sans-serif;font-size:35px;font-weight:400;margin-block-start:0px;}.elementor-1717 .elementor-element.elementor-element-7c2f58e > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-1717 .elementor-element.elementor-element-7c2f58e{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-primary );}.elementor-1717 .elementor-element.elementor-element-730042b{text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1717 .elementor-element.elementor-element-aa2a0c{--spacer-size:30px;}@media(min-width:768px){.elementor-1717 .elementor-element.elementor-element-07a098c{width:21.351%;}.elementor-1717 .elementor-element.elementor-element-391d9b1{width:56.033%;}.elementor-1717 .elementor-element.elementor-element-46abd48{width:22.252%;}}@media(max-width:1024px){.elementor-1717 .elementor-element.elementor-element-730042b{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-1717 .elementor-element.elementor-element-730042b{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for section, class: .elementor-element-5db24131 *//* Fælles styling for hover-box */
.et-hover-box {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; /* Boksene fylder kolonnerne */
    height: 600px; /* Standard højde på boksene */
    margin: 20px auto; /* Centrerer boksene */
}

.et-hover-box img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Sørger for at billedet ikke bliver forvrænget */
    display: block;
    transition: transform 0.3s ease-in-out;
}

.et-hover-box .hover-text {
    position: absolute;
    bottom: -100%; /* Starter teksten nede */
    left: 0;
    width: 100%;
    height: 100%;
    background: #02706A; /* Mørkegrøn baggrund */
    color: white; /* Hvid tekst */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start; /* Sørger for at teksten starter øverst */
    text-align: center;
    padding: 40px;
    box-sizing: border-box;
    opacity: 0; /* Skjuler teksten helt */
    visibility: hidden;
    transition: bottom 0.6s ease-in-out, opacity 0.6s ease-in-out, visibility 0s 0.3s;
    overflow-y: auto; /* Scroll hvis teksten er for lang */
}

/* 🎨 Hover-effekt på COMPUTER */
@media screen and (min-width: 769px) {
    .et-hover-box:hover .hover-text {
        bottom: 0; /* Teksten glider op fra bunden */
        opacity: 1; /* Gør teksten synlig */
        visibility: visible;
    }

    .et-hover-box:hover img {
        transform: scale(1.05); /* Mindre zoom-effekt */
    }
}

/* 📱 Mobil-layout: Centrer billederne og sæt kolonnerne under hinanden */
@media screen and (max-width: 768px) {

    .elementor-inner-section {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .elementor-column {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

    .et-hover-box {
        width: 90%;
        height: auto;
        position: relative;
        overflow: hidden;
        margin: 20px auto;
    }

    .et-hover-box img {
        width: 100%;
        height: 100%;
        object-fit: contain; /* Hele billedet uden beskæring */
    }

    .et-hover-box .hover-text {
        position: absolute;
        bottom: -100%; /* Start skjult under billedet */
        left: 0;
        width: 100%;
        max-height: 100%; /* Sørg for teksten aldrig overstiger boksens højde */
        background: #02706A;
        color: white;
        padding: 50px 20px 50px 20px; /* Ekstra plads øverst */
        overflow-y: auto; /* Scroll når teksten er lang */
        box-sizing: border-box;
        opacity: 0;
        visibility: hidden;
        transition: bottom 0.6s ease, opacity 0.6s ease;
    }

    .et-hover-box.active .hover-text {
        bottom: 0; /* Glider teksten op og stopper ved toppen */
        opacity: 1;
        visibility: visible;
    }

    /* Scrollbar styling (visuelt lækkert) */
    .et-hover-box .hover-text::-webkit-scrollbar {
        width: 6px;
    }

    .et-hover-box .hover-text::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.6);
        border-radius: 10px;
    }

    .et-hover-box .hover-text::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.2);
    }
}/* End custom CSS */