@charset "utf-8";
/*christmas notifierbar 2024 */
.comp-notifier-bar {
overflow: hidden;

}

@keyframes glitter {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.particle {
	position: absolute;
	width: 6px;
	height: 6px;
	background-color: white;
	border-radius: 50%;
	opacity: 0.5;
	top:-10px;
	animation: snowFall 8s linear infinite;
}

@keyframes snowFall {
	0% {
		transform: translate(-10px, -50px) scale(0.5);
		opacity: 0.25;
	}
	100% {
		transform: translate(10px, 64px) scale(1);
		opacity: 0.5;
	}
}

/* christmas deco */
#mainContent > .bg-lgrey{
	position:relative;
}
.comp-boxes{
	position:relative;
}
.comp-article-cards:before, #CustomerOpinions:before, .comp-image-list:before, #clientDownload  .saal-download-clients-module:before{
	content:"";
	display:block;
	width:100%;
	height:200px;
 background-color:#FFFFFF;
	background-image: url("cd-1.webp");
	background-repeat: no-repeat;
	 background-position: center bottom;

	background-size: 400px auto;
}
.comp-article-cards:before{
	background-image: url("cd-7.png");
}
#footer{
	background-image: url("footer_snow.svg");
	background-repeat: repeat;
	 background-position: center bottom;
	position: relative;
	background-size: 1200px auto;
}

.comp-website-navigation >div{
	    background-image: url(cd-1.webp);
    background-repeat: repeat-x;
    background-size: 150px auto;
	
    background-position: 0px -37px;
	
}

.comp-website-navigation .christmas-button{
	    background-image: url( "stars_navi.svg");
	background-repeat: no-repeat;
	background-position: center 7px;
/*	order:-1;*/
}
.de_DE .comp-website-navigation .christmas-button{
	order:-1;
}

.comp-website-navigation .scrolling .christmas-button{
 
/*	background-position: center top;*/
}
.comp-website-navigation .mobile-main-navigation-list .christmas-button{
	background-position: right center;
}
.comp-website-navigation .christmas-button {
background-image: url("christmas_tree_icon.png");
background-repeat: no-repeat;
padding-left: 6px;
background-position: 0px center;
}

.comp-website-navigation .mobile-main-navigation-list .christmas-button {
background-position:right center;margin-right:8px;
	padding-left:0;
	
}



#CustomerOpinions:before{
	background-image: url("cd-3.webp");
}
#clientDownload .saal-download-clients-module:before{
	background-image: url("cd-6.webp");
}
#mainContent >div.bg-lgrey:last-child{
	padding-bottom:0;
}

.comp-image-list:before{
	background-image: url("cd-5.webp");
}
#mainContent > .bg-lgrey.multiply:before{
	background-color:transparent;
	mix-blend-mode: multiply;
}

:not(#c135939) + .comp-article-cards,.comp-image-list{
	
	padding-bottom:0 !important;
	margin-bottom:40px;
}
.comp-image-list .image-list-group{
	padding-bottom:40px !important;
}
.comp-article-cards{
	padding-top:0!important;
}
.comp-article-cards .article-cards-group{
	padding-top:20px;
}
:not(#c135939) + .comp-article-cards .article-cards-group{

	padding-bottom:20px;
}
#mainContent > .bg-lgrey:after, :not(#c135939) + .comp-article-cards:after, .comp-image-list:after,  .comp-kb:after{
	content:"";
	display:block;
	width:100%;
	height:160px;
 background-color:#FFFFFF;
	background-image: url("cd-22.webp");
	background-repeat: no-repeat;
	background-size:800px auto;
	 background-position: center top;
visibility: visible;
	position:sticky;
	
	 background-blend-mode: multiply;
}
 .comp-boxes.cd:after {
background-repeat:no-repeat;
margin-top: -8px;
	 height:100px;
}

.container:before {
	position:absolute;	
	top:-20px;
	opacity:0.5; height:100px;
	z-index:-1;
}

.cd.deco-1:before{
	display:none !important;
	content:unset !important;
}
 
#mainContent > .bg-lgrey.cd.deco-2:before, .comp-boxes.cd.deco-2:before{

	background-image: url("cd-3.webp");

}



@media only screen and (max-width: 672px) {	
	.comp-article-cards:before, #CustomerOpinions:before, .comp-image-list:before{
		background-size:300px auto;
	}
}