/*
===== ECONSOR Frame Spacing Styling ====
*/

/* Negativ Spacing to Frame before  */

/*.frame-size-default.frame-layout-embedded.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage)+.frame-size-default.frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage):not(.frame-layout-embedded),
.frame-size-default.frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)+.frame-size-default.frame-layout-embedded.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage)
{
	--frame-outer-spacing-before: calc(-1 * var(--frame-spacing));
}


.frame-size-default.frame-background-none.frame-space-after-none.padding-x-small:not(.frame-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)+.frame-size-default.frame-layout-embedded.frame-background-secondary.frame-space-before-none:not(.frame-ruler-before)
{
	--frame-outer-spacing-before: calc(-1 * var(--frame-spacing));
}

.frame-size-default.frame-background-none.frame-space-after-none.padding-small:not(.frame-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)+.frame-size-default.frame-layout-embedded.frame-background-secondary.frame-space-before-none:not(.frame-ruler-before)
{
	--frame-outer-spacing-before: calc(-1 * var(--frame-spacing));
}

.frame-size-default.frame-background-none.frame-space-after-none.padding-medium:not(.frame-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)+.frame-size-default.frame-layout-embedded.frame-background-secondary.frame-space-before-none:not(.frame-ruler-before)
{
	--frame-outer-spacing-before: calc(-1 * var(--frame-spacing));
}*/


:root {

	--frame-padding-x-small: 0.9375rem;
	--frame-spacing-xs: var(--frame-padding-x-small);
	--frame-padding-small: 1.25rem;
	--frame-padding-medium:  1.875rem;
	--frame-padding-large:  3.125rem;
	--frame-padding-x-large: 5rem;


	/* Rewrite Standard Frame Spacing */
	--frame-spacing-xl: var(--frame-padding-small);
	--frame-spacing-lg: var(--frame-padding-small);
	--frame-spacing-md: var(--frame-padding-small);
	--frame-spacing-sm: var(--frame-padding-x-small);

	/* Image Spacing */
	--img-space-sm: 1.5625rem;
    --img-space-md: 3.125rem;
    --img-space-lg: 6.25rem;

}


/* Frame Spacing X-Small */

@media (min-width: 576px) {
	.frame.padding-x-small {
	    --frame-spacing: var(--frame-padding-x-small);
	}
}
@media (min-width: 768px) {
	.frame.padding-x-small {
	    --frame-spacing: var(--frame-padding-x-small);
	}
}
@media (min-width: 992px) {
	.frame.padding-x-small {
	    --frame-spacing: var(--frame-padding-x-small);
	}
}
@media (min-width: 1200px) {
	.frame.padding-x-small {
	    --frame-spacing: var(--frame-padding-x-small);
	}
}


/* Frame Spacing Small */

@media (min-width: 576px) {
	.frame.padding-small {
	    --frame-spacing: var(--frame-padding-x-small);
	}
}
@media (min-width: 768px) {
	.frame.padding-small {
	    --frame-spacing: var(--frame-padding-small);
	}
}
@media (min-width: 992px) {
	.frame.padding-small {
	    --frame-spacing: var(--frame-padding-small);
	}
}
@media (min-width: 1200px) {
	.frame.padding-small {
	    --frame-spacing: var(--frame-padding-small);
	}
}

/* Frame Spacing Medium */

@media (min-width: 576px) {
	.frame.padding-medium {
	    --frame-spacing: var(--frame-padding-x-small);
	}
}
@media (min-width: 768px) {
	.frame.padding-medium {
	    --frame-spacing: var(--frame-padding-small);
	}
}
@media (min-width: 992px) {
	.frame.padding-medium {
	    --frame-spacing: var(--frame-padding-medium);
	}
}
@media (min-width: 1200px) {
	.frame.padding-medium {
	    --frame-spacing: var(--frame-padding-medium);
	}
}


/* Frame Spacing Large */

@media (min-width: 576px) {
	.frame.padding-large {
	    --frame-spacing: var(--frame-padding-x-small);
	}
}
@media (min-width: 768px) {
	.frame.padding-large {
	    --frame-spacing: var(--frame-padding-small);
	}
}
@media (min-width: 992px) {
	.frame.padding-large {
	    --frame-spacing: var(--frame-padding-medium);
	}
}
@media (min-width: 1200px) {
	.frame.padding-large {
	    --frame-spacing: var(--frame-padding-large);
	}
}


/* Frame Spacing X-Large */

@media (min-width: 576px) {
	.frame.padding-x-large {
	    --frame-spacing: var(--frame-padding-x-small);
	}
}
@media (min-width: 768px) {
	.frame.padding-x-large {
	    --frame-spacing: var(--frame-padding-small);
	}
}
@media (min-width: 992px) {
	.frame.padding-x-large {
	    --frame-spacing: var(--frame-padding-medium);
	}
}
@media (min-width: 1200px) {
	.frame.padding-x-large {
	    --frame-spacing: var(--frame-padding-x-large);
	}
}

.frame.frame-level-2 {
    padding-bottom: calc(var(--frame-spacing) / 1.65 );
    padding-top: calc(var(--frame-spacing) / 1.65 );
}


/* Ebedded Spacing */

.frame-layout-embedded>.frame-group-container>.frame-group-inner,
/*.frame-cta-img.frame-layout-embedded>.frame-group-container>.frame-group-inner,*/
.frame-single-col-txt .frame-cta-img.frame-layout-embedded>.frame-group-container>.frame-group-inner {
    padding: var(--frame-padding-medium);
}

/* Button Spacing */

.ec-slides.feedback + .text-center .btn.btn-primary,
.ec-slides.testimonial + .text-center .btn.btn-primary,
.ec-slides.success + .text-center .btn.btn-primary,
.ec-slides.indemnity + .text-center .btn.btn-primary
{
    margin-top: var(--frame-padding-small);
}

/* Headline Spacing */

.frame-header:not(:last-child) {
	margin-bottom: var(--frame-padding-x-small);
}
.frame-type-text p:last-child {
	margin-bottom: 0;
}

/* Texte Spacing */

.text-column:last-child {
	margin-bottom: 0;
}


/* Slider Spacing */

.feedback, .testimonial {
    margin-top: var(--frame-padding-x-small);
}


/* Image - Inner Spacing */

@media only screen and (min-width: 1200px ) {

	img.inner-spacing-sm {
	    /*margin-left: var(--img-space-sm);
	    margin-right: var(--img-space-sm);*/
	    max-width: 40%;
	}
	img.inner-spacing-md {
	    /*margin-left: var(--img-space-md);
	    margin-right: var(--img-space-md);*/
	    max-width: 60%;
	}
	img.inner-spacing-lg {
	    /*margin-left: var(--img-space-lg);
	    margin-right: var(--img-space-lg);*/
	    max-width: 80%;
	}
}



/* Header Sacing */

.frame.frame-type-header {
    padding-bottom: 0;
}

/* Single Col Width */

@media only screen and (min-width: 1201px ) {

	.frame-level-2.frame-col-one-half {
	    max-width: 50%;
	    margin: 0 auto;
	}
	.frame-col-one-fourth .frame-group-container {
	    max-width: 25%;
	    margin: 0 auto;
	}

}

/* Sections */

.frame-center-content-hor {
    display: flex;
    flex-direction: column;
    align-items: center;
}