.mainbackground
{
    background:#1b365e; 
    color:white; 
}

h1, h2, h3, h4, h4, h6 {
    font-family: "Plus Jakarts Sans", sans-serif;
}

p, span, li, a {
    font-family: "Inter", sans-serif;
}

.dark-overlay {
    background-color: rgba(0, 0, 0, 0.5);
}

.medium-overlay {
    background-color: rgba(0, 0, 0, 0.25);
}

.cta {
    color: #e98139;
}

/* --- Buttons --- */

.btn {
    padding: 0.75rem 1rem 0.75rem 1rem;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 500;
}

    .btn-cta {
        background-color: #e98139;
        color: #fff;
        transition: 0.3s;
    }

        .btn-cta:hover {
            opacity: 85%;
            background-color: rgba(233, 129, 57, 0.85);
            transition: 0.3s;
        }

    .btn-white {
        background-color: #fff;
        border-color: #cfcfcf;
        color: #313131;
        transition: 0.3s;
    }

        .btn-white:hover {
            opacity: 85%;
            background-color: rgba(255, 255, 255, 0.85);
            color: #313131;
            transition: 0.3s;
        }


/* --- HERO --- */

.hero-container {
    background: url("/images/1920/1176/ssxa7y5ycoli38l9xnanogeo.png") no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    height: 400px;
}

.hero-container div.herotxt-container {
    text-align: left;
    max-width: 900px;
}

    .hero-container div.herotxt-container ul {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
        padding-left: 1em;
    }

        .hero-container div.herotxt-container ul li {
            padding-left: 1em;
            text-indent: -1em;
        }

        .hero-container div.herotxt-container ul li:before {
            padding-right: 0.75em;
            opacity: 50%;
        }

        /* --- Content Hero --- */

        .hero-container.om-os, .hero-container.garantiordning, .hero-container.dognvagt {
            background: url("/images/1920/1920/hmjle4idrtzatd5obbbgfxwbvw.png") no-repeat;
            height: 300px;
            background-position: center;
        }


/* --- Categories / cats --- */

        .cats-reno {
            background: url("/images/500/500/ntw4r55hdikvjpqyvdfukvibm.png") no-repeat;
        }

        .cats-fjern {
            background: url("/images/500/500/vz0og308ji2dkavdzcvlhkqd0.png") no-repeat;
        }

        .cats-gulv {
            background: url("/images/500/500/9bprglcgktguqwzk9xn3udrj6c.png") no-repeat;
        }
        
        .cats-ejen {
            background: url("/images/500/500/utlqpdcavmggidkt6etohspfxfo.png") no-repeat;
        }
        
        .cats-energi {
            background: url("/images/500/500/vkoesam2vxso63ysvihekwauz2q.png") no-repeat;
        }
        
        .cats-tag {
            background: url("/images/500/500/hizeumquun28yfa8aqkemnrmu6y.png") no-repeat;
        }

.cats-container {
    background-color: #313131;
    border-radius: 5px;
    height: 260px;

}
    .cats-container div h4 {
        transition: 0.3s;
    }

    .cats-container:hover div h4{
        margin-bottom: 1rem;
        transition: 0.3s;
    }


/* --- Tilbud Banner --- */

.tilbud-banner {
    background: url("/images/1920/1176/kzzs6t2pwu1uvgddtjtqkdn9f8.png") no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

    .tilbud-banner div div.container {
        max-width: 600px;
    }

/* --- Map --- */

.map-img {
    background: url("/images/1000/1000/xezo3xafjtfdjarkwvhmioy7pwy.png") no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    min-height: 570px;
}

        ul.map-list {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
        padding-left: 1em;
    }

        ul.map-list li {
            padding-left: 1em;
            text-indent: -1em;
        }

        ul.map-list li:before {
            padding-right: 0.75em;
            color: #5e5e5e;
        }

/* --- CONTENT --- */

.text-noimg-container {
    max-width: 900px;
}

.sticky-img {
    top: 20rem;
}