/*---------------------------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) !important;
    border: 0px solid var(--primary) !important;
    border-radius: 0px !important;
    transition: 0.2s; 
}
.cs-filterButton.cs-overlayButton.cs-standardButton:hover{
    background: var(--secondary) !important; 
    transition: 0.2s;
    border: 0px solid var(--secondary) !important; 
  
}
.cs-button1{
    transition: 0.2s; 
 
}
.cs-button1:hover{
    background: var(--secondary) !important; 
    transition: 0.2s;
  
}
.cs-button3 {
    border: 0px solid var(--primary) !important;
    border-radius: 0px !important;

  html body.cs-body article.cs-categoryPreview .cs-categoryName {background: #62b42b;color: #62b42b;}
}

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

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



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

/* alles drüber ist NICHT von cosmoshop */
html body .cs-badgesBox .badgeGreen {background: #097220 !important;}
html body.cs-body footer, html body.cs-body footer a, html body.cs-body .cs-footerRow.copyright {color: #fff;}
html body.cs-body .cs-footerRow.top, 
html body.cs-body .cs-footerRow.payments, 
html body.cs-body .cs-footerRow.copyright, 
html body.cs-body footer{background: #097220 !important;}
html body.cs-body article.cs-categoryPreview .cs-categoryName {background: #097220;color: #fff;}