/* parallax teaser */

.mc-teaser-parallax {
    padding: 56px 64px;
    margin-bottom: 150px;
    max-width: 1440px;
    margin: 0 auto;
}

.mc-teaser-parallax-inner {
	position: relative;
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 24px;
    padding: 64px 64px 600px;
}

.mc-teaser-parallax-contbox {
    width: 560px;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0px 24px 48px -12px rgba(0, 0, 0, 0.18);
    padding: 32px 48px 12px;
}

html .editor-styles-wrapper .mc-teaser-parallax h2, 
.mc-teaser-parallax h2 {
	font-size: 40px;
    color: var(--color_1);
}

html .editor-styles-wrapper .mc-teaser-parallax-button span, 
.mc-teaser-parallax-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-parallax-button.mc-but-1 span, 
.mc-teaser-parallax-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-parallax-button.mc-but-2 span, 
.mc-teaser-parallax-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-parallax-button.mc-but-1 span:hover, 
.mc-teaser-parallax-button.mc-but-1 a:hover  {
    border-color: var(--color_2);
    color: var(--color_2);
}

html .editor-styles-wrapper .mc-teaser-parallax-button.mc-but-2 span:hover, 
.mc-teaser-parallax-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-parallax-button-flex {
	display: flex;
	flex-wrap: wrap;
}

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

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

/*
@media (max-width: 1024px) {
    .mc-teaser-parallax {
        margin-bottom: 120px;
    }
}
*/

@media (max-width: 768px) {
    .mc-teaser-parallax {
        padding: 0;
    }
    
    .mc-teaser-parallax-contbox {
        width: 100%;
    }
    
    .mc-teaser-parallax-inner {
		border-radius: 0;
		padding: 64px 20px 250px;
	}
}