/**
 * seocon single ads text class CSS.
 * Main CSS file for the custom seocon single ads text widget
 * The widget will display the selected small or high ad, when it has text content
 *
 **/

.seocon-elementor-ad_text__container{
	display:flex;
	align-items: center;
    flex-wrap:nowrap;
    gap:108px;
    max-width: 900px;
    margin: auto;
}
.seocon-elementor-ad_text__text-column{
    width:60%;
    text-align: left;
}
.seocon-elementor-ad_text__ad-column{
    width:40%;
}

.seocon-elementor-ad_text_stamp{
	margin-top:10px;
}
.seocon-elementor-ad_text_stamp img{
	max-width:160px;
}
.seocon-elementor-ad_text_headline span{
    font-weight:600;
}

.seocon-elementor-ad_text_image{
    position: relative;
    overflow:hidden;
}
.seocon-elementor-ad_text_image a,
.seocon-elementor-ad_text_image a:hover{
    line-height:0;
    display: block; 
}
.seocon-elementor-ad_text_image img{
    transition:transform .6s linear;
}
.seocon-elementor-ad_text_image a:hover img{
    transform:scale(1.1) translateZ(0);
}
.seocon-elementor-ad_text_is-ad{
    position:absolute;
    bottom:0;
    left:0;
    padding:4px 11px;
    background-color:var(--e-global-color-text);
    font-size:12px;
    text-transform: uppercase;
    line-height:14px;
    color:var(--e-global-color-da46bc8);
}
.seocon-elementor-ad_text__container .elementor-button span{
    display: inline!important;
}
@media (min-width: 769px) {
    .Rechts .seocon-elementor-ad_text__container{
        flex-direction: row-reverse!important;
    }
}

@media only screen and (max-width:1000px){
	.seocon-elementor-ad_text__container{
		gap:80px;
	}
}
@media (max-width:768px){
	.seocon-elementor-ad_text__container{
		gap:40px;
        padding: 20px;
	}
    .seocon-elementor-ad_text_headline *{
        font-size: 28px;
        line-height: 36px;
    }
    .seocon-elementor-ad_text__text-column, .seocon-elementor-ad_text__right-column{
        width:50%;
    }
    .seocon-elementor-ad_text_stamp img{
        max-width: 100px!important;
    }
}
@media only screen and (max-width:500px){
	.seocon-elementor-ad_text__container{
		flex-direction:column;
		gap:40px;
	}
    .seocon-elementor-ad_text__container:has(.seocon-elementor-ad_text__left-column.seocon-elementor-ad_text__text-column){
        flex-direction: column-reverse!important;
    }
	.seocon-elementor-ad_text__text-column{
		order:1;
		width:100%;
	}
	.seocon-elementor-ad_text__ad-column{
		order:15;
		width:100%;
	}
    .seocon-elementor-ad_text__text-column, .seocon-elementor-ad_text__right-column{
        width:100%;
    }

}