/* Site CSS */
 .content-area .slab .image-teaser .image-teaser-wrapper .image-teaser-inner {
     display: flex;
     align-items: stretch;
     overflow: hidden;
}
/* RIGHT IMAGE (default) */
 .content-area .slab .image-teaser.simple-right .image-teaser-wrapper .image-teaser-inner {
     flex-direction: row;
}
/* LEFT IMAGE */
 .content-area .slab .image-teaser.simple-left .image-teaser-wrapper .image-teaser-inner {
     flex-direction: row-reverse;
}
/* CONTENT SIDE */
 .content-area .slab .image-teaser .image-teaser-wrapper .image-teaser-inner .image-teaser-body {
     flex: 0 1 45%;
     max-width: 45%;
     padding: 20px;
     box-sizing: border-box;
     margin: 0;
     box-shadow: none;
     border: none;
}
/* IMAGE SIDE */
 .content-area .slab .image-teaser .image-teaser-wrapper .image-teaser-inner .image-teaser-media {
     flex: 0 1 55%;
     max-width: 55%;
     position: relative;
     overflow: hidden;
}
/* IMAGE */
 .content-area .slab .image-teaser .image-teaser-wrapper .image-teaser-inner .image-teaser-media img {
     width: 100%;
     height: 100%;
     display: block;
     object-fit: cover;
}
/* BUTTON */
 .content-area .slab .image-teaser .image-teaser-button {
    margin-top: 2rem;
}

.content-area .slab .image-teaser .image-teaser-button a {
    display: inline-block;
    padding: .9rem 1.75rem;
    background: var(--brand-gold);
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    line-height: 1;
    border-radius: 4px;
    transition: background .2s ease, color .2s ease;
}

.content-area .slab .image-teaser .image-teaser-button a span {
    display: inline-block;
    color: #fff;
}

/* HOVER + FOCUS */
.content-area .slab .image-teaser .image-teaser-button a:hover,
.content-area .slab .image-teaser .image-teaser-button a:focus {
    background: #fff;
    color: #000;
    text-decoration: none;
}

/* NEW ADDITIONS */
.content-area .slab .image-teaser .image-teaser-button a:hover span,
.content-area .slab .image-teaser .image-teaser-button a:focus span {
    color: #000;
}

 .slab .image-teaser .image-teaser-wrapper .image-teaser-inner .image-teaser-media.no-alter img {
     width: 100%;
     box-shadow: 10px 10px 10px #000 !important;
}
 .slab .image-teaser .image-teaser-wrapper .image-teaser-inner .image-teaser-media img {
     object-fit: cover;
}

 .image-teaser {
     margin-bottom: 25px;
}

 .page-inner .slab .image-teaser, .page-inner .slab .image-teaser .image-teaser-wrapper .image-teaser-inner .image-teaser-body {
     background-color: #dbecf1;
     background: rgb(219,236,241);
     background: linear-gradient(9deg, rgba(219,236,241,1) 14%, rgba(102,172,189,1) 100%);
     background: linear-gradient(-10deg, rgba(203, 182, 119,1) 80%, rgba(0, 0, 0,1) 175%);
}
 .page-inner .slab .image-teaser.flip, .page-inner .slab .image-teaser .image-teaser-wrapper .image-teaser-inner .image-teaser-body {
     background-color: #dbecf1;
     background: rgb(219,236,241);
     background: linear-gradient(9deg, rgba(219,236,241,1) 14%, rgba(102,172,189,1) 100%);
     background: linear-gradient(10deg, rgba(203, 182, 119,1) 80%, rgba(0, 0, 0,1) 175%);
}
 .page-inner .slab .image-teaser .image-teaser-wrapper .image-teaser-inner .image-teaser-body {
     background: unset !important;
}

 .slab .image-teaser .image-teaser-wrapper .image-teaser-inner .image-teaser-body .image-teaser-button a {
     border-radius: 3px;
     text-transform: uppercase;
}

 .slab .image-teaser .image-teaser-wrapper .image-teaser-inner .image-teaser-body .headgroup .headline {
     position: relative;
     font-size: 1.625rem;
     line-height: 2.5rem;
     text-transform: uppercase;
     margin-bottom: 0;
     color: #000;
     font-weight: 900;
}


/* MOBILE */

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

    .slab .image-teaser .image-teaser-wrapper {

        padding: 0;

    }

     .content-area .slab .image-teaser .image-teaser-wrapper .image-teaser-inner .image-teaser-body {
         padding-right:0 !important;
    }
}

 @media screen and (max-width: 768px) {
     .content-area .slab .image-teaser .image-teaser-wrapper .image-teaser-inner, .content-area .slab .image-teaser.simple-left .image-teaser-wrapper .image-teaser-inner, .content-area .slab .image-teaser.simple-right .image-teaser-wrapper .image-teaser-inner {
         flex-direction: column;
    }
     .content-area .slab .image-teaser .image-teaser-wrapper .image-teaser-inner .image-teaser-body, .content-area .slab .image-teaser .image-teaser-wrapper .image-teaser-inner .image-teaser-media {
         flex: 1 1 100%;
         max-width: 100%;
    }
     .content-area .slab .image-teaser .image-teaser-wrapper .image-teaser-inner .image-teaser-media img {
         height: auto;
    }
}