/* CMS page content */
.aimeos.cms-page h1,
.aimeos.cms-page h2 {
	position: relative;
	text-align: center;
}

.aimeos.cms-page .background {
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: var(--ai-primary, #282828);
	background-color: var(--ai-bg-alt, #F5F5F5);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	padding: 2rem 0;
}

.aimeos.cms-page .background[data-background] {
	background-color: var(--ai-primary, #282828);
	color: var(--ai-bg, #FFFFFF);
	font-size: 4vw;
}

.aimeos.cms-page .contact-pot {
	display: none;
}

.aimeos.cms-page .contact-form .btn {
	margin: auto;
	margin-top: 2rem;
	display: inherit;
}

.aimeos.cms-page .catalog-list .slider-nav::after,
.aimeos.cms-page .catalog-list .slider-nav-round .slider-nav::before,
.aimeos.cms-page .catalog-list .slider-nav-square .slider-nav::before {
	background-color: var(--ai-primary, #282828);
}

.aimeos.cms-page .table tr.row {
	display: table-row;
}

.aimeos.cms-page .table td.cell {
	padding: 0.5rem;
	width: auto;
}

.aimeos.cms-page .swiffy-slider {
	height: max-content;
}

.aimeos.cms-page .swiffy-slide {
	background-repeat: no-repeat;
	background-size: cover;
	color: var(--ai-bg);
	height: 100%;
}

.cms-content .row {
    display: grid;
    gap: calc(var(--spacing)*4);
    grid-template-columns: repeat(12,minmax(0,1fr));
    margin: calc(var(--spacing)*4)  0;
}
.cms-content .col-2 {
    grid-column: span 2 / span 2;
}
.cms-content .col-3 {
    grid-column: span 3 / span 3;
}
.cms-content .col-4 {
    grid-column: span 4 / span 4;
}
.cms-content .col-5 {
    grid-column: span 5 / span 5;
}
.cms-content .col-6 {
    grid-column: span 6 / span 6;
}
.cms-content .col-7 {
    grid-column: span 7 / span 7;
}
.cms-content .col-8 {
    grid-column: span 8 / span 8;
}
.cms-content .col-9 {
    grid-column: span 9 / span 9;
}
.cms-content .col-10 {
    grid-column: span 10 / span 10;
}
.cms-content .col-11 {
    grid-column: span 11 / span 11;
}
.cms-content .col-12 {
    grid-column: span 12 / span 12;
}
.cms-content img {
    border-radius: var(--radius-xl);
    max-height: max-content
}
.cms-content h1 {
    font-size: var(--text-xl) !important;
    line-height: var(--tw-leading, var(--text-xl--line-height));
    margin-block: calc(var(--spacing) * 6);
}
.cms-content h2 {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height));
    margin-block: calc(var(--spacing) * 4);
}
.cms-content h3 {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height));
    margin-block: calc(var(--spacing) * 2);
}
@media (min-width: 48rem) {
    .cms-content h1 {
        font-size: var(--text-2xl) !important;
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .cms-content h2 {
        font-size: var(--text-xl) !important;
        line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    .cms-content h3 {
        font-size: var(--text-lg) !important;
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }
}
@media (min-width: 80rem) {
    .cms-content h1 {
        font-size: var(--text-4xl) !important;
        line-height: var(--tw-leading, var(--text-3xl--line-height));
        margin-block: calc(var(--spacing) * 10);
    }
    .cms-content h2 {
        font-size: var(--text-3xl) !important;
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        margin-block: calc(var(--spacing) * 7);
    }
    .cms-content h3 {
        font-size: var(--text-xl) !important;
        line-height: var(--tw-leading, var(--text-xl--line-height));
        margin-block: calc(var(--spacing) * 4);
    }
}