html body .cs-categoryPreview .cs-categoryName {border-radius: 5px;}
html body.cs-body.cs-loginpagebody {background: #d8d8d8;}
html body.cs-body.cs-loginpagebody .cs-wrapper {background: #fff;}

html body.cs-body.cs-loginpagebody .cs-login > h1 {margin: 0 0 1em 0;}

html body.cs-body.cs-loginpagebody > a {position: absolute;top: 10%;}

body.cs-body.cs-loginpagebody .cs-wrapper .cs-lang {top: 0;position: relative;float: right;}
html body.cs-body .cs-overlayButton.cs-overlayMenuButton,
html body.cs-body .cs-topPages .cs-informationsHeader, 
html body.cs-body .cs-mobileCategorys .cs-mobileCategorysHeader, 
html body.cs-body .cs-compareHeader,
html body.cs-body #bestandsbenachrichtigung .requestBtn,
html body.cs-body .cs-button1,
html body.cs-body .cs-button1:hover,
html body.cs-body footer .cs-footerNewsletterBox.input .cs-newsletterSubmit,
html body.cs-body .wkAddLayer .cs-checkoutBtn {background: #4c96cc;}
html body.cs-body .ui-dialog .ui-dialog-titlebar,
html body.cs-body .ui-dialog .ui-dialog-titlebar-close,
html body.cs-body .cs-filterButton {background: #4c96cc !important;}

html body.cs-body .cs-button1 {border-radius: 4px;}

html body.cs-body.cs-loginpagebody .cs-wrapper {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(2, 129, 146, 0.2) 5px 10px 10px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    border-radius: 10px;
    overflow: hidden;
    padding: 40px 30px 30px;
    transition: transform 0.3s, box-shadow 0.3s;
}
html body.cs-body.cs-loginpagebody .cs-wrapper::before {
    background-color: rgba(69, 105, 144, 0.15);
    bottom: -50%;
    left: 25%;
    animation: 6s linear 0s infinite normal none running wawes;
}
html body.cs-body.cs-loginpagebody .cs-wrapper::after, html body.cs-body.cs-loginpagebody .cs-wrapper::before {
    border-bottom-left-radius: 35%;
    border-bottom-right-radius: 40%;
    border-top-left-radius: 40%;
    border-top-right-radius: 45%;
    content: "";
    height: 600px;
    position: absolute;
    width: 600px;
    z-index: -1;
}

html body.cs-body.cs-loginpagebody .cs-wrapper:before {
    animation: wawes 6s linear infinite;
    background-color: #45699026;
    bottom: -50%;
    left: 25%
}

html body.cs-body.cs-loginpagebody .cs-wrapper:after {
    animation: wawes 7s infinite;
    background-color: #4997cd80;
    bottom: -65%;
    left: 33%
}

@-webkit-keyframes wawes {
  from {
    -webkit-transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes wawes {
  from {
    -moz-transform: rotate(0);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@keyframes wawes {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
} transform: rotate(1turn);
}