/*--------------*/
/* SECTION TEXT */
/*--------------*/
section.text div.content > div.flex {
	align-items: flex-start;
}
section.text .flexbox.image picture {
	width: 100%;
	min-height: 100%;
}
section.text .flexbox.image picture img {
	width: 100%;
	min-height: 100%;
}
/*--------------------------*/
/* !SECTION ASSETS POSITION */
/*--------------------------*/
section.text div.content > div.flex.assets-position-center {
	align-items: center;
}
section.text div.content > div.flex.assets-position-top {
	align-items: flex-start;
}
section.text div.content > div.flex.assets-position-bottom {
	align-items: flex-end;
}
/*--------------------*/
/* !SECTION TEXT FLEX */
/*--------------------*/
.micropayment.text .flex.flex-text {
	--boxes_gap : 24px;
	gap: var( --boxes_gap );
	margin-top: 40px;	
	flex-wrap: wrap;
	justify-content: flex-start;
}
.micropayment.text .flex.flex-text.boxes-per-row-3,
.micropayment.text .flex.flex-text.boxes-per-row-4 {
	--boxes_gap : 12px;
}.micropayment.text .flex.flex-text.boxes-per-row-5 {
	--boxes_gap : 8px;
}
.micropayment.text .flex.flex-text .flexbox {
	display: flex;
	align-items: stretch;
	width: 100%;
	flex: initial;
	width: calc((100% - ( var(--box-count) - 1) * var(--boxes_gap)) / var(--box-count));
	min-width: calc((100% - ( var(--box-count) - 1) * var(--boxes_gap)) / var(--box-count));
	max-width: calc((100% - ( var(--box-count) - 1) * var(--boxes_gap)) / var(--box-count));
}
.micropayment.text .flex.flex-text.boxes-per-row-2 .flexbox {
	--box-count: 2;
}
.micropayment.text .flex.flex-text.boxes-per-row-3 .flexbox {
	--box-count: 3;
}
.micropayment.text .flex.flex-text.boxes-per-row-4 .flexbox {
	--box-count: 4;
}
.micropayment.text .flex.flex-text.boxes-per-row-5 .flexbox {
	--box-count: 5;
}
.micropayment.text .flex.flex-text .micropayment-card {
	padding-bottom: 16px;
}
.micropayment.text .flex.flex-text .micropayment-card-content .card-headline {
	padding: 0 0 8px 0;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.micropayment.text .flex.flex-text .micropayment-card-content .buttons {
	margin: 0;
}
@media ( max-width: 999px ) {
	.micropayment.text .flex.flex-text.boxes-per-row-2 .flexbox,
	.micropayment.text .flex.flex-text.boxes-per-row-3 .flexbox,
	.micropayment.text .flex.flex-text.boxes-per-row-4 .flexbox,
	.micropayment.text .flex.flex-text.boxes-per-row-5 .flexbox {
		--box-count: 1;
	}
}
/*----------------*/
/* !SECTION IMAGE */
/*----------------*/
.micropayment .flex .flexbox.assets div.image {
	position: relative;
	width: 100%;
	height: 100%;
	max-height: 80vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.micropayment .flex .flexbox.assets div.image > picture {
	position: relative;
	z-index: 9;
}
.micropayment .flex .flexbox.assets div.image > picture img {
	max-height: 100%;
}
.micropayment .flex .flexbox.assets div.image > div.swiper {
	position: relative;
	z-index: 9;
	overflow: hidden;
}
.micropayment .flex .flexbox.assets div.image > div.swiper div.swiper-button-next,
.micropayment .flex .flexbox.assets div.image > div.swiper div.swiper-button-prev {
	background: rgba( var(--micropayment_white), .8);
}
.micropayment .flex .flexbox.assets div.image > div.swiper div.swiper-button-next i,
.micropayment .flex .flexbox.assets div.image > div.swiper div.swiper-button-prev i {
	color: rgba( var(--micropayment_black), 1);
}
.micropayment .flex .flexbox.assets div.image > div.swiper div.swiper-button-next:hover,
.micropayment .flex .flexbox.assets div.image > div.swiper div.swiper-button-prev:hover {
	background: rgba( var(--micropayment_white), 1);
	color: rgba( var(--micropayment_black), 1);
}
.micropayment .flex .flexbox.assets div.image > div.swiper div.swiper-button-next:hover i,
.micropayment .flex .flexbox.assets div.image > div.swiper div.swiper-button-prev:hover i {
	color: rgba( var(--micropayment_black), 1);
}
.micropayment .flex .flexbox.assets div.image > div.swiper div.swiper-pagination span {
	background: rgba( var(--micropayment_grey), 1);
}
.micropayment .flex .flexbox.assets.assets-background-true div.image > div.swiper div.swiper-pagination span {
	background: rgba( var(--micropayment_white), 1);
}
.micropayment .flex .flexbox.assets div.image > div.swiper div.swiper-pagination span.swiper-pagination-bullet-active {
	background: rgba( var(--micropayment_black), 1);
}
/*-------------------*/
/* !BACKGROUND IMAGE */
/*-------------------*/
.micropayment .flex .flexbox.assets div.image div.background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.micropayment .flex .flexbox.assets div.image div.background picture,
.micropayment .flex .flexbox.assets div.image div.background picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*--------------*/
/* !OVERLAPPING */
/*--------------*/
.micropayment .flex .flexbox.assets div.image.image-layout-overlapping > picture {
	width: 120%;
	max-width: 120%;
	min-width: 120%;
	height: 100%;
}
.micropayment .flex .flexbox.assets div.image.image-layout-overlapping > picture img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
@media ( max-width: 768px ) {
	.micropayment .flex .flexbox.assets div.image.image-layout-overlapping > picture {
		width: initial;
		min-width: initial;
	}
}
/*----------*/
/* !PADDING */
/*----------*/
.micropayment .flex .flexbox.assets div.image.image-layout-padding {
	padding: 48px;
}
/*---------*/
/* !BORDER */
/*---------*/
.micropayment .flex .flexbox.assets div.image.image-layout-border > picture img {
	border: 4px solid rgba( var(--micropayment_white), 1);
	border-radius: var(--micropayment_borderRadiusBigs);
}
/*----------*/
/* !CONTAIN */
/*----------*/
.micropayment .flex .flexbox.assets div.image.image-layout-contain > picture {
	width: 100%;
	height: auto;
	object-fit: contain;
}
/*--------*/
/* !COVER */
/*--------*/
.micropayment .flex .flexbox.assets div.image.image-layout-cover > picture {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.micropayment .flex .flexbox.assets div.image.image-layout-cover > picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--micropayment_borderRadiusBigs);
}
/*-----------------*/
/* !IMAGE POSITION */
/*-----------------*/
.micropayment .flex .flexbox.assets div.image.image-position-top picture img {
	object-position: top;
}
.micropayment .flex .flexbox.assets div.image.image-position-center picture img {
	object-position: center;
}
.micropayment .flex .flexbox.assets div.image.image-position-bottom picture img {
	object-position: bottom;
	max-height: 72vh;
}
.micropayment .teaser .flex .flexbox.assets div.image.image-position-bottom picture img {
	height: 100%;
}
/*----------------*/
/* !IMAGE GALLERY */
/*----------------*/
.micropayment .flex .flexbox.assets div.image.gallery {
	--gap : 24px;
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	align-items: center;
	gap: var(--gap);
	padding: 24px;
}
.micropayment .flex .flexbox.assets div.image.gallery > picture {
	width: 100%;
	height: 100%;
	flex-grow: 1;
	flex-basis: 0;
	display: flex;
}
.micropayment .flex .flexbox.assets div.image.gallery.gallery-count-1 > picture {
	width: 100%;
	min-width: 100%;
	height: initial;
}
.micropayment .flex .flexbox.assets div.image.gallery.gallery-count-2 > picture {
	width: calc((100% - var(--gap)) / 2);
	min-width: calc((100% - var(--gap)) / 2);
	max-width: calc((100% - var(--gap)) / 2);
	height: initial;
}
.micropayment .flex .flexbox.assets div.image.gallery.gallery-count-3 > picture {
	width: calc((100% - 2 * var(--gap)) / 3);
	min-width: calc((100% - 2 * var(--gap)) / 3);
	max-width: calc((100% - 2 * var(--gap)) / 3);
	height: initial;
}
.micropayment .flex .flexbox.assets div.image.gallery.gallery-count-4 > picture {
	width: calc((100% - 3 * var(--gap)) / 4);
	min-width: calc((100% - 3 * var(--gap)) / 4);
	max-width: calc((100% - 3 * var(--gap)) / 4);
	height: initial;
}
.micropayment .flex .flexbox.assets div.image.gallery.gallery-count-5 > picture {
	width: calc((100% - 4 * var(--gap)) / 5);
	min-width: calc((100% - 4 * var(--gap)) / 5);
	max-width: calc((100% - 4 * var(--gap)) / 5);
	height: initial;
}
.micropayment .flex .flexbox.assets div.image.gallery picture img { 
	width: 100%;
	height: 100%;
	object-fit: contain;
}
/*------------------*/
/* !ASSETS PAYMENTS */
/*------------------*/
.micropayment .flex .flexbox.assets div.payments {
	--payments_gap: 12px 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: var(--payments_gap);
	width: 100%;
}
.micropayment .flex .flexbox.assets div.payments.payments-per-row-1 div.payment {
	--payment_count: 1;
}
.micropayment .flex .flexbox.assets div.payments.payments-per-row-2 div.payment {
	--payment_count: 2;
}
.micropayment .flex .flexbox.assets div.payments.payments-per-row-3 div.payment {
	--payment_count: 3;
}
.micropayment .flex .flexbox.assets div.payments.payments-per-row-4 div.payment {
	--payment_count: 4;
}
.micropayment .flex .flexbox.assets div.payments.payments-per-row-5 div.payment {
	--payment_count: 5;
}
.micropayment .flex .flexbox.assets div.payments div.payment {
	--payment_count: 1;
	width: calc((100% - (var(--payment_count, 1) - 1) * var(--payments_gap, 0px)) / var(--payment_count, 1));
	max-width: calc((100% - (var(--payment_count, 1) - 1) * var(--payments_gap, 0px)) / var(--payment_count, 1));
	aspect-ratio: 1 / 1;
	border-radius: var(--micropayment_borderRadiusBigs);
}
@media ( min-width: 769px ) {
	.micropayment .flex .flexbox.assets div.payments div.payment {
		flex-basis: 0;
		flex-grow: 1;
	}
}
.micropayment .flex .flexbox.assets div.payments div.paymemt-breaker {
	min-width: 100%;
	max-width: 100%;
	width: 100%;
	height: 0;
}
.micropayment .flex .flexbox.assets div.payments div.payment.icon-size-small {
	max-width: 56px;
}
.micropayment .flex .flexbox.assets div.payments div.payment.icon-size-medium {
	max-width: 80px;
}
.micropayment .flex .flexbox.assets div.payments div.payment.icon-size-large {
	max-width: 104px;
}
.micropayment .flex .flexbox.assets div.payments div.payment.icon-size-big {
	max-width: 128px;
}
.micropayment .flex .flexbox.assets div.payments div.payment picture {
	width: 100%;
	height: 100%;
	display: flex;
}
.micropayment .flex .flexbox.assets div.payments div.payment picture img {
	object-fit: contain;
	object-position: center;
}
.micropayment .flex .flexbox.assets div.payments div.payment.padding {
	padding: 12px;
}
.micropayment .flex .flexbox.assets div.payments div.payment.border {
	border: 1px solid var(--micropayment_borderColor);
}
@media ( max-width: 768px ) {
	.micropayment.text .flex.alignCenter {
		align-items: flex-start;
	}
	.micropayment .flex .flexbox.assets.payments {
		margin: 0 0 64px -24px;
		width: calc( 100% + 48px);
		max-width: calc( 100% + 48px);
	}
	.micropayment .flex .flexbox.assets div.payments {
		overflow: hidden;
		max-width: 100%;
		padding: 0 24px;
		align-items: stretch;
	}
	.micropayment .flex .flexbox.assets div.payments div.payment.icon-size-small,
	.micropayment .flex .flexbox.assets div.payments div.payment.icon-size-medium,
	.micropayment .flex .flexbox.assets div.payments div.payment.icon-size-large,
	.micropayment .flex .flexbox.assets div.payments div.payment.icon-size-big {
		max-width: 160px;
		width: 100%;
	}
}
@media ( max-width: 589px ) {
	.micropayment .flex .flexbox.assets div.payments div.payment.icon-size-small,
	.micropayment .flex .flexbox.assets div.payments div.payment.icon-size-medium,
	.micropayment .flex .flexbox.assets div.payments div.payment.icon-size-large,
	.micropayment .flex .flexbox.assets div.payments div.payment.icon-size-big {
		max-width: 100%;
	}
}