.rh-caption-hero {
    /* Positionering */
    position: relative;

    /* Box-modell/beteende */
    padding: $caption-hero--padding; //em(15);

    /* Visuellt */
    background-color: $caption-hero--background-color;

    /* Typografi */
    color: $caption-hero--color;
    @if $caption-hero--font-size {
        font-size: $caption-hero--font-size;
    }

    &--secondary {
        /* Visuellt */
        background-color: $caption-hero--secondary-background-color;

        /* Typografi */
        color: $caption-hero--secondary-color;
    }

    &--rounded {
        // border-radius: 0.4ex;
        border-radius: $caption-hero--rounded--border-radius--default;

        @include medium {
            border-radius: $caption-hero--rounded--border-radius--medium;
        }
    }

    @include medium {
        /* Positionering */
        position: absolute;

        /* Box-modell/beteende */
        max-width: $caption-hero--medium--max-width;
    }
    @include large {
        /* Positionering */

        /* Typografi */
        @if $caption-hero--large--font-size {
            font-size: $caption-hero--large--font-size;
        }
    }
}