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

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


.cs-footerRow.top, 
.cs-footerRow.payments, 
.cs-footerRow.copyright, 
footer{
    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: 600 !important;
}
/* Info Boxen in leicht transparent Grün*/
.cs-infoBox {
    background: var(--secondary);
    color: white; 
}




/*---------------------------BUTTONS--------------------------*/

a.cs-button3, 
.cs-button3, 
input.cs-button3{
    background: var(--secondary) !important;
    color: var(--white)  !important;
    font-weight: 600;
    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: 2px solid var(--black) !important;
    border-radius: 0px !important;

}

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

body * {
    font-family: 'Zurich' sans-serif !important; 
}
/*@font-face {
    font-family: 'Zurich';
    font-style: normal;
    font-weight: 600;
    src: url(/cosmoshop/default/pix/user_img/Fonts/Zurich_BT.woff) format('woff')
}
@font-face {
    font-family: 'Zurich';
    font-style: normal;
    font-weight: 400;
    src: url(/cosmoshop/default/pix/user_img/Fonts/Zurich_Bold_BT.woff) format('woff')
}*/