.header {
    padding: 3em;
    margin: 0 0 3rem 0;
}

.container {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}

/* sm breakpoint */
@media (min-width: 35.5em) {
    .container {
        max-width: 100%;
    }
}
/* md breakpoint */
@media (min-width: 48em) {
    .container {
        max-width: 1024px;
    }
}
/* lg breakpoint */
@media (min-width: 80em) {
    .container {
        max-width: 1440px;
    }
}

.card {
    background-color: #3D7E46;
    padding: 1em;
    border-radius: 10px;
    border: 1px solid #21452a;
    margin-bottom: 2em;
}
.card-title {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 1.25rem;
}
.card-text {
    padding: 0;
    margin: 0;
}

.logo {
    margin: 0 50px 0 0;
}

#beskarning {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%), url("/assets/img/bg/beskarning.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#hackklippning {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%), url("/assets/img/bg/hackklippning.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#fallning {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%), url("/assets/img/bg/fallning.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#plantering {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%), url("/assets/img/bg/plantering.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#konsultation {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%), url("/assets/img/bg/konsultation.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#villkor {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%), url("/assets/img/bg/villkor.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#gdpr {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%), url("/assets/img/bg/gdpr.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.content-section .container {
    padding-top: 6em;
    padding-bottom: 6em;
}

.kontakt_banner {
    background: #8FBC8F;
}

.smallprint {
    font-size: 0.9rem;
    font-weight: 100;
    line-height: 1.2rem;
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 990;
}

.index-list ol {
    counter-reset: section;
    padding-left: 0;
}

.index-list ol li {
    display: block;
}

.index-list ol li::before {
    counter-increment: section;
    content: counters(section, ".") ". ";
    padding-right: 5px;
}

.index-list ol ol {
    padding-left: 20px;
}