/* apply official grid */

[class*="k-"].columnControl.section {
    padding: 0;
}
[class*="k-"].columnControl.section .column_control>ul {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: normal;
}

[class*="k-"].columnControl.section .column_control>ul>li{
    display: grid;
    grid-auto-rows: minmax(80px, auto);
    width:100%;
    position: relative;
}

@media (min-width: 1025px) {
  :root {
    --k-grid-margin: 80px;
    --k-grid-gutter: 40px;
    --k-grid-column: calc((100% - 160px - 440px) / 12);
  }
  [class*="k-"].columnControl.section .column_control>ul>li{
    grid-template-columns: 80px repeat(11, 1fr 40px) 1fr 80px;
    grid-template-areas:
      'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13';
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  :root {
    --k-grid-margin: 30px;
    --k-grid-gutter: 20px;
    --k-grid-column: calc((100% - 60px - 220px) / 12);
  }
  [class*="k-"].columnControl.section .column_control>ul>li{
    grid-template-columns: 30px repeat(11, 1fr 20px) 1fr 30px;
    grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13';
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  :root {
    --k-grid-margin: 30px;
    --k-grid-gutter: 20px;
    --k-grid-column: calc((100% - 60px - 100px) / 6);
  }
  [class*="k-"].columnControl.section .column_control>ul>li{
    grid-template-columns: 30px repeat(5, 1fr 20px) 1fr 30px;
    grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7';
  }
}

@media (max-width: 480px) {
  :root {
    --k-grid-margin: 15px;
    --k-grid-gutter: 20px;
    --k-grid-column: calc((100% - 30px - 100px) / 6);
  }
  [class*="k-"].columnControl.section .column_control>ul>li{
    grid-template-columns: 15px repeat(5, 1fr 20px) 1fr 15px;
    grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7';
  }
}

[class*="k2-"].columnControl.section {
    padding: 0;
}
[class*="k2-"].columnControl.section .column_control>ul {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: normal;
}

[class*="k2-"].columnControl.section .column_control>ul>li{
    width:100%;
    position: relative;
}


/* gallery */

@media (min-width: 768px) {
    .k-gallery .column_control>ul>li>*:nth-child(1){
        grid-area: 1 / c0 / 3 / c4;
    
    }
    .k-gallery .column_control>ul>li>*:nth-child(2){
        grid-area: 1 / c5 / 1 / c9;
    
    }
    .k-gallery .column_control>ul>li>*:nth-child(3){
        grid-area: 1 / c10 / 1 / c13;
    
    }
    .k-gallery .column_control>ul>li>*:nth-child(4){
        grid-area: 2 / c5 / 2 / c8;
    
    }
    .k-gallery .column_control>ul>li>*:nth-child(5){
        grid-area: 2 / c9 / 2 / c13;
    
    }
}
@media (max-width: 767px) {
    .k-gallery .column_control>ul>li>*:nth-child(1){
        grid-area: 1 / c1 / 1 / c6;
    }
    .k-gallery .column_control>ul>li>*:nth-child(2){
        grid-area: 2 / c1 / 2 / c3;
    }
    .k-gallery .column_control>ul>li>*:nth-child(3){
        grid-area: 2 / c4 / 2 / c6;
    }
    .k-gallery .column_control>ul>li>*:nth-child(4){
        grid-area: 3 / c1 / 3 / c3;
    }
    .k-gallery .column_control>ul>li>*:nth-child(5){
        grid-area: 3 / c4 / 3 / c6;
    }
}

.k-gallery .visual-container,
.k-gallery .visual-container>.inner-container,
.k-gallery .visual-container>.inner-container>.visual-media {
    height: 100%;
}

.k-gallery .visual-media {
   display:flex;
   flex-direction: column;
    align-items:stretch;
}
.k-gallery .visual-media-image {
   position: relative;
    flex-grow: 1;
}
.k-gallery picture, .k-gallery img {
   height: 100%;
    display: block;
    object-fit: cover;
}
.k-gallery picture video {
    width:100%;
    height: 100%;
    position:absolute;
    top: 0;
    object-fit: cover; 
}
.k-gallery .visual-description {
    position: absolute;
    bottom: 0;
    color: #FFF;
    pointer-events: none;
}

.k-gallery .visual-description:before {
    content: '';
    /*border: 1px solid green;*/
    position: absolute;
    top: -7px;
    left: calc(-17px * 3.0 + 8px);
    width: calc(100% + 17px * 3.5 - 11px);
    height: calc(17px * 1.5);
    color: #FFF;
    pointer-events: none;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 100' xmlns:v='https://vecta.io/nano'%3e%3cpath d='m2000%2c9.54H155.48c-7.94%2c0-12.18%2c1.22-19.06%2c5.39L10.62%2c90.54' fill='none' stroke='%23ffffff' stroke-width='5' stroke-miterlimit='10'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
}


@media (min-width: 1025px) {
.k-gallery .visual-description,
.k-gallery .visual-disclaimer {
    margin: 18px 30px 18px calc(17px * 3.0 - 11px);
}
}

@media (min-width: 768px) and (max-width: 1024px) {
.k-gallery .visual-description,
.k-gallery .visual-disclaimer {
    margin: 18px 30px 18px calc(17px * 3.0 - 11px);
}
}

@media (min-width: 481px) and (max-width: 767px) {
.k-gallery .visual-description,
.k-gallery .visual-disclaimer {     
    margin: 13px 30px 13px calc(17px * 3.0 - 11px);
}
}

@media (max-width: 480px) {
.k-gallery .visual-description,
.k-gallery .visual-disclaimer {
    margin: 13px 15px 13px calc(17px * 3.0 - 11px);
}
}



/* header */

@media (min-width: 768px) {
    .k-header .column_control>ul>li>.visual.image.section {
        grid-area: 1 / c0 / 1 / c13;
        margin: 0;
    }
    .k-header .column_control>ul>li>:not(.visual.image.section){
        grid-area: 1 / c3 / 1 / c10;
    
    }

}
@media (max-width: 767px) {
    .k-header .column_control>ul>li>.visual.image.section {
        grid-area: 1 / c0 / 1 / c7;
       margin: 0;
    }
    .k-header .column_control>ul>li>:not(.visual.image.section){
        grid-area: 1 / c1 / 1 / c6;
    }
}

.k-header .inner_offer {
  margin-top: 0;
  margin-bottom:  0;
}

.k-header .column_control>ul,
.k-header .column_control>li {
  height: 100%;
}

.k-header .visual-container,
.k-header .inner-container,
.k-header .visual-media {
  height: 100%;
}

.k-header .visual-media {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.k-header .visual-media-image {
  flex-grow: 1;
  /* flex-basis: 200px; */
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: space-between;
}

.k-header .visual-media-video {
  /* flex-grow: 1; */
  /* flex-basis: 200px; */
  /* overflow: hidden; */
  /* display: flex; */
  /* flex-direction: column; */
  position: relative;
  /* position: absolute; */
  /* top: 50vh; */
  /* left: 50vw; */
  height: auto;
  width: 100%;
  display: block;
  flex-grow: 5;
}

.k-header .video-maincontainer * {
  background-image: none !important;
}
  
.k-header picture {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  position: absolute;
}

.k-header .visual-media-video picture {
  position: absolute;
}

.k-header picture img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: 50% 80%;
}

.k-header picture video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.k-header .fp-controls {
  display:none !important;
}
.k-header .visual-player-container {
  padding-top: 0px !important;
  padding-bottom: 102px !important;
}
.k-header .btn-container {
  padding-bottom:102px !important;
}



.k-header .video-maincontainer{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 1440px) {
    .k-header .column_control {
        height: calc(100vh - 80px - 32px);
    }
  
    .eutSnb ~ .k-header .column_control {
        height: calc(100vh - 80px - 76px);
    }
}

@media (max-width: 1439px) {
    .k-header .column_control {
        height: calc(100vh - 60px);
    }

    .space-container-top .k-header .column_control {
        height: calc(100vh - 60px - 67px);
        margin-top: 7px;
    }

    .mobile-menu-active .k-header .column_control {
        height: calc(100vh);
    }

  
    .eutSnb ~ .k-header .column_control {
        height: calc(100vh - 100px);
    }

    .space-container-top .eutSnb ~ .k-header .column_control {
        height: calc(100vh - 60px - 108px);
        margin-top: 7px;
    }

    .mobile-menu-active .eutSnb ~ .k-header .column_control {
        height: calc(100vh - 40px);
    }
}


.k-header .text.section {
  color: #FFF;
  position: relative;
  flex-grow: 1;
}


.k-header .text.section .elp-text {
  bottom: 0;
  position: absolute
}


.k-header .disclaimer .visual-disclaimer {
  margin-bottom: 20px;
}
@media (min-width: 1025px) {
  .k-header .disclaimer .visual-disclaimer {
    margin-left: 30px;
    margin-right: 30px;
  }
}


.k-header .visual-media-image::after {
    content: "";
    background-color: white;
    width: 24px;
    height: 24px;
    position: relative;
    margin: 20px auto 20px auto;
    animation: arrow-down infinite 1.5s;
    background: url(https://www.kia.com/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/icon-arrow-down-light.svg);
    background-size: cover;
    display: block;
}

@keyframes arrow-down {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(20%);
  }
  60% {
    transform: translateY(0);
  }
}





.k-header .visual-media-image .text.section .elp-text{
    display: grid;
    grid-auto-rows: auto;
    width:100%;
    margin: 0;
}

@media (min-width: 1025px) {
  .k-header .visual-media-image .text.section .elp-text {
    grid-template-columns: 80px repeat(11, 1fr 40px) 1fr 80px;
    grid-template-areas:
      'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13';
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .k-header .visual-media-image .text.section .elp-text {
    grid-template-columns: 30px repeat(11, 1fr 20px) 1fr 30px;
    grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13';
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .k-header .visual-media-image .text.section .elp-text{
    grid-template-columns: 30px repeat(5, 1fr 20px) 1fr 30px;
    grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7';
  }
}

@media (max-width: 480px) {
  .k-header .visual-media-image .text.section .elp-text{
    grid-template-columns: 15px repeat(5, 1fr 20px) 1fr 15px;
    grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7';
  }
}


@media (min-width: 768px) {
.k-header .visual-media-image .text.section .elp-text>*{
     grid-area: 1 / c3 / 1 / c10;
}
}
@media (max-width: 767px) {
.k-header .visual-media-image .text.section .elp-text>*{
    grid-area: 1 / c1 / 1 / c6;
}
}







/* stream */

@media (min-width: 768px) {
  .k-stream .column_control>ul>li>*:nth-child(1){
        grid-area: 1 / c3 / 1 / c10;
    }
    .k-stream .column_control>ul>li>*:nth-child(2){
        grid-area: 2 / c3 / 2 / c10;
    }
    .k-stream .column_control>ul>li>*:nth-child(3){
        grid-area: 3 / c3 / 3 / c10;
    }
}
@media (max-width: 767px) {
  .k-stream .column_control>ul>li>*:nth-child(1){
        grid-area: 1 / c1 / 1 / c6;
    }
    .k-stream .column_control>ul>li>*:nth-child(2){
        grid-area: 2 / c1 / 2 / c6;
    }
    .k-stream .column_control>ul>li>*:nth-child(3){
        grid-area: 3 / c1 / 3 / c6;
    }
}

.k-stream .tab-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.k-stream .eut_lb_slide {
 width: 100% !important;

}

.k-stream .carousel_container {
  margin-left: 0 !important;
}





/* -- k-copy -- */

@media (min-width: 768px) {
  .k-copy .column_control>ul>li>*{
        grid-area: auto / c3 / span 1 / c10;
  }

}
@media (max-width: 767px) {
  .k-copy .column_control>ul>li>*{
        grid-area: auto / c1 / span 1 / c6;
    }
}

.k-copy b {
  font-family: kiab;
  font-weight: normal;
}


/* -- k-fullimage -- */


@media (min-width: 768px) {
  .k-fullimage .column_control>ul>li>*:nth-child(1){
        grid-area: 1 / c0 / 1 / c13;
    }
}
@media (max-width: 767px) {
  .k-fullimage .column_control>ul>li>*:nth-child(1){
        grid-area: 1 / c0 / 1 / c7;
    }
}


@media (min-width: 1025px){
.k-fullimage .disclaimer .visual-disclaimer {
    margin-left: 30px;
    margin-right: 30px;
}
}

/* -- k-legal -- */


/* -- k-legal -- */


@media (min-width: 768px) {
  .k-legal .column_control>ul>li>*:nth-child(1){
        grid-area: 1 / c3 / 1 / c10;
    }
    .k-legal .column_control>ul>li>*:nth-child(2){
        grid-area: 2 / c3 / 2 / c10;
    }
    .k-legal .column_control>ul>li>*:nth-child(3){
        grid-area: 3 / c3 / 3 / c10;
    }
}
@media (max-width: 767px) {
  .k-legal .column_control>ul>li>*:nth-child(1){
        grid-area: 1 / c1 / 1 / c6;
    }
    .k-legal .column_control>ul>li>*:nth-child(2){
        grid-area: 2 / c1 / 2 / c6;
    }
    .k-legal .column_control>ul>li>*:nth-child(3){
        grid-area: 3 / c1 / 3 / c6;
    }
}

.k-legal .inner_offer {
  background-color: #F7F8F8;
  margin: 0;
  padding: 80px 0;
}



/* -- k-split -- */

.k-splitright .teaser.section h3, .k-splitleft .teaser.section h3 {
    font: normal 15px/22px "kiam", Tahoma, sans-serif;
    color: #05141F;
    list-style: none;
    word-break: break-word;
    font-family: "kiab", sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: bolder;
}

.k-splitright .teaser.section p, .k-splitleft .teaser.section p {
    font: normal 15px/22px "kiam", Tahoma, sans-serif;
    color: #05141F;
    list-style: none;
    font-size: 16px;
    word-break: break-word;
    font-weight: normal;
    margin: 0;
}

.k-splitright .teaser.section img, .k-splitleft .teaser.section img {
    height: 60px;
    width: auto;
    display:block;
    margin-bottom: 15px;
    margin-top: 10px;
}

@media (min-width: 768px) {
.k-splitright .column_control>ul>li,
.k-splitleft .column_control>ul>li {
  grid-template-rows: auto;
}
}

@media (max-width: 767px) {
.k-splitright .column_control>ul>li,
.k-splitleft .column_control>ul>li {
  grid-template-rows: auto;
}
}

@media (min-width: 768px) {
    .k-splitright .column_control>ul>li>*:first-child{
        grid-area: 1 / c7 /  -1 / c13;
    }
    .k-splitright .column_control>ul>li>*:not(:first-child){
        grid-area: auto / c1 / span 1 / c6;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .k-splitright .column_control>ul>li>* {
        grid-area: auto / c1 / span 1 / c6;
    }
}

@media (min-width: 768px) {
    .k-splitleft .column_control>ul>li>*:first-child{
        grid-area: 1 / c0 / -1 / c6;
    }
    .k-splitleft .column_control>ul>li>*:not(:first-child){
        grid-area: auto / c7 / span 1 / c12;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .k-splitleft .column_control>ul>li>* {
        grid-area: auto / c1 / span 1 / c6;
    }
}

.k-splitleft .disclaimer .visual-disclaimer,
.k-splitright .disclaimer .visual-disclaimer {
  /* margin-bottom: 20px; */
}
@media (min-width: 1025px) {
  .k-splitleft .disclaimer .visual-disclaimer,
  .k-splitright .disclaimer .visual-disclaimer {
    margin-left: 30px;
    margin-right: 30px;
  }
}

.k-splitleft .visual.image.section,
.k-splitright .visual.image.section {
  margin-bottom: 0;
}



/* -- k-dropdown -- */

.k-dropdown .column_control>ul.column2>li {
  margin:0;
}

@media (min-width: 768px) {
  .k-dropdown .column_control>ul>li:nth-child(1)>*:nth-child(1){
        grid-area: 1 / c2 / span 1 / c3;
    }
  .k-dropdown .column_control>ul>li:nth-child(1)>*:nth-child(2){
        grid-area: 1 / c4 / span 1 / c5;
    }
  .k-dropdown .column_control>ul>li:nth-child(1)>*:nth-child(3){
        grid-area: 1 / c6 / span 1 / c7;
    }
  .k-dropdown .column_control>ul>li:nth-child(1)>*:nth-child(4){
        grid-area: 1 / c8 / span 1 / c9;
    }
  .k-dropdown .column_control>ul>li:nth-child(1)>*:nth-child(5){
        grid-area: 1 / c10 / span 1 / c11;
   }
   .k-dropdown .column_control>ul>li:nth-child(2)>*:nth-child(even){
        grid-area: 1 / c7 / span 1 / c11;
    }
  .k-dropdown .column_control>ul>li:nth-child(2)>*:nth-child(odd){
        grid-area: 1 / c2 / span 1 / c6;
    }
  

}
@media (max-width: 767px) {
  .k-dropdown .column_control>ul>li:nth-child(1)>*:nth-child(1){
        grid-area: 1 / c1 / 1 / c6;
    }
    .k-dropdown .column_control>ul>li:nth-child(2)>*:nth-child(2){
        grid-area: 2 / c1 / 2 / c6;
    }
    .k-dropdown .column_control>ul>li>*:nth-child(3){
        grid-area: 3 / c1 / 3 / c6;
    }
    .k-dropdown .column_control>ul>li>*:nth-child(4){
        grid-area: 4 / c1 / 4 / c6;
    }
}

.k-dropdown .column_control>ul>li:nth-child(2)>*{
  opacity: 0;
}


.k-dropdown .column_control>ul>li:nth-child(2){

  height: 0;
}
.k-dropdown:not([data-active="0"]) .column_control>ul>li:nth-child(2){
  margin-top: 80px;
  height: 100%;
}

.k-dropdown[data-active="1"] .column_control>ul>li:nth-child(2)>*:nth-child(1),
.k-dropdown[data-active="1"] .column_control>ul>li:nth-child(2)>*:nth-child(2){
    opacity: 1;
}

.k-dropdown[data-active="2"] .column_control>ul>li:nth-child(2)>*:nth-child(3),
.k-dropdown[data-active="2"] .column_control>ul>li:nth-child(2)>*:nth-child(4){
    opacity: 1;
}

.k-dropdown[data-active="3"] .column_control>ul>li:nth-child(2)>*:nth-child(5),
.k-dropdown[data-active="3"] .column_control>ul>li:nth-child(2)>*:nth-child(6){
    opacity: 1;
}

.k-dropdown[data-active="4"] .column_control>ul>li:nth-child(2)>*:nth-child(7),
.k-dropdown[data-active="4"] .column_control>ul>li:nth-child(2)>*:nth-child(8){
    opacity: 1;
}

.k-dropdown[data-active="5"] .column_control>ul>li:nth-child(2)>*:nth-child(9),
.k-dropdown[data-active="5"] .column_control>ul>li:nth-child(2)>*:nth-child(10){
    opacity: 1;
}






.k-dropdown .elp-teaser_wrapper.cmp-teaser {
  justify-content: stretch;
  align-items: center;
  height: 100%;
}

.k-dropdown .cmp-teaser__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* background: grey; */
  /* flex-basis: 100%; */
  /* height: 100%; */
  /* height: 100%; */
  /* position: relative; */
}

.k-dropdown .cmp-teaser__description.elp-teaser_description {
  flex-grow: 1;
  flex-basis: 100%;
  text-align: center;
}

.k-dropdown .cmp-teaser__action-container.elp-teaser_action-container .elp-teaser_action {
  border: none;
  padding: 0;
}

.k-dropdown .elp-teaser_image img {
  height: 100px;
  width: auto;
}

.k-dropdown  .cmp-teaser__title.elp-teaser_title {
  color: white;
  background-color: #06141E;
  display:flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  position: relative;
  border-radius: 50%;
  margin-bottom: 20px;
}


/* -- k-range -- */

.k-range {
  margin-top: 80px; 
}




/* slider */

[class*="k2-"].columnControl.section .column_control>ul>li {
  position:relative;
}

.k-slider-next, .k-slider-prev {
  position: absolute;
  height: 100%;
  top: 0;
  z-index: 1;
  background: url('/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/icon_arrow_big_right.svg') no-repeat center center;
  opacity: 0.2;
  background-size: 40px;
  transition: opacity .6s ease 0s;
  cursor: pointer;
}

.k-slider-next:hover, .k-slider-prev:hover {
  opacity: 1;
}

.k-slider-next.swiper-button-disabled, .k-slider-prev.swiper-button-disabled {
  opacity: 0;
}

.k-slider-next {
  right: 0;
}

.k-slider-prev {
  left: 0;
}

@media (min-width: 1025px) {
  [class*="k2-"].columnControl.section .column_control>ul>li:first-child{
    padding: 0 80px;
  }
  .k-slider-next, .k-slider-prev  {
    width: 80px;
  }
  .k-slider-next  {
    transform: translateX(100%);
  }
  .k-slider-prev  {
    transform: translateX(-100%) rotate(-180deg);
  }
  .k2-slider .title-text, .k2-slider .copy-text {
    margin: 15px 0;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  [class*="k2-"].columnControl.section .column_control>ul{
    margin: 0 30px;
  }
  .k-slider-next, .k-slider-prev  {
    width: 30px;
    background-size: 20px;
  }
  .k-slider-next  {
    transform: translateX(100%);
    /* background-size: 20px; */
  }
  .k-slider-prev  {
    transform: translateX(-100%) rotate(-180deg);
  }
  .k2-slider .title-text, .k2-slider .copy-text {
    margin: 15px 0;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  [class*="k2-"].columnControl.section .column_control>ul{
    margin: 0;
  }
  .k-slider-next, .k-slider-prev  {
    width: 30px;
    opacity: 1;
    /* filter: invert(1) brightness(2); */
    background-size: 20px;
    /* background-color: red; */
  }
  .k-slider-prev  {
    transform: rotate(-180deg);
  }
  .k2-slider .title-text, .k2-slider .copy-text {
    margin: 15px 30px;
  }
}

@media (max-width: 480px) {
  [class*="k2-"].columnControl.section .column_control>ul{
    margin: 0;
  }
  .k-slider-next, .k-slider-prev  {
    width: 30px;
    opacity: 1;
    /* filter: invert(1) brightness(2); */
    background-size: 20px;
  }
  .k-slider-prev  {
    transform: rotate(-180deg);
  }
  .k2-slider .title-text, .k2-slider .copy-text {
    margin: 15px 15px;
  }
}



:root {
    --swiper-theme-color: #05141f;
}


/* -- k2-slider -- */

.k2-slider {
      /* background-color: #F7F8F8; */
}

.k2-slider .column_control>ul.column2>li {
  margin:0;
}

.k2-slider .column_control>ul.column2>li:first-child {
  background-color: #F7F8F8;
}
.k2-slider .column_control>ul.column2>li:first-child>* {
  margin-top: 80px;
}

@media (min-width: 768px) {/*
  .k2-slider .column_control>ul>li:nth-child(1)>*:nth-child(1){
        grid-area: 1 / c2 / span 1 / c3;
    }
  .k2-slider .column_control>ul>li:nth-child(1)>*:nth-child(2){
        grid-area: 1 / c4 / span 1 / c5;
    }
  .k2-slider .column_control>ul>li:nth-child(1)>*:nth-child(3){
        grid-area: 1 / c6 / span 1 / c7;
    }
  .k2-slider .column_control>ul>li:nth-child(1)>*:nth-child(4){
        grid-area: 1 / c8 / span 1 / c9;
    }
  .k2-slider .column_control>ul>li:nth-child(1)>*:nth-child(5){
        grid-area: 1 / c10 / span 1 / c11;
   }*/
   .k2-slider .column_control>ul>li:nth-child(2)>*:nth-child(even){
        grid-area: 1 / c7 / span 1 / c12;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
  .k2-slider .column_control>ul>li:nth-child(2)>*:nth-child(odd){
        grid-area: 1 / c1 / span 1 / c6;
    }
  

}
@media (max-width: 767px) {/*
  .k2-slider .column_control>ul>li:nth-child(1)>*:nth-child(1){
        grid-area: 1 / c1 / 1 / c6;
    }*/
    .k2-slider .column_control>ul>li:nth-child(2)>*:nth-child(even){
        grid-area: 2 / c1 / span 1 / c6;
    }
  .k2-slider .column_control>ul>li:nth-child(2)>*:nth-child(odd){
        grid-area: 1 / c1 / span 1 / c6;
    }
}

.k2-slider .column_control>ul>li:nth-child(2)>*{
  opacity: 0;
  height: 0;
  transition: opacity .0s ease 0s, height .6s ease 0s;
  
}

/*
.k2-slider .column_control>ul>li:nth-child(2){
  height: 0;
}
.k2-slider:not([data-active="0"]) .column_control>ul>li:nth-child(2){
  margin-top: 80px;
  height: 100%;
}*/

.k2-slider[data-active="0"] .column_control>ul>li:nth-child(2){
  margin-top: 0px !important;

}

.k2-slider[data-active="1"] .column_control>ul>li:nth-child(2)>*:nth-child(1),
.k2-slider[data-active="1"] .column_control>ul>li:nth-child(2)>*:nth-child(2){
    opacity: 1; height: 100%;
  transition: opacity .6s ease .6s, height .6s ease .6s;
}

.k2-slider[data-active="2"] .column_control>ul>li:nth-child(2)>*:nth-child(3),
.k2-slider[data-active="2"] .column_control>ul>li:nth-child(2)>*:nth-child(4){
    opacity: 1;height: 100%;
transition: opacity .6s ease .6s, height .6s ease .6s;
}

.k2-slider[data-active="3"] .column_control>ul>li:nth-child(2)>*:nth-child(5),
.k2-slider[data-active="3"] .column_control>ul>li:nth-child(2)>*:nth-child(6){
    opacity: 1;height: 100%;
 transition: opacity .6s ease .6s, height .6s ease .6s;
}

.k2-slider[data-active="4"] .column_control>ul>li:nth-child(2)>*:nth-child(7),
.k2-slider[data-active="4"] .column_control>ul>li:nth-child(2)>*:nth-child(8){
    opacity: 1;height: 100%;
  transition: opacity .6s ease .6s, height .6s ease .6s;
}

.k2-slider[data-active="5"] .column_control>ul>li:nth-child(2)>*:nth-child(9),
.k2-slider[data-active="5"] .column_control>ul>li:nth-child(2)>*:nth-child(10){
    opacity: 1;height: 100%;
  transition: opacity .6s ease .6s, height .6s ease .6s;
}


.k2-slider .column_control>ul>li:nth-child(2){
    display: grid;
    grid-auto-rows: min-content;
    width:100%;
    position: relative;

}

@media (min-width: 1025px) {
  .k2-slider.columnControl.section .column_control>ul>li:nth-child(2){
    grid-template-columns: 80px repeat(11, 1fr 40px) 1fr 80px;
    grid-template-areas:
      'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13';
    margin-top: 80px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .k2-slider.columnControl.section .column_control>ul>li:nth-child(2){
    grid-template-columns: 30px repeat(11, 1fr 20px) 1fr 30px;
    grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13';
    margin-top: 30px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .k2-slider.columnControl.section .column_control>ul>li:nth-child(2){
    grid-template-columns: 30px repeat(5, 1fr 20px) 1fr 30px;
    grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7';
    margin-top: 30px;
  }
}

@media (max-width: 480px) {
  .k2-slider.columnControl.section .column_control>ul>li:nth-child(2){
    grid-template-columns: 15px repeat(5, 1fr 20px) 1fr 15px;
    grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7';
    margin-top: 15px;
  }
}

.k2-slider .teaser.section {
  height: 100%;
  /* background: grey; */
}

.k2-slider .elp-teaser_wrapper.cmp-teaser {
  justify-content: stretch;
  align-items: center;
  height: 100%;
}

.k2-slider .cmp-teaser__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* background: grey; */
  /* flex-basis: 100%; */
  /* height: 100%; */
  /* height: 100%; */
  /* position: relative; */
}

.k2-slider .cmp-teaser__description.elp-teaser_description {
  flex-grow: 1;
  flex-basis: 100%;
  text-align: center;
  font: normal 15px/22px "kiam", Tahoma, sans-serif;
}

.k2-slider .cmp-teaser__action-container.elp-teaser_action-container {
  position: relative;
}

.k2-slider .cmp-teaser__action-container.elp-teaser_action-container .elp-teaser_action {
  border: none;
  padding: 0;
  width:  100%;
  margin-bottom: 60px;
  text-align: center;
  font:normal 15px/22px "kiam", Tahoma, sans-serif;
}

.k2-slider .elp-teaser_image img {
  height: 120px;
  width: auto;
}

.k2-slider  .cmp-teaser__title.elp-teaser_title {
  color: white;
  background-color: #06141E;
  display:flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  position: relative;
  border-radius: 50%;
  margin-bottom: 20px;
  font: normal 15px/30px "kiam", Tahoma, sans-serif;
}



.k2-slider .cmp-teaser__action-container.elp-teaser_action-container .elp-teaser_action:after {
  content: '';
  position: relative;
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
  z-index: 1;
  background: url('/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/icon_arrow_big_right.svg') no-repeat center center;
  transform: rotate(90deg);
  background-size: 20px;
  transition: transform .6s ease 0s;
  cursor: pointer;
}

.k2-slider[data-active="1"] .column_control>ul>li:nth-child(1) [aria-label="1 / 5"] .elp-teaser_action:after {
    transform: rotate(-90deg);
}
.k2-slider[data-active="2"] .column_control>ul>li:nth-child(1) [aria-label="2 / 5"] .elp-teaser_action:after {
    transform: rotate(-90deg);
}
.k2-slider[data-active="3"] .column_control>ul>li:nth-child(1) [aria-label="3 / 5"] .elp-teaser_action:after {
    transform: rotate(-90deg);
}
.k2-slider[data-active="4"] .column_control>ul>li:nth-child(1) [aria-label="4 / 5"] .elp-teaser_action:after {
    transform: rotate(-90deg);
}
.k2-slider[data-active="5"] .column_control>ul>li:nth-child(1) [aria-label="5 / 5"] .elp-teaser_action:after {
    transform: rotate(-90deg);
}

.k2-slider .column_control>ul>li:nth-child(1) [aria-label] {
  height: 100%;
}












#e-im {
    background-color: white !important;
    background: linear-gradient(to right, rgba(242, 242, 242, 0) 0%, #f2f2f2 50%, rgba(242, 242, 242, 0) 100%);
}

#e-im .e-im-car-card__description .button {
  text-transform: none;
}

#e-im .e-im-car-card__description .button.secondary {
    background-color: #05141F;
}




/* public charging */

p.ev1 {
    font: normal 16px/22px "kiam", Tahoma, sans-serif !important;
    color: #05141F;
}

.eut_hf1c .type li .cont_area .txt {
    font: normal 16px/22px "kiam", Tahoma, sans-serif !important;
    color: #05141F;
    margin-bottom: 5px !important;
}


.eut_hf1c .type li .cont_area .tit {
    font: normal 24px/30px "kiab", Tahoma, sans-serif !important;
    color: #05141F;
}

html.stylish-select body.bg_white div#eut_container div#contents div.par.parsys div.eutCg1.common.section div.eut_cmly_section.bg_pattern.eut_lymg_txs.eut_lymg_bxs.eut_lypd_txs.eut_lypd_bxs div.inner div.eut_cg1 div.cg_slide.ix-slide-max-apply div.ix-list-viewport ul.ix-list-items .ix-list-item > div .cg_contents p {
    font: normal 16px/22px "kiam", Tahoma, sans-serif;
    color: #05141F;
}

html.stylish-select body.bg_white div#eut_container div#contents div.par.parsys div.eutCg1.common.section div.eut_cmly_section.bg_pattern.eut_lymg_txs.eut_lymg_bxs.eut_lypd_txs.eut_lypd_bxs div.inner div.eut_cg1 div.cg_slide.ix-slide-max-apply div.ix-list-viewport ul.ix-list-items .ix-list-item > div .cg_contents p:first-of-type {
    font: normal 24px/30px "kiab", Tahoma, sans-serif !important;font: normal 24px/30px "kiab", Tahoma, sans-serif !important;
    color: #05141F;
}



.eut_tg5 .disclaimer-bubble .ev2 {
   font: normal 16px/22px "kiab", Tahoma, sans-serif !important;
    color: #05141F;
}


.eut_hf1c .standard li .image_area {
   width: 120px !important;
   transform: translate(-50%, 0) !important;
}

.eut_hf1c .type:not(.narrow) li .cont_area {
    padding-left: 80px !important;
}

b.evcolor-blue, strong.evcolor-blue {
    font: normal 24px/30px "kiab", Tahoma, sans-serif !important;font: normal 24px/30px "kiab", Tahoma, sans-serif !important;
    color: #05141F;
}

.co1Base.co1_1 ol.ev1 > li *.evcolor-blue {
  margin-bottom: 5px;
  display: inline-block;
}

.ix-thumb .ix-btn {
  border-radius: 50%;
}


.eut_cg1 .cg_slide .slide_direction .next {
  background: url(/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/icon_arrow_big_right.svg) no-repeat center center;
  width: 40px;opacity: 0.2;transition: opacity .6s ease 0s;}

.eut_cg1 .cg_slide .slide_direction .prev {
  background: url(/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/icon_arrow_big_right.svg) no-repeat center center;
  transform: rotate(180deg);
  width: 40px;
  opacity: 0.2;
  transition: opacity .6s ease 0s;
  }
.eut_cg1 .cg_slide .slide_direction .next:hover {
background: url(/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/icon_arrow_big_right.svg) no-repeat center center;
 opacity: 1;
}

.eut_cg1 .cg_slide .slide_direction .prev:hover {
background: url(/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/icon_arrow_big_right.svg) no-repeat center center;
  transform: rotate(180deg);
  opacity: 1;
}





#public-charging-slider {
  background-color:#F7F8F8
}


#public-charging-slider .inner_offer {
  margin: 0;
}

#public-charging-slider picture img {
  object-fit: contain;
  object-position: 50% 50%;
}

@media (min-width: 768px) {
    #public-charging-slider .visual-media-image picture,
    #public-charging-slider .visual-media-image .visual-description {
      width: 50%;
    }

    #public-charging-slider .visual-media-image picture img {
      height: min(calc(40vw), 400px);
    }
    #public-charging-slider .visual-media-image {
      flex-direction: row-reverse;
      justify-content: center;
      gap: var(--k-grid-gutter);
    }
    #public-charging-slider .column_control>ul>li {
        grid-area: 1 / c3 / span 1 / c10;
      padding: 0;
    }
    #public-charging-slider .visual-media-image .visual-description {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

  #public-charging-slider .k-slider-next, 
  #public-charging-slider .k-slider-prev {width: 80px;}
}
@media (max-width: 767px) {
  #public-charging-slider .visual-media-image picture {
    width: 100%;
    height: 40vh;
  }
  
  #public-charging-slider .column_control>ul>li {
        grid-area: 1 / c1 / span 1 / c6;
    }
}





 #public-charging-slider{
  padding-bottom: 80px;
}
 #public-charging-slider .column_control{
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: normal;
}

 #public-charging-slider .column_control>ul{
    display: grid;
    width:100%;
    position: relative;
    margin: 0;
}

@media (min-width: 1025px) {
   #public-charging-slider .column_control>ul{
    grid-template-columns: 80px repeat(11, 1fr 40px) 1fr 80px;
    grid-template-areas:
      'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13';
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
   #public-charging-slider .column_control>ul{
    grid-template-columns: 30px repeat(11, 1fr 20px) 1fr 30px;
    grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13';
  }
}

@media (min-width: 481px) and (max-width: 767px) {
   #public-charging-slider .column_control>ul{
    grid-template-columns: 30px repeat(5, 1fr 20px) 1fr 30px;
    grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7';
  }
}

@media (max-width: 480px) {
   #public-charging-slider .column_control>ul{
    grid-template-columns: 15px repeat(5, 1fr 20px) 1fr 15px;
    grid-template-areas: 'c0 c1 . c2 . c3 . c4 . c5 . c6 c7';
  }
}

#public-charging-slider .columnControl.section {
    padding: 0;
}
#public-charging-slider  .columnControl.section .column_control>ul {
    margin: 0;
}
#public-charging-slider .columnControl.section .column_control>ul>li{
    width:100%;
}

/*

@media (min-width: 1025px) {
  #public-charging-slider .column_control>ul>li:first-child{
    padding: 0 ;
  }
}
*/



/* -- k-double-teaser -- */

@media (min-width: 768px) {
  .k-double-teaser-left .column_control>ul>li> .visual.image {
        grid-area: 1 / c4 / span 1 / c7;
  }
  .k-double-teaser-left .column_control>ul>li> .teaser {
        grid-area: 1 / c0 / span 1 / c4;
        margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .k-double-teaser-left .column_control>ul>li> .visual.image{
        grid-area: auto / c1 / span 1 / c6;
    }
    .k-double-teaser-left .column_control>ul>li> .teaser{
        grid-area: auto / c1 / span 1 / c6;

    }
}

@media (min-width: 768px) {
  .k-double-teaser-right .column_control>ul>li> .visual.image {
        grid-area: 1 / c0 / span 1 / c7;
  }
  .k-double-teaser-right .column_control>ul>li> .teaser {
        grid-area: 1 / c8 / span 1 / c13;
        margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .k-double-teaser-right .column_control>ul>li> .visual.image{
        grid-area: auto / c1 / span 1 / c6;
    }
    .k-double-teaser-right .column_control>ul>li> .teaser{
        grid-area: auto / c1 / span 1 / c6;

    }
}

[class*="k-double-teaser"] .column_control>ul>li> .teaser{


      background-image: linear-gradient(to bottom , #FFFFFF 25%, #F7F8F8 65%);
    }

[class*="k-double-teaser"] .elp-teaser_wrapper {
  display: grid;
  grid-auto-columns: auto;
  height: 100%
}

[class*="k-double-teaser"] .elp-teaser_wrapper > .cmp-teaser__content {
   grid-area: 1 / 1 / span 2 / span 3;
}

[class*="k-double-teaser"] .elp-teaser_wrapper > .cmp-teaser__image {
   grid-area: 2 / 2 / span 2 / span 2;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}




[class*="k-double-teaser"] .cmp-teaser__content {
   padding: 15px;
   display: grid;
   grid-auto-rows: min-content;
   grid-auto-columns: 1fr;
}

[class*="k-double-teaser"] .cmp-teaser__content .cmp-teaser__description {
  grid-area: 1 / 1 / span 1 / span 1;
  margin-top: 20p;
}

[class*="k-double-teaser"] .cmp-teaser__content .cmp-teaser__action-container {
   grid-area: 2 / 1 / span 1 / span 1;
}

[class*="k-double-teaser"] .elp-teaser_wrapper > .cmp-teaser__image img {
  object-fit: contain;
  aspect-ratio: 1.4;
}

@media (min-width: 768px) {
[class*="k-double-teaser"] .elp-teaser_action {
  width: auto;
}
}

@media (max-width: 767px) {

  [class*="k-double-teaser"] .cmp-teaser__content {
  padding: 0px;
  display: grid;
  grid-auto-rows:auto;
  grid-auto-columns: 1fr;
}
[class*="k-double-teaser"] .elp-teaser_wrapper > .cmp-teaser__content {
   grid-area: 1 / 1 / span 1 / span 3;
}

[class*="k-double-teaser"] .elp-teaser_wrapper > .cmp-teaser__image {
   grid-area: 2 / 1 / span 2 / span 3;
   justify-content: flex-end;
   align-items: flex-end;
   display: flex;
}

  [class*="k-double-teaser"] .cmp-teaser__content .cmp-teaser__action-container {
   grid-area: 2 / 1 / span 1 / span 1;
}

  [class*="k-double-teaser"] .elp-teaser_wrapper > .cmp-teaser__image img {
  object-fit: contain;
  aspect-ratio: .9;
}


}