html body.cs-zara {font-family: 'Manrope';font-weight: 300;font-size: 16px;}
html body.cs-zara .cs-logo,
html body.cs-zara .logo {max-width: 353px;}
html body.cs-zara .cs-box {max-width: 100% !important;padding: 0;}
html body.cs-zara header {background: #eeeeee;}
html body.cs-zara.cs-start .cs-categoriesBox {background: #eee;margin-bottom: 0;}
html body.cs-zara .cs-categoriesBox {background: #eee;}
html body.cs-zara header .cs-headerContent {padding: 0;margin-bottom: 0;}

.ui-widget, .ui-widget-header {font-family: 'Manrope', sans-serif !important;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: 'Manrope', sans-serif !important;}

/* Swiper-Migration: Box auf die Caption umgezogen, Ausrichtung links */


html body.cs-zara.cs-body .slider-wrapper .swiper .swiper-slide-caption {max-width: 40%; width: auto; height: auto; top: 50%; bottom: auto; transform: translateY(-50%); left: 45px; right: auto; pointer-events: auto;}
/* Swiper-Migration: Box auf die Caption umgezogen, Ausrichtung links */

html body.cs-zara .theme-default .swiper-slide-caption {max-width: 100%;padding-left: 5em; width: auto; height: auto; top: 50%; bottom: auto; transform: translateY(-50%); left: 45px; right: auto; pointer-events: auto;}
html body.cs-zara .theme-default .swiper-slide-caption h1 {margin-bottom: 1em;font-size: 26px;color: #155c8f;}

html body.cs-zara .cs-headerContent > div {justify-content: right;}
html body.cs-zara .cs-headerContent > div .cs-logo {margin-right: auto;padding-left: 10px;}

html body.cs-zara footer .cs-footerRow.top, html body .cs-categoriesBox, html body header .cs-topBar, html body .cs-secondInfoBox {background: #eeeeee;}
html body.cs-zara header .cs-miniButtons {position: relative;align-items: center;}

html body.cs-zara .cs-miniButtons .cs-svgIcon {width: 28px;height: 28px;}

html body.cs-zara  .cs-categoriesBox, html body.cs-zara header .cs-topBar, html body.cs-zara .cs-secondInfoBox {background: #eee !important;}
html body.cs-zara  footer .cs-footerRow.top {background: #155c8f !important;color: #fff;}
html body.cs-zara  footer .cs-footerRow.top a {color: #fff;}
html body.cs-zara .cs-subtitle {display: none;}
  
html body.cs-zara h2.cs-betHeading:before {height: 0px;}
html body.cs-zara h2.cs-betHeading {text-align: left;}
html body.cs-zara h2.cs-betHeading span {padding: 0;color: #155c8f;font-size: 32px;}

html body.cs-checkout.cs-zara .logo {margin: 0 !important;padding: 1em 0;}

html body.cs-zara .cs-categoriesMegaMenu .cs-megaMenu > ul > li > a {padding: 1em 1em 1em 0;}

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,
html body.cs-body .cs-filterButton,
html body.cs-body .cs-articleDetail .cs-bestellButtons .orderBlockBtns.orderBlockBasketBtn.cs-button2 {background: #155c8f;}

html body.cs-body .cs-overlayButton.cs-overlayMenuButton:hover,
html body.cs-body #bestandsbenachrichtigung .requestBtn:hover,
html body.cs-body .cs-button1:hover,
html body.cs-body footer .cs-footerNewsletterBox.input .cs-newsletterSubmit:hover,
html body.cs-body .wkAddLayer .cs-checkoutBtn:hover,
html body.cs-body .cs-filterButton:hover,
html body.cs-body .cs-articleDetail .cs-bestellButtons .orderBlockBtns.orderBlockBasketBtn.cs-button2:hover {background: #155c8f;}