.core-card-hover {
  z-index:1;
  opacity: 0;
  transition: all 0.1s;
}

body[data-node-id="52"] .karte:hover {
    cursor: pointer;
}
body[data-node-id="52"] .karte:hover .core-card-hover {
  opacity:1;
}

html[lang="de"] .core-card-hover {
  background: url('../img/plakette/YEARS-Karte-Core-Header-PKV-DE-Hover.svg') no-repeat;
  background-size: cover;
}

html[lang="en"] .core-card-hover {
  background: url('../img/plakette/YEARS-Karte-Core-Header-PKV-GB-Hover.svg') no-repeat;
  background-size: cover;
}

.approachline, .approach-animation {
    grid-area: 1/-1;
}

.approachline {
  margin-top: 35px;
  height: 6px;
}

.program-table .rowhead:hover {
  cursor: pointer;
}

.program-table .rowhead:hover h3 {
  transition: all 0.5s;
}


.program-table .rowhead:hover h3, .program-table .rowhead.open h3 {
  color: #271d18;
}

.program-table .rowhead:hover h3::before {
  color: #7e776f;
}

.rowhead h3::before {
  content: '+';
  transition: all 0.5s;
  width: 24px;
  display: inline-block;
}


.rowhead.open h3::before {
  content: '-'!important;
}

.approachline { width: 0px; }

.number {
    background: #FFF;
    color: #271d17;
    border-radius: 360px;
    width: 70px;
    height: 70px;
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.headerproduct  {
  overflow: hidden;
}

.headerproduct .karte {
  margin-top: -200px;
  z-index: 0;
}

.para-tag {
  background: #3d342e;
  color: #aca59e;
  border-radius: 8px;
}

.para-tag svg {
  width: 20px; height: 20px;
  opacity: 1;
}

.para-tag svg path {
  fill: #aca59e!important;
}

.para-tag svg circle {
  fill: #5c564f!important;
}


.para-tag:hover{
  cursor: pointer;
  background: #aca59e;
  color: #3d342e;
}

.para-tag:hover svg {
  opacity: 1;
}

.tagaccordeons .para-tag {
  display: inline-block;
  padding: 10px 30px 10px 30px;
}

.tagaccordeons .tagflex {
  grid-column-gap: 16px;
}

.tagaccordeons .tags {
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.programaccordeon .para-tag {
  display: inline-block;
  padding: 12px;
}

.progtab-btn {
  transition: all .4s;
}

.progtab-btn:hover .underline {
  width: 100%;
 }

.progtab-btn:hover {
  cursor: pointer;
 }

.underline {
  height: 4px;
  background: #85ffc3;
  width: 0%;
  transition: all .4s;
}

.program-table {
  max-height: 1000px;
}

.header .max-width {
  max-width: 600px;
}

.program-table::after {
  content: "";
  display: block;
  position: sticky;
  height: 18vh;
  width: 100%;
  z-index: 1;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}

.program-table.detailsopen::after {
    height: 0px;
    display: none;
}

.active .underline {
  width: 100%;
}

.karte {
  order: 1!important;
}

.price {
  order: 2!important;
}


.details .para-text:hover .text-85ffc4 {
  color: #FFF!important;
}
.details .para-text:hover path {
  fill: #FFF!important;
}

body[data-node-id="50"] .footertriangle,
body[data-node-id="52"] .footertriangle-r, body[data-node-id="92"],
body[data-node-id="51"] .footertriangle-r { display: block; background: #7e776f!important; }


body[data-node-id="51"] .trihowitworks { background: #f8f8f7; }
body[data-node-id="52"] .trihowitworks, body[data-node-id="92"] .trihowitworks { background: #FFF; }

.slider::before {
   content: '';
   position: absolute;
   top: -50px;
   left: 0;
   width: 100%;
   height: calc(100% + 100px);
   clip-path: polygon(0% 0%, 100% 50px, 100% 100%, 0% calc(100% - 50px));
 }

.headercontent {
  max-width: 1000px;
}

.page-node-type-product .headercontent {
  margin-bottom: 500px;
}


.page-node-type-product .teaserprograms {
  height: 1000px; max-height: 90vh;
}

.page-node-type-product .teaser .text {
  color: #FFF;
}

.page-node-type-product .teaser .head, .page-node-type-product .header .price .text-white {
  font-size: 1.8rem;
  line-height: 1.2em;
}

.page-node-type-product .swiper-slide {
  margin-bottom: 70px;
}

.tagaccordeons .accordeon.active .text-22px {
  color: #FFF;
}

.tagaccordeons .text-42px {
  border-bottom: 4px solid #aca59e;
  padding-bottom: 20px;
}

.tagaccordeons path {
  fill: #FFF!important;
}




.programslider .head {
    font-size: 2.2rem;
    line-height: 1.4em;
    margin-bottom: 20px;
}

.programslider .sub {
    font-size: 1.6rem;
        line-height: 1.3em;
    font-family: MerriweatherItalic;
}

.price .text-white {
    font-size: 1.7rem;
}

.programslider .text {
    color: #aca59e;
}


.teaser .textright {
  margin-top: 50px;
}

body[data-node-id="51"] .program {
  background: #271d18;
}
body[data-node-id="52"] .program, body[data-node-id="92"] .program {
  background: #FFF;
  }

body[data-node-id="51"] .bg-85ffc4.tri {
  background: #271d18;
}


body[data-node-id="52"] .programcontent .para-link, body[data-node-id="92"] .programcontent .para-link {
  margin-top: 50px;
  text-align: center;
}

body[data-node-id="52"] .programcontent .para-link a, body[data-node-id="92"] .programcontent .para-link a {
  background: #85ffc4;
}

body[data-node-id="51"] .slider {
  background: #271d18; color: #FFF;
}

body[data-node-id="52"] .slider, body[data-node-id="92"] .slider {
  background: #85ffc4; color: #000;
}

body[data-node-id="51"] .sub {
  color: #aca59e;
}

.slider .slick {
  margin-top: 50px;
}

.slider .slick__slide {
  text-align: center;
}

.slider .slick__slide p {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 360px;
  width: 100%;
  aspect-ratio: 1 / 1;
  margin-bottom: 40px;
}


body[data-node-id="51"] .slider .slick__slide p {
    border: 5px solid #85ffc4; color: #FFF;
}

body[data-node-id="52"] .slider .slick__slide p, body[data-node-id="92"] .slider .slick__slide p {
    border: 5px solid #FFF; color: #000;
}

ol {
  margin: 0px; padding: 0px;
  list-style-type: none;
}

ol li {
  position: relative;
    padding: 20px 0px;
   border-bottom: 1px solid #85ffc3;
}
ol li:last-child {
   border-bottom: none;
}

ol::before {
  content: "";
  position: absolute;
  margin-left: -63px;
  margin-top: 20px;
  width: 6px; height: calc(100% - 60px);
  background: #85ffc4;
  z-index: 1;
}

ol li::before {
  content: "";
  position: absolute;
  margin-left: -80px;
  margin-top: -8px;
  z-index: 2;
  width: 40px; height: 40px;
}



.fixheight {
  height: 28px;
  display: block;
}

.row1 {
  width: calc(100% - 390px);
  margin-right: 15px;
}
.row2, .row3, .row25 {
  width: 130px; justify-content: center;
}

.row2 {
   background: #f1f0ee;
  }
  .row25 {
     background: #cdcac6;
    }
.row3 {
  background: #85ffc4;
}

.program-row .row1, .program-row .row2, .program-row .row3, .program-row .row25 {
  padding: 16px 0px;
  display: flex;
  align-items: center;
}




.check, .cross { width: 32px; height: 34px; }

body[data-node-id="51"] .header .plogo, body[data-node-id="52"] .header .plogo, .details .plogo,
body[data-node-id="92"] .header .plogo {
  background: none; display: inline-block; text-align: left;
  margin-bottom: 50px; padding: 0px;
}

.details .plogo { margin-bottom: 15px; }

body[data-node-id="50"] .header .text-MerriweatherItalic {
  width: 600px; max-width: 100%;
}

body[data-node-id="51"] .header svg, body[data-node-id="52"] .header svg, .details svg,
body[data-node-id="92"] .header svg {
height: 42px;
}

.details .plogo svg {
  height: 35px;
}

body[data-node-id="52"] .header .cls-1, .details .cls-1, body[data-node-id="92"] .header .cls-1 { fill: #FFF!important; }

body[data-node-id="52"] .slick-track, body[data-node-id="92"] .slick-track {
  margin-left: 0px;
}

body[data-node-id="50"] .header .ultimatelogo, body[data-node-id="50"] .header .button-evolve {
  margin-top: 20px;
}
body[data-node-id="50"] .header .ultimatelogo:hover, body[data-node-id="50"] .header .button-evolve:hover {
  background: #e8e5e2;
}
.plogowrap { display: block; }
body[data-node-id="50"] .header .plogo {
  display: inline-block; text-align: left;
}
body[data-node-id="50"] .header .plogo {
  padding: 24px 30px 24px 30px;
}
body[data-node-id="50"] .header .basiclogo {
  background: #1b1510;
}
body[data-node-id="50"] .header .basiclogo:hover {
  background: #271d18;
}
body[data-node-id="50"] .header .plogo .arrow {
  display:block
}



body[data-node-id="50"] .header .basiclogo svg path {
  fill: #FFF!important;
}
body[data-node-id="50"] .header .ultimatelogo svg path {
  fill: #1b1510!important;
}

.plogo {
  padding: 33px 30px;
  text-align: center;
}
.plogo svg{
  height: 25px;
}
.plogo .cls-1{
  fill: #271d18;
}

.basiclogo {
  background: #FFF;
}
.ultimatelogo {
  background: #85ffc4;
}
body[data-node-id="50"] .solutionplans .plogo:hover {
  background: #f1f0ee;
  }



.compheader .rowone, .compheader .rowtwo, .compheader .rowthree {
  border-bottom: none;
}

.rowone, .rowtwo, .rowthree {
  border-bottom: 1px solid #4fb785; padding: 20px 80px 20px 0px;
}

.comptable .compare-row:last-child .row {
  border-bottom: none; padding-bottom: 0px;
}

.rowthree {
  padding-right: 0px;
}

.rowtwo, .rowthree {
  width: calc( 50% - 140px );
}

.rowone {
  width: 300px;
}

.compheader svg{
  height: 18px;
}

.tableheader .row3 .text-MerriweatherItalic {
  color: #336a50;
}

.tableheader .table-row {
  min-height: 180px;
}

.tableheader svg {
  width: 20px;
  margin-bottom: 20px;
}

.tableheader .row2 path, .tableheader .row25 path {
  fill: #FFF!important;
}

.tableheader .row3 path {
  fill: #271d18!important;
}

.tableheader .row25 {
  background-color: #7e776f;
}

.program-table .row25 {
  background-color: #cdcac6;
}


.tableheader .table-row span {
 display: inline-block;
}

body[data-node-id="51"] .header, body[data-node-id="52"] .header, body[data-node-id="92"] .header {
  padding-bottom: 450px;
}


.program-row {
  border-bottom: 1px solid #1b1510;
  align-items:stretch;
}

.howitworks .wrapper {
  max-width: 1000px; margin: 0px auto;
}

.area .program-row:last-child {
  border-bottom: none;
}

.tableheader .row1, .tableheader .row2, .tableheader .row3 {
  padding: 0px 0px;
}

.tableheader .row1 {
  padding: 20px 0px;
}
.tableheader .row2, .tableheader .row3, .tableheader .row25 {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
}

.tableheader .table-row span {
  padding-left: 6px;
}


.program-table .area:first-child h3 {
  margin-top: 0px!important;
}

.header .text-MerriweatherItalic {
  width: 640px; max-width: 100%;
}

.program-list li {
  color: #FFF;
}

.programs-links > div {
  grid-column-gap: 20px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
}

.header .media {
  -webkit-animation: scrollbounce 2.5s infinite alternate;
  animation: scrollbounce 2.5s infinite alternate;
}

@-webkit-keyframes scrollbounce {
  0% { transform: translateY(0); }
  100% { transform: translateY(15px); }
 }

  @keyframes scrollbounce {
    0% { transform: translateY(0); }
    100% { transform: translateY(15px);
  }
}

.accordeon-green .text-NDKernDemi{
  color: #85ffc4!important;
}
.accordeon-green svg path{
  fill: #85ffc4!important;
}

.accordeon-green .para-text {
  color: #FFF;
}


.program {
  padding-bottom: 250px;
}

.details {
  padding-top: 260px;
}

.details .paragraph--type--wrapper {
  position: absolute!important;
    width: 640px;
  top: 0px;
  z-index: 5;
  margin-top: -330px;
}


@media screen and (max-width: 1440px) {


  .program {
    padding-bottom: 300px;
  }

  .details {
    padding-top: 280px;
  }

  .details .paragraph--type--wrapper {
    width: 650px;
    margin-top: -360px;
  }


body[data-node-id="51"] .header, body[data-node-id="52"] .header, body[data-node-id="92"] .header {
    padding-bottom: 300px;
  }

  .slider .pvt-big {
  padding-top: 140px!important;
  }

  .rowone {
    width: 240px;
  }

  .rowtwo, .rowthree {
    width: calc( 50% - 100px );
  }

}


@media screen and (max-width: 1024px) {

  .tableheader svg {
    width: 15px;
    margin-bottom: 20px;
  }

.progtab-btn {
  padding-top: 20px;
}

.tab-contents.mt-m {
  margin-top: 0px;
}

.comparison .grid.navgrid.mb-70 {
  padding-bottom: 0px;
}
.comparison .grid.navgrid.mb-70, .para-text.mb-70 {
    margin-bottom: 2.25rem;
}

  .teaser .textright {
  margin-top: 15px;
}
.teaser .textright .mb-m {
  margin-bottom: 2rem;
}

.price {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.page-node-type-product .headercontent {
  margin-bottom: 200px;
}

  .headerproduct .karte {
    margin-top: -100px;
  }

  ol::before {
    margin-left: -37px;
    margin-top: 20px;
    width: 4px;
  }

  ol li::before {
    margin-left: -50px; margin-top: -5px;
    width: 30px; height: 30px;
  }

  .howitworks .wrapper {
    padding-left: 70px!important;
  }

  ol li:nth-child(1)::before, ol li:nth-child(2)::before, ol li:nth-child(3)::before, ol li:nth-child(4)::before,
  ol li:nth-child(5)::before, ol li:nth-child(6)::before {
      background-size: 30px;
  }




  body[data-node-id="51"] .header svg, body[data-node-id="52"] .header svg, .details svg,
  body[data-node-id="92"] .header svg {
  height: 30px;
  }

  .rowone, .rowtwo, .rowthree {
     padding: 20px 40px 20px 0px;
  }

  .rowthree {
    padding-right: 0px!important;
  }

  .rowone {
    width: 140px;
  }
  .rowtwo, .rowthree {
    width: calc( 50% - 70px );
  }


body[data-node-id="51"] .header, body[data-node-id="52"] .header, body[data-node-id="92"] .header {
    padding-bottom: 220px;
  }

  .check, .cross { width: 22px; height: 22px; }

  .row1 {
    margin-right: 8px;
    width: calc(100% - 240px);
  }


  .row2, .row3, .row25 {
  width: 80px;
}

  .programwrap .wrapper {
    padding: 0px 10px;
  }

  .program {
    padding-bottom: 260px;
  }

  .details {
    padding-top: 190px;
  }

  .details .paragraph--type--wrapper {
    width: 500px;
    margin-top: -310px;
  }

}

@media screen and (max-width: 768px) {



  .rowhead h3::before {
    width: 20px;
}

.page-node-type-programs h1 {
  color: #FFF;
}

.header .text-5c564f {
  color: #aca59e;
}


.comparison .grid.navgrid {
    grid-column-gap: 10px;
}

.approach-animation {
  grid-column-gap: 40px;
}

  .number {
  width: 45px;
  height: 45px;
  font-size: 24px;
}

.panel {
  font-size: 0.8rem;
  line-height: 1.2em;
}

.approachline {
  margin-top: 22px!important;
  height: 4px;
}

  .page-node-type-product .teaser .head, .page-node-type-product .header .price .text-white {
    font-size: 1.6rem;
  }

  .programslider .textright {
    width: 100%;
    margin-top: 20px;
  }


  .programslider .head {
      font-size: 1.8rem;
      margin-bottom: 15px;
  }

  .programslider .sub {
      font-size: 1.4rem;
  }

  .tagaccordeons .para-tag {
    display: inline-block;
    padding: 10px 40px 10px 20px;
    background-position: right 10px center;
  }

  .headerproduct .price {
    margin-top: 20px;
  }
  .price .text-white {
      font-size: 1.5rem;
    }

  .headerproduct .karte {
    margin-top: -300px;
  }

  .programslider .programslide {
    padding: 0px 30px;
  }

  .swipe-btn {
    padding: 24px 8px;
  }


.header .text-26px.text-5c564f { color: #FFF!important; }

  body .slick__arrow button.slick-next.slick-arrow, .slick__arrow button.slick-next, .slick__arrow button.slick-prev {
  margin-top: -12rem;
}



  .compheader svg{
    height: 12px;
  }

  .details .plogo svg {
  height: 30px;
}

  .rowone, .rowtwo, .rowthree {
     padding: 20px 35px 20px 0px;
  }

  .rowone {
    width: 110px;
  }
  .rowtwo, .rowthree {
    width: calc( 50% - 65px );
  }
  .rowtwo {
    width: calc( 50% - 50px );
  }

.comparison .wrapper {
  padding: 0px 10px;
}

  .tableheader .text-MerriweatherItalic {
    display: none;
  }

  .comparison .navgrid.grid {
    display: grid!important;
    grid-template-columns: repeat(3, minmax(0, 1fr))!important;
  }

  .comparison .navgrid.grid > div .para-text:first-child {
      height: 90px;
  }

  .programwrap .text-26px {
  font-size: 1.14rem!important;
}

  .comparison .text-22px, .programwrap .text-22px {
  font-size: 0.9rem!important;
}
.comparison .text-24px, .programwrap .text-24px {
  font-size: 1.14rem!important;
}

.compare-row  .text-21px {
  font-size: 0.8rem!important;
}


 .ultimatelogo {
   margin-top: 20px;
}
.plogo svg {
  height: 16px;
}

 .slider .pvt-big {
 padding-top: 180px!important;
 }

body[data-node-id="51"] .header, body[data-node-id="52"] .header,
body[data-node-id="92"] .header {
    padding-bottom: 200px;
  }

  .program {
    padding-bottom: 220px;
  }

  .details {
    padding-top: 280px;
  }

  .details .paragraph--type--wrapper {
    width: 340px;
    max-width: 100%;
    margin-top: -190px;
  }

}



@media screen and (max-width: 480px) {

  .programslider .programslide {
    padding: 0px 26px;
  }

  .headerproduct .karte {
    margin-top: -180px;
  }



  .row1 {
    margin-right: 6px;
    width: calc(100% - 180px);
  }


.row2, .row3, .row25 {
  width: 60px;
}

  body .slick__arrow button.slick-next.slick-arrow, .slick__arrow button.slick-next, .slick__arrow button.slick-prev {
  margin-top: -11rem;
}

  .rowone, .rowtwo, .rowthree {
    padding: 20px 15px 20px 0px;
  }
  .compheader svg {
    height: 10px;
  }
  .rowtwo {
    width: calc( 50% - 30px );
  }

}
.details {
    padding-top: 220px;
  }
  .details .plogo svg {
  height: 25px;
}
}