html body.cs-kellerReDesign {font-size: 14px;}
html body.cs-kellerReDesign .gradient-bg {background: #03396c;background: -moz-linear-gradient(left,#03396c 0%,#0354a2 100%);background: -webkit-linear-gradient(left,#03396c 0%,#0354a2 100%);background: linear-gradient(to right,#03396c 0%,#0354a2 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#03396c",endColorstr="#0354a2",GradientType=1);}
html body.cs-kellerReDesign .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
html body.cs-kellerReDesign header .cs-headerContent .cs-container {flex-direction: row-reverse;}
html body.cs-kellerReDesign header .cs-headerContent {margin: 0 auto;padding: 10px 0;margin-bottom: 0;}
html body.cs-kellerReDesign .cs-logo {max-width: 100px;}
html body.cs-kellerReDesign .cs-logo a {display: block;}
html body.cs-kellerReDesign header .cs-topBar {background: #1e4e9d;display: none !important;}
html body.cs-kellerReDesign header .cs-topBar .cs-infosites li a {color: #fff;}
html body.cs-kellerReDesign header .cs-topBar .cs-infosites svg path {fill: #fff;}
html body.cs-kellerReDesign .cs-subtitle, 
html body.cs-kellerReDesign .cs-categoriesTop a, 
html body.cs-kellerReDesign .cs-topPages > ul > li a, 
html body.cs-kellerReDesign .cs-lagerBox > div, 
html body.cs-kellerReDesign footer .cs-footerNewsletterBox.text, 
html body.cs-kellerReDesign .cs-articleDetail .cs-articlePriceInfo, 
html body.cs-kellerReDesign .cs-inStock, 
html body.cs-kellerReDesign .cs-cartBoxArticleId a {font-size: 13px;}
html body.cs-kellerReDesign .cs-middleStock {color: #000 !Important;}
html body.cs-kellerReDesign .cs-miniButtons .cs-searchBar {display: none;}
html body.cs-kellerReDesign .cs-searchSelect {position: absolute;z-index: 1;right: 25px;top: 0;}
html body.cs-kellerReDesign .cs-searchSelect select {border-radius: 0 25px 25px 0;background: #fff;border: 0;padding-top: 13px;border-left: 1px solid #dadadd;position: relative;top: 1px;width: 267px;}
html body.cs-kellerReDesign .cs-topsearch input {padding-left: 219px;}
html body.cs-kellerReDesign .cs-topsearch svg {position: absolute;right: 8px;top: 6px;width: 33px;cursor: pointer;z-index: 9;background: #009fe3;border-radius: 250px;padding: 3px;}
html body.cs-kellerReDesign .cs-topsearch svg path {fill: #fff;}
html body.cs-kellerReDesign .cs-topsearch {position: relative;}
html body.cs-kellerReDesign .cs-topsearch input[type="text"] {border: 0;max-width: 100%;border-radius: 36px;width: 700px !important;max-width: 100% !important;border: 1px solid #dadadd;padding-left: 15px;}
html body.cs-kellerReDesign .cs-topsearch #liveSearchResult {position: absolute !important;z-index: 999;width: 100%;padding: 16px;border-radius: 22px;}
html body.cs-kellerReDesign .cs-topsearch #liveSearchResult ul.cs-livesearch li {background: #009fe3;border-bottom: 0.1em solid #fff;padding: 3px 10px;border-radius: 13px;}
html body.cs-kellerReDesign .visually-hidden {visibility: hidden;width: 0;display: block;}
html body.cs-kellerReDesign .topbar {display:flex;align-items:center;justify-content:space-between;background-color:#040f25;padding:20px 10px;gap:40px;flex-wrap:wrap;margin-top: 3em;}
html body.cs-kellerReDesign .topbar .logo{color:#fff;font-size:28px;font-weight:700;letter-spacing:.5px;display:flex;align-items:center}
html body.cs-kellerReDesign .topbar .logo .highlight-x{color:gold;font-size:32px;margin:0 1px}
html body.cs-kellerReDesign .topbar .divider{width:1px;height:40px;background-color:rgba(255,255,255,.1)}
html body.cs-kellerReDesign .topbar .info-item{display:flex;align-items:center;gap:15px;width: 220px;}
html body.cs-kellerReDesign .topbar .icon{color:gold;font-size:22px}
html body.cs-kellerReDesign .topbar .info-text{display:flex;flex-direction:column}
html body.cs-kellerReDesign .topbar .info-text .title{color:#fff;font-size:16px;font-weight:600;margin-bottom:2px}
html body.cs-kellerReDesign .topbar .info-text .subtitle{color:#a0aabf;font-size:14px;font-weight:400}
html body.cs-kellerReDesign .topbar svg {max-width: 27px;}
html body.cs-kellerReDesign .topbar img {max-width: 79px;}
html body.cs-kellerReDesign .topbar span.cs-pumpsLogo {font-weight: 700;font-size: 22px;text-transform: uppercase;}
html body.cs-kellerReDesign .cs-categoryPreview .cs-categoryName a {font-size: 17px;}

html body.cs-kellerReDesign header .cs-miniButtons > ul > li a {padding: 15px;}
html body.cs-kellerReDesign .cs-categoriesBox > .cs-container > ul > li a {padding: 15px;}

html body.cs-kellerReDesign footer .cs-footerBox .cs-footerBoxHeader {margin: 10px 0px 20px 0;font-weight: 600;font-size: 21px;color: #009fe3;}
html body.cs-kellerReDesign header .cs-miniButtons .cs-svgIcon path {fill: #fff;}
html body.cs-kellerReDesign .cs-miniwk span {color: #fff;}
html body.cs-kellerReDesign .cs-topBar .cs-topText {color: #fff;display: flex;gap: 10px;align-items: center;width: 400px;}
html body.cs-kellerReDesign .cs-topBar .cs-topText span {color: #fff;font-size: 15px;font-weight: 600;}
html body.cs-kellerReDesign .cs-topBar .cs-topText svg {max-width: 30px;}
html body.cs-kellerReDesign .cs-categoriesBox > .cs-container {display: flex;justify-content: left;}
html body.cs-kellerReDesign .cs-categoriesBox > .cs-container > ul {margin-left: auto;}
html body.cs-kellerReDesign .cs-categoriesBox > .cs-container .cs-addMenu ul {margin: 0;padding: 0;list-style: none;display: flex;gap: 2.5em;height: 100%;align-items: center;margin-left: 2em;}
html body.cs-kellerReDesign .cs-categoriesBox > .cs-container .cs-addMenu ul a {font-size: 15px;font-weight: 500;}
html body.cs-kellerReDesign.cs-start .cs-categoriesBox,
html body.cs-kellerReDesign .cs-categoriesBox{background: #ffffff;margin-bottom: 0;}
html body.cs-kellerReDesign h2.cs-betHeading:before {height: 0px;}
html body.cs-kellerReDesign h2.cs-betHeading {text-align: left;margin: 3em 0 2em 0;text-transform: none;}
html body.cs-kellerReDesign h2.cs-betHeading span {padding: 0;position: relative;}
html body.cs-kellerReDesign footer .cs-copyrightBox,
html body.cs-kellerReDesign footer .cs-copyrightBox a {color: #fff;}
html body.cs-kellerReDesign .cs-categoryPreview .categoryCount {position: absolute;top: 3%;left: 3%;z-index: 11;color: #000;background: #fff;padding: 4px 10px;font-size: 14px;font-weight: 500;border-radius: 10px;}
html body.cs-kellerReDesign footer .cs-copyrightBox a.cs-wider {color: #009fe3;}
html body.cs-kellerReDesign .cs-categoryPreview .cs-categoryName{position:relative;bottom:auto;left:auto;font-size:.9rem;font-weight:600;background:#fff;min-width:100%;text-align:center;-webkit-transform:unset;transform:unset}
html body.cs-kellerReDesign .owl-carousel .owl-stage {display: flex;align-items: center;}
html body.cs-kellerReDesign .cs-owlCarousel {background: #fff;margin: 3em 0;padding: 30px;overflow: hidden;overflow: hidden;max-width: 1314px;margin: 0 auto;}
html body.cs-kellerReDesign .cs-owlCarousel .owl-nav,
html body.cs-kellerReDesign .cs-owlCarousel .owl-dots {display: none;}

:root {
  --secondary: #009fe3;
}

html body.cs-kellerReDesign .vertical-menu{width:19%;margin-right:20px}
html body.cs-kellerReDesign .vertical-category{position:relative;cursor:pointer;padding:17px 0}
html body.cs-kellerReDesign .vertical-menu-heading{text-transform:capitalize;text-align:left;border-right:1px solid rgba(0,0,0,.1);cursor:pointer}
html body.cs-kellerReDesign .vertical-menu-heading .menu-icon{padding: 6px;background-image:url(../image/themeimage/vertical-menu.svg);background-size:14px 14px;background-repeat:no-repeat;height:36px;width:36px;display:inline-block;vertical-align:top;background-color:var(--secondary);margin-right:7px;background-position:center center}
html body.cs-kellerReDesign .vertical-heading-text{font-size:13px;font-weight:400;color:#000b1c;display:inline-block;vertical-align:top;line-height:18px}
html body.cs-kellerReDesign .vertical-heading-text span{font-size:15px;font-weight:600;color:#000b1c;display:block;line-height:18px;transition:.3s}
html body.cs-kellerReDesign .vertical-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-in-out;overflow:hidden;position:absolute;z-index:99;height:0}
html body.cs-kellerReDesign .vertical-content>ul{min-height:0}
html body.cs-kellerReDesign .vertical-content.is-open{grid-template-rows:1fr;height:auto;margin-top:17px}
html body.cs-kellerReDesign ul#nav-one,
html body.cs-kellerReDesign ul#nav-one ul{list-style:none;padding:0;margin:0}
html body.cs-kellerReDesign #nav-one{width:335px;background-color:#fff;box-shadow:0 4px 15px rgba(0,0,0,.05);border:1px solid #f0f0f0;display:block!important}
html body.cs-kellerReDesign #nav-one li{position:relative;border-bottom:1px solid #f2f2f2}
html body.cs-kellerReDesign #nav-one li:last-child{border-bottom:none}
html body.cs-kellerReDesign #nav-one li a{display:flex;align-items:center;padding:16px 20px;color:#222;text-decoration:none;font-size:15px;font-weight:500;transition:all .2s ease-in-out}
html body.cs-kellerReDesign #nav-one li:hover>a,
html body.cs-kellerReDesign #nav-one li>a:hover{color:#2457aa;background-color:#fcfcfc}
html body.cs-kellerReDesign #nav-one li.dropdown>a::after{content:"";display:block;width:14px;height:14px;margin-left:auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23999999'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;transition:filter .2s}
html body.cs-kellerReDesign #nav-one li.dropdown:hover>a::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231a56db'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")}
html body.cs-kellerReDesign #nav-one .dropdown-menu{position:absolute;top:0;left:calc(100% + 1px);min-width:319px;background-color:#fff;border:1px solid #f0f0f0;border-left:2px solid #009fe3;box-shadow:3px 3px 15px rgba(0,0,0,.08);z-index:1000;visibility:hidden;opacity:0;transform:translateX(20px);transition:opacity .3s ease,transform .3s cubic-bezier(0.25,.8,.25,1),visibility .3s ease}
html body.cs-kellerReDesign #nav-one li.dropdown:hover>.dropdown-menu{visibility:visible;opacity:1;transform:translateX(0)}
html body.cs-kellerReDesign #nav-one .dropdown-menu .dropdown-menu{top:-1px}
html body.cs-kellerReDesign #nav-one .dropdown-inner{padding:0}
html body.cs-kellerReDesign #nav-one .dropdown-menu::before{content:"";position:absolute;top:0;left:-25px;width:25px;height:100%;background-color:transparent}
html body.cs-kellerReDesign .mobile-arrow-zone{display:none}
html body.cs-kellerReDesign .cs-bannerRow {margin-top: -6em;position: relative;z-index: 9;}
html body.cs-kellerReDesign .cs-bannerLayout99 {display: grid;gap: 20px;grid-template-columns: 1fr;}
html body.cs-kellerReDesign .cs-bannerRow .cs-bannerItem {cursor: pointer;}
html body.cs-kellerReDesign .cart-container{display:inline-flex;align-items:center;text-decoration:none;padding:15px;gap:12px}
html body.cs-kellerReDesign .cart-container .icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}
html body.cs-kellerReDesign .cart-container .cs-svgIcon{color:#fff}
html body.cs-kellerReDesign .cart-container .badge{position:absolute;top:-2px;padding-top: 3px;left:14px;background-color:#fc0;color:#000;font-size:11px;font-weight:500;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}
html body.cs-kellerReDesign .cart-container .text-wrapper{display:flex;flex-direction:column;line-height:1.2}
html body.cs-kellerReDesign .cart-container .title{color:#000;font-size:0.85rem;font-weight: 500;}
html body.cs-kellerReDesign .cart-container .price{color:#fc0;font-size:16px;font-weight:600;margin-top:0;text-align:right}
html body.cs-kellerReDesign .account-container{display:inline-flex;align-items:center;text-decoration:none;padding:10px 15px;gap:10px}
html body.cs-kellerReDesign .account-container .account-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#fff}
html body.cs-kellerReDesign .account-container .svg-icon{width:100%;height:100%}
html body.cs-kellerReDesign .account-container .account-details{display:flex;flex-direction:column;line-height:1.2}
html body.cs-kellerReDesign .account-container .account-signin{color:#000;font-size:0.85rem;font-weight: 500;}
html body.cs-kellerReDesign .account-container .account-label{color:#fc0;font-size:16px;font-weight:700;display:flex;align-items:center;gap:4px}
html body.cs-kellerReDesign .account-container .account-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fc0;margin-top:2px}
html body.cs-kellerReDesign footer {overflow: hidden;background: #02112b;margin-top: 6em;}
html body.cs-kellerReDesign footer .cs-footerRow.top,
html body.cs-kellerReDesign footer .cs-footerRow.top a {background: #02112b;color: #fff !important;font-size: 16px;}
html body.cs-kellerReDesign footer .cs-footerRow.top a {text-decoration: none;}
html body.cs-kellerReDesign footer .cs-footerTop {margin-top: 0;}
html body.cs-kellerReDesign .cs-bannerLayout99 {grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr 1fr;}
html body.cs-kellerReDesign .cs-bannerLayout99 .cs-bannerItem:nth-of-type(1) {grid-column: 1 / 2;grid-row: 1 / 2;}
html body.cs-kellerReDesign .cs-bannerLayout99 .cs-bannerItem:nth-of-type(2) {grid-column: 2 / 3;grid-row: 1 / 2;}
html body.cs-kellerReDesign .cs-bannerLayout99 .cs-bannerItem:nth-of-type(3) {grid-column: 3 / 4;grid-row: 1 / 3; }
html body.cs-kellerReDesign .cs-bannerLayout99 .cs-bannerItem:nth-of-type(4) {grid-column: 1 / 3; grid-row: 2 / 3;}
html body.cs-kellerReDesign .cs-topPages .cs-topPagesBurger span {font-size: 14px;color: #fff;}
html body.cs-kellerReDesign .cs-topPages .cs-topPagesBurger svg path {fill: #fff;}
html body.cs-kellerReDesign .cs-miniButtons .cs-searchBar {padding: 15px;}
html body.cs-kellerReDesign .cs-searchBar .cs-searchBlock {display: none;position: absolute;z-index: 101;width: 300px;left: auto;top: 5em;background: #fff;padding: 1em;}
html body.cs-kellerReDesign.cs-loginpagebody .cs-wrapper .cs-lang {top: 0;position: relative;float: right;}
html body.cs-kellerReDesign .cs-overlayButton.cs-overlayMenuButton,
html body.cs-kellerReDesign .cs-topPages .cs-informationsHeader, 
html body.cs-kellerReDesign .cs-mobileCategorys .cs-mobileCategorysHeader, 
html body.cs-kellerReDesign .cs-compareHeader,
html body.cs-kellerReDesign #bestandsbenachrichtigung .requestBtn,
html body.cs-kellerReDesign .cs-button1,
html body.cs-kellerReDesign .cs-button1:hover,
html body.cs-kellerReDesign footer .cs-footerNewsletterBox.input .cs-newsletterSubmit,
html body.cs-kellerReDesign .wkAddLayer .cs-checkoutBtn {background: var(--secondary);}
html body.cs-kellerReDesign .ui-dialog .ui-dialog-titlebar,
html body.cs-kellerReDesign .ui-dialog .ui-dialog-titlebar-close,
html body.cs-kellerReDesign .cs-filterButton {background: var(--secondary) !important;}
html body.cs-kellerReDesign .cs-overlayButton.cs-overlayMenuButton,
html body.cs-kellerReDesign .cs-topPages .cs-informationsHeader, 
html body.cs-kellerReDesign .cs-mobileCategorys .cs-mobileCategorysHeader, 
html body.cs-kellerReDesign .cs-compareHeader,
html body.cs-kellerReDesign #bestandsbenachrichtigung .requestBtn,
html body.cs-kellerReDesign .cs-button1,
html body.cs-kellerReDesign .cs-button1:hover,
html body.cs-kellerReDesign footer .cs-footerNewsletterBox.input .cs-newsletterSubmit,
html body.cs-kellerReDesign .wkAddLayer .cs-checkoutBtn,
html body.cs-kellerReDesign .cs-filterButton {background: var(--secondary);}
html body.cs-kellerReDesign .tabcontent{line-height:1.6;color:#333;max-width:800px;margin:0;padding:15px}
html body.cs-kellerReDesign .tabcontent p{margin-top:0;margin-bottom:1em}
html body.cs-kellerReDesign .tabcontent strong{color:#111}
html body.cs-kellerReDesign .tabcontent table.mceItemTable{width:100%!important;max-width:600px;border-collapse:collapse;margin-bottom:1.5em;border:1px solid #ddd!important}
html body.cs-kellerReDesign .tabcontent table.mceItemTable td{padding:10px 12px;border-bottom:1px solid #eee;border-right:1px solid #eee;vertical-align:top}
html body.cs-kellerReDesign .tabcontent table.mceItemTable td:last-child{border-right:none}
html body.cs-kellerReDesign .tabcontent table.mceItemTable tr:last-child td{border-bottom:none}
html body.cs-kellerReDesign .tabcontent table.mceItemTable td:first-child{background-color:#f9f9f9;font-weight:600;width:40%}
html body.cs-kellerReDesign .tabcontent table.mceItemTable tr:hover td{background-color:#f4f4f4}
html body.cs-kellerReDesign .tabcontent a{color:#06c;text-decoration:none;transition:color .2s ease-in-out}
html body.cs-kellerReDesign .tabcontent a:hover{color:#049;text-decoration:underline}

html body.cs-kellerReDesign.cs-checkout header {background: #2457aa;}
html body.cs-kellerReDesign.cs-checkout header .logo {max-width: 100px;}
html body.cs-kellerReDesign.cs-checkout header #infoblock {display: flex;align-items: center;gap: 2em;}
html body.cs-kellerReDesign.cs-checkout header #infoblock .cs-shortnav a {color: #fff;}

html body.cs-kellerReDesign .cs-categoriesBox > .cs-container .cs-addMenu .hasSites li {position: relative;}
html body.cs-kellerReDesign .cs-categoriesBox > .cs-container .cs-addMenu .hasSites {display: inline-block;margin-right: 8px;padding: 5px 0px;cursor: pointer;}
html body.cs-kellerReDesign .cs-categoriesBox > .cs-container .cs-addMenu .hasSites a {display: inline-block;display: inline-block;padding: 0.3em 0em 0.3em 1em;font-size: 0.85rem;}
html body.cs-kellerReDesign .cs-categoriesBox > .cs-container .cs-addMenu .hasSites i {position: absolute;right: -0.4em;top: 1.4em;font-size: 0.7rem;}
html body.cs-kellerReDesign .cs-categoriesBox > .cs-container .cs-addMenu .hasSites ul {display: none;}
html body.cs-kellerReDesign .cs-categoriesBox > .cs-container .cs-addMenu .hasSites ul.cs-overlay li i {right: 1em;top: 0.8em;}
html body.cs-kellerReDesign .cs-categoriesBox > .cs-container .cs-addMenu .hasSites ul.cs-overlay ul {display: block;}
html body.cs-kellerReDesign .cs-categoriesBox > .cs-container .cs-addMenu .hasSites ul.cs-overlay > li > ul > li {padding-left: 1em;}
html body.cs-kellerReDesign .cs-categoriesBox > .cs-container .cs-addMenu .hasSites .cs-svgIcon {width: 1.1em;height: 1.1em;position: relative;top: 3px;}

html body.cs-kellerReDesign .cs-categoryPreview .categoryCount {position: relative;top: auto;left: auto;text-align: center;}

/* changes */
html body.cs-kellerReDesign.cs-start .cs-categoriesBox, html body.cs-kellerReDesign .cs-categoriesBox {background: #009fe3;}
html body.cs-kellerReDesign .cs-categoriesBox > .cs-container .cs-addMenu ul a {color: #fff;}
html body.cs-kellerReDesign .cs-categoriesBox > .cs-container .cs-addMenu ul a:hover {color: #033e77;}
html body.cs-kellerReDesign .cs-categoriesBox > .cs-container .cs-addMenu ul li .cs-svgIcon path {fill: #fff;}
html body.cs-kellerReDesign .vertical-heading-text,
html body.cs-kellerReDesign .vertical-heading-text span {color: #ffffff;}
html body.cs-kellerReDesign .vertical-menu-heading .menu-icon {padding: 0;}
html body.cs-kellerReDesign .account-container .account-icon svg path,
html body.cs-kellerReDesign .cart-container .icon-wrapper  svg path {fill: #ffffff;}
html body.cs-kellerReDesign .account-container .account-signin,
html body.cs-kellerReDesign .cart-container .title {color: #ffffff;}
html body.cs-kellerReDesign .cart-container .price,
html body.cs-kellerReDesign .account-container .account-label {color: #ffffff;}
html body.cs-kellerReDesign .cart-container .badge {background: #ffffff;}
html body.cs-kellerReDesign .account-container .account-arrow {border-top: 5px solid #ffffff;}
html body.cs-kellerReDesign .cs-categoriesBox > .cs-container > ul > li a:hover .account-signin,
html body.cs-kellerReDesign .cs-categoriesBox > .cs-container > ul > li a:hover .title {color: #033e77}
html body.cs-kellerReDesign .vertical-heading-text:hover , html body.cs-kellerReDesign .vertical-heading-text span:hover {color: #033e77}

/* modal */
html body.cs-kellerReDesign .cs-standortFooter {cursor: pointer;}
html body.cs-kellerReDesign .cs-standortModal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);align-items:center;justify-content:center;font-family:sans-serif}
html body.cs-kellerReDesign .cs-standortModal.show{display:flex}
html body.cs-kellerReDesign .cs-modal-content{background-color:#fff;padding:30px;border-radius:8px;max-width:400px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.3)}
html body.cs-kellerReDesign .cs-modal-content p{margin-bottom:25px;line-height:1.5;color:#333}
html body.cs-kellerReDesign .cs-modal-buttons{display:flex;justify-content:center;gap:15px}
html body.cs-kellerReDesign .cs-modal-buttons button{padding:10px 20px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .2s}
html body.cs-kellerReDesign .cs-btn-cancel{background-color:#e0e0e0;color:#333}
html body.cs-kellerReDesign .cs-btn-cancel:hover{background-color:#d0d0d0}
html body.cs-kellerReDesign .cs-btn-ok{background-color:#0056b3;color:#fff}
html body.cs-kellerReDesign .cs-btn-ok:hover{background-color:#004494}

/* logo modal */
html body.cs-kellerReDesign .modal-overlay{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);justify-content:center;align-items:center}
html body.cs-kellerReDesign .modal-content{background-color:#fff;padding:30px;border-radius:8px;max-width:500px;width:90%;position:relative;box-shadow:0 4px 15px rgba(0,0,0,.2);font-family:sans-serif;line-height:1.5}
html body.cs-kellerReDesign .modal-close{position:absolute;top:15px;right:20px;font-size:24px;font-weight:700;cursor:pointer;color:#333}
html body.cs-kellerReDesign .modal-close:hover{color:#d9534f}
html body.cs-kellerReDesign .modal-btn{display:inline-block;background-color:#0056b3;color:#fff;padding:10px 20px;text-decoration:none;border-radius:4px;margin:15px 0;font-weight:500}
html body.cs-kellerReDesign .modal-btn:hover{background-color:#004494}
html body.cs-kellerReDesign .modal-link{color:#0056b3;word-break:break-all}
html body.cs-kellerReDesign h4 {font-size: 23px;font-weight: 600;line-height: 28px;margin: 1em 0 0 0;}

html body.cs-kellerReDesign .slider-wrapper.theme-default .swiper .swiper-slide-caption {opacity: 1;max-width: 1251px;}
html body.cs-kellerReDesign .slider-wrapper.theme-default .swiper .swiper-slide-caption > div {text-align: left;max-width: 100%;}
html body.cs-kellerReDesign .slider-wrapper.theme-default .swiper .swiper-slide-caption .heroSlide1 {color: #111;}
html body.cs-kellerReDesign .slider-wrapper.theme-default .swiper .swiper-slide-caption .heroSlide2 {color: #fff;}
html body.cs-kellerReDesign .slider-wrapper.theme-default .swiper .swiper-slide-caption .hero-slide__title {font-size: 58px; font-weight: 700; margin-top: -2em; color: #009fe3;}
html body.cs-kellerReDesign .slider-wrapper.theme-default .swiper .swiper-slide-caption .hero-slide__subtitle {font-size: 30px; margin-bottom: 2em;}
html body.cs-kellerReDesign .slider-wrapper.theme-default .swiper .swiper-slide-caption .hero-text {font-size: 19px; max-width: 36%;}
.swiper {margin-right: 10em !important;}