:root {
    --svg-size: 46px;
}

.argumentation-teaser__items {
    @media (min-width: 992px) {
        margin: 0;
    }
}
ul.argumentation-teaser__item-list {
    margin: 2rem 0 0 0;
    padding: 0 20px;

    @media (min-width: 992px) {
        margin: 0;
    }
}

.argumentation-teaser__item {}
.argumentation-teaser__item-divider > span {
    display: flex;
    height: 1px;
    background: currentColor;
    margin: 1.25rem 0;
}
.argumentation-teaser__item-headline {
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-size: 1.2rem;
}
.argumentation-teaser__item-svg {
    border: 2px solid currentColor;
    width: var(--svg-size);
    height: var(--svg-size);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.argumentation-teaser__item-svg > svg {
    width: 85%;
    fill: currentColor;
    color: currentColor;
}
.argumentation-teaser__item-svg > svg path {
    width: 85%;
    fill: currentColor;
    color: currentColor;
}
.column-inner-container {
    position: sticky;
    top: 1rem;
}

.bg-2 .headline,
.bg-5 .headline,
.bg-6 .headline,
.bg-2 .preheader,
.bg-5 .preheader,
.bg-6 .preheader,
.bg-2 .argumentation-teaser__item,
.bg-5 .argumentation-teaser__item,
.bg-6 .argumentation-teaser__item,
.bg-2 .argumentation-teaser__bodytext,
.bg-5 .argumentation-teaser__bodytext,
.bg-6 .argumentation-teaser__bodytext {
    color: #ffffff;
}
.bg-2 .btn-primary,
.bg-5 .btn-primary,
.bg-6 .btn-primary {
    background: #fff;
    color: var(--mm-primary);
}
.bg-2 .btn-secondary,
.bg-5 .btn-secondary,
.bg-6 .btn-secondary {
    color: #fff;
    border-color: #fff;
}
.bg-2 svg path,
.bg-5 svg path,
.bg-6 svg path {
    fill: currentColor;
}

/*== LAYOUT 1 ==*/
.argumentation-teaser-layout--1 .argumentation-teaser__item-icon-column {
    position: relative;
    display: flex;
    justify-content: center;
}

.argumentation-teaser-layout--1 .argumentation-teaser__item-icon-column:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    height: calc(100% - 70px);
    width: 1px;
    background: currentColor;
}
.argumentation-teaser-layout--1 .argumentation-teaser__item.isLast .argumentation-teaser__item-icon-column:after {
    content: '';
    height: 0;
}
.argumentation-teaser-layout--1 .argumentation-teaser__item-headline {
    min-height: calc(var(--svg-size) + 4px);
    display: flex;
    align-items: center;
    /*font-size: 24px;*/
    line-height: 32px;
}
.argumentation-teaser-layout--1 .argumentation-teaser__item-text {
    padding-bottom: 1rem;
}
.argumentation-teaser-layout--1 .argumentation-teaser__item-headline,
.argumentation-teaser-layout--1 .argumentation-teaser__item-text {
    padding-right: 20px;
}
.argumentation-teaser-layout--1 .argumentation-teaser__item-list {
    margin-top: 2rem;

    @media (min-width: 992px) {
        margin-top: 0
    }
}

/*== LAYOUT 2 ==*/

.argumentation-teaser-layout--2 svg path {
    fill: currentColor;
}
.argumentation-teaser-layout--2 .argumentation-teaser__item {
    margin-top: 40px;
    display: flex;

    @media (min-width: 992px) {
        margin-top: 0;
        margin-bottom: 40px;
    }
}
.argumentation-teaser-layout--2 .argumentation-teaser__item:first-child {
    @media (min-width: 992px) {
        margin-top: 0;
    }
}
.argumentation-teaser-layout--2 .argumentation-teaser__item-text {
    font-size: 1rem;
}
.argumentation-teaser-layout--2 .argumentation-teaser__item-inner {
    background: #fff;
    color: var(--mm-text-default);
    padding: 2rem;
    flex-grow: 1;
    border-top-left-radius: var(--mm-border-radius-medium);
    border-top-right-radius: var(--mm-border-radius-medium);
    border-bottom-left-radius: var(--mm-border-radius-medium);
}
.argumentation-teaser-layout--2 .argumentation-teaser__item-headline {
    font-size: 1.2rem;
}
.argumentation-teaser-layout--2 .argumentation-teaser__item-icon-column,
.argumentation-teaser-layout--2 .argumentation-teaser__item-headline {
    margin-bottom: 0.5rem;
}
.argumentation-teaser-layout--2 .argumentation-teaser__item-inner.bgcolor--1 {
    background: #fff;
    border: 2px solid currentColor;
}
.argumentation-teaser-layout--2 .argumentation-teaser__item-inner.bgcolor--2 {
    background: #3E4247;
    color: #fff;
}
.argumentation-teaser-layout--2 .argumentation-teaser__item-inner.bgcolor--3 {
    background: #EFEFF0;
    color: var(--mm-text-default);
}
.argumentation-teaser-layout--2 .argumentation-teaser__item-inner.bgcolor--4 {
    background: var(--mm-primary);
    color: #fff;
}
.argumentation-teaser-layout--2 .argumentation-teaser__item-inner.bgcolor--4 .btn-primary {
    border: 2px solid  #fff;
}
.argumentation-teaser.bg-1 .argumentation-teaser-layout--2 .argumentation-teaser__item-inner.bgcolor--1,
.argumentation-teaser.bg-2 .argumentation-teaser-layout--2 .argumentation-teaser__item-inner.bgcolor--1,
.argumentation-teaser.bg-5 .argumentation-teaser-layout--2 .argumentation-teaser__item-inner.bgcolor--1,
.argumentation-teaser.bg-6 .argumentation-teaser-layout--2 .argumentation-teaser__item-inner.bgcolor--1 {
    border: 0;
}

.argumentation-teaser.bg-1 .argumentation-teaser-layout--2 .argumentation-teaser__item-inner.bgcolor--1 .btn-primary,
.argumentation-teaser.bg-2 .argumentation-teaser-layout--2 .argumentation-teaser__item-inner.bgcolor--1 .btn-primary,
.argumentation-teaser.bg-5 .argumentation-teaser-layout--2 .argumentation-teaser__item-inner.bgcolor--1 .btn-primary,
.argumentation-teaser.bg-6 .argumentation-teaser-layout--2 .argumentation-teaser__item-inner.bgcolor--1 .btn-primary {
    background: var(--mm-primary);
    color: #fff;
}