.paragraph {
    /* width: var(--max-outerwidth); */
    width: 100%;
    margin: 0 auto;
    padding: 80px 0 80px 0;
    border-radius: var(--border-radius);
}

.paragraph--has-theme + .paragraph--has-theme {
    margin-top: 20px;
}

.paragraph--theme--default + .paragraph--theme--default {
    padding-top: 0px;
}

.paragraph--type--hero.paragraph--theme--default + .paragraph--theme--default {
    padding-top: 80px;
}

.paragraph--has-theme {
    margin-top: 20px;
}

.paragraph .paragraph {
    padding: 0;
    width: 100%;
}

.paragraph--type--text p:last-child {
    margin-bottom: 0;
}

.paragraph--theme--default {
    background: transparent;
    border-radius: 0;
}

.paragraph--theme--blue {
    background: var(--color-primary);
    color: white;
}

.paragraph--theme--blue .paragraph--type--media .paragraph-media__source {
    color: white;
    opacity: 0.5;
}

.paragraph--theme--blue.paragraph--type--columns .columns__introwrap .columns__label {
    background: var(--color-yellow);
    color: black;
}

.paragraph--theme--dark-green {
    background: var(--color-secondary);
    color: white;
}

.paragraph--theme--dark-green .paragraph--type--media .paragraph-media__source {
    color: white;
    opacity: 0.5;
}

.paragraph--theme--dark-green a {
    color: white;
}

.paragraph--theme--dark-green a:before {
    background: white;
}

.paragraph--theme--dark-green a:after {
    background: url('../images/arrow-right-white.svg') no-repeat center center;
    background-size: 30px auto;
}

.paragraph--theme--blue.paragraph--type--columns .columns__introwrap .columns__label {
    background: var(--color-yellow);
    color: black;
}

.paragraph--theme--blue a {
    color: white;
}

.paragraph--theme--blue a:before {
    background: white;
}

.paragraph--theme--blue a:after {
    background: url('../images/arrow-right-white.svg') no-repeat center center;
    background-size: 30px auto;
}

.paragraph--theme--bright-green {
    background: var(--color-bright-green);
}

.paragraph--theme--bright-green.paragraph--type--columns .columns__introwrap .columns__label {
    background: white;
    color: black;
}

.paragraph--theme--yellow {
    background: var(--color-yellow);
}

.paragraph--theme--yellow.paragraph--type--columns .columns__introwrap .columns__label {
    background: white;
    color: black;
}

.paragraph--theme--fruit-logistica-yellow {
    background: var(--color-fruit-logistica-yellow);
}

.paragraph--theme--fruit-logistica-yellow.paragraph--type--columns .columns__introwrap .columns__label {
    background: var(--color-fruit-logistica-green);
    color: white;
}

.paragraph--theme--fruit-logistica-green {
    background: var(--color-fruit-logistica-green);
    color: white;
}

.paragraph--theme--fruit-logistica-green a {
    color: white;
}

.paragraph--theme--fruit-logistica-green a:before {
    background: white;
}

.paragraph--theme--fruit-logistica-green a:after {
    background: url('../images/arrow-right-white.svg') no-repeat center center;
    background-size: 30px auto;
}

.paragraph--theme--fruit-logistica-green.paragraph--type--columns .columns__introwrap .columns__label {
    background: var(--color-fruit-logistica-yellow);
    color: black;
}

.paragraph--theme--white {
    background: white;
    color: black;
}

.paragraph--theme--dogk-green {
    background: var(--color-dogk-green);
}

.paragraph--theme--dogk-green.paragraph--type--columns .columns__introwrap .columns__label {
    background: white;
    color: black;
}

.paragraph--theme--dogk-blue {
    background: var(--color-dogk-blue);
    color: white;
}

.paragraph--theme--dogk-blue.paragraph--type--columns .columns__introwrap .columns__label {
    background: var(--color-dogk-green);
    color: black;
}

.paragraph--theme--blue .emphasize,
.paragraph--theme--dogk-blue .emphasize {
    border: 1px solid white;
}

.paragraph--theme--blue .cta.cta-secondary a,
.paragraph--theme--green .cta.cta-secondary a,
.paragraph--theme--fruit-logistica-green .cta.cta-secondary a,
.paragraph--theme--fruit-logistica-blue .cta.cta-secondary a {
    border-color: white;
    color: white;
}

.paragraph--theme--blue .cta a:hover,
.paragraph--theme--green .cta a:hover,
.paragraph--theme--fruit-logistica-green .cta a:hover,
.paragraph--theme--fruit-logistica-blue .cta a:hover {
    border-color: white;
    color: white;
}

.paragraph--theme--blue .cta.cta-secondary a:hover,
.paragraph--theme--green .cta.cta-secondary a:hover,
.paragraph--theme--fruit-logistica-green .cta.cta-secondary a:hover,
.paragraph--theme--fruit-logistica-blue .cta.cta-secondary a:hover {
    border-color: var(--color-primary);
    color: white;
}

.paragraph--theme--blue .cta a:after,
.paragraph--theme--green .cta a:after,
.paragraph--theme--fruit-logistica-green .cta a:after,
.paragraph--theme--fruit-logistica-blue .cta a:after,
.paragraph--theme--blue .cta.cta-secondary a:after,
.paragraph--theme--green .cta.cta-secondary a:after,
.paragraph--theme--fruit-logistica-green .cta.cta-secondary a:after,
.paragraph--theme--fruit-logistica-blue .cta.cta-secondary a:after {
    background: url('../images/arrow-right-white.svg') no-repeat center center;
    background-size: 30px auto;
}

@media (max-width: 880px) { 
    .paragraph {
        padding: 30px 0;
        width: calc(100% + 0px);
    }

    /* .paragraph--theme--default {
        padding: 0 !important;
    } */
}