/* Grundlayout */
    .columns {
        display: flex;
        justify-content: center;
        margin-top: 2.313rem;
        margin-bottom: 2.313rem;
    }

    @media only screen and (max-width: 767px) {
        .columns__text {
            font-size: 0.92rem;
        }
    }

    .columns__container {
        display: flex;
        max-width: var(--lb-container);
        margin-left: var(--lb-gutter);
        margin-right: var(--lb-gutter);
        gap: 10rem;
    }

    @media only screen and (max-width: 767px) {
        .columns__container {
            grid-template-columns: repeat(1, 1fr);
            margin-left: 1.125rem;
            margin-right: 1.125rem;
            gap: 2.5rem;
            flex-direction: column;
        }
    }

    .columns__title {
        font-size: clamp(3rem, 5vw + 1rem, 5rem);
        max-width: 1200px;
        line-height: 110%;
        margin: 0;
        font-family: var(--lb-font-sans);
        font-weight: 500;
        margin-bottom: 15px;
    }

    .two-columns__content {
        flex-basis: 50%;
        line-height: 140%;
        margin-top: 14px;
        font-family: var(--lb-font-sans);
    }

    .two-columns__image {
        flex-basis: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .two-columns__image img {
        max-width: 100%;
        border-radius: 10px;
        object-fit: cover;
    }

    .two-columns--has-background {
        padding: 7rem 0;
    }

    /* Bild till vänster */
    .two-columns--image-left .two-columns__content {
        order: 2;
    }

    .two-columns--image-left .two-columns__image {
        order: 1;
    }

    /* Bild till höger */
    .two-columns--image-right .two-columns__content {
        order: 1;
    }

    .two-columns--image-right .two-columns__image {
        order: 2;
    }

    .button {
        display: inline-block;
    }

    .two-columns__actions {
        margin-top: 49px;
    }

    /* Dynamiska bredder */
    .columns__column--full {
        width: 100%;
    }

    .columns__column--seventy-five {
        width: 75%;
    }

    .columns__column--two-thirds {
        width: 66.66%;
    }

    .columns__column--sixty {
        width: 60%;
    }

    .columns__column--half {
        width: 50%;
    }

    .columns__column--forty {
        width: 40%;
    }

    .columns__column--one-third {
        width: 33.33%;
    }

    .columns__column--quarter {
        width: 25%;
    }

    /* Responsivt: Kolumner staplas på mindre skärmar */
    @media only screen and (max-width: 767px) {
        .columns__column {
            width: 100% !important; /* Alla kolumner blir full bredd på mobil */
        }
    }

    .columns ul {
        list-style-type: disc;
        list-style-position: inside;
        white-space: normal;
    }

    .columns ol {
        list-style-type: decimal;
        list-style-position: inside;
    }

    .columns ul ul, .columns ol ul {
        list-style-type: circle;
        list-style-position: inside;
        margin-left: 15px;
    }

    .columns ol ol, .columns ul ol {
        list-style-type: lower-latin;
        list-style-position: inside;
        margin-left: 15px;
    }


    /* Mobil-layout */
    @media only screen and (max-width: 767px) {
        .two-columns__container {
            flex-direction: column;
        }

        .two-columns--mobile-image-top .two-columns__image {
            order: 1;
        }

        .two-columns--mobile-image-top .two-columns__content {
            order: 2;
        }

        .two-columns--mobile-image-bottom .two-columns__image {
            order: 2;
        }

        .two-columns--mobile-image-bottom .two-columns__content {
            order: 1;
        }
    }

    .columns__text a {
        color: #db0a15;
    }
    .columns__text a:hover {
       text-decoration: underline;
    }