
.orientation-text-center.orientation-text-center {text-align: center;}
.callout-content-wrapper {background: #FFF; border-radius: 15px; padding: 50px; position: relative; z-index: 5;}
.callout-content-wrapper.has-glow {box-shadow: 0px 4px 14px 0px rgba(0, 187, 51, 0.15);}

.callout-glow {position: absolute; top: -190px; left: 0; width: 100%; pointer-events: none; z-index: -1;}

.callout-headline {margin: 0 0 30px; font-size: 48px; line-height: 1.1;}

.background-green .callout-content-wrapper {background: #03912b; color: #FFF;}
.background-green .callout-headline {color: #FFF;}
.background-green p {color: #FFF;}
.background-green .btn-green {background: #FFF;}
.background-green .link {color: #FFF; margin-left: 20px; font-weight: 500;}
.background-green .link img {height: 21px; margin-left: 5px;}

.background-green.orientation-text-left-button-right .callout-content-wrapper {padding: 80px 100px;}
.background-green.orientation-text-left-button-right .callout-headline {margin-bottom: 0}
.background-green.orientation-text-left-button-right .callout-content-wrapper {display: flex; align-items: center; justify-content: space-between}

/* .callout-content-wrapper .tag-container {text-align: left;} */

.background-grey .callout-content-wrapper {background: #f5f5f7;}

.orientation-text-left-image-right .callout-content-wrapper {padding: 70px}
.orientation-text-left-image-right .callout-text {max-width: 55%; position: relative; z-index: 4}
.orientation-text-left-image-right .callout-buttons {position: relative; z-index: 4}
.orientation-text-left-image-right .callout-image {position: absolute; right: 5%; bottom: 0; height: 100%;}
.orientation-text-left-image-right .callout-image img {height: 100%}


.orientation-text-center .callout-content {max-width: 700px; margin: 0 auto;}


@media (max-width: 1199px) {
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {

    .callout-content-wrapper {padding: 30px;}
    .callout-headline {font-size: 34px;}
    .callout-glow {top: -50px; z-index: -1; height: auto}
    
    .orientation-text-left-image-right:not(.background-green) .callout-image {position: relative; right: 0; bottom: 0; height: 100%; width: 100%; max-width: 70%; margin: 0 auto;}
    .orientation-text-left-image-right .callout-text {max-width: 100%; text-align: center;}
    .orientation-text-left-image-right:not(.background-green) .callout-content-wrapper {padding: 30px 30px 0; overflow: hidden;}
    
    .background-green.orientation-text-left-image-right .callout-content-wrapper  {padding: 30px; overflow: hidden;}
    .background-green.orientation-text-left-image-right .callout-image {height: 100%; width: auto; max-width: none; overflow: hidden; left: 0; right: 0}
    .background-green.orientation-text-left-image-right .callout-image img {max-width: none; opacity: 0.4;}
    .orientation-text-left-image-right .callout-buttons {text-align: center;}
    .orientation-text-left-image-right .callout-buttons .btn {margin-bottom: 10px;}
    .background-green .link {display: block}
    .background-green .link img {height: 17px; margin-top: -3px}

    .background-green.orientation-text-left-button-right .callout-content-wrapper {padding: 30px; flex-direction: column; text-align: center;}
    .background-green.orientation-text-left-button-right .callout-headline {margin-bottom: 20px}
}

@media (max-width: 576px) {
}