/* =========================================================
   HV GRÜN-WEISS WERDER – Fanshop Design (u/ground 2026)
   Basis: LA-Stars-Layout, Werder-CI
   Dunkelgrün #0B3A1C · Vereinsgrün #27A63B · Lime #9BE15D · Adler-Rot #D62828
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
:root{--hw-k:#0B3A1C;--hw-g:#27A63B;--hw-l:#9BE15D;--hw-r:#D62828;--hw-bg:#F3F6F1;--hw-tile:#E8EEE5;
--primaryBackground:#0B3A1C;--primaryColor:#ffffff;--greenBadge:#27A63B;--redBadge:#D62828;--yellowBadge:#9BE15D;}
body,.cs-body{font-family:Poppins,sans-serif!important;color:#0B3A1C;}
h1,h2,h3,.h1,.h2,.h3{color:#0B3A1C;font-family:Poppins,sans-serif;}
a:hover{color:var(--hw-g);}
.startpage-text{font-size:1.1em;}
.cs-shortnav{margin-top:15px;}
.cs-infoBox{background:#0B3A1C;color:#fff;padding:1.3em 1.6em;margin:15px 0 2em;display:block;border-left:6px solid #27A63B;}
.cs-body .cs-button3{margin-top:10px;}
body .cs-topBar,.cs-headerTop,.cs-serviceBar{background:#0B3A1C!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.15)!important;border-top:5px solid transparent;border-image:linear-gradient(90deg,#27A63B 0 70%,#fff 70% 85%,#D62828 85% 100%) 1;}
body .cs-topBar,body .cs-topBar a,body .cs-topBar span,body .cs-topBar div{color:#fff!important;}
body .cs-topBar a{font-weight:600;letter-spacing:.6px;}
body .cs-topBar a:hover{color:var(--hw-l)!important;}
body .cs-topBar .cs-svgIcon path{fill:#fff;}
body .cs-topBar ul.cs-infosites .cs-addSites{background:#fff;box-shadow:0 8px 24px rgba(11,58,28,.18);border-top:3px solid #27A63B;border-radius:0 0 8px 8px;}
body .cs-topBar .cs-addSites a,body .cs-topBar .cs-addSites span,body .cs-topBar .cs-addSites li,
body .cs-topBar .cs-mobileInfosites ul,body .cs-topBar .cs-mobileInfosites ul a,body .cs-topBar .cs-mobileInfosites ul span,body .cs-topBar .cs-mobileInfosites ul li{color:#0B3A1C!important;}
body .cs-topBar .cs-addSites a:hover,body .cs-topBar .cs-mobileInfosites ul a:hover span{color:#27A63B!important;}
body .cs-topBar .cs-mobileInfosites{background:#fff;}
body .cs-topBar .cs-informationsHeader{background:#0B3A1C!important;color:#fff!important;border-bottom:4px solid #27A63B;}
body .cs-topBar .cs-informationsHeader *{color:#fff!important;fill:#fff;}
header .cs-headerContent{background:#fff;}
.cs-headerContent{min-height:96px;}
.cs-logo img{max-height:84px!important;width:auto!important;height:auto;transition:transform .3s;}
.cs-logo img:hover{transform:scale(1.05) rotate(-2deg);}
@media (max-width:768px){.cs-logo img{max-height:56px!important;}}
.cs-miniButtons a{display:flex;align-items:center;justify-content:center;transition:.2s;}
.cs-miniButtons svg{width:22px!important;height:22px!important;}
.cs-miniButtons a:hover{transform:scale(1.08);}
.cs-categoriesBox,.cs-categoryNav{background:#fff!important;border-bottom:1px solid #E3E8E1;}
.cs-categoriesBox a,.cs-categoryNav a{font-size:17px!important;font-weight:800!important;letter-spacing:.8px!important;text-transform:uppercase!important;color:#0B3A1C!important;position:relative;}
.cs-categoriesBox a:after,.cs-categoryNav a:after{content:"";position:absolute;left:50%;bottom:6px;width:0;height:4px;background:#27A63B;border-radius:4px;transform:translateX(-50%);transition:.25s;}
.cs-categoriesBox a:hover:after,.cs-categoryNav a:hover:after{width:70%;}
body .cs-categoriesBox .cs-overlayMenuButton{background:#0B3A1C!important;color:#fff!important;border-radius:999px;}
body .cs-categoriesBox .cs-overlayMenuButton *{color:#fff!important;}
body .cs-categoriesBox .cs-overlayMenuButton:after{display:none!important;}
body .cs-categoriesBox .cs-overlayMenuButton:hover{background:#27A63B!important;}
.cs-informationsHeader,.cs-mobileCategorysHeader,.cs-compareHeader,.cs-compareButton,.cs-overlayMenuButton{background:#0B3A1C;}
html body .cs-mobileCategorys{background:#0B3A1C!important;}
html body .cs-mobileCategorys ul.cs-categories1{background:#0B3A1C!important;padding:10px 22px 20px!important;}
html body .cs-mobileCategorys ul.cs-categories1>li>.cs-menuItem>a{display:flex!important;align-items:center;min-height:60px;border-bottom:1px solid rgba(255,255,255,.18)!important;text-decoration:none!important;}
html body .cs-mobileCategorys ul.cs-categories1>li>.cs-menuItem>a:after{display:none!important;}
html body .cs-mobileCategorys ul.cs-categories1 .cs-categorieName{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:19px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.5px;}
html body .cs-mobileCategorys ul.cs-categories1 a:hover .cs-categorieName{color:#9BE15D!important;-webkit-text-fill-color:#9BE15D!important;}
.cs-body .cs-button1{background:#27A63B;color:#fff;border-radius:999px;font-weight:700;transition:.2s;box-shadow:0 4px 0 #0B3A1C;}
.cs-body .cs-button1:hover{background:#0B3A1C;color:#fff;transform:translateY(-2px);}
.cs-body .cs-button3{border-color:#0B3A1C;color:#0B3A1C;border-radius:999px;}
.cs-body .cs-button3:hover{background:#0B3A1C;color:#fff;}
.cs-primaryColored{background:#0B3A1C;color:#fff;}
.cs-primaryColored:hover{background:#27A63B;}
.cs-secondaryColored,.cs-secondaryColored:hover{background:#27A63B;color:#fff;}
.cs-siteHeading{display:flex!important;align-items:center!important;justify-content:center!important;gap:24px!important;margin:64px auto 32px!important;}
.cs-siteHeading:before,.cs-siteHeading:after{content:""!important;display:block!important;height:2px!important;background:#DCE5D8!important;flex:1 1 auto!important;max-width:360px!important;}
.cs-siteHeading span{color:#0B3A1C!important;font-size:30px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:1px;}
.cs-productListing{gap:22px!important;}
.cs-articlePreview,article[itemtype*="Product"]{background:#fff!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(11,58,28,.10)!important;transition:transform .2s,box-shadow .2s!important;border:0!important;}
.cs-articlePreview:hover,article[itemtype*="Product"]:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(11,58,28,.18)!important;}
.cs-articlePreview img,article[itemtype*="Product"] img{object-fit:contain!important;}
.cs-articlePreview h3,.cs-articlePreview h3 a,article[itemtype*="Product"] h3 a{color:#0B3A1C!important;font-weight:800!important;text-transform:none!important;font-size:15px!important;line-height:1.3!important;text-decoration:none!important;}
.cs-articlePreview .price,.cs-price{color:#0B3A1C!important;font-weight:800!important;}
.cs-lagerBox{display:none!important;}
.cs-body #bestellblock select,.cs-body #bestellblock textarea,.cs-body #bestellblock input[type=text]{border:2px solid #D6DFD2;border-radius:12px;font-family:Poppins,sans-serif;}
.cs-body #bestellblock select:focus{border-color:#27A63B!important;outline:none;box-shadow:0 0 0 3px rgba(39,166,59,.18);}
.hvw-gal a:hover{border-color:#27A63B!important;}
.nivoSlider,.cs-slider,.cs-sliderWrapper{border-radius:20px!important;overflow:hidden!important;}
footer{background:#0B3A1C!important;border-top:5px solid #27A63B;font-family:Poppins,sans-serif!important;}
footer .cs-footerRow{margin:0!important;}
footer .cs-footerRow.top{background:#0B3A1C!important;color:#fff;border:0!important;}
footer .cs-footerTop{padding:44px 15px 26px!important;}
footer .cs-footerBoxHeader{color:#fff!important;font-size:18px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:22px!important;}
footer .cs-footerBoxHeader:after{content:"";display:block;width:60px;height:5px;background:#27A63B;border-radius:10px;margin-top:12px;}
footer .cs-footerBoxContent,footer .cs-footerBoxContent p,footer .cs-footerBoxContent span,footer .cs-footerBoxContent div{color:#E3EEE0!important;font-size:15px;line-height:1.75;}
footer .cs-footerBoxContent a{color:#fff!important;text-decoration:none!important;transition:.2s;}
footer .cs-footerBoxContent a:hover{color:#9BE15D!important;padding-left:4px;}
footer .cs-footerRow.newsletter{background:#27A63B!important;max-width:1200px;margin:56px auto 40px!important;border-radius:22px;box-shadow:0 18px 40px rgba(0,0,0,.25);}
footer .cs-footerNewsletter{padding:26px 30px!important;align-items:center;gap:14px 30px;}
footer .cs-footerNewsletterBox,footer .cs-footerNewsletterBox *{color:#fff!important;}
footer .cs-footerNewsletterBox.heading{font-size:22px;font-weight:900;text-transform:uppercase;letter-spacing:1px;}
footer .cs-newsletterFooterInput{height:52px!important;border:0!important;border-radius:999px 0 0 999px!important;padding:0 20px!important;color:#0B3A1C!important;}
footer .cs-newsletterLink,footer .cs-newsletterSubmit{background:#0B3A1C!important;height:52px!important;display:flex;align-items:center;justify-content:center;padding:0 20px;border-radius:0 999px 999px 0;}
footer .cs-footerRow.payments{background:#072A13!important;padding:10px 0 0;}
footer .cs-footerPayments img{height:22px;width:auto;border-radius:3px;}
footer .cs-footerRow.copyright,footer .cs-footerRow:last-child{background:#072A13!important;}
footer .cs-copyrightBox{color:#A9C2A4!important;font-size:13px!important;padding:8px 15px 16px!important;}
footer .cs-copyrightBox a{color:#E3EEE0!important;}
::-webkit-scrollbar-thumb{background-color:#27A63B;}
@media (max-width:767.98px){footer .cs-footerTop{padding:28px 15px 10px!important;}footer .cs-footerRow.newsletter{margin:30px 12px!important;}}
/* Startseite: Muster-Reste ausblenden */
body.cs-start .cs-startText>h2.cs-betHeading,body.cs-start h2.cs-betHeading{display:none!important;}
body.cs-start .cs-container:has(> .cs-categoryPicture),body.cs-start .cs-container:has(.cs-categoryPicture){display:none!important;}
body.cs-start .cs-startText{max-width:none!important;width:100%!important;padding:0!important;}
body.cs-start .lastViewVBox{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px!important;}
/* === LA Stars Layout (Werder) === */
header, .cs-header, .cs-headerContent { background: rgb(11, 58, 28) !important; }
.cs-headerContent svg, .cs-headerContent svg * { color: rgb(255, 255, 255) !important; stroke: currentcolor !important; fill: transparent !important; }
.cs-headerContent svg * { stroke-width: inherit !important; }
.cs-headerContent span { color: rgb(255, 255, 255) !important; }
.cs-categoriesBox, .cs-categoryNav { background: rgb(255, 255, 255) !important; }
.cs-categoriesBox a, .cs-categoryNav a { position: relative; font-size: 22px !important; font-weight: 700 !important; letter-spacing: 1px !important; text-transform: uppercase !important; color: rgb(11, 58, 28) !important; padding: 22px 35px !important; }
.cs-categoriesBox a:hover, .cs-categoryNav a:hover { color: rgb(11, 58, 28) !important; }
.cs-categoriesBox a::after, .cs-categoryNav a::after { content: ""; position: absolute; left: 50%; bottom: 10px; width: 0px; height: 4px; background: rgb(92, 195, 74); transform: translateX(-50%); transition: 0.25s; }
.cs-categoriesBox a:hover::after, .cs-categoryNav a:hover::after { width: 70%; }
.cs-topBar, .cs-topbar, .cs-serviceBar, .cs-headerTop { background: rgb(11, 58, 28) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important; }
.cs-topBar a, .cs-topbar a, .cs-serviceBar a, .cs-headerTop a { color: rgb(255, 255, 255) !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; padding: 0px 18px !important; }
.cs-topBar a:hover, .cs-topbar a:hover, .cs-serviceBar a:hover, .cs-headerTop a:hover { color: rgb(92, 195, 74) !important; }
.cs-topBar svg, .cs-headerTop svg { stroke: rgb(255, 255, 255) !important; }
.cs-topBar img, .cs-headerTop img { transform: scale(1.15); margin-left: 15px; }
footer, footer *, .cs-footer, .cs-footer *, .cs-footerWrapper, .cs-footerContent, .cs-newsletter, .newsletter, .cs-footerBottom { background-color: rgb(11, 58, 28) !important; color: rgb(255, 255, 255) !important; }
footer { background: rgb(11, 58, 28) !important; border-top: 4px solid rgb(92, 195, 74) !important; }
footer h1, footer h2, footer h3, footer h4, footer .headline, footer .cs-footerTitle, footer .cs-footerHeadline { color: rgb(255, 255, 255) !important; text-transform: uppercase !important; font-size: 17px !important; font-weight: 800 !important; letter-spacing: 1.4px !important; margin-bottom: 18px !important; }
footer p, footer span, footer div, footer li { color: rgb(255, 255, 255) !important; font-size: 15px !important; line-height: 1.7 !important; }
footer a { transition: 0.25s; color: rgb(255, 255, 255) !important; text-decoration: none !important; }
footer a:hover { color: rgb(92, 195, 74) !important; }
footer input, footer input[type="email"], footer input[type="text"] { background: rgb(255, 255, 255) !important; color: rgb(11, 58, 28) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; }
footer input::placeholder { color: rgb(119, 119, 119) !important; }
footer button, footer .button, footer input[type="submit"] { background: rgb(92, 195, 74) !important; color: rgb(11, 58, 28) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
footer hr, .cs-footerBottom { border-color: rgba(255, 255, 255, 0.18) !important; }
footer .copyright, footer small { color: rgb(255, 255, 255) !important; }
[class*="offcanvas"], [class*="Offcanvas"], [class*="overlay"], [class*="Overlay"] { background: rgba(0, 0, 0, 0.65) !important; }
[class*="offcanvas"] > div:first-child, [class*="Offcanvas"] > div:first-child, [class*="menuLayer"] > div:first-child, [class*="MenuLayer"] > div:first-child { background: rgb(11, 58, 28) !important; width: 330px !important; border-right: 4px solid rgb(92, 195, 74) !important; }
[class*="offcanvas"] h1, [class*="offcanvas"] h2, [class*="offcanvas"] h3, [class*="menuLayer"] h1, [class*="menuLayer"] h2, [class*="menuLayer"] h3 { background: rgb(11, 58, 28) !important; color: rgb(255, 255, 255) !important; padding: 18px 22px !important; font-size: 18px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 1px !important; border-bottom: 2px solid rgb(92, 195, 74) !important; }
[class*="offcanvas"] a, [class*="Offcanvas"] a, [class*="menuLayer"] a, [class*="MenuLayer"] a { transition: 0.25s; color: rgb(255, 255, 255) !important; background: transparent !important; display: block !important; padding: 10px 24px !important; font-size: 14px !important; font-weight: 800 !important; letter-spacing: 1px !important; text-transform: uppercase !important; }
[class*="offcanvas"] a:hover, [class*="Offcanvas"] a:hover, [class*="offcanvas"] .active, [class*="Offcanvas"] .active { background: rgb(92, 195, 74) !important; color: rgb(11, 58, 28) !important; padding-left: 32px !important; }
[class*="close"], [class*="Close"], [class*="offcanvas"] button, [class*="Offcanvas"] button { background: rgb(92, 195, 74) !important; color: rgb(11, 58, 28) !important; font-weight: 900 !important; }
[class*="close"] svg, [class*="Close"] svg { stroke: rgb(11, 58, 28) !important; }
.cs-topBar *, .cs-headerTop *, .cs-serviceBar * { box-shadow: none !important; }
.cs-topBar li, .cs-headerTop li, .cs-serviceBar li, .cs-topBar a, .cs-headerTop a, .cs-serviceBar a { background: transparent !important; }
.cs-topBar li:hover, .cs-headerTop li:hover, .cs-serviceBar li:hover, .cs-topBar li.open, .cs-headerTop li.open, .cs-serviceBar li.open, .cs-topBar li.active, .cs-headerTop li.active, .cs-serviceBar li.active { background: rgb(92, 195, 74) !important; color: rgb(11, 58, 28) !important; border-radius: 0px !important; }
.cs-topBar li:hover *, .cs-headerTop li:hover *, .cs-serviceBar li:hover *, .cs-topBar li.open *, .cs-headerTop li.open *, .cs-serviceBar li.open * { color: rgb(11, 58, 28) !important; stroke: rgb(11, 58, 28) !important; }
.nivoSlider, .cs-slider, .cs-sliderWrapper { border-radius: 18px !important; overflow: hidden !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 15px 40px !important; }
.nivoSlider img, .cs-slider img { border-radius: 18px !important; }
.cs-startTitle { margin: 70px auto 35px !important; }
.cs-betHeading { color: rgb(11, 58, 28) !important; font-size: 32px !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 1.2px !important; }
.cs-subtitle { color: rgb(11, 58, 28) !important; font-size: 16px !important; font-weight: 500 !important; margin-top: 10px !important; }
.cs-productListing { max-width: 1280px !important; margin: 35px auto 90px !important; display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 24px !important; }
.cs-articlePreview { flex: 0 0 260px !important; width: 230px !important; max-width: 230px !important; background: rgb(255, 255, 255) !important; border-radius: 22px !important; padding: 24px !important; box-shadow: rgba(0, 0, 0, 0.14) 0px 12px 35px !important; overflow: hidden !important; transition: 0.3s !important; }
.cs-articlePreview:hover { transform: translateY(-8px) !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 18px 45px !important; }
.cs-articlePreview img { width: 100% !important; height: 250px !important; object-fit: contain !important; border-radius: 16px !important; }
.cs-articlePreview a, .cs-articlePreview .cs-title { color: rgb(11, 58, 28) !important; font-size: 15px !important; font-weight: 900 !important; text-transform: uppercase !important; line-height: 1.25 !important; text-decoration: none !important; }
.cs-price, .cs-articlePreview .cs-price { color: rgb(11, 58, 28) !important; font-size: 15px !important; font-weight: 800 !important; }
.cs-articlePreview .cs-stock, .cs-articlePreview [class*="stock"] { color: rgb(0, 132, 61) !important; font-weight: 800 !important; }
@media (max-width: 900px) {
  .cs-articlePreview { flex: 0 0 45% !important; width: 45% !important; max-width: 45% !important; }
}
@media (max-width: 600px) {
  .cs-articlePreview { flex: 0 0 90% !important; width: 90% !important; max-width: 90% !important; }
}
.cs-siteHeading { display: flex !important; align-items: center !important; justify-content: center !important; gap: 35px !important; margin: 70px auto 45px !important; }
.cs-siteHeading::before, .cs-siteHeading::after { content: "" !important; height: 1px !important; background: rgb(221, 221, 221) !important; flex: 1 1 0% !important; display: block !important; }
.cs-siteHeading span { background: rgb(255, 255, 255) !important; padding: 0px 25px !important; color: rgb(10, 46, 23) !important; font-size: 34px !important; font-weight: 900 !important; line-height: 1 !important; text-transform: uppercase !important; }
.cs-subtitle { color: rgb(10, 46, 23) !important; font-size: 16px !important; margin-bottom: 50px !important; }
.cs-productListing { justify-content: center !important; gap: 40px !important; }
.cs-articlePreview, .cs-articlePreviewBox, .cs-productPreview, article[itemtype*="Product"] { background: rgb(255, 255, 255) !important; border-radius: 18px !important; padding: 25px !important; box-shadow: rgba(0, 0, 0, 0.13) 0px 18px 35px !important; transition: 0.25s !important; overflow: hidden !important; }
.cs-articlePreview:hover, .cs-productPreview:hover, article[itemtype*="Product"]:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.2) 0px 25px 45px !important; }
.cs-articlePreview img, .cs-productPreview img, article[itemtype*="Product"] img { border-radius: 12px !important; max-height: 280px !important; object-fit: contain !important; }
.cs-articlePreview h3, .cs-productPreview h3, article[itemtype*="Product"] h3 { color: rgb(10, 46, 23) !important; font-weight: 900 !important; text-transform: uppercase !important; }
.cs-stock, .cs-availability { color: rgb(0, 139, 58) !important; font-weight: 700 !important; }
@media (min-width: 1000px) {
  .cs-productListing article { width: 23% !important; }
}
.cs-siteHeading { display: flex !important; align-items: center !important; justify-content: center !important; gap: 28px !important; margin: 70px auto 35px !important; text-align: center !important; position: relative !important; }
.cs-siteHeading::before, .cs-siteHeading::after { content: "" !important; display: block !important; height: 1px !important; background: rgb(229, 229, 229) !important; flex: 1 1 auto !important; max-width: 360px !important; position: static !important; }
.cs-siteHeading span { background: rgb(255, 255, 255) !important; padding: 0px 24px !important; position: relative !important; z-index: 2 !important; color: rgb(11, 58, 28) !important; }
footer, .cs-footer, .cs-footerBox, .cs-footerBoxInner { font-family: Poppins, sans-serif !important; color: rgb(255, 255, 255) !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.8 !important; }
.cs-footerBox { padding: 10px 25px !important; }
.cs-footerBoxHeader { color: rgb(255, 255, 255) !important; font-size: 18px !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 28px !important; position: relative !important; }
.cs-footerBoxHeader::after { content: ""; display: block; width: 50px; height: 4px; background: rgb(92, 195, 74); border-radius: 10px; margin-top: 12px; }
.cs-footerBox p, .cs-footerBox div, .cs-footerBox span { color: rgb(255, 255, 255) !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.8 !important; }
.cs-footerBox a { transition: 0.25s; color: rgb(255, 255, 255) !important; font-size: 15px !important; text-decoration: none !important; }
.cs-footerBox a:hover { color: rgb(92, 195, 74) !important; padding-left: 5px; }
.cs-footerRow.newsletter, .cs-footerNewsletter { color: rgb(255, 255, 255) !important; }
.cs-footerNewsletter * { font-size: 15px !important; }
.cs-footer input { border-radius: 8px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; padding: 18px !important; font-family: Poppins, sans-serif !important; }
.cs-footer button { transition: 0.25s; background: rgb(92, 195, 74) !important; color: rgb(10, 46, 23) !important; border-radius: 8px !important; }
.cs-footer button:hover { transform: scale(1.05); }
.cs-footerCopyright, .cs-footerBottom { color: rgba(255, 255, 255, 0.7) !important; font-size: 13px !important; }
footer .cs-footerRow.newsletter { background: rgb(92, 195, 74) !important; max-width: 1200px !important; margin: 70px auto 50px !important; padding: 35px !important; border-radius: 22px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 45px !important; }
footer .cs-footerRow.newsletter > .cs-footerInner.cs-container { background: rgb(92, 195, 74) !important; max-width: none !important; width: 100% !important; padding: 0px !important; margin: 0px !important; }
footer .cs-footerNewsletter { background: rgb(92, 195, 74) !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 30px !important; width: 100% !important; }
footer .cs-footerNewsletterBox { background: rgb(92, 195, 74) !important; color: rgb(11, 58, 28) !important; font-weight: 800 !important; }
footer .cs-footerNewsletterBox.headline { font-size: 22px !important; text-transform: uppercase !important; letter-spacing: 1px !important; }
footer .cs-footerNewsletterBox.text { font-size: 15px !important; }
footer .cs-footerNewsletterBox.input { display: flex !important; justify-content: flex-end !important; }
footer .cs-footerNewsletterBox.input input { background: rgb(255, 255, 255) !important; color: rgb(11, 58, 28) !important; height: 56px !important; width: 360px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; border-radius: 10px 0px 0px 10px !important; padding: 0px 20px !important; }
footer .cs-footerNewsletterBox.input button { background: rgb(11, 58, 28) !important; color: rgb(255, 255, 255) !important; height: 56px !important; width: 64px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; border-radius: 0px 10px 10px 0px !important; }
footer .cs-footerNewsletterBox { font-size: 17px !important; font-weight: 700 !important; line-height: 1.4 !important; }
footer .cs-footerNewsletterBox:first-child { font-size: 28px !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 1px !important; }
footer .cs-footerNewsletterBox:first-child::after { content: ""; display: block; width: 60px; height: 5px; background: rgb(10, 46, 23); border-radius: 10px; margin-top: 12px; }
footer .cs-footerNewsletter { display: grid !important; grid-template-columns: 1fr auto !important; grid-template-rows: auto auto auto !important; column-gap: 60px !important; }
footer .cs-footerNewsletterBox:nth-child(1) { grid-area: 1 / 1 !important; }
footer .cs-footerNewsletterBox:nth-child(2) { grid-area: 2 / 1 !important; margin-top: 20px !important; max-width: 550px !important; font-size: 18px !important; line-height: 1.5 !important; }
footer .cs-footerNewsletterBox.input { grid-area: 1 / 2 / span 3 !important; align-self: center !important; }
footer .cs-footerNewsletterBox:first-child::after { margin-top: 18px !important; margin-bottom: 0px !important; }
footer .cs-footerNewsletterBox.input { min-width: 520px !important; }
footer .cs-footerNewsletterBox.input input { width: 460px !important; min-width: 460px !important; }
footer .cs-footerNewsletterBox.input button { min-width: 70px !important; }
footer .cs-footerBoxHeader { font-size: 22px !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; color: rgb(255, 255, 255) !important; margin-bottom: 35px !important; }
footer .cs-footerBoxHeader::after { content: ""; display: block; width: 75px !important; height: 6px !important; background: rgb(92, 195, 74) !important; border-radius: 20px !important; margin-top: 20px !important; }
footer .cs-footerBox, footer .cs-footerBox a { font-size: 17px !important; line-height: 1.8 !important; font-weight: 500 !important; }
footer .cs-footerBox a:hover { color: rgb(92, 195, 74) !important; }
.cs-headerContent { min-height: 110px !important; padding: 15px 35px !important; }
.cs-logo img { transition: 0.3s; width: 140px !important; max-width: 140px !important; height: auto !important; }
.cs-logo img:hover { transform: scale(1.05); }
.cs-container.cs-flex.cs-flexSpaceBetween { align-items: center !important; }
.cs-categoriesBox { margin-top: 12px !important; }
.cs-categoriesBox a { font-size: 20px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; transition: 0.25s; }
.cs-categoriesBox a:hover { color: rgb(92, 195, 74) !important; }
.cs-miniButtons a { font-size: 30px; margin-left: 18px; transition: 0.25s; }
.cs-miniButtons a:hover { transform: scale(1.1); color: rgb(92, 195, 74) !important; }
.cs-miniButtons { align-items: center; }
.cs-miniButtons a { margin-left: 12px; display: flex; align-items: center; justify-content: center; font-size: 18px !important; }
.cs-miniButtons svg { width: 22px !important; height: 22px !important; }
.cs-miniButtons a:hover svg { transform: scale(1.08); transition: 0.2s; }
html body .cs-mobileCategorys { background: rgb(17, 17, 17) !important; }
html body .cs-mobileCategorys ul.cs-categories1 { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0px !important; margin: 0px !important; padding: 10px 22px 20px !important; box-sizing: border-box !important; background: rgb(17, 17, 17) !important; overflow: visible !important; }
html body .cs-mobileCategorys ul.cs-categories1 > li { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; float: none !important; background: transparent !important; opacity: 1 !important; visibility: visible !important; }
html body .cs-mobileCategorys ul.cs-categories1 > li > .cs-menuItem { display: block !important; width: 100% !important; height: auto !important; margin: 0px !important; padding: 0px !important; }
html body .cs-mobileCategorys ul.cs-categories1 > li > .cs-menuItem > a { display: flex !important; align-items: center !important; width: 100% !important; min-height: 64px !important; margin: 0px !important; padding: 15px 7px !important; box-sizing: border-box !important; background: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; }
html body .cs-mobileCategorys ul.cs-categories1 .cs-categorieName { display: block !important; position: static !important; width: auto !important; max-width: none !important; height: auto !important; margin: 0px !important; padding: 0px !important; transform: none !important; color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; font-family: inherit !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; text-indent: 0px !important; text-shadow: none !important; opacity: 1 !important; visibility: visible !important; white-space: normal !important; overflow: visible !important; }
html body .cs-mobileCategorys ul.cs-categories1 a:link .cs-categorieName, html body .cs-mobileCategorys ul.cs-categories1 a:visited .cs-categorieName { color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; }
html body .cs-mobileCategorys ul.cs-categories1 a:hover .cs-categorieName, html body .cs-mobileCategorys ul.cs-categories1 a:focus .cs-categorieName, html body .cs-mobileCategorys ul.cs-categories1 a:active .cs-categorieName { color: rgb(92, 195, 74) !important; -webkit-text-fill-color: rgb(92, 195, 74) !important; }
.cs-lagerBox { display: none !important; }
.cs-inStock, .cs-lowStock, .cs-lastStock, .cs-stock1, .cs-stock2 { font-size: 0px !important; }
.cs-inStock::after, .cs-lowStock::after, .cs-lastStock::after, .cs-stock1::after, .cs-stock2::after { content: "Lagerware" !important; font-size: 16px !important; }
/* from lemon_rootStyles.89.css */
/* from lemon.min.89.css */
html body header { position: relative; background: rgb(255, 255, 255); font-family: Poppins, sans-serif; border-bottom: 1px solid rgb(228, 225, 219); z-index: 50; }
html body header .cs-topBar { min-height: 0px; background: rgb(11, 58, 28) !important; border: 0px !important; }
html body header .cs-topBar > .cs-container { min-height: 40px; align-items: center; justify-content: space-between; }
html body header .cs-topText { align-items: center; font-size: 13px; font-weight: 500; display: flex !important; color: rgb(255, 255, 255) !important; }
html body header .cs-topText:empty::before { content: "★ Offizieller Vereinsshop des HV Grün-Weiß Werder"; color: rgb(255, 255, 255); font-size: 13px; font-weight: 500; white-space: pre; }
html body header .cs-topBar a, html body header .cs-topBar .cs-infosites > li > a, html body header .cs-topBar .hasSites > span { font-size: 13px !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0px !important; color: rgb(206, 228, 206) !important; padding-top: 10px !important; padding-bottom: 10px !important; }
html body header .cs-topBar a:hover { color: rgb(92, 195, 74) !important; }
html body header .cs-topBar .cs-addSites a { color: rgb(11, 58, 28) !important; }
html body header .cs-topBar .cs-addSites a:hover { color: rgb(200, 35, 44) !important; }
html body header .cs-headerContent { background: rgb(255, 255, 255) !important; padding: 0px !important; border: 0px !important; }
html body header .cs-headerContent > .cs-container { min-height: 104px; align-items: center; }
html body header .cs-logo { padding: 0px !important; margin: 0px !important; }
html body header .cs-logo img { display: block; height: 84px !important; width: auto !important; max-height: 84px !important; }
html body header .cs-miniButtons { position: relative; z-index: 3; }
html body header .cs-miniButtons > ul { gap: 8px; align-items: center; }
html body header .cs-miniButtons > ul > li { margin: 0px !important; }
html body header .cs-miniButtons .searchIcon, html body header .cs-miniButtons > ul > li > a, html body header .cs-miniButtons > ul > li > div:first-child { color: rgb(11, 58, 28) !important; }
html body header .cs-miniButtons svg { color: rgb(11, 58, 28) !important; fill: currentcolor; }
html body header .cs-miniButtons > ul > li { width: 46px; height: 46px; border: 1px solid rgb(228, 225, 219); border-radius: 999px; display: flex; align-items: center; justify-content: center; background: rgb(255, 255, 255); transition: border-color 0.2s, background 0.2s; }
html body header .cs-miniButtons > ul > li:hover { border-color: rgb(92, 195, 74); background: rgb(238, 248, 232); }
html body header .cs-miniButtons > ul > li.cs-miniwk { background: rgb(11, 58, 28); border-color: rgb(11, 58, 28); width: auto; min-width: 46px; padding: 0px 14px; }
html body header .cs-miniButtons > ul > li.cs-miniwk, html body header .cs-miniButtons > ul > li.cs-miniwk * { color: rgb(255, 255, 255) !important; }
html body header .cs-miniButtons > ul > li.cs-miniwk svg { color: rgb(92, 195, 74) !important; }
html body header .cs-miniButtons > ul > li.cs-miniwk:hover { background: rgb(20, 81, 42); }
html body header .cs-miniButtons svg { width: 20px !important; height: 20px !important; }
html body header .cs-categoriesBox { background: rgb(255, 255, 255) !important; border: 0px !important; margin: 0px !important; padding: 0px !important; box-shadow: none !important; }
html body header .cs-categoriesTop { padding: 0px 24px !important; }
html body header ul.cs-categories1 { gap: 4px 30px; align-items: center; flex-wrap: wrap; min-height: 0px; margin: 0px; padding: 0px; }
html body header ul.cs-categories1 > li { margin: 0px !important; padding: 0px !important; border: 0px !important; background: none !important; }
html body header ul.cs-categories1 .cs-menuItem { padding: 0px !important; }
html body header ul.cs-categories1 .cs-menuItem a { display: inline-flex; align-items: center; border-bottom: 3px solid transparent; transition: border-color 0.2s, color 0.2s; padding: 12px 2px !important; text-decoration: none !important; }
html body header ul.cs-categories1 .cs-categorieName { font-family: Poppins, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0px !important; color: rgb(11, 58, 28) !important; line-height: 1.3 !important; }
html body header ul.cs-categories1 .cs-menuItem a:hover { border-bottom-color: rgb(92, 195, 74); }
html body header ul.cs-categories1 > li.active .cs-menuItem a, html body header ul.cs-categories1 > li.cs-active .cs-menuItem a { border-bottom-color: rgb(200, 35, 44); }
html body header ul.cs-categories1 > li.category_craft .cs-categorieName { color: rgb(200, 35, 44) !important; }
html body header ul.cs-categories1 > li.category_craft .cs-categorieName::after { content: "NEU"; display: inline-block; margin-left: 7px; background: rgb(92, 195, 74); color: rgb(11, 58, 28); font-size: 10px; font-weight: 800; padding: 2px 7px; border-radius: 999px; vertical-align: 2px; }
@media (min-width: 1180px) {
  html body header .cs-topBar { overflow: visible; padding: 0px !important; height: 40px !important; }
  html body header .cs-topBar > .cs-container { height: 40px !important; min-height: 40px !important; padding-top: 0px !important; padding-bottom: 0px !important; }
  html body header .cs-categoriesBox > .cs-container:not(.cs-categoriesTop) { overflow: hidden; height: 0px !important; padding: 0px !important; }
  html body header .cs-categoriesBox { left: 0px; right: 0px; top: 40px; height: 104px; pointer-events: none; position: absolute !important; background: transparent !important; }
  html body header .cs-categoriesTop { height: 104px; align-items: center; max-width: 1320px; box-sizing: border-box; display: flex !important; margin: 0px auto !important; padding: 0px 230px 0px 190px !important; }
  html body header ul.cs-categories1 { pointer-events: auto; flex-wrap: nowrap; width: auto; }
  html body header .cs-headerContent > .cs-container { max-width: 1320px; padding: 0px 24px; margin: 0px auto; }
}
@media (min-width: 1180px) and (max-width: 1340px) {
  html body header ul.cs-categories1 { gap: 4px 20px; }
  html body header ul.cs-categories1 .cs-categorieName { font-size: 14px !important; }
}
@media (max-width: 1179px) {
  html body header .cs-categoriesBox { border-top: 1px solid rgb(238, 236, 232) !important; }
  html body header .cs-headerContent > .cs-container { min-height: 88px; }
  html body header .cs-logo img { height: 68px !important; max-height: 68px !important; }
  html body header .cs-overlayButton.cs-overlayMenuButton { font-family: Poppins, sans-serif; font-weight: 600; font-size: 14px; background: rgb(11, 58, 28) !important; color: rgb(255, 255, 255) !important; border-radius: 999px !important; margin: 10px 0px !important; }
}
body.cs-start .cs-indicator { display: none; }
html body footer { background: rgb(11, 58, 28); font-family: Poppins, sans-serif; color: rgb(206, 228, 206); }
html body footer .cs-footerRow.top, html body footer .cs-footerRow.payments, html body footer .cs-footerRow.copyright, html body footer .cs-footerRow { color: rgb(206, 228, 206); background: rgb(11, 58, 28) !important; }
html body footer .cs-footerRow.top { padding: 56px 0px 24px !important; }
html body footer .cs-footerBox .cs-footerBoxHeader { background: transparent !important; color: rgb(92, 195, 74) !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; margin: 0px 0px 14px !important; padding: 0px !important; }
html body footer .cs-footerBoxContent, html body footer .cs-footerBoxContent div, html body footer .cs-footerBoxContent span, html body footer .cs-footerBoxContent li { background: transparent !important; color: rgb(206, 228, 206) !important; font-size: 14px !important; line-height: 1.8 !important; font-weight: 400 !important; }
html body footer .cs-footerBoxContent a { transition: color 0.2s; background: transparent !important; color: rgb(206, 228, 206) !important; font-size: 14px !important; font-weight: 400 !important; text-decoration: none !important; }
html body footer .cs-footerBoxContent a:hover { color: rgb(92, 195, 74) !important; }
html body footer .cs-footerRow.newsletter { background: rgb(92, 195, 74) !important; padding: 32px 0px !important; }
html body footer .cs-footerNewsletter { align-items: center; gap: 12px 32px; }
html body footer .cs-footerNewsletterBox.heading { letter-spacing: -0.01em; font-size: 24px !important; font-weight: 800 !important; text-transform: none !important; color: rgb(11, 58, 28) !important; }
html body footer .cs-footerNewsletterBox.text { color: rgb(11, 58, 28) !important; font-size: 15px; }
html body footer .cs-newsletterFooterInput { height: 50px; font-family: Poppins, sans-serif; border-radius: 999px 0px 0px 999px !important; border: 2px solid rgb(11, 58, 28) !important; padding: 0px 20px !important; font-size: 15px !important; }
html body footer .cs-newsletterSubmit { height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 0px 999px 999px 0px !important; background: rgb(11, 58, 28) !important; color: rgb(92, 195, 74) !important; padding: 0px 22px !important; }
html body footer .cs-newsletterSubmit svg { color: rgb(92, 195, 74) !important; fill: currentcolor; }
html body footer .cs-footerRow.payments { border-top: 1px solid rgba(255, 255, 255, 0.1); }
html body footer .cs-copyrightBox, html body footer .cs-footerRow.copyright, html body footer .cs-footerRow.copyright * { font-size: 12px !important; color: rgb(150, 172, 155) !important; background: transparent !important; }
html body footer .cs-footerRow.copyright { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 14px 0px !important; }
html body header { background: rgb(255, 255, 255) !important; }
html body header .cs-headerContent { margin: 0px !important; }
html body header .cs-miniButtons svg path, html body header .cs-miniButtons svg circle { stroke: currentcolor !important; }
html body header .cs-topPagesBurger { background: transparent !important; color: rgb(206, 228, 206) !important; font-size: 13px !important; border: 0px !important; }
@media (max-width: 1179px) {
  html body header .cs-headerContent > .cs-container { min-height: 84px; display: flex !important; flex-flow: row !important; align-items: center !important; justify-content: space-between !important; padding: 8px 16px !important; }
  html body header .cs-logo { flex: 0 0 auto; width: auto !important; }
  html body header .cs-miniButtons { flex: 0 0 auto; justify-content: flex-end; width: auto !important; }
  html body header .cs-miniButtons > ul > li { width: 42px; height: 42px; }
  html body header .cs-miniButtons > ul > li.cs-miniwk { padding: 0px 12px; }
}
@media (max-width: 700px) {
  html body header .cs-topText:empty::before { content: "★ Offizieller Vereinsshop"; }
  html body header .cs-topBar > .cs-container { min-height: 40px; flex-wrap: nowrap !important; padding: 0px 16px !important; }
  html body header .cs-logo img { height: 60px !important; max-height: 60px !important; }
}
html body header .cs-headerContent .cs-miniButtons svg, html body header .cs-headerContent .cs-miniButtons svg * { color: rgb(11, 58, 28) !important; stroke: rgb(11, 58, 28) !important; }
html body header .cs-headerContent .cs-miniButtons li.cs-miniwk svg, html body header .cs-headerContent .cs-miniButtons li.cs-miniwk svg * { color: rgb(92, 195, 74) !important; stroke: rgb(92, 195, 74) !important; }
@media (max-width: 1179px) {
  html body header .cs-headerContent > .cs-container { min-height: 0px !important; padding: 10px 16px !important; }
  html body header .cs-headerContent { height: auto !important; min-height: 0px !important; }
}
@media (max-width: 760px) {
  html body footer .cs-footerNewsletter { flex-direction: column; align-items: stretch !important; }
  html body footer .cs-footerNewsletterBox { box-sizing: border-box; width: 100% !important; max-width: 100% !important; }
  html body footer .cs-footerNewsletterBox.input { display: flex !important; }
  html body footer .cs-newsletterFooterInput { flex: 1 1 auto; width: auto !important; min-width: 0px !important; max-width: none !important; }
  html body footer .cs-newsletterLink { flex: 0 0 auto; }
}
@media (max-width: 760px) {
  html body footer .cs-footerNewsletter .cs-footerNewsletterBox.input { min-width: 0px !important; width: 100% !important; }
  html body footer .cs-footerNewsletterBox.input input.cs-newsletterFooterInput { min-width: 0px !important; width: 100% !important; }
}
html body.cs-overflow header { z-index: 1011 !important; }
html body header .cs-mobileCategorys { z-index: 1012; }
html body footer .cs-footerRow.top { padding: 34px 0px 10px !important; }
html body footer .cs-footerTop { margin: 0px !important; padding: 0px 15px !important; }
html body footer .cs-footerBox { padding: 0px 18px 14px !important; }
html body footer .cs-footerBox .cs-footerBoxHeader { font-size: 11px !important; letter-spacing: 0.16em !important; margin: 0px 0px 10px !important; line-height: 1.4 !important; }
html body footer .cs-footerBox .cs-footerBoxHeader::after { border-radius: 2px; width: 22px !important; height: 2px !important; margin-top: 7px !important; }
html body footer .cs-footerBoxContent, html body footer .cs-footerBoxContent div, html body footer .cs-footerBoxContent span, html body footer .cs-footerBoxContent li, html body footer .cs-footerBoxContent a { font-size: 13px !important; line-height: 1.65 !important; }
html body footer .cs-footerBoxContent { color: rgb(176, 198, 180) !important; }
html body footer .cs-footerRow.payments { border-top: 1px solid rgba(255, 255, 255, 0.08); margin: 0px !important; padding: 10px 0px !important; }
html body footer .cs-footerPayments img { opacity: 0.7; height: 18px; width: auto; }
html body footer .cs-footerRow.copyright { padding: 0px 0px 14px !important; border-top: 0px !important; }
html body footer .cs-copyrightBox { margin: 0px !important; }
html body footer .cs-copyrightBox, html body footer .cs-footerRow.copyright * { font-size: 11px !important; color: rgb(125, 147, 130) !important; }
@media (min-width: 1180px) {
  html body footer .cs-footerBox:last-child .cs-footerBoxContent { max-width: 300px; }
}
@media (max-width: 767px) {
  html body footer .cs-footerRow.top { padding: 26px 0px 6px !important; }
  html body footer .cs-footerTop { flex-wrap: wrap !important; }
  html body footer .cs-footerTop .cs-footerBox { box-sizing: border-box; width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important; padding: 0px 10px 16px !important; }
  html body footer .cs-footerTop .cs-footerBox:last-child { width: 100% !important; max-width: 100% !important; flex-basis: 100% !important; }
}
body.cs-category, body.cs-detail, body.cs-search { background: rgb(244, 242, 238) !important; }
body.cs-category section.cs-main, body.cs-search section.cs-main { font-family: Poppins, sans-serif; color: rgb(11, 58, 28); background: transparent !important; }
body.cs-category section.cs-main > .cs-box { max-width: 1320px; margin: 0px auto; gap: 32px; flex-wrap: nowrap; align-items: flex-start; box-sizing: border-box; padding: 32px 24px 72px !important; }
body.cs-category section.cs-mainContent { flex: 1 1 auto; min-width: 0px; width: auto !important; max-width: none !important; padding: 0px !important; }
body.cs-category section.cs-mainContent > .cs-container, body.cs-category .cs-categoryView, body.cs-category .cs-categoryHeader { max-width: none !important; width: auto !important; padding-left: 0px !important; padding-right: 0px !important; margin-left: 0px !important; margin-right: 0px !important; }
html body .cs-breadCrumb { padding: 0px !important; margin: 0px 0px 16px !important; }
html body .cs-breadCrumb ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 0px; padding: 0px; list-style: none; align-items: center; }
html body .cs-breadCrumb li, html body .cs-breadCrumb a, html body .cs-breadCrumb span { font-family: Poppins, sans-serif !important; font-size: 13px !important; color: rgb(105, 120, 110) !important; text-decoration: none !important; }
html body .cs-breadCrumb a:hover span { color: rgb(200, 35, 44) !important; }
html body .cs-breadCrumb .slash { color: rgb(92, 195, 74) !important; font-weight: 700; }
html body .cs-breadCrumb li.active, html body .cs-breadCrumb li.active span { color: rgb(11, 58, 28) !important; font-weight: 600 !important; }
body.cs-category .cs-categoryHeader { position: relative; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.15fr); align-items: stretch; background: rgb(11, 58, 28); border-radius: 26px; overflow: hidden; min-height: 250px; display: grid !important; margin-bottom: 22px !important; }
body.cs-category .cs-categoryHeader::before { content: ""; position: absolute; left: -60px; bottom: -90px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(92, 195, 74, 0.18), transparent 65%); pointer-events: none; }
body.cs-category .cs-categoryHeader h1.categoryHeader { order: 1; position: relative; display: flex; flex-direction: column; justify-content: center; letter-spacing: -0.015em; margin: 0px !important; padding: 36px 40px !important; font-family: Poppins, sans-serif !important; font-size: clamp(30px, 3.2vw, 46px) !important; font-weight: 800 !important; line-height: 1.05 !important; color: rgb(255, 255, 255) !important; text-transform: none !important; text-align: left !important; }
body.cs-category .cs-categoryHeader h1.categoryHeader::before { content: "★ HV Werder Fanshop"; display: block; margin-bottom: 14px; font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(92, 195, 74); white-space: pre; }
body.cs-category .cs-categoryHeader h1.categoryHeader::after { content: ""; display: block; width: 64px; height: 5px; border-radius: 5px; background: rgb(92, 195, 74); margin-top: 18px; box-shadow: rgb(200, 35, 44) 24px 0px 0px; }
body.cs-category .cs-categoryHeader .categoryPicture { order: 2; position: relative; min-height: 250px; background: rgb(20, 81, 42); overflow: hidden; margin: 0px !important; padding: 0px !important; }
body.cs-category .cs-categoryHeader .categoryPicture::before { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 90px; background: linear-gradient(90deg, rgb(11, 58, 28), rgba(11, 58, 28, 0)); z-index: 1; }
body.cs-category .cs-categoryHeader .categoryPicture img { position: absolute; inset: 0px; object-fit: cover; object-position: right center; display: block; width: 100% !important; height: 100% !important; max-width: none !important; }
body.cs-category .cs-categoryHeader:not(:has(.categoryPicture img)) { grid-template-columns: 1fr; min-height: 180px; }
body.cs-category .cs-rubtextLong { max-width: 820px; font-family: Poppins, sans-serif; margin: 0px 0px 24px !important; padding: 0px !important; font-size: 16px !important; line-height: 1.7 !important; color: rgb(70, 92, 76) !important; }
body.cs-category .cs-listPager { background: rgb(255, 255, 255); border-radius: 18px; box-sizing: border-box; padding: 10px 16px !important; margin: 0px 0px 22px !important; }
body.cs-category .cs-listPager .cs-articlecount { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; min-height: 0px !important; }
body.cs-category .cs-listPager .cs-heading { font-family: Poppins, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(200, 35, 44); margin-right: 6px; }
body.cs-category .cs-listPager select { cursor: pointer; height: 42px !important; border: 2px solid rgb(228, 225, 219) !important; border-radius: 999px !important; background-color: rgb(255, 255, 255) !important; padding: 0px 36px 0px 16px !important; font-family: Poppins, sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: rgb(11, 58, 28) !important; }
body.cs-category .cs-listPager select:hover { border-color: rgb(92, 195, 74) !important; }
body.cs-category aside.cs-aside { flex: 0 0 260px; position: sticky; top: 20px; width: 260px !important; max-width: 260px !important; padding: 0px !important; margin: 0px !important; }
body.cs-category aside.cs-aside .leftNavigationBox { background: rgb(255, 255, 255); border-radius: 20px; padding: 20px 14px !important; margin: 0px 0px 18px !important; border: 0px !important; box-shadow: none !important; }
body.cs-category aside.cs-aside nav.cs-sidebox { padding: 0px !important; margin: 0px !important; border: 0px !important; background: none !important; }
body.cs-category aside.cs-aside h4 { letter-spacing: 0.14em; margin: 0px 8px 12px !important; padding: 0px !important; font-family: Poppins, sans-serif !important; font-size: 13px !important; font-weight: 700 !important; text-transform: uppercase !important; color: rgb(200, 35, 44) !important; border: 0px !important; background: none !important; }
body.cs-category #categoriesLeft ul { list-style: none; margin: 0px !important; padding: 0px !important; }
body.cs-category #categoriesLeft li { margin: 0px 0px 4px !important; padding: 0px !important; border: 0px !important; }
body.cs-category #categoriesLeft li a { display: flex; align-items: center; justify-content: space-between; border-radius: 12px; transition: background 0.2s, color 0.2s; padding: 11px 14px !important; font-family: Poppins, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; color: rgb(11, 58, 28) !important; text-decoration: none !important; }
body.cs-category #categoriesLeft li a::after { content: "→"; font-size: 14px; color: rgb(201, 204, 211); transition: color 0.2s, transform 0.2s; }
body.cs-category #categoriesLeft li a:hover { background: rgb(244, 242, 238); }
body.cs-category #categoriesLeft li a:hover::after { color: rgb(11, 58, 28); transform: translateX(3px); }
body.cs-category #categoriesLeft li.active > a { background: rgb(11, 58, 28); color: rgb(255, 255, 255) !important; }
body.cs-category #categoriesLeft li.active > a::after { color: rgb(92, 195, 74); }
html body:not(.cs-start) section.cs-mainContent .cs-productListing, html body section.lastViewVBox { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); display: grid !important; gap: 20px !important; margin: 0px !important; padding: 0px !important; }
html body:not(.cs-start) .cs-productListing article.cs-articlePreview, html body section.lastViewVBox article { position: relative; flex-direction: column; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; display: flex !important; width: auto !important; max-width: none !important; margin: 0px !important; padding: 0px !important; background: rgb(255, 255, 255) !important; border: 0px !important; border-radius: 20px !important; box-shadow: none !important; }
html body:not(.cs-start) .cs-productListing article.cs-articlePreview:hover, html body section.lastViewVBox article:hover { transform: translateY(-4px); box-shadow: rgba(11, 58, 28, 0.16) 0px 16px 34px !important; }
html body:not(.cs-start) .cs-productListing .pictureContainer, html body section.lastViewVBox .cs-articlePreviewSmallPicturebox { border-bottom: 1px solid rgb(238, 236, 232); aspect-ratio: 1 / 1; align-items: center; justify-content: center; background: rgb(255, 255, 255) !important; min-height: 0px !important; height: auto !important; display: flex !important; margin: 0px !important; padding: 0px !important; }
html body:not(.cs-start) .cs-productListing .pictureContainer > a, html body section.lastViewVBox .cs-articlePreviewSmallPicturebox > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
html body:not(.cs-start) .cs-productListing .pictureContainer img, html body section.lastViewVBox .cs-articlePreviewSmallPicturebox img { object-fit: contain; transition: transform 0.3s; max-width: 84% !important; max-height: 84% !important; width: auto !important; height: auto !important; }
html body:not(.cs-start) .cs-productListing article:hover .pictureContainer img, html body section.lastViewVBox article:hover img { transform: scale(1.05); }
html body:not(.cs-start) .cs-productListing .artnamBox, html body section.lastViewVBox .cs-articlePreviewSmallDescriptionBox { padding: 16px 18px 0px !important; min-height: 0px !important; text-align: left !important; }
html body:not(.cs-start) .cs-productListing .artnamBox h3, html body:not(.cs-start) .cs-productListing .artnamBox a, html body:not(.cs-start) .cs-productListing .artnamBox span, html body section.lastViewVBox .cs-articlePreviewSmallDescriptionBox a { font-family: Poppins, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important; text-transform: none !important; letter-spacing: 0px !important; color: rgb(11, 58, 28) !important; text-align: left !important; margin: 0px !important; text-decoration: none !important; }
html body:not(.cs-start) .cs-productListing .priceBox, html body section.lastViewVBox .cs-articlePreviewSmallPriceBox { padding: 8px 18px 18px !important; min-height: 0px !important; margin-top: auto !important; text-align: left !important; }
html body:not(.cs-start) .cs-productListing .priceBox .price, html body section.lastViewVBox .price { display: flex; flex-wrap: wrap; gap: 4px; align-items: baseline; justify-content: flex-start !important; font-family: Poppins, sans-serif !important; font-size: 19px !important; font-weight: 800 !important; color: rgb(11, 58, 28) !important; text-align: left !important; }
html body:not(.cs-start) .cs-productListing .priceBox .price span, html body section.lastViewVBox .price span { font-size: inherit !important; font-weight: inherit !important; color: inherit !important; }
html body:not(.cs-start) .cs-productListing .priceBox .priceFrom, html body section.lastViewVBox .priceFrom { font-size: 13px !important; font-weight: 600 !important; color: rgb(105, 120, 110) !important; }
html body:not(.cs-start) .cs-productListing .cs-lagerBox { font-weight: 600; padding: 0px 18px 16px !important; min-height: 0px !important; font-size: 12px !important; color: rgb(46, 125, 79) !important; }
html body .cs-badgesBox { top: 12px; left: 12px; z-index: 3; position: absolute !important; min-height: 0px !important; height: auto !important; padding: 0px !important; }
html body .cs-badgesBox.cs-right { left: auto; right: 12px; }
html body .cs-badgesBox .singleBadge { display: inline-block; font-family: Poppins, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; background: rgb(11, 58, 28) !important; color: rgb(92, 195, 74) !important; font-size: 11px !important; font-weight: 800 !important; padding: 5px 11px !important; border-radius: 999px !important; width: auto !important; height: auto !important; line-height: 1.2 !important; }
html body h3.cs-siteHeading { display: block; text-align: left !important; margin: 56px 0px 24px !important; padding: 0px !important; border: 0px !important; background: none !important; }
html body h3.cs-siteHeading::before, html body h3.cs-siteHeading::after, html body h3.cs-siteHeading span::before, html body h3.cs-siteHeading span::after { display: none !important; content: none !important; }
html body h3.cs-siteHeading span { display: inline-block !important; padding: 0px !important; background: none !important; font-family: Poppins, sans-serif !important; font-size: clamp(26px, 2.6vw, 34px) !important; font-weight: 800 !important; letter-spacing: -0.01em !important; color: rgb(11, 58, 28) !important; text-transform: lowercase !important; }
html body h3.cs-siteHeading span::first-letter { text-transform: uppercase; }
@media (max-width: 1000px) {
  body.cs-category section.cs-main > .cs-box { flex-wrap: wrap; gap: 20px; padding: 20px 16px 56px !important; }
  body.cs-category aside.cs-aside { position: static; flex: 1 1 100%; order: -1; width: 100% !important; max-width: none !important; }
  body.cs-category #categoriesLeft > ul { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 8px; padding-bottom: 4px !important; }
  body.cs-category #categoriesLeft li { flex: 0 0 auto; margin: 0px !important; }
  body.cs-category #categoriesLeft li a { white-space: nowrap; border: 2px solid rgb(228, 225, 219); border-radius: 999px; padding: 8px 16px !important; }
  body.cs-category #categoriesLeft li a::after { display: none; }
  body.cs-category aside.cs-aside .leftNavigationBox { padding: 14px !important; }
  body.cs-category .cs-categoryHeader { grid-template-columns: 1fr; min-height: 0px; }
  body.cs-category .cs-categoryHeader .categoryPicture { min-height: 180px; }
  body.cs-category .cs-categoryHeader .categoryPicture::before { display: none; }
  body.cs-category .cs-categoryHeader h1.categoryHeader { padding: 26px 24px !important; }
}
@media (max-width: 600px) {
  html body:not(.cs-start) section.cs-mainContent .cs-productListing, html body section.lastViewVBox { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px !important; }
  html body:not(.cs-start) .cs-productListing .artnamBox h3, html body:not(.cs-start) .cs-productListing .artnamBox a, html body section.lastViewVBox .cs-articlePreviewSmallDescriptionBox a { font-size: 13px !important; }
  html body:not(.cs-start) .cs-productListing .artnamBox, html body section.lastViewVBox .cs-articlePreviewSmallDescriptionBox { padding: 12px 12px 0px !important; }
  html body:not(.cs-start) .cs-productListing .priceBox, html body section.lastViewVBox .cs-articlePreviewSmallPriceBox { padding: 6px 12px 14px !important; }
  html body:not(.cs-start) .cs-productListing .priceBox .price { font-size: 16px !important; }
}
body.cs-category .cs-categoryHeader .cs-categoryHeaderBox { order: 3; grid-column: 1 / -1; }
body.cs-category .cs-categoryHeader .cs-categoryHeaderBox:not(:has(.cs-categoryHeaderAdditional *)) { display: none !important; }
body.cs-category .cs-listPager form, body.cs-category .cs-listPager .cs-articlecount { border: 0px !important; box-shadow: none !important; padding: 0px !important; margin: 0px !important; }
body.cs-detail section.cs-main { font-family: Poppins, sans-serif; color: rgb(11, 58, 28); background: transparent !important; }
body.cs-detail section.cs-main > .cs-box { max-width: 1320px; margin: 0px auto; box-sizing: border-box; padding: 28px 24px 72px !important; }
body.cs-detail section.cs-mainContent { width: 100% !important; max-width: none !important; padding: 0px !important; }
body.cs-detail section.cs-mainContent > .cs-container, body.cs-detail .cs-articleDetail { max-width: none !important; width: auto !important; padding-left: 0px !important; padding-right: 0px !important; margin-left: 0px !important; margin-right: 0px !important; }
body.cs-detail .cs-articleDetailTopBox { display: none !important; }
body.cs-detail .cs-articleDetailMiddleBox { grid-template-columns: minmax(0px, 1.1fr) minmax(0px, 1fr); gap: 28px; align-items: start; display: grid !important; margin: 0px 0px 40px !important; padding: 0px !important; }
body.cs-detail .cs-articleLeftBox { width: auto !important; max-width: none !important; padding: 0px !important; margin: 0px !important; }
body.cs-detail .cs-articlePictureBox { background: rgb(255, 255, 255); border-radius: 26px; box-sizing: border-box; padding: 24px !important; height: auto !important; }
body.cs-detail .cs-articlePictureBox .cs-imageBox { position: relative; display: flex; align-items: center; justify-content: center; background: rgb(255, 255, 255); border-radius: 18px; overflow: hidden; min-height: 440px; cursor: zoom-in; }
body.cs-detail .cs-articlePictureBox .cs-imageBox::before { content: "★ Offizieller Fanartikel"; position: absolute; left: 14px; top: 14px; z-index: 2; background: rgb(11, 58, 28); color: rgb(92, 195, 74); font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; padding: 6px 12px; border-radius: 999px; }
body.cs-detail #cs-mainpicBox { object-fit: contain; transition: transform 0.4s; max-width: 100% !important; max-height: 600px !important; width: auto !important; height: auto !important; }
body.cs-detail .cs-imageBox:hover #cs-mainpicBox { transform: scale(1.04); }
body.cs-detail .cs-addPicBox { flex-wrap: wrap; gap: 12px; display: flex !important; margin: 16px 0px 0px !important; padding: 0px !important; width: auto !important; }
body.cs-detail .cs-addPicBox .cs-galleryImageBox { border: 2px solid rgb(238, 236, 232); border-radius: 14px; overflow: hidden; background: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: border-color 0.2s, transform 0.2s; box-sizing: border-box; width: 88px !important; height: 88px !important; margin: 0px !important; padding: 4px !important; }
body.cs-detail .cs-addPicBox .cs-galleryImageBox:hover, body.cs-detail .cs-addPicBox .cs-galleryImageBox.active { border-color: rgb(92, 195, 74); transform: translateY(-2px); }
body.cs-detail .cs-addPicBox .cs-galleryImageBox img { object-fit: cover; border-radius: 10px; width: 100% !important; height: 100% !important; }
body.cs-detail .cs-articleRightBox { position: sticky; top: 20px; background: rgb(255, 255, 255); border-radius: 26px; box-sizing: border-box; overflow: hidden; width: auto !important; max-width: none !important; margin: 0px !important; padding: 36px 36px 30px !important; }
body.cs-detail .cs-articleRightBox::before { content: ""; position: absolute; right: -70px; top: -70px; width: 220px; height: 220px; background: radial-gradient(circle, rgba(92, 195, 74, 0.22), transparent 65%); pointer-events: none; }
body.cs-detail h1.cs-articleName { position: relative; letter-spacing: -0.01em; margin: 0px 0px 10px !important; padding: 0px !important; font-family: Poppins, sans-serif !important; font-size: clamp(24px, 2.4vw, 32px) !important; font-weight: 800 !important; line-height: 1.15 !important; color: rgb(11, 58, 28) !important; text-transform: none !important; }
body.cs-detail h1.cs-articleName::before { content: "★ HV Werder Fanshop"; display: block; margin-bottom: 10px; font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(200, 35, 44); white-space: pre; }
body.cs-detail .cs-articleRightBox .cs-hr { display: none !important; }
body.cs-detail .cs-detailArtnum, body.cs-detail .cs-detailArtnum span { font-size: 12px !important; color: rgb(105, 120, 110) !important; margin: 0px 0px 18px !important; }
body.cs-detail .articlePriceBox { border-bottom: 1px dashed rgb(228, 225, 219); margin: 0px 0px 20px !important; padding: 0px 0px 20px !important; }
body.cs-detail .articlePriceBoxPrice .price { flex-wrap: wrap; align-items: baseline; gap: 6px; display: flex !important; font-family: Poppins, sans-serif !important; font-size: 42px !important; font-weight: 800 !important; line-height: 1 !important; color: rgb(11, 58, 28) !important; }
body.cs-detail .articlePriceBoxPrice .price span { font-size: inherit !important; font-weight: inherit !important; color: inherit !important; }
body.cs-detail .articlePriceBoxPrice .price span:not([class]):not([itemprop]) { background: linear-gradient(to top, rgba(92, 195, 74, 0.55) 12px, transparent 12px); padding: 0px 4px; }
body.cs-detail .articlePriceBoxPrice .price .priceFrom { font-size: 16px !important; font-weight: 600 !important; color: rgb(105, 120, 110) !important; }
body.cs-detail .articlePriceBoxPrice .price span[itemprop="priceCurrency"] { font-size: 22px !important; font-weight: 700 !important; }
body.cs-detail .articlePriceBoxPrice .price .priceStars { font-size: 22px !important; color: rgb(200, 35, 44) !important; }
body.cs-detail .cs-articlePriceInfo, body.cs-detail .cs-articlePriceInfo a { margin-top: 10px !important; font-size: 13px !important; color: rgb(105, 120, 110) !important; text-decoration: none !important; }
body.cs-detail .cs-articlePriceInfo a:hover { color: rgb(200, 35, 44) !important; text-decoration: underline !important; }
body.cs-detail .availability { margin: 0px 0px 18px !important; }
body.cs-detail .availability .cs-inStock { display: inline-flex; align-items: center; gap: 8px; border-radius: 999px; line-height: 1; background: rgb(232, 245, 236) !important; padding: 7px 14px !important; font-size: 0px !important; }
body.cs-detail .availability .cs-inStock::after { font-size: 13px !important; font-weight: 700 !important; color: rgb(30, 107, 62) !important; margin: 0px !important; }
body.cs-detail .availability .cs-inStock::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 999px; background: rgb(46, 158, 91); box-shadow: rgba(46, 158, 91, 0.18) 0px 0px 0px 4px; }
body.cs-detail .cs-executionBox { display: flex; flex-direction: column; gap: 12px; margin: 0px 0px 18px !important; }
body.cs-detail .cs-execution { margin: 0px !important; width: 100% !important; }
body.cs-detail #bestellblock select, body.cs-detail #bestellblock input[type="text"] { box-sizing: border-box; cursor: pointer; transition: border-color 0.2s, box-shadow 0.2s; width: 100% !important; max-width: none !important; height: 56px !important; border: 2px solid rgb(228, 225, 219) !important; border-radius: 16px !important; background-color: rgb(255, 255, 255) !important; padding: 0px 44px 0px 18px !important; font-family: Poppins, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; color: rgb(11, 58, 28) !important; }
body.cs-detail #bestellblock input[type="text"] { cursor: text; padding-right: 18px !important; }
body.cs-detail #bestellblock select:hover, body.cs-detail #bestellblock select:focus, body.cs-detail #bestellblock input[type="text"]:focus { box-shadow: rgba(92, 195, 74, 0.18) 0px 0px 0px 4px; outline: none; border-color: rgb(92, 195, 74) !important; }
body.cs-detail .cs-articleAmount { gap: 12px; align-items: stretch; display: flex !important; flex-wrap: nowrap !important; margin: 0px !important; }
body.cs-detail .cs-articleAmountBox { flex: 0 0 150px; height: 58px; border: 2px solid rgb(228, 225, 219); border-radius: 999px; overflow: hidden; background: rgb(255, 255, 255); display: flex; align-items: center; box-sizing: border-box; width: 150px !important; }
body.cs-detail .cs-articleAmountBox * { border: 0px !important; background: transparent !important; color: rgb(11, 58, 28) !important; }
body.cs-detail .cs-articleAmountBox input { text-align: center; height: 100% !important; font-family: Poppins, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; }
body.cs-detail .cs-bestellButtons { flex: 1 1 auto; margin: 0px !important; width: auto !important; }
body.cs-detail #bestellblock .cs-bestellButtons input.cs-button1, body.cs-detail .cs-bestellButtons .cs-button1 { letter-spacing: 0.01em; cursor: pointer; transition: transform 0.15s, box-shadow 0.15s; width: 100% !important; height: 58px !important; border: 0px !important; border-radius: 999px !important; background: rgb(92, 195, 74) !important; color: rgb(11, 58, 28) !important; font-family: Poppins, sans-serif !important; font-size: 17px !important; font-weight: 800 !important; box-shadow: rgb(200, 35, 44) 0px 5px 0px !important; }
body.cs-detail .cs-bestellButtons .cs-button1:hover { transform: translateY(-2px); background: rgb(92, 195, 74) !important; box-shadow: rgb(200, 35, 44) 0px 7px 0px !important; }
body.cs-detail .cs-bestellButtons .cs-button1:active { transform: translateY(3px); box-shadow: rgb(200, 35, 44) 0px 2px 0px !important; }
body.cs-detail .basketBlock::after { content: "★ Offizieller Vereinsshop des HV Grün-Weiß Werder\a ♥ Mit deinem Kauf unterstützt du den Verein\a ✉ Fragen? service@uground.net"; display: block; white-space: pre-line; margin-top: 24px; padding: 16px 18px; background: rgb(244, 242, 238); border-radius: 16px; font-size: 13px; font-weight: 600; line-height: 2; color: rgb(11, 58, 28); }
body.cs-detail #tabs { margin: 0px 0px 24px !important; }
body.cs-detail #tabs .tabContainer { flex-wrap: wrap; gap: 8px; display: flex !important; margin: 0px 0px 16px !important; padding: 0px !important; border: 0px !important; }
body.cs-detail #tabs .tabContainer .tabs { cursor: pointer; transition: border-color 0.2s, background 0.2s; width: auto !important; margin: 0px !important; padding: 12px 22px !important; border: 2px solid rgb(228, 225, 219) !important; border-radius: 999px !important; background: rgb(255, 255, 255) !important; }
body.cs-detail #tabs .tabContainer .tabs span { font-family: Poppins, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; color: rgb(11, 58, 28) !important; border: 0px !important; padding: 0px !important; }
body.cs-detail #tabs .tabContainer .tabs:hover { border-color: rgb(92, 195, 74) !important; }
body.cs-detail #tabs .tabContainer .tabs.activeTab { background: rgb(11, 58, 28) !important; border-color: rgb(11, 58, 28) !important; }
body.cs-detail #tabs .tabContainer .tabs.activeTab span { color: rgb(255, 255, 255) !important; }
body.cs-detail #tabs .tabContainer .tabs::after, body.cs-detail #tabs .tabContainer .tabs span::after { display: none !important; }
body.cs-detail #tabs .contentContainer { background: rgb(255, 255, 255); border-radius: 26px; padding: 36px 40px !important; border: 0px !important; }
body.cs-detail #tabs .tabcontent { font-family: Poppins, sans-serif; font-size: 16px; line-height: 1.75; color: rgb(55, 74, 60); max-width: 860px; }
body.cs-detail #tabs .tabcontent h2, body.cs-detail #tabs .tabcontent h3 { line-height: 1.2; margin: 0px 0px 16px !important; font-size: 26px !important; font-weight: 800 !important; color: rgb(11, 58, 28) !important; }
body.cs-detail #tabs .tabcontent strong, body.cs-detail #tabs .tabcontent b { color: rgb(11, 58, 28); }
body.cs-detail #tabs .tabcontent ul { list-style: none; display: grid; gap: 10px; margin: 14px 0px 18px !important; padding: 0px !important; }
body.cs-detail #tabs .tabcontent ul li { position: relative; background: rgb(244, 242, 238); border-radius: 14px; font-weight: 600; color: rgb(11, 58, 28); padding: 12px 16px 12px 46px !important; }
body.cs-detail #tabs .tabcontent ul li::before { content: "★"; position: absolute; left: 16px; top: 11px; color: rgb(92, 195, 74); font-size: 17px; }
@media (max-width: 1000px) {
  body.cs-detail .cs-articleDetailMiddleBox { grid-template-columns: 1fr; gap: 18px; }
  body.cs-detail .cs-articleRightBox { position: static; padding: 26px 22px 22px !important; }
  body.cs-detail .cs-articlePictureBox { padding: 14px !important; }
  body.cs-detail .cs-articlePictureBox .cs-imageBox { min-height: 300px; }
  body.cs-detail section.cs-main > .cs-box { padding: 18px 16px 56px !important; }
  body.cs-detail #tabs .contentContainer { padding: 24px 20px !important; }
}
@media (max-width: 600px) {
  body.cs-detail .articlePriceBoxPrice .price { font-size: 34px !important; }
  body.cs-detail .cs-articleAmount { flex-wrap: wrap !important; }
  body.cs-detail .cs-articleAmountBox { flex: 1 1 100%; width: 100% !important; }
  body.cs-detail .cs-addPicBox .cs-galleryImageBox { width: 68px !important; height: 68px !important; }
}
body.cs-detail #tabs .tabcontent * { font-family: Poppins, sans-serif !important; }
body.cs-detail #tabs .tabcontent span[style], body.cs-detail #tabs .tabcontent p[style], body.cs-detail #tabs .tabcontent li[style] { font-size: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; color: inherit !important; }
body.cs-detail #tabs .tabcontent > :first-child, body.cs-detail #tabs .tabcontent > div:first-child > :first-child, body.cs-detail #tabs .tabcontent section > :first-child { margin-top: 0px !important; }
body.cs-detail #tabs .tabcontent h1, body.cs-detail #tabs .tabcontent h2 { margin: 0px 0px 16px !important; font-size: 26px !important; font-weight: 800 !important; color: rgb(11, 58, 28) !important; line-height: 1.2 !important; }
body.cs-detail #tabs .tabcontent h3 ~ h3, body.cs-detail #tabs .tabcontent h2 ~ h3, body.cs-detail #tabs .tabcontent p + h3, body.cs-detail #tabs .tabcontent ul + h3, body.cs-detail #tabs .tabcontent section + section h3, body.cs-detail #tabs .tabcontent h4 { margin: 28px 0px 12px !important; font-size: 18px !important; font-weight: 800 !important; color: rgb(200, 35, 44) !important; text-transform: none !important; }
body.cs-detail #tabs .tabcontent p { margin: 0px 0px 14px !important; font-size: 16px !important; font-weight: 400 !important; }
body.cs-detail #tabs .tabcontent table { max-width: 560px; border-radius: 14px; overflow: hidden; width: 100% !important; border-collapse: separate !important; border-spacing: 0px !important; margin: 12px 0px 20px !important; border: 0px !important; }
body.cs-detail #tabs .tabcontent table td { background: rgb(255, 255, 255); vertical-align: top; padding: 12px 16px !important; border: 0px !important; font-size: 15px !important; color: rgb(11, 58, 28) !important; }
body.cs-detail #tabs .tabcontent table tr:nth-child(2n+1) td { background: rgb(244, 242, 238) !important; }
body.cs-detail #tabs .tabcontent table td:first-child { width: 42%; font-weight: 700 !important; color: rgb(200, 35, 44) !important; }
body.cs-detail #tabs .tabcontent table td:first-child strong { color: rgb(200, 35, 44) !important; }
/* from lemon.min.89.css */
/* from lemon.min.89.css */
/* from lemon.min.89.css */
/* from lemon_responsive.89.css */
/* from inline0 */
@keyframes ugPreTick { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
@keyframes ugPreBlink { 
  50% { opacity: 0; }
}
/* from inline1 */
/* from inline2 */
/* Werder Ergänzungen */
.cs-articlePreview:has(.hwx-strip) .cs-badgesBox{top:42px!important}
html body header .cs-logo img{max-height:96px!important;width:auto!important}