.cs-primaryBackground {background: #003867;}
.cs-form.checkoutStep4 img {max-width: 130px;}
.cs-topHinweis {max-width: 1200px;margin: 0 auto;padding: 8px 0;font-weight: 600;font-size: 19px;text-align: center;}
.cs-topHinweis svg {max-width: 70px;}

/* usps */
.cs-usps {max-width: 84em;display: flex;flex-wrap: wrap;gap: 1em;justify-content: space-between;margin: 6em auto 5em auto;position: relative;}
.cs-usps .cs-uspItem {width: calc(100%/3 - 1em);border: 2px dashed #ccc;text-align: center;padding: 1em;}
.cs-usps .cs-uspHeader {color: #3d3d3d;text-transform: uppercase;font-weight: 800;font-size: 22px;margin: 1em 0;}
.cs-usps .cs-uspIcon {margin-top: -65px;background: #fff;display: inline-block;padding: 0 2em;}

header .cs-svgIcon path {fill: #fff;}
header .cs-miniwk span {color: #fff;}
header .cs-logo img {max-width: 200px;}
header .cs-headerContent {margin-bottom: 0;}
header .cs-miniButtons {margin-left: auto;}
header .cs-categoriesBox,
body.cs-start header .cs-categoriesBox {margin-bottom: 0;background: rgba(0,0,0,0);}
header .cs-categoriesBox a {color: #fff;}
header .cs-headerContent .cs-container .cs-categoriesTop {margin-left: 2em;}
body .cs-startSlider {max-width: 100%;width: 100%;overflow: hidden;max-height: 800px;display: flex;align-items: center;}
footer .cs-footerRow .cs-footerBox h3 {color: #fff;margin-bottom: 12px;}
footer .cs-footerRow .cs-footerBox a.cs-partnerButton {display: inline-block;background: #009ee0;color: #fff;font-size: 20px;text-align: center;border-radius: 5px;margin-top: 1em;padding: 10px 15px;}
footer .cs-footerRow .cs-footerBox a.cs-partnerButton:hover {background: #fff;color: #343434;}

/* checkout */
body.cs-checkout header {background: #003867;padding: 1em 0;color: #fff;}
body.cs-checkout header a {color: #fff;}
body.cs-checkout header .logo {max-width: 200px;margin: 12px 0;}
body.cs-checkout header div#infoblock {display: flex;align-items: center;gap: 3em;}
body.cs-checkout .cs-footer .cs-payments {display: none;}
body.cs-checkout .cs-infoBox.cs-revocationBox {display: none;}

/* start */
.cs-startImpact {background: #0a0a0a;padding: 1em 0 3em 0;color: #ffffff;}
.cs-startImpact .cs-startImpactInner {max-width: 83em;margin: 0 auto;display: flex;flex-wrap: wrap;}
.cs-startImpact .cs-startImpactInner h1 {color: #009de0;}
.cs-startImpact img {max-height: 145px;filter: brightness(0) invert(1);}
.cs-startImpact .cs-startImpactInner .cs-startImpactImage {width: 15%;display: flex;align-items: center;margin-top: 20px;}
.cs-startImpact .cs-startImpactInner .cs-startImpactContent {width: 85%;}

/* slider */
.theme-default .nivo-controlNav a.active {background: #000000 !important;}
.theme-default .nivo-controlNav a {background: #009ee0 !important;}
html body .theme-default .nivo-caption .cs-captionWrapper {
    display: flex;
    height: auto;
    color: #fff;
    padding: 2em;
    max-width: 100%;
    flex-direction: column;
    justify-content: center;
    background: rgba(0, 0, 0, 0.75);
    top: 20%;
    position: relative;
    margin: 0 10%;
}
html body .theme-default .nivo-caption .cs-captionWrapper h3 {font-size: 4vw;line-height: 90px;color: #fff;}
html body .theme-default .nivo-caption {opacity: 1;}
html body .theme-default .nivo-caption .cs-captionWrapper .cs-sliderButton {cursor: pointer;background: #003867;font-size: 21px;display: inline-block;width: 186px;padding: 10px;border-radius: 5px;text-align: center;margin-top: 1em;}
html body .theme-default .nivo-caption .cs-captionWrapper .cs-sliderButton:hover {background: #fff;color: #003867;}
html body.cs-body .slider-wrapper .nivoSlider .nivo-caption {pointer-events: all;z-index: 10;}

/* detail */
.cs-blueBox {background: #003867;color: #fff;padding: 2em;margin-bottom: 2em;}
.cs-blueBox h3 {color: #fff;}
.cs-articleDetail .articlePriceBox .cs-priceFormat .priceRow .price span.cs-prc {font-weight: 800;font-size: 44px;color: #003867;}
.cs-articleDetail .cs-executionBox {display: flex;flex-wrap: wrap;margin: 7px 0 2em 0;}
.cs-articleDetail .cs-executionBox svg {width: 3em;margin-left: 1em;}
.cs-articleDetail .cs-executionBox svg path {fill: #009EE0;}
.cs-articleDetail .cs-execution input, .cs-execution select {width: 100%;}
.cs-articleDetail .cs-execution {margin: 0;width: 89%;}
.cs-articleDetail .cs-colorContainer {color: #003867;font-size: 18px;font-weight: 700;font-family: 'Space Grotesk', sans-serif;margin-top: 2em;}
.cs-articleDetail #tabs .tabs span {padding-bottom: 0.3em;font-size: 21px;}
.cs-articleDetailTopBox {display: none;}
.cs-articleDetail #tabs div span a {padding-bottom: 0.3em;font-size: 21px;display: inline-block;padding: 16px 2em 0.5em 0em;cursor: pointer;}
.cs-pdfHinweis {display: none;border: 1px solid #d42020;border-radius: 5px;padding: 10px;background: #fff7f7;color: #d42020;max-width: 89%;}
.cs-checkout .cs-pdfHinweis {width: 96%;max-width: 100%;margin-top: 6px;}
.cs-checkout .carttable .cs-pdfHinweis {width: 100%;}
.cs-articleDetail .blockPriceCalc {margin-bottom: 1em;}
.cs-vertagsPdf {display: none;}

/* footer */
footer .cs-footerTop {margin-top: 0;}

/* main */
footer .cs-footerRow.top {background: #424242;color: #fff;}
footer .cs-footerRow.top a {color: #fff;}
footer .cs-footerBox .cs-logo img {max-width: 200px;margin-bottom: 1em;}

/* general */
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: #003867;}
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: #003867 !important;}
html body.cs-body .cs-topBar {display: none;}
.theme-default .nivo-controlNav a.active {background: #000000 !important;}
.wkAddLayer .cs-backToShopping {margin-bottom: 10px;}

/* tarife */
table.cs-tarifTable {border-collapse: collapse;width: 100%;}
table.cs-tarifTable tr td {padding: 20px;border: 1px solid #343434;}

/* ui */
.ui-dialog .ui-button .ui-icon {filter: brightness(0) invert(1);}

/* desc */
.cs-descBox {display: flex;flex-wrap: wrap;}
.cs-descBox img {height: auto !important;width: 100%;display: block;}
.cs-descBox .cs-descBoxImage {width: 50%;padding: 0;}
.cs-descBox .cs-descText {width: 50%;padding: 2em;font-size: 20px;}
.cs-descBox .cs-descText .cs-descTextHeader {font-size: 24px;font-weight: 700;margin-bottom: 1em;}
.cs-descBox .cs-descText .cs-descTextContent {font-size: 20px;padding: 0;}

/* faq */
.accordion .accordion-item {border-bottom: 1px solid #e5e5e5;}
.accordion .accordion-item button[aria-expanded=true] {border-bottom: 1px solid #003867;}
.accordion .accordion-item button[aria-expanded=true] .accordion-title {font-weight: 700;}
.accordion button {position: relative;display: block;text-align: left;width: 100%;padding: 1em 0;color: #000;font-size: 1.15rem;font-weight: 400;border: none;background: none;outline: none;}
.accordion button:hover, .accordion button:focus {cursor: pointer;color: #343434;}
.accordion button:hover::after, .accordion button:focus::after {cursor: pointer;color: #03b5d2;border: 1px solid #03b5d2;}
.accordion button .accordion-title {padding: 1em 1.5em 1em 0;}
.accordion button .icon {display: inline-block;position: absolute;top: 18px;right: 0;width: 22px;height: 22px;border: 1px solid;border-radius: 22px;}
.accordion button .icon::before {display: block;position: absolute;content: "";top: 9px;left: 5px; width: 10px;height: 2px;background: currentColor;}
.accordion button .icon::after {display: block;position: absolute;content: "";top: 5px;left: 9px;width: 2px;height: 10px;background: currentColor;}
.accordion button[aria-expanded=true] {color: #003867;}
.accordion button[aria-expanded=true] .icon::after {width: 0;}
.accordion button[aria-expanded=true] + .accordion-content {opacity: 1;max-height: none;transition: all 200ms linear;will-change: opacity, max-height;padding: 2em 0;}
.accordion .accordion-content {opacity: 0;max-height: 0;overflow: hidden;transition: opacity 200ms linear, max-height 200ms linear;will-change: opacity, max-height;}
.accordion .accordion-content p {font-size: 1rem;font-weight: 300;margin: 2em 0;}

/* footer service */
.cs-service {margin-top: 4em;background-size: cover !important;background-position: center !important;min-height: 387px;}
.cs-service .cs-serviceInner {max-width: 82em;margin: 0 auto;}
.cs-service .cs-serviceInner .cs-serviceHeader {font-size: 33px;font-weight: 700;font-family: 'Space Grotesk', sans-serif;margin-bottom: 1em;padding-top: 2em;}
.cs-service .cs-serviceInner .cs-serviceText {font-size: 26px;}
.cs-service .cs-serviceInner .cs-serviceButton {cursor: pointer;background: #003867;font-size: 21px;display: inline-block;width: 270px;padding: 10px;border-radius: 5px;text-align: center;margin-top: 1em;}
.cs-service .cs-serviceInner .cs-serviceButton a {color: #fff;}
.cs-service .cs-serviceInner .cs-serviceButton:hover {background: #fff;}
.cs-service .cs-serviceInner .cs-serviceButton:hover a {color: #003867;}

/* cs-pdfs */
.cs-pdfs {margin: 5px 0;}
.cs-pdfs .cs-pdf {display: flex;flex-wrap: wrap;align-items: center;background: #ffffff;border-radius: 5px;margin-bottom: 5px;width: 220px;justify-content: left;padding: 2px 5px;font-weight: 600;}
.cs-pdfs .cs-pdf svg {max-width: 33px;margin-right: 6px;}

/* startcont */
.cs-startCont {background: rgba(10,10,10,1);
background: -moz-linear-gradient(left, rgba(10,10,10,1) 0%, rgba(10,10,10,1) 80%, rgba(0,157,224,1) 80%, rgba(0,157,224,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(10,10,10,1)), color-stop(80%, rgba(10,10,10,1)), color-stop(80%, rgba(0,157,224,1)), color-stop(100%, rgba(0,157,224,1)));
background: -webkit-linear-gradient(left, rgba(10,10,10,1) 0%, rgba(10,10,10,1) 80%, rgba(0,157,224,1) 80%, rgba(0,157,224,1) 100%);
background: -o-linear-gradient(left, rgba(10,10,10,1) 0%, rgba(10,10,10,1) 80%, rgba(0,157,224,1) 80%, rgba(0,157,224,1) 100%);
background: -ms-linear-gradient(left, rgba(10,10,10,1) 0%, rgba(10,10,10,1) 80%, rgba(0,157,224,1) 80%, rgba(0,157,224,1) 100%);
background: linear-gradient(to right, rgba(10,10,10,1) 0%, rgba(10,10,10,1) 80%, rgba(0,157,224,1) 80%, rgba(0,157,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0a0a', endColorstr='#009de0', GradientType=1 );}
.cs-startCont .cs-startContInner {max-width: 83em;margin: 0 auto;display: flex;flex-wrap: wrap;padding: 4em 0em;}
.cs-startCont .cs-startContInner .cs-startContContent {width: 70%;color: #fff;padding-right: 2em;}
.cs-startCont .cs-startContInner .cs-startContPicture {width: 30%;}
.cs-startCont .cs-startContInner .cs-startContHeader h2 {color: #009de0;text-transform: uppercase;font-size: 56px;margin-bottom: 1em;font-weight: 400;}
.cs-startCont .cs-startContInner .cs-startContContent .cs-startContText {font-size: 20px;}
.cs-startCont .cs-startContInner .cs-startContContent .cs-startContText strong {color: #009DE0;}
.cs-startCont .cs-startContInner .cs-startContContent .cs-startContText span {color: #bbb;}

/* startbanner */
.cs-startBanner {margin: 5em 0 5em 0;}
.cs-startBanner .cs-startBannerInner {max-width: 83em;margin: 0 auto;display: flex;flex-wrap: wrap;}
.cs-startBanner .cs-startBannerInner .cs-startBannerBox1 {width: 30%;}
.cs-startBanner .cs-startBannerInner .cs-startBannerBox1 .cs-startBannerText2 {color: #009de0;}
.cs-startBanner .cs-startBannerInner .cs-startBannerBox2 {width: 53%;}
.cs-startBanner .cs-startBannerInner .cs-startBannerBox3 {width: 17%;}
.cs-startBanner .cs-startBannerInner .cs-startBannerText1 {font-weight: 800;font-size: 20px;}
.cs-startBanner .cs-startBannerInner .cs-startBannerText2 {font-weight: 600;font-size: 31px;}
.cs-startBanner .cs-startBannerInner .cs-startBannerButton {text-align: right;}
.cs-startBanner .cs-startBannerInner .cs-startBannerButton a {margin: 0 auto;cursor: pointer;background: #003867;font-size: 21px;display: inline-block;width: 158px;padding: 10px;border-radius: 5px;text-align: center;color: #fff;}
.cs-startBanner .cs-startBannerInner .cs-startBannerButton:hover a {background: #fff;color: #003867;}

/* productconbtainer */
.cs-productCntainer {margin-bottom: 9em;}
.cs-productCntainer .cs-productContainerInner {max-width: 84em;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between}
.cs-productCntainer .cs-productContainerInner .cs-productItem {width: calc(100%/2 - 2em);margin: 0;border-radius: 5px;position: relative;height: 400px;color: #fff;}
.cs-productCntainer .cs-productContainerInner .cs-productItem img {max-width: 70%;margin: 0 auto;position: absolute;}
.cs-productCntainer .cs-productContainerInner .cs-productItem .cs-productContainerContent {padding: 15px 29px;}
.cs-productCntainer .cs-productContainerInner .cs-productItem .cs-productContainerContent .cs-productContainerHeader {font-size: 43px;font-family: 'Space Grotesk', sans-serif;font-weight: 700;}
.cs-productCntainer .cs-productContainerInner .cs-productItem .cs-productContainerContent .cs-productContainerText {font-size: 24px;}
.cs-productCntainer .cs-productContainerInner .cs-productItem .cs-productContainerContent .cs-productContainerButton a {position: absolute;right: 13px;bottom: 13px;background: #fff;color: #000;padding: 1em;border-radius: 5px;font-size: 23px;cursor: pointer;}
.cs-productCntainer .cs-productContainerInner .cs-productItem:nth-of-type(2) .cs-productContainerContent .cs-productContainerButton a {left: 13px;right: auto;}
.cs-productCntainer .cs-productContainerInner .cs-productItem:nth-of-type(1) {background: #009de0;}
.cs-productCntainer .cs-productContainerInner .cs-productItem:nth-of-type(1) img {bottom: -65px;left: -65px;}
.cs-productCntainer .cs-productContainerInner .cs-productItem:nth-of-type(2) {background: #003867;}
.cs-productCntainer .cs-productContainerInner .cs-productItem:nth-of-type(2) img {bottom: -65px;right: -65px;max-width: 60%;}
.cs-productCntainer .cs-productContainerInner .cs-productItem:nth-of-type(1) .cs-productContainerText,
.cs-productCntainer .cs-productContainerInner .cs-productItem:nth-of-type(1) .cs-productContainerHeader {text-align: right;}

.cs-sombra-movil:hover {
  transform: translateY(-6px);
  transition-duration: 0.3s;
  animation: 1.5s mover-caja infinite;
}
.cs-sombra-movil:before{
  content: '';
  background: radial-gradient(ellipse, 
    rgba(0,0,0,0.35) 0%, 
    rgba(0,0,0,0) 80%);
  width: 90%;
  height: 20px;
  top: 100%;
  left: 5%;
  position: absolute;
  opacity: 0;
}
.cs-sombra-movil:hover:before{
  opacity: 1;
  transform: translateY(6px);
  transition-duration: 0.3s;
  animation: 1.5s mover-sombra infinite;
}

@keyframes mover-caja{ 
  50%{ 
    transform: translateY(-10px);
  } 
}
@keyframes mover-sombra{
  50%{
    opacity: 1;
    transform: translateY(10px) scale(0.9)
  }
}