/* LINKS */


.sustainability-links.columnControl {
    margin-top: 20px;
    margin-bottom: 40px;
}

.sustainability-links.columnControl,
.sustainability-links.columnControl .column1 > li > .columnControl.section {
    padding: 0;
    position: relative;
}

.sustainability-links.columnControl .inner_offer,
.sustainability-links.columnControl .column1 {
    margin: 0;
}

.sustainability-links.columnControl .kmuk_wrap,
.sustainability-links.columnControl .inner_offer,
.sustainability-links.columnControl .column_control,
.sustainability-links.columnControl .column1,
.sustainability-links.columnControl .column1 > li, 
.sustainability-links.columnControl .column1 > li > .columnControl.section,
.sustainability-links.columnControl .freeCoding:not(.sustainability-links),
.sustainability-links.columnControl .freeCoding:not(.sustainability-links) * {
    height: 100%;
    width: 100%;
}

.sustainability-links.columnControl .column1 > li > .columnControl.section .column1  {
    display: block;
    width: calc(100% - 60px - 20px);
    margin: 0 auto;
    overflow: hidden;
}

.sustainability-links.columnControl .column1 > li > .columnControl.section .column1 > li  {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: auto;
    margin: 0;
}
.sustainability-links.columnControl .column1 > li > .columnControl.section .column1 > li > .teaser.section {
    width: 60vw;
    padding-right: 30px;
}

.sustainability-links.columnControl .column1 > li > .columnControl.section .column1 > li > .teaser.section > * {
    padding-right: 2px;
}

.sustainability-links.columnControl .column1 > li > .columnControl.section .column1 > li > .teaser.section .elp-teaser_wrapper.cmp-teaser {
    height: 100%;
}

.sustainability-links.columnControl .column1 > li > .columnControl.section .column1 > li > .teaser.section .elp-teaser_wrapper.cmp-teaser .cmp-teaser__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: stretch;
}

.sustainability-links.columnControl .column1 > li > .columnControl.section .column1 > li > .teaser.section .elp-teaser_wrapper.cmp-teaser .cmp-teaser__content .cmp-teaser__action-container.elp-teaser_action-container {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}



.sustainability-links.columnControl .slider-prev-button, .sustainability-links.columnControl .slider-next-button {
    display: block;
    margin: 0 15px;
    width: 13px;
    height: 26px;
    position: absolute;
    top: calc(60vw * 0.6208112875 *0.5);
    transform: translateY(-50%);
    cursor: pointer;
    
    transition: opacity 1.2s cubic-bezier(0.83, 0, 0.17, 1);
    opacity: 1;
}

.sustainability-links.columnControl .slider-prev-button.slider-inactive-button, .sustainability-links.columnControl .slider-next-button.slider-inactive-button {
    opacity: 0;
    user-select: none;
    cursor: auto;
}


.sustainability-links.columnControl .slider-prev-button {
    background: url("https://www.kia.com/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/spr-common-large.png") -287px -115px no-repeat;
    left: 0;
}

.sustainability-links.columnControl .slider-next-button {
    background: url("https://www.kia.com/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/spr-common-large.png") -272px -115px no-repeat;
    right: 0;
}

.sustainability-links.columnControl .text.section {
    max-width: calc(100% - 30px);
    margin: 0 auto;
}

@media (min-width: 541px) and (max-width: 1024px) {
    .sustainability-links.columnControl .text.section {
        max-width: calc(100% - 80px);
    }
}

@media (min-width: 768px) and (max-device-width: 989px) {
    .sustainability-links.columnControl .text.section {
        max-width: calc(100% - 80px - 60px);
    }
}

@media (min-width: 1025px) {
    .sustainability-links.columnControl .text.section {
        max-width: calc((100% - 160px) * 0.9 + 32px)
    }
}

@media (min-width: 768px) {
    .sustainability-links.columnControl .column1 > li > .columnControl.section .column1 > li {
        transform: translateX(0) !important;
    }

    .sustainability-links.columnControl .slider-prev-button, .sustainability-links.columnControl .slider-next-button {
        opacity: 0;
    }

    .sustainability-links.columnControl .column1 > li > .columnControl.section .column1 {
        width: calc(100% - 116px);
        max-width: calc((100% - 160px) * 0.9 + 32px)
    }

    .sustainability-links.columnControl .column1 > li > .columnControl.section .column1 > li  {
        gap: 32px;
    }

    .sustainability-links.columnControl .column1 > li > .columnControl.section .column1 > li > .teaser.section {
        width: auto;
        padding: 0;
    }

    
}