.carousel-content {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    background:var(--greygradient);
    .frame-container {
        display:flex;
        flex-wrap:wrap;
    }
}
.slideImage {
    width:100%;
    img {
        width:100%;
        height:100%;
        object-fit:cover;
    }
}
.slideContent {
    flex:0 1 55%;
    max-width:55%;
    position:relative;
    z-index: 3;
    .subtitle  {
        color: var(--bs-white);
        font-size: var(--mfont);
        letter-spacing: var(--wide);
        text-transform: uppercase;
        margin-bottom: var(--xtrasmallspace);
        display: block;
    }
    p {
        padding-right:12%;
        margin-top:var(--smallspace);
    }
    .btn {
        width:fit-content;
    }
    .iconlink {
        margin-top: 50px;
        display: block;
        svg {
            width: 34px;
            height: 46px;
        }
    }

}

.heroheadline {
    font-size: 45px;
    color: var(--bs-white);
    text-transform: uppercase;
    font-family: var(--condensed);
    font-weight: 400;
    line-height: 1.05;
}


/* Fullsize Background Option */

.background-fullsize .slideContent {
    padding:10vh 0;
}

.background-fullsize .slideContent > * {
    position:relative;
    z-index:3;
}

.background-fullsize .slideContent p,
.background-fullsize .slideContent h1 {
    color:var(--bs-white);
}

.background-fullsize .slideContent h1 {
    font-size:45px;
}

.carousel-content.background-fullsize:after {
    content:"";
    width:60%;
    height:100%;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
}

.background-fullsize .slideImage.background-fullsize {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:1;
}

/* Product Right Option */

.carousel-content.product-right .frame-container .row {
    align-items: center;
}

.product-right .carousel-product-image {
    flex: 0 1 45%;
    max-width: 45%;
    position: relative;
    z-index: 3;
}

.slideImage.product-right {
    position:static;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
}

.carousel-content.product-right .subtitle {
    color: var(--bs-primary);
}

.carousel-content.product-right .heroheadline {
    color: var(--bs-dark);
}

.carousel .item {
    min-height:60vh;
}

.slideContent .slide-headline p {
    all: unset;
}

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

    .heroheadline {
        font-size: 30px;
        line-height: 34px;
        width: 85%;
    }
    .carousel-content {
        /*padding:40px 0 0 0;*/
    }
    .slideContent {
        flex:0 1 100%;
        max-width:100%;
    }
    .carousel .item {
        padding:0;
    }
    .half-circle.vertical.left {
        position: relative;
        right: 0px;
        top: 0px;
        height: 100%;
        flex:1 1 100%;
        max-width:100%;
        width:100%;
    }
    .slideContent p {
        margin-top:15px;
    }
    .slideContent .iconlink {
        margin-top:25px;
        margin-bottom:40px;
    }

    .hero-carousel {
        height: calc(100vh - 78px);
    }

    .hero-carousel .carousel-inner {
        height: 100%;
    }

    .hero-carousel .carousel-inner .carousel-item {
        height: 100%;
    }

    .carousel-content .frame-container {
        padding: 0;
        width: 100%;
    }

    .carousel-content .frame-container .slideContent {
        padding: 40px 20px;
    }

    .carousel-content.background-fullsize:after {
        width: 100%;
    }

    .background-fullsize .slideContent h1 {
        font-size: 30px;
        line-height: 34px;
        width: 75%;
    }

    .background-fullsize .slideContent .subtitle {
        line-height: 20px;
        font-size:16px;
        width: 75%;
    }

    .background-fullsize .slideContent .btn-primary {
        width: auto;
        display:inline-block;
    }

    .background-fullsize .slideContent p {
            :15px;
        line-height:22px;
    }

    .carousel-content.product-right .frame-container .row {
        margin: 0;
    }

    .carousel-content.product-right .frame-container .row .carousel-product-image {
        flex: initial;
        max-width: 100%;
    }

}

/* iPad Landscape & Smartphone Landscape */
@media screen and (max-width : 1024px) and (orientation : landscape) {
    .hero-carousel {
        min-height: calc(100vh - 90px);
        height:auto;
    }
}