/* teaser cta 2 */

.mc-teaser-cta-2 {
    background-color: var(--color_1);
	padding: 56px 64px;
}

.mc-teaser-cta-2-inner {
    max-width: 1312px;
    min-height: 640px;
    display: flex;
    border-radius: 24px;
	border: 1px solid var(--color_2);
	box-shadow: 0px 20px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 8px -4px rgba(0, 0, 0, 0.03);
    margin: 0 auto;
}

.mc-teaser-cta-2-inner.reverse {
    flex-direction: row-reverse;
}

.mc-teaser-cta-2-contbox {
    width: 50%;
    text-align: left;
    padding: 0;
}

.mc-teaser-cta-2-contbox:first-child {
	display: flex;
	flex-direction: column;
	justify-content: center;
    padding: 48px;
}

.mc-teaser-cta-2-contbox {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 0 24px 24px 0;
}

.mc-teaser-cta-2-inner.reverse .mc-teaser-cta-2-contbox {
	border-radius: 24px 0 0 24px;
}

html .editor-styles-wrapper .mc-teaser-cta-2-button span, 
.mc-teaser-cta-2-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;
    margin: 0 20px 20px 0;
}

html .editor-styles-wrapper .mc-teaser-cta-2-button.mc-but-1 span, 
.mc-teaser-cta-2-button.mc-but-1 a {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgba(0, 0, 0, 1);transform: ;msFilter:;"><path d="m11.293 17.293 1.414 1.414L19.414 12l-6.707-6.707-1.414 1.414L15.586 11H6v2h9.586z"></path></svg>');
	background-color: var(--color_2);
    border: 2px solid var(--color_1);
    border-radius: 28px;
}

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

html .editor-styles-wrapper .mc-teaser-cta-2-button.mc-but-1 span:hover, 
.mc-teaser-cta-2-button.mc-but-1 a:hover  {
    background-color: var(--color_3);
    color: var(--color_1);
}

html .editor-styles-wrapper .mc-teaser-cta-2-button.mc-but-2 span:hover, 
.mc-teaser-cta-2-button.mc-but-2 a:hover  {
    color: #fff;
    border-color: #fff;
}

.mc-teaser-cta-2-button-flex {
	display: flex;
	flex-wrap: wrap;
}

.mc-teaser-cta-2-align-flex-col {
	flex-direction: column;
}

.mc-teaser-cta-2-align-flex-row {
	flex-direction: row;
}

.mc-teaser-cta-2 h2 {
	font-size: 40px;
	color: var(--color_2);
}

.mc-teaser-cta-2 p {
	color: #fff;
}
/*
html .editor-styles-wrapper .mc-teaser-cta-2 .mc-teaser-cta-2-button.mc-but-1 span, 
.mc-teaser-cta-2.mc-teaser-cta-2-style-2 .mc-teaser-cta-2-button.mc-but-1 a {
	color: var(--color_2);
	background-color: unset;
	border-color: var(--color_2);
}

html .editor-styles-wrapper .mc-teaser-cta-2 .mc-teaser-cta-2-button.mc-but-1 span:hover, 
.mc-teaser-cta-2.mc-teaser-cta-2-style-2 .mc-teaser-cta-2-button.mc-but-1 a:hover {
	color: #fff;
	border-color: #fff;
}

html .editor-styles-wrapper .mc-teaser-cta-2 .mc-teaser-cta-2-button.mc-but-3 span, 
.mc-teaser-cta-2 .mc-teaser-cta-2-button.mc-but-3 a {
	color: var(--color_2);
	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="%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>');
}

html .editor-styles-wrapper .mc-teaser-cta-2 .mc-teaser-cta-2-button.mc-but-3 span:hover, 
.mc-teaser-cta-2 .mc-teaser-cta-2-button.mc-but-3 a:hover {
	color: #fff;
	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="%23FFFFFF"/><path d="M9.29303 7.70703L13.586 12L9.29303 16.293L10.707 17.707L16.414 12L10.707 6.29303L9.29303 7.70703Z" fill="%23FFFFFF"/></svg>');	
}
*/
@media (max-width: 1024px) {
	/*
    .mc-teaser-cta-2 {
        margin-bottom: 120px;
    }
    */
}

@media (max-width: 767px) {
    .mc-teaser-cta-2 {
        padding: 56px 20px;
    }
        
    .mc-teaser-cta-2-inner, 
    .mc-teaser-cta-2-inner.reverse {
        flex-direction: column-reverse;
    }
    
    .mc-teaser-cta-2-contbox {
        width: 100%;
        min-height: 640px;
        border-radius: 24px 24px 0 0;
        padding: 25px 20px 65px;
    }
    
    .mc-teaser-cta-2-inner.reverse .mc-teaser-cta-2-contbox {
    	border-radius: 24px 24px 0 0;
    }
    
    .mc-teaser-cta-2-contbox:first-child {
        padding: 40px 40px 25px;
    }

}