/*--------------------------- FOOTER --------------------------*/

div.cs-footerCopyright>ul>li>a, 
.cs-forgotPassword > a, 
h1.loginBoxHeader{
    color: var(--black) !important;  
}


.cs-footerRow.top, 
.cs-footerRow.payments,  
footer{
    background: var(--tertiary) !important;
}
.cs-footerRow.copyright{
    background: var(--primary) !important;
}
.cs-footerRow.copyright{
    color: white;  
}
.cs-copyrightBox>a {
    color: var(--secondary);
}
.cs-copyrightBox>a:hover {
    color: white;
}

.cs-footerRow.payments {
    display: none;
}
footer{
    margin-top: 50px;
}
.cs-footerTop.cs-flex.cs-flexWrap {
    color: var(--white);
}
ul#main_categories_footer>li>a {
    color: var(--white);
  text-decoration: unterline; 
}
ul#main_categories_footer>li>a:hover {
    color: var(--secondary);
}
.cs-footerBoxContent>ul>li>a {
    color: var(--white);
}
.cs-footerBoxContent>ul>li>a:hover {
    color: var(--secondary);
}

.cs-footerBoxHeader {
    font-weight: 200 !important;
  text-transform: uppercase;
  
}
/* Info Boxen in leicht transparent Grün*/
.cs-infoBox {
    background: var(--secondary);
    color: white; 
}




/*---------------------------BUTTONS--------------------------*/
.cs-button3 a{
 color: var(--white); 
}
a.cs-button3, 
.cs-button3, 
input.cs-button3{
    background: var(--tertiary) !important;
    color: var(--white)  !important;
    font-weight: 400;
    border: 0px !important;
    transition: 0.2s;
}
a.cs-button3:hover, 
.cs-button3:hover, 
input.cs-button3:hover{
    background: var(--primary) !important;
    transition: 0.2s; 
}
/*Button*/

a.measurechart-wilo-button{
  color: var(--white) !important;
    background-color: var(--primary) !important;
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    padding: 10px 15px !important;
    border-radius: 3px !important;
    text-decoration: none !important;

}
.cs-actionButton{
  color: var(--white) !important;
    background-color: var(--primary) !important;
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    padding: 5px 7px !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    transition: 0.2s; 


}
.cs-actionButton:hover{
    background-color: var(--secondary) !important;
    background: var(--secondary) !important;
    transition: 0.2s; 

}
.cs-actionButton > form > a, 
.cs-actionButton > a{
color: var(--white) !important; 
  font-weight: 600; 
}

/* Button Farbe*/




.cs-button1, 
.cs-filterButton.cs-overlayButton.cs-standardButton{
    background: var(--primary);
    border: 2px solid var(--primary);
    border-radius: 0px !important;
    transition: 0.2s; 
}
.cs-filterButton.cs-overlayButton.cs-standardButton:hover{
    background: var(--secondary) !important; 
    transition: 0.2s;
    border: 2px solid var(--secondary); 
  
}
.cs-button1{
    transition: 0.2s; 
 
}
.cs-button1:hover{
    background: var(--secondary) !important; 
    transition: 0.2s;
  
}
.cs-button3 {
    border: 0px solid var(--black) !important;
    border-radius: 0px !important;

}

/*---------------------------FONTS--------------------------*/

body * {
    font-family: var(--fontfam), sans-serif !important; 
}



@font-face {
  font-family: 'Clan';
  font-display: block;
  font-style: normal;
  font-weight: 200;
  src: url('/user_html/1712240289/pix/user_img/Fonts/KDfont-ClanProThin.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/user_html/1712240289/pix/user_img/Fonts/KDfont-ClanProThin.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('/user_html/1712240289/pix/user_img/Fonts/KDfont-ClanProThin.woff2') format('woff2'), /* Super Modern Browsers */
       url('/user_html/1712240289/pix/user_img/Fonts/KDfont-ClanProThin.woff') format('woff'), /* Modern Browsers */
       url('/user_html/1712240289/pix/user_img/Fonts/KDfont-ClanProThin.ttf') format('truetype'), /* Safari, Android, iOS */
       /*url('fonts/poppins/poppins-v15-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Clan';
  font-display: block;
  font-style: normal;
  font-weight: 400;
  src: url('/user_html/1712240289/pix/user_img/Fonts/KDfont-ClanProRegular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/user_html/1712240289/pix/user_img/Fonts/KDfont-ClanProRegular.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('/user_html/1712240289/pix/user_img/Fonts/KDfont-ClanProRegular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/user_html/1712240289/pix/user_img/Fonts/KDfont-ClanProRegular.woff') format('woff'), /* Modern Browsers */
       url('/user_html/1712240289/pix/user_img/Fonts/KDfont-ClanProRegular.ttf') format('truetype'), /* Safari, Android, iOS */
       /*url('fonts/poppins/poppins-v15-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Clan';
  font-display: block;
  font-style: normal;
  font-weight: 600;
  src: url('/user_html/1712240289/pix/user_img/Fonts/KDfont-ClanProBold.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/user_html/1712240289/pix/user_img/Fonts/KDfont-ClanProBold.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('/user_html/1712240289/pix/user_img/Fonts/KDfont-ClanProBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('/user_html/1712240289/pix/user_img/Fonts/KDfont-ClanProBold.woff') format('woff'), /* Modern Browsers */
       url('/user_html/1712240289/pix/user_img/Fonts/KDfont-ClanProBold.ttf') format('truetype'), /* Safari, Android, iOS */
       /*url('fonts/poppins/poppins-v15-latin-500.svg#Poppins') format('svg');  Legacy iOS */
}



.cs-mobileCategorys ul li div a span.cs-categorieName {
    color: var(--black) !important;
    font-weight: normal !important;
    text-transform: none !important;
    letter-spacing: normal !important;
      transition: 0.2s;

}
.cs-mobileCategorys ul li div a span.cs-categorieName:hover {
    color: var(--primary) !important;
      transition: 0.2s;

}




h1 {
    font-weight: 600 !important;
    color: var(--primary) ;

}
h2.cs-betHeading:before, 
h3.cs-siteHeading:before{
 display: none!important; 
}
h2.cs-betHeading, 
h3.cs-siteHeading{
    color: var(--primary) ;
}
h2.cs-betHeading span{
  background-color: transparent !important;
}
aside.cs-aside {
    display: none !important;
}