:root {
  --color: #0092D1;
} 

#header {background: #ffffff;}
.btn-color-2,
.btn-color-2:hover,
.activeTab,
.btn-color-5,
.btn-color-5:hover,
.breadcrumb > li.active > .wkStep {background: var(--color);}
.breadcrumb > li.active > .wkStep:after {border-left-color: var(--color);}
.activeTab {color: #fff;}
.left .sidebox h2 {border-left: 5px solid var(--color);}
#breadCrumb {padding-left: 10px;}
.left-nav-bg-color:hover {background-color: #f8f8f8;color: #343434;}
footer {background: #55565B;color: #fff;}
footer a {color: #fff !important;}
#tabs > .tabcontent {padding: 1em;}
.categoriesBox {background: #f6f6f6;}
#quickLinks ul li.merklisteBtn {padding: 10px 5px;}
    
.subCategoryXXXX .categoryPreview img {display: none;}
    
body.loginpagebody {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;min-height: 94vh;line-height: 17px;} 
body.loginpagebody #login, .loginpagebody .header {max-width: 100%;margin: 0 auto;}
body.loginpagebody .cs-footerContainer {left: 0;position: absolute;}
body.loginpagebody .header .logo {max-width: 300px;}
body.loginpagebody #login {border: 0;padding: 0;overflow: unset;}
body.loginpagebody #login h1 {display: none;}
body.loginpagebody #login .sso-links {text-align: center;font-size: 20px;font-weight: 600;color: #004E94;margin: 1em 0 2em 0;}   
body.loginpagebody #login .loginBtn {background: #015097;color: #fff;border-radius: 5px;}    
body.loginpagebody #login .kontoButton {background: #fff;border: 1px solid #015097;border-radius: 5px;color: #015097;}
body.loginpagebody .cs-loginContainer {max-width: 500px;}
body.loginpagebody .cs-fliesText {margin-bottom: 2em;padding: 0 1em;}    
body.loginpagebody .cs-loginRowBox {display: flex;flex-wrap: wrap;justify-content: space-between;}
body.loginpagebody .cs-loginRowBox > div {width: 49%;position: relative;border: 1px solid #004F97;padding: 2.5em 2.5em 6em 2.5em;border-radius: 5px;}
body.loginpagebody .cs-loginRowBox .loginBtn {position: absolute;bottom: 7%;left: 12%;width: 77%;}
body.loginpagebody .cs-loginRowBox .loginCon:nth-of-type(2) {background: #004F97;color: #fff;}
body.loginpagebody .cs-bottomText {margin-top: 2em;padding: 0 1em;} 
body.loginpagebody .cs-bottomText a {text-decoration: underline;}
    
@media (max-width: 1000.98px) { 
  .warenkorbTop {display: none;}
  #header .topItem.searchBox {float: right;padding-top: 0;}
  #infoblock > #logo {margin: 1em 0 0 1em;}
  .mobileSearchContainer .mobileBtns {width: 100%;}
  #categoriesTop .menu-button {color: #111;}
  #header .topItem.searchBox {width: auto;float: none;}
  #infoblock {display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 3em;}
  #header .topItem.pointsBox {display: none;}
  #searchBar {width: 100%;}
  .mobileSearch,
  .mobileSearch .mobileBtns {display: block !important;}
  #searchBar #search {display: none;}
  #sprachumschaltung {position: relative;right: auto;z-index: 20015;margin-top: 5px;text-align: right;margin-right: 5px;}
}