<style>
/****** GENERAL ******/
.ods-styling {

}

.ods-styling .magat.cmp-container.cmp-container--card-layout>.cmp-container--background {
    border-radius: 24px;
    box-shadow: none !important;
}


.ods-styling .magat.cmp-container.cmp-container--border-round {
    border-radius: 24px;
}

.ods-styling .no-border,
.ods-styling .no-border img {
    border-radius: 0px;
}

.ods-styling .magat-btn {
    font-weight: 600 !important;
    border-radius: 32px !important;
    transition: 0.2s ease-in-out;
}

.ods-styling button.magat-btn--inverted {
    background: rgba(255, 255, 2550, 0.5) !important;
    border: none !important;
    color: #000 !important;
}

.ods-styling button.magat-btn--inverted:hover,
.ods-styling .cmp-container__clickable:hover button.magat-btn--inverted {
    background: rgba(255, 255, 2550, 1) !important;
}


.ods-styling .magat-btn.magat-btn--secondary {
    background: transparent !important;
    border: 1px solid #000 !important;
    color: #000 !important;
}

.ods-styling .magat-btn.magat-btn--secondary:hover,
.ods-styling .cmp-container__clickable:hover button.magat-btn--secondary {
    color: #ffff !important;
    background: #000 !important;
}


*/
/****** ODS-CARD ******/ 

.ods-styling .ods-card .like-h1,
.ods-styling .ods-card .like-h2,
.ods-styling .ods-card .like-h3,
.ods-styling .ods-card .like-h4,
.ods-styling .ods-card .like-h5,
.ods-styling .ods-card .like-h6 {
    font-weight: 600 !important;
}

.ods-styling .ods-card > .cmp-container--content .row,
.ods-styling .ods-card > .cmp-container--content .row > .col  {
  display: flex;
  align-items: stretch !important;
}

.ods-styling .ods-card > .cmp-container--content .row > .col .cmp-container--wrapper,
.ods-styling .ods-card .image-container {
  height: 100%;
}

@media (max-width: 639px) {
  .ods-styling .ods-card.image-left > .cmp-container--content .row > .col:nth-of-type(1),
  .ods-styling .ods-card.image-right > .cmp-container--content .row > .col:nth-of-type(2) {
    position: relative;
  }

  .ods-styling .ods-card.image-left > .cmp-container--content .row > .col:nth-of-type(1)::before,
  .ods-styling .ods-card.image-right > .cmp-container--content .row > .col:nth-of-type(2)::before {
    content: "";
    display: block;
    padding-top: 56.25%; /* 16:9 */
  }
}



/****** TEASER GRID ******/

.ods-styling .cmp-teasercontainer ul li.cmp-teaser > div{
    border: none !important;
    border-radius: 24px;
    background: #F1F1F1 !important;
    box-shadow: none !important;
    overflow: hidden;
}


.ods-styling .cmp-teasercontainer ul li.cmp-teaser.cmp-imageteaser img {
    border-radius: 0px;
}


.ods-styling .cmp-teasercontainer ul li.cmp-teaser .cmp-featureteaser__wrapper {
    padding: 24px;
}

.ods-styling .cmp-teasercontainer ul li.cmp-teaser.cmp-genericteaser > div {
    border-radius: 0;
    background: transparent !important;
}


/****** CUSTOM TEASER GRID (BUILT WITH CONTAINER) ******/

.ods-styling .ods-teasergrid-image .row {
    align-items: stretch !important;
}

.ods-styling .ods-teasergrid-image .row .col {
 display: flex;
}

.ods-styling .ods-teasergrid-image .row .col .cmp-container--wrapper {
    align-self: stretch;
    display: flex;
    width: 100%;
}

.ods-styling .ods-teasergrid-image .row .col .cmp-container--wrapper > .cmp-container {
    width: 100%;
}

.ods-styling .ods-teasergrid-image .row .col .cmp-container--wrapper .cmp-container--content .aem-Grid {
    flex: 1;
    flex-direction: column;
}


.ods-styling .ods-teasergrid-image .row .col .cmp-container--wrapper .cmp-container--content .aem-Grid .cmp-container--wrapper:nth-of-type(2) {
    flex: 1;
}

.ods-styling .ods-teasergrid-image .row .col .cmp-container--wrapper .cmp-container--content .aem-Grid .cmp-container--wrapper:nth-of-type(2)  > .cmp-container {
    width: 100%;
}

.ods-styling .ods-teasergrid-image .row .col .cmp-container--wrapper .cmp-container--content .aem-Grid .cmp-container--wrapper:nth-of-type(2) .button {
    margin-top: auto;
}

/****** ACCORDION / FAQs ******/
.ods-styling .magat.cmp-accordion>div {
    box-shadow: none;
}

.ods-styling .magat.cmp-accordionitem.accordion-slider>div>.accordion-toggler .magenta-icon-angle-up,
.ods-styling .magat.cmp-accordionitem.accordion-slider>div>.accordion-toggler .magenta-icon-angle-down {
    color: #000;
}

.ods-styling .magat.cmp-accordionitem.accordion-slider .cmp-accordionItem-title {
    font-size: 21px;
    font-weight: 600 !important;
}


.ods-styling .magat.cmp-accordion>div {
    border-radius: 32px;
}

</style>