/* angled / die Schräge */
.angled {
    //  Zwei Zeilen auskommentiert: angled & background haben unterhalb der Schräge eine rosa Linie erzeugt
    //  @include angled(104deg,$angled-primary-color);
    //  background-color: $angled-primary-color;
    //min-height: 200px;
    text-align:center;
    @include angled(104deg,$angled-primary-color);

    .top-highlight {
        margin-top: 0;
    }
    .card.teaser {
        margin: 0;
    }

    figure {
        padding: 0;
        margin: 0;
    }
}
.cntag,
article {
    .angled {
        background-color: $angled-primary-color;
    }
}

.odd {
    .background {
        background-color: $angled-primary-color;
        color: $angled-primary-color-invert;
    }
    .angled {
        @include angled(104deg,$angled-primary-color);
    }
}
.even {
    .background {
        background-color: $angled-secondary-color;
        color: $angled-secondary-color-invert;
    }
    .angled {
        @include angled(104deg,$angled-secondary-color);
    }
}
/* end angled */