/* teaser text-image */

.mc-teaser-text-image {
    padding: 0;
    margin-bottom: 80px;
}

.mc-teaser-text-image.bg-color {
    padding: 65px 60px;
    background-color: #706d42;
}

.mc-teaser-text-image.bg-color.bottom-color {
    padding-bottom: 150px;
    margin-bottom: 0;
}

.mc-teaser-text-image-inner {
    max-width: 1440px;
    padding: 56px 64px;
    margin: 0 auto;
}

.mc-teaser-text-image-box {
	display: flex;
}

.mc-teaser-text-image-box.reverse {
    flex-direction: row-reverse;
}

.mc-teaser-text-image.bg-box .mc-teaser-text-image-box {
	border-radius: 24px;
	border: 1px solid var(--color_4);
	box-shadow: 0px 20px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 8px -4px rgba(0, 0, 0, 0.03);
}

.mc-teaser-text-image-contbox {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.mc-teaser-text-image-contbox.mc-flex-justify-center {
    justify-content: center;
}

.mc-teaser-text-image-contbox:first-child {
    /* text-align: right; */
    padding-right: 40px;
}

.mc-teaser-text-image.bg-box .mc-teaser-text-image-contbox:first-child {
    padding: 48px 8px 48px 48px;
}

.mc-teaser-text-image-contbox:last-child {
    padding-left: 40px;
}

.reverse .mc-teaser-text-image-contbox:first-child {
    padding-right: 0;
    padding-left: 40px;
}

.mc-teaser-text-image.bg-box .reverse .mc-teaser-text-image-contbox:first-child {
    padding: 48px 40px 48px 0;
}

.reverse .mc-teaser-text-image-contbox:last-child {
    padding-left: 0;
    padding-right: 40px;
}

.mc-teaser-text-image-inner.reverse .mc-teaser-text-image-contbox {
    text-align: left;
}

.mc-teaser-text-image-img {
    position: relative;
    display: inline-block;
    min-height: 640px;
    background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
    border-radius: 24px;
    box-shadow: 0px 24px 48px -12px rgba(0, 0, 0, 0.18);
}

.mc-teaser-text-image.bg-box .mc-teaser-text-image-img {
	border-radius: 0 24px 24px 0;
	box-shadow: none;
}

.mc-teaser-text-image.bg-box .mc-teaser-text-image-box.reverse .mc-teaser-text-image-img {
	border-radius: 24px 0 0 24px;
}

.mc-teaser-text-image.bg-color h2, 
.mc-teaser-text-image.bg-color p {
    color: #fff;
}

.mc-teaser-text-image.bg-box h2 {
	font-size: 40px;
}

.mc-txt-16 {
	font-size: 16px;
}

html .editor-styles-wrapper .mc-teaser-text-image-button span, 
.mc-teaser-text-image-button a {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    color: var(--color_1);
    padding: 12px 24px 12px 56px;
    background-position: 24px 50%;
    background-repeat: no-repeat;
    transition: background 0.2s;
    margin: 0 20px 20px 0;
}

html .editor-styles-wrapper .mc-teaser-text-image-button.mc-but-1 span, 
.mc-teaser-text-image-button.mc-but-1 a {
    border: 2px solid var(--color_1);
    border-radius: 28px;
    padding: 12px 24px 12px 24px;
}

html .editor-styles-wrapper .mc-teaser-text-image-button.mc-but-2 span, 
.mc-teaser-text-image-button.mc-but-2 a {
	background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z" fill="%23070C36"/><path d="M9.29303 7.70703L13.586 12L9.29303 16.293L10.707 17.707L16.414 12L10.707 6.29303L9.29303 7.70703Z" fill="%23070C36"/></svg>');
}

html .editor-styles-wrapper .mc-teaser-text-image-button.mc-but-1 span:hover, 
.mc-teaser-text-image-button.mc-but-1 a:hover  {
    border-color: var(--color_2);
    color: var(--color_2);
}

html .editor-styles-wrapper .mc-teaser-text-image-button.mc-but-2 span:hover, 
.mc-teaser-text-image-button.mc-but-2 a:hover  {
    color: var(--color_2);
    background-image: url('data:image/svg+xml,<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z" fill="%2334EAEA"/><path d="M9.29303 7.70703L13.586 12L9.29303 16.293L10.707 17.707L16.414 12L10.707 6.29303L9.29303 7.70703Z" fill="%2334EAEA"/></svg>');
}

.mc-teaser-text-image-button-flex {
	display: flex;
	flex-wrap: wrap;
	margin-top: .7em;
}

.mc-teaser-text-image-align-flex-col {
	flex-direction: column;
}

.mc-teaser-text-image-align-flex-row {
	flex-direction: row;
}

.mc-teaser-text-image-rtf p {
	margin-bottom: .8em;
}

.mc-teaser-text-image-rtf ul {
	margin: 0 0 1.5em 1.2em;
}

@media (max-width: 1024px) {
    .mc-teaser-text-image {
        margin-bottom: 120px;
    }

    .mc-teaser-text-image-contbox:first-child {
        padding-right: 20px;
    }
    
    .mc-teaser-text-image-contbox:last-child {
        padding-left: 20px;
    }
    
    .reverse .mc-teaser-text-image-contbox:first-child {
        padding-left: 20px;
    }

    .reverse .mc-teaser-text-image-contbox:last-child {
        padding-right: 20px;
    }
}

@media (max-width: 768px) {
    .mc-teaser-text-image {
        padding: 0 20px;
        margin-bottom: 90px;
    }
    
    .mc-teaser-text-image.bg-color {
        padding: 65px 15px;
    }
    
    .mc-teaser-text-image-inner {
    	padding: 56px 0;
    }
    
    .mc-teaser-text-image-box, 
    .mc-teaser-text-image-box.reverse {
        flex-direction: column-reverse;
    }
    
    .mc-teaser-text-image-contbox {
        width: 100%;
    }
    
    .mc-teaser-text-image-contbox:last-child, 
    .reverse .mc-teaser-text-image-contbox:last-child {
        text-align: left;
        padding: 0 0 80px;
    }
    
    .mc-teaser-text-image-contbox:first-child, 
    .reverse .mc-teaser-text-image-contbox:first-child {
        text-align: left;
        padding: 0;
    }
    
    .mc-teaser-text-image.bg-box .mc-teaser-text-image-img, 
    .mc-teaser-text-image.bg-box .mc-teaser-text-image-box.reverse .mc-teaser-text-image-img {
		border-radius: 24px 24px 0 0;
	}
	
	.mc-teaser-text-image.bg-box .mc-teaser-text-image-contbox:first-child, 
	.mc-teaser-text-image.bg-box .reverse .mc-teaser-text-image-contbox:first-child {
    	padding: 48px 40px;
	}
}