@import url("unsere-produkte_akkordeon.css");




/* custom faqpage style */
.mod_faqpage .h3:before,
.mod_faqpage h3:before {
	font-family: "FontAwesome";
	content: "\f111"; /* fa-circle */
	margin-right: 10px;
	color: var(--accentColor);
}

/* List with check-symbols */
.p-list_fa-check p:before {
	font-family: "FontAwesome";
	content: "\f00c"; /* fa-check */
	margin-right: 10px;
	color: var(--accentColor);
}

.mod_portfoliolist_v3 .content {
    background: rgb(255,255,255,0.5)!important;
	
}

.cta {
	background-color: color-mix(in srgb, var(--customColor1), transparent 80%);
    padding: 20px;
    border-radius: 20px;
    /*padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;*/
}

.txt_10 .content,
.txt_10 h6 {
	font-size: 10pt;
}

.ce_iconbox_v2 a.link:before {
    display: none !important;
}

.content-swiper .swiper-pagination-bullet-active {
    background: var(--accentColor);
}
.swiper-pagination-bullet {
	background: var(--secondColor);
}

.no-arrows .swiper-button-prev,
.no-arrows .swiper-button-next {
	display: none;
}

/* Größen */
/*
--contentBoxedMediumWidth = 800px
--contentBoxedSmallWidth = 650px;
--contentBoxedWidth = calc(100% - 12%)
--contentPaddingLeftRight = 40px
--articlePaddingLeftRight =
*/


/*
	max-width: var(--contentBoxedWidth) 
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--contentPaddingLeftRight);
    padding-right: var(--contentPaddingLeftRight);
*/

.contentWidth-s {
	max-width: var(--contentBoxedSmallWidth);
}
.contentWidth-m {
	max-width: var(--contentBoxedMediumWidth);
}
.contentWidth-l {
	max-width: 950px;
}
.contentWidth-xl {
	max-width: 1263px;
}
.contentWidth-default {
/*	max-width: var(--contentBoxedWidth);   width-88% */
 max-width: calc(var(--contentBoxedWidth) - 80px);
 /*padding-left: 40px;
 padding-right: 40px;*/
}
.contentWidth-news {
	max-width: 1160px;
}
.contentWidth-1160 {
	max-width: 1160px;
}

.contentWidth-s, .contentWidth-m, .contentWidth-l, .contentWidth-xl, .contentWidth-default,
.contentWidth-news, .contentWidth-1160 {
	margin-left: auto;
    margin-right: auto;
}

.block-a {
	background-color: lightgray !important;
}
.block-b {
	background-color: gray !important;
}
.block-cta {
/*	background-color: white !important; */
}

.block-a, .block-b, .block-cta {
	padding-top: 50px;
	padding-bottom: 50px;
} 

@media only screen and (max-width: 830px) and (min-width: 768px) {

.test {
	margin-left: 50px;
}
	
}