/* ===== Basis aus u/ground MUSTERSHOP ===== */
/*Startpage Text*/

.startpage-text{font-size:1.25em;}


/*Warenkorb Tunning*/
.cs-shortnav{margin-top:15px;}

.cs-infoBox {
    background: #111111;
    color: #ffffff;
    padding: 1.3em 1.6em;
    margin-bottom: 2em;
    display: block;
    margin-top: 15px;
}

.cs-body .cs-button3 { margin-top: 10px; }

/* u/ground Branding 2026 – Six Worlds. One Brand. */
:root{--primaryBackground:#132C3F;--primaryColor:#ffffff;--ugMerch:#CFD600;--ugSports:#C11F66;--ugTextil:#006A78;--ugTechnik:#132C3F;--ugMarketing:#7556A4;--ugMore:#D9782D;--greenBadge:#006A78;--redBadge:#C11F66;--yellowBadge:#D9782D;}
.cs-logo img{max-height:64px;width:auto;height:auto;}
@media (max-width:768px){.cs-logo img{max-height:42px;}}
body .cs-topBar{background:var(--ugTechnik)!important;color:#fff!important;border-top:6px solid transparent;border-image:linear-gradient(90deg,#CFD600 0 16.66%,#C11F66 16.66% 33.33%,#006A78 33.33% 50%,#132C3F 50% 66.66%,#7556A4 66.66% 83.33%,#D9782D 83.33% 100%) 1;}
body .cs-topBar,body .cs-topBar a,body .cs-topBar span,body .cs-topBar div{color:#fff!important;}
body .cs-topBar .cs-svgIcon path{fill:#fff;}
.cs-topBar a:hover{color:var(--ugMerch);}
.cs-informationsHeader,.cs-mobileCategorysHeader,.cs-compareHeader,.cs-compareButton,.cs-overlayMenuButton{background:var(--ugTechnik);}
body .cs-categoriesBox .cs-overlayMenuButton{background:var(--ugTechnik)!important;color:#fff;border-radius:4px;transition:.2s;}
body .cs-categoriesBox .cs-overlayMenuButton:hover{background:var(--ugMerch)!important;color:var(--ugTechnik);}
.cs-body .cs-button1{background:var(--ugTechnik);color:#fff;border-radius:4px;transition:.2s;}
.cs-body .cs-button1:hover{background:var(--ugMerch);color:var(--ugTechnik);}
.cs-body .cs-button3{border-color:var(--ugTechnik);color:var(--ugTechnik);border-radius:4px;}
.cs-body .cs-button3:hover{background:var(--ugTechnik);color:#fff;}
.cs-primaryColored{background:var(--ugTechnik);color:#fff;}
.cs-primaryColored:hover{background:var(--ugTextil);}
.cs-secondaryColored,.cs-secondaryColored:hover{background:var(--ugMerch);color:var(--ugTechnik);}
.cs-newsletterSubmit,footer .footerNewsletterBox .newsletterSubmit{background:var(--ugTechnik);}
a:hover{color:var(--ugTextil);}
h1,h2,h3,.h1,.h2,.h3{color:var(--ugTechnik);}
.cs-footerRow.top{background:#F3F5F7;border-top:5px solid var(--ugMerch);}
.cs-footerBoxHeader{color:var(--ugTechnik);font-weight:600;}
.cs-footerRow:not(.top){background:var(--ugTechnik);color:#fff;}
.cs-footerRow:not(.top) a{color:#fff;}
::-webkit-scrollbar-thumb{background-color:var(--ugTechnik);}
.ug-hero{background:linear-gradient(120deg,#132C3F 0%,#006A78 100%);color:#fff;border-radius:10px;padding:48px 40px;margin:24px 0;}
.ug-hero h1{color:#fff;margin:0 0 .4em;font-size:2.2rem;font-weight:600;}
.ug-hero p{font-size:1.1rem;max-width:640px;margin:0 0 1.2em;color:#E8EEF2;}
.ug-hero .ug-claim{color:#CFD600;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;margin-bottom:.6em;}
.ug-hero a.ug-cta{display:inline-block;background:#CFD600;color:#132C3F;padding:.8em 1.6em;border-radius:4px;font-weight:600;}
.ug-hero a.ug-cta:hover{background:#fff;color:#132C3F;}
.ug-worlds{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:0 0 32px;}
.ug-worlds div{border-radius:8px;padding:22px 16px;color:#fff;font-weight:600;font-size:1.05rem;}
.ug-worlds small{display:block;font-weight:400;font-size:.8rem;opacity:.9;margin-top:4px;}
@media (max-width:600px){.ug-hero{padding:32px 22px;}.ug-hero h1{font-size:1.6rem;}}
/* === u/ground v2: Info-Menü & Footer === */
/* Dropdown & mobiles Info-Menü lesbar */
body .cs-topBar ul.cs-infosites .cs-addSites{background:#fff;box-shadow:0 8px 24px rgba(19,44,63,.18);border-top:3px solid #CFD600;border-radius:0 0 6px 6px;}
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:#132C3F!important;}
body .cs-topBar .cs-addSites a:hover,body .cs-topBar .cs-mobileInfosites ul a:hover,body .cs-topBar .cs-mobileInfosites ul a:hover span{color:#006A78!important;}
body .cs-topBar .cs-mobileInfosites{background:#fff;}
body .cs-topBar .cs-informationsHeader{background:#132C3F!important;color:#fff!important;border-bottom:4px solid #CFD600;}
body .cs-topBar .cs-informationsHeader *{color:#fff!important;fill:#fff;}
body .cs-topBar .cs-informationsHeader svg path{fill:#fff!important;}
/* Footer kompakt, dunkel, mit Six-Worlds-Streifen */
footer{background:#132C3F;}
footer .cs-footerRow{margin:0!important;}
footer .cs-footerRow.top{background:#132C3F!important;color:#D7E0E7;border-top:6px solid transparent!important;border-image:linear-gradient(90deg,#CFD600 0 16.66%,#C11F66 16.66% 33.33%,#006A78 33.33% 50%,#2A4A63 50% 66.66%,#7556A4 66.66% 83.33%,#D9782D 83.33% 100%) 1!important;}
footer .cs-footerTop{padding:34px 15px 22px!important;}
footer .cs-footerBox{margin-bottom:14px;}
footer .cs-footerBoxHeader{color:#CFD600!important;font-size:.85rem!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px!important;}
footer .cs-footerBoxContent,footer .cs-footerBoxContent p,footer .cs-footerBoxContent span,footer .cs-footerBoxContent div{color:#D7E0E7!important;font-size:.88rem;line-height:1.65;}
footer .cs-footerBoxContent a{color:#fff!important;}
footer .cs-footerBoxContent a:hover{color:#CFD600!important;}
footer .cs-footerRow.newsletter{background:#0E2232!important;}
footer .cs-footerNewsletter{padding:16px 15px!important;align-items:center;gap:12px 24px;}
footer .cs-footerNewsletterBox.heading{color:#fff!important;font-weight:600;font-size:1rem;}
footer .cs-footerNewsletterBox.text{color:#B8C7D3!important;font-size:.85rem;padding:0!important;}
footer .cs-newsletterFooterInput{height:44px!important;border:0!important;border-radius:4px 0 0 4px;padding:0 14px!important;}
footer .cs-footerNewsletterBox.input{height:44px!important;}
footer .cs-newsletterLink,footer .cs-newsletterSubmit{background:#CFD600!important;height:44px!important;display:flex;align-items:center;justify-content:center;padding:0 16px;border-radius:0 4px 4px 0;}
footer .cs-newsletterLink svg path,footer .cs-newsletterSubmit svg path{fill:#132C3F!important;}
footer .cs-newsletterLink img,footer .cs-newsletterSubmit img{filter:brightness(0) saturate(100%) invert(14%) sepia(30%) saturate(1200%) hue-rotate(170deg);}
footer .cs-footerRow.payments{background:#0B1C28!important;padding:10px 0 0;}
footer .cs-footerPayments img{opacity:.85;height:22px;width:auto;border-radius:3px;}
footer .cs-footerRow.copyright,footer .cs-footerRow:last-child{background:#0B1C28!important;}
footer .cs-copyrightBox{color:#8FA3B3!important;font-size:.78rem!important;padding:8px 15px 14px!important;line-height:1.5;}
footer .cs-copyrightBox a{color:#B8C7D3!important;}
footer .cs-copyrightBox a:hover{color:#CFD600!important;}
@media (max-width:767.98px){footer .cs-footerTop{padding:24px 15px 10px!important;}}

/* ===== Layout nach LA-Stars-Muster, PV-Farben ===== */
/* PV Header Hintergrund */
header,
.cs-header,
.cs-headerContent {
    background:#111111 !important;
}
/* PV Header Icons - Original Outline weiß */

.cs-headerContent svg,
.cs-headerContent svg * {
    color:#ffffff !important;
    stroke:currentColor !important;
    fill:transparent !important;
}

/* keine künstliche Linienstärke */
.cs-headerContent svg * {
    stroke-width:inherit !important;
}

/* Warenkorb Zahl */
.cs-headerContent span {
    color:#ffffff !important;
}
/* PV Kategorie Navigation */

.cs-categoriesBox,
.cs-categoryNav {
    background:#ffffff !important;
}

/* Kategorie Texte */
.cs-categoriesBox a,
.cs-categoryNav a {
    font-size:22px !important;
    font-weight:700 !important;
    letter-spacing:1px !important;
    text-transform:uppercase !important;
    color:#111111 !important;
    padding:22px 35px !important;
    position:relative;
}

/* Hover Effekt */
.cs-categoriesBox a:hover,
.cs-categoryNav a:hover {
    color:#111111 !important;
}

/* grüne Sport-Linie unten */
.cs-categoriesBox a:after,
.cs-categoryNav a:after {
    content:"";
    position:absolute;
    left:50%;
    bottom:10px;
    width:0;
    height:4px;
    background:#C8102E;
    transform:translateX(-50%);
    transition:0.25s ease;
}

.cs-categoriesBox a:hover:after,
.cs-categoryNav a:hover:after {
    width:70%;
}
/* PV obere Service Navigation */

.cs-topBar,
.cs-topbar,
.cs-serviceBar,
.cs-headerTop {
    background:#111111 !important;
    border-bottom:1px solid rgba(255,255,255,0.15) !important;
}

/* Links oben */
.cs-topBar a,
.cs-topbar a,
.cs-serviceBar a,
.cs-headerTop a {
    color:#ffffff !important;
    font-size:15px !important;
    font-weight:600 !important;
    letter-spacing:0.8px !important;
    text-transform:uppercase !important;
    padding:0 18px !important;
}

/* Hover */
.cs-topBar a:hover,
.cs-topbar a:hover,
.cs-serviceBar a:hover,
.cs-headerTop a:hover {
    color:#C8102E  !important;
}

/* Service Pfeil */
.cs-topBar svg,
.cs-headerTop svg {
    stroke:#ffffff !important;
}

/* Sprachflagge schöner */
.cs-topBar img,
.cs-headerTop img {
    transform:scale(1.15);
    margin-left:15px;
}
/* =========================
   PV FOOTER CLEAN
========================= */

/* kompletter Footer dunkelblau */
footer,
footer *,
.cs-footer,
.cs-footer *,
.cs-footerWrapper,
.cs-footerContent,
.cs-newsletter,
.newsletter,
.cs-footerBottom {
    background-color:#111111 !important;
    color:#ffffff !important;
}

/* Footer-Spalten */
footer {
    background:#111111 !important;
    border-top:4px solid #C8102E !important;
}

/* Überschriften */
footer h1,
footer h2,
footer h3,
footer h4,
footer .headline,
footer .cs-footerTitle,
footer .cs-footerHeadline {
    color:#ffffff !important;
    text-transform:uppercase !important;
    font-size:17px !important;
    font-weight:800 !important;
    letter-spacing:1.4px !important;
    margin-bottom:18px !important;
}

/* Fließtext */
footer p,
footer span,
footer div,
footer li {
    color:#ffffff !important;
    font-size:15px !important;
    line-height:1.7 !important;
}

/* Links */
footer a {
    color:#ffffff !important;
    text-decoration:none !important;
    transition:0.25s ease;
}

footer a:hover {
    color:#C8102E !important;
}

/* Newsletter Eingabefeld */
footer input,
footer input[type="email"],
footer input[type="text"] {
    background:#ffffff !important;
    color:#111111 !important;
    border:1px solid rgba(255,255,255,0.25) !important;
}

/* Placeholder */
footer input::placeholder {
    color:#777777 !important;
}

/* Newsletter Button */
footer button,
footer .button,
footer input[type="submit"] {
    background:#C8102E !important;
    color:#111111 !important;
    border:none !important;
}

/* Trennlinien */
footer hr,
.cs-footerBottom {
    border-color:rgba(255,255,255,0.18) !important;
}

/* Copyright Zeile */
footer .copyright,
footer small {
    color:#ffffff !important;
}
/* =========================
   PV SUBMENÜ / OFFCANVAS
========================= */


/* Hintergrund Abdunkelung */
[class*="offcanvas"],
[class*="Offcanvas"],
[class*="overlay"],
[class*="Overlay"] {
    background:rgba(0,0,0,0.65) !important;
}


/* linkes Menü */
[class*="offcanvas"] > div:first-child,
[class*="Offcanvas"] > div:first-child,
[class*="menuLayer"] > div:first-child,
[class*="MenuLayer"] > div:first-child {
    background:#111111 !important;
    width:330px !important;
    border-right:4px solid #C8102E !important;
}


/* Kopf "Informationen" */
[class*="offcanvas"] h1,
[class*="offcanvas"] h2,
[class*="offcanvas"] h3,
[class*="menuLayer"] h1,
[class*="menuLayer"] h2,
[class*="menuLayer"] h3 {
    background:#111111 !important;
    color:#ffffff !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 #C8102E !important;
}


/* Menü Links */
[class*="offcanvas"] a,
[class*="Offcanvas"] a,
[class*="menuLayer"] a,
[class*="MenuLayer"] a {
    color:#ffffff !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;

    transition:0.25s ease;
}


/* Hover + aktiv */
[class*="offcanvas"] a:hover,
[class*="Offcanvas"] a:hover,
[class*="offcanvas"] .active,
[class*="Offcanvas"] .active {
    background:#C8102E !important;
    color:#111111 !important;
    padding-left:32px !important;
}


/* Close Button */
[class*="close"],
[class*="Close"],
[class*="offcanvas"] button,
[class*="Offcanvas"] button {
    background:#C8102E !important;
    color:#111111 !important;
    font-weight:900 !important;
}


/* X Farbe */
[class*="close"] svg,
[class*="Close"] svg {
    stroke:#111111 !important;
}
/* =========================
   FIX SERVICE SCHWARZER BLOCK
========================= */

/* alle aktiven Dropdown Hintergründe entfernen */
.cs-topBar *,
.cs-headerTop *,
.cs-serviceBar * {
    box-shadow:none !important;
}


/* Service Dropdown Button */
.cs-topBar li,
.cs-headerTop li,
.cs-serviceBar li,
.cs-topBar a,
.cs-headerTop a,
.cs-serviceBar a {
    background:transparent !important;
}


/* wenn Service offen/aktiv */
.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:#C8102E !important;
    color:#111111 !important;
    border-radius:0 !important;
}


/* Text und Pfeil im aktiven Feld */
.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:#111111 !important;
    stroke:#111111 !important;
}
/* SLIDER DESIGN - RUNDE ECKEN + SCHATTEN */

.nivoSlider,
.cs-slider,
.cs-sliderWrapper {
    border-radius:18px !important;
    overflow:hidden !important;
    box-shadow:0 15px 40px rgba(0,0,0,0.25) !important;
}

/* Bilder ebenfalls abrunden */
.nivoSlider img,
.cs-slider img {
    border-radius:18px !important;
}
/* =========================
   STARTSEITE PRODUKTE FINAL
========================= */

/* Abstand Überschrift */
.cs-startTitle {
    margin:70px auto 35px auto !important;
}

/* Überschrift */
.cs-betHeading {
    color:#111111 !important;
    font-size:32px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:1.2px !important;
}

/* Untertitel */
.cs-subtitle {
    color:#111111 !important;
    font-size:16px !important;
    font-weight:500 !important;
    margin-top:10px !important;
}

/* Produktreihe */
.cs-productListing {
    max-width:1280px !important;
    margin:35px auto 90px auto !important;
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:24px !important;
}

/* Produktkarte */
.cs-articlePreview {
    flex:0 0 260px !important;
    width:230px !important;
    max-width:230px !important;
    background:#ffffff !important;
    border-radius:22px !important;
    padding:24px !important;
    box-shadow:0 12px 35px rgba(0,0,0,0.14) !important;
    overflow:hidden !important;
    transition:0.3s ease !important;
}

/* Hover */
.cs-articlePreview:hover {
    transform:translateY(-8px) !important;
    box-shadow:0 18px 45px rgba(0,0,0,0.24) !important;
}

/* Produktbild */
.cs-articlePreview img {
    width:100% !important;
    height:250px !important;
    object-fit:contain !important;
    border-radius:16px !important;
}

/* Produkttitel */
.cs-articlePreview a,
.cs-articlePreview .cs-title {
    color:#111111 !important;
    font-size:15px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    line-height:1.25 !important;
    text-decoration:none !important;
}

/* Preis */
.cs-price,
.cs-articlePreview .cs-price {
    color:#111111 !important;
    font-size:15px !important;
    font-weight:800 !important;
}

/* Lagerstatus */
.cs-articlePreview .cs-stock,
.cs-articlePreview [class*="stock"] {
    color:#1E7B3A !important;
    font-weight:800 !important;
}

/* Mobil sauber */
@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;
    }
}
/* =====================================
   STARTSEITE PRODUKTBOXEN + HEADINGS
   Trendprodukte + Zuletzt gesehen
===================================== */


/* Überschrift mit unterbrochener Linie */
.cs-siteHeading {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:35px !important;
    margin:70px auto 45px auto !important;
}

.cs-siteHeading:before,
.cs-siteHeading:after {
    content:"" !important;
    height:1px !important;
    background:#ddd !important;
    flex:1 !important;
    display:block !important;
}

.cs-siteHeading span {
    background:#fff !important;
    padding:0 25px !important;
    color:#111111 !important;
    font-size:34px !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-transform:uppercase !important;
}


/* Untertitel */
.cs-subtitle {
    color:#111111 !important;
    font-size:16px !important;
    margin-bottom:50px !important;
}


/* Produktbereich */
.cs-productListing {
    justify-content:center !important;
    gap:40px !important;
}


/* ALLE Produktkarten */
.cs-articlePreview,
.cs-articlePreviewBox,
.cs-productPreview,
article[itemtype*="Product"] {

    background:#fff !important;

    border-radius:18px !important;

    padding:25px !important;

    box-shadow:
    0 18px 35px rgba(0,0,0,0.13) !important;

    transition:all .25s ease !important;

    overflow:hidden !important;
}


/* Hover */
.cs-articlePreview:hover,
.cs-productPreview:hover,
article[itemtype*="Product"]:hover {

    transform:translateY(-8px);

    box-shadow:
    0 25px 45px rgba(0,0,0,0.20) !important;
}


/* Bilder */
.cs-articlePreview img,
.cs-productPreview img,
article[itemtype*="Product"] img {

    border-radius:12px !important;

    max-height:280px !important;

    object-fit:contain !important;
}


/* Produktname */
.cs-articlePreview h3,
.cs-productPreview h3,
article[itemtype*="Product"] h3 {

    color:#111111 !important;

    font-weight:900 !important;

    text-transform:uppercase !important;
}


/* Lager grün sauber */
.cs-stock,
.cs-availability {

    color:#1E7B3A !important;
    font-weight:700 !important;
}


/* Desktop 4 nebeneinander */
@media(min-width:1000px){

.cs-productListing article {
    width:23% !important;
}

}
/* HEADLINE LINIEN FINAL FIX */

.cs-siteHeading {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:28px !important;
    margin:70px auto 35px auto !important;
    text-align:center !important;
    position:relative !important;
}

.cs-siteHeading:before,
.cs-siteHeading:after {
    content:"" !important;
    display:block !important;
    height:1px !important;
    background:#e5e5e5 !important;
    flex:1 1 auto !important;
    max-width:360px !important;
    position:static !important;
}

.cs-siteHeading span {
    background:#ffffff !important;
    padding:0 24px !important;
    position:relative !important;
    z-index:2 !important;
    color:#111111 !important;
}
/* =====================================
   PV FOOTER KOMPLETT DESIGN
===================================== */


/* Footer Grundschrift */
footer,
.cs-footer,
.cs-footerBox,
.cs-footerBoxInner {

    font-family:'Poppins', sans-serif !important;

    color:#ffffff !important;

    font-size:15px !important;

    font-weight:400 !important;

    line-height:1.8 !important;
}


/* Footer Spalten */
.cs-footerBox {
    padding:10px 25px !important;
}


/* Überschriften */
.cs-footerBoxHeader {

    color:#ffffff !important;

    font-size:18px !important;

    font-weight:900 !important;

    text-transform:uppercase !important;

    letter-spacing:1px !important;

    margin-bottom:28px !important;

    position:relative !important;
}


/* Gelber PV Akzent */
.cs-footerBoxHeader:after {

    content:"";

    display:block;

    width:50px;

    height:4px;

    background:#C8102E;

    border-radius:10px;

    margin-top:12px;
}


/* Texte im Footer */
.cs-footerBox p,
.cs-footerBox div,
.cs-footerBox span {

    color:#ffffff !important;

    font-size:15px !important;

    font-weight:400 !important;

    line-height:1.8 !important;
}


/* Links */
.cs-footerBox a {

    color:#ffffff !important;

    font-size:15px !important;

    text-decoration:none !important;

    transition:all .25s ease;
}


/* Hover Gelb */
.cs-footerBox a:hover {

    color:#C8102E !important;

    padding-left:5px;
}


/* Newsletter Bereich */
.cs-footerRow.newsletter,
.cs-footerNewsletter {

    color:#ffffff !important;
}


/* Newsletter Text */
.cs-footerNewsletter * {

    font-size:15px !important;
}


/* Eingabefeld */
.cs-footer input {

    border-radius:8px !important;

    border:none !important;

    padding:18px !important;

    font-family:'Poppins', sans-serif !important;
}


/* Newsletter Button */
.cs-footer button {

    background:#C8102E !important;

    color:#111111 !important;

    border-radius:8px !important;

    transition:.25s ease;
}


.cs-footer button:hover {

    transform:scale(1.05);
}


/* Copyright unten */
.cs-footerCopyright,
.cs-footerBottom {

    color:rgba(255,255,255,.7) !important;

    font-size:13px !important;
}
/* NEWSLETTER FINAL EXAKT */

footer .cs-footerRow.newsletter {
    background:#C8102E !important;
    max-width:1200px !important;
    margin:70px auto 50px auto !important;
    padding:35px !important;
    border-radius:22px !important;
    border:none !important;
    box-shadow:0 20px 45px rgba(0,0,0,.25) !important;
}

footer .cs-footerRow.newsletter > .cs-footerInner.cs-container {
    background:#C8102E !important;
    max-width:none !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
}

footer .cs-footerNewsletter {
    background:#C8102E !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:30px !important;
    width:100% !important;
}

footer .cs-footerNewsletterBox {
    background:#C8102E !important;
    color:#111111 !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:#ffffff !important;
    color:#111111 !important;
    height:56px !important;
    width:360px !important;
    border:none !important;
    border-radius:10px 0 0 10px !important;
    padding:0 20px !important;
}

footer .cs-footerNewsletterBox.input button {
    background:#111111 !important;
    color:#ffffff !important;
    height:56px !important;
    width:64px !important;
    border:none !important;
    border-radius:0 10px 10px 0 !important;
}
/* Newsletter Text Style */

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:#111111;
    border-radius:10px;
    margin-top:12px;
}
/* Newsletter Text unter Überschrift setzen */

footer .cs-footerNewsletter {
    display:grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows:auto auto auto !important;
    column-gap:60px !important;
}


/* Überschrift */
footer .cs-footerNewsletterBox:nth-child(1) {
    grid-column:1 !important;
    grid-row:1 !important;
}


/* Beschreibung */
footer .cs-footerNewsletterBox:nth-child(2) {
    grid-column:1 !important;
    grid-row:2 !important;
    margin-top:20px !important;
    max-width:550px !important;
    font-size:18px !important;
    line-height:1.5 !important;
}


/* Eingabe rechts */
footer .cs-footerNewsletterBox.input {
    grid-column:2 !important;
    grid-row:1 / span 3 !important;
    align-self:center !important;
}


/* Linie Abstand */
footer .cs-footerNewsletterBox:first-child:after {
    margin-top:18px !important;
    margin-bottom:0 !important;
}
/* Newsletter Eingabefeld größer */

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 ÜBERSCHRIFTEN PV STYLE */

footer .cs-footerBoxHeader {
    font-size:22px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:1.5px !important;
    color:#ffffff !important;
    margin-bottom:35px !important;
}


/* Gelbe Linie unter Überschrift */
footer .cs-footerBoxHeader:after {
    content:"";
    display:block;
    width:75px !important;
    height:6px !important;
    background:#C8102E !important;
    border-radius:20px !important;
    margin-top:20px !important;
}


/* Footer Text etwas hochwertiger */
footer .cs-footerBox,
footer .cs-footerBox a {
    font-size:17px !important;
    line-height:1.8 !important;
    font-weight:500 !important;
}


/* Links Hover wie Fan-Shop */
footer .cs-footerBox a:hover {
    color:#C8102E !important;
}
/* ===========================
   HEADER OPTIMIERUNG
   =========================== */

/* Headerhöhe verkleinern */
.cs-headerContent{
    min-height:110px !important;
    padding:15px 35px !important;
}

/* Logo kleiner */
.cs-logo img{
    width:140px !important;
    max-width:140px !important;
    height:auto !important;
    transition:all .3s ease;
}

/* Leichter Hover-Effekt */
.cs-logo img:hover{
    transform:scale(1.05);
}

/* Navigation vertikal mittig */
.cs-container.cs-flex.cs-flexSpaceBetween{
    align-items:center !important;
}

/* Abstand der Hauptnavigation */
.cs-categoriesBox{
    margin-top:12px !important;
}

/* Hauptmenü */
.cs-categoriesBox a{
    font-size:20px;
    font-weight:700;
    letter-spacing:0.5px;
    text-transform:uppercase;
    transition:all .25s ease;
}

/* Hover Menü */
.cs-categoriesBox a:hover{
    color:#E8323F !important;
}

/* Icons rechts etwas größer */
.cs-miniButtons a{
    font-size:30px;
    margin-left:18px;
    transition:all .25s ease;
}

.cs-miniButtons a:hover{
    transform:scale(1.1);
    color:#E8323F !important;
}

/* Such-, Konto- und Warenkorb vertikal zentrieren */
.cs-miniButtons{
    align-items:center;
}
/* Icons normal */
.cs-miniButtons a{
    font-size:18px !important;
    margin-left:12px;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* SVG-Größe */
.cs-miniButtons svg{
    width:22px !important;
    height:22px !important;
}

/* Hover */
.cs-miniButtons a:hover svg{
    transform:scale(1.08);
    transition:.2s;
}
/* ==========================================================
   PV – MOBILE KATEGORIEN FINAL
   ========================================================== */


/* Mobiles Kategorien-Overlay */
html body .cs-mobileCategorys {
    background: #111111 !important;
}


/* Kategorienliste */
html body .cs-mobileCategorys ul.cs-categories1 {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 10px 22px 20px 22px !important;

    box-sizing: border-box !important;

    background: #111111 !important;

    overflow: visible !important;
}


/* Einzelne Kategorie */
html body .cs-mobileCategorys ul.cs-categories1 > li {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    background: transparent !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* Menüitem */
html body .cs-mobileCategorys ul.cs-categories1 > li > .cs-menuItem {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Kategorie-Link */
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: 0 !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;
}


/* ==========================================================
   KATEGORIENNAME – IMMER WEISS
   ========================================================== */

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: 0 !important;
    padding: 0 !important;

    transform: none !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !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: 0 !important;
    text-shadow: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    white-space: normal !important;
    overflow: visible !important;
}


/* Besuchte Links ebenfalls weiß */
html body .cs-mobileCategorys ul.cs-categories1 a:link .cs-categorieName,
html body .cs-mobileCategorys ul.cs-categories1 a:visited .cs-categorieName {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* Klick / Hover in PV Gelb */
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: #E8323F !important;
    -webkit-text-fill-color: #E8323F !important;
}

/* Shopweit: Bestandsmeldungen ausblenden */
.cs-lagerBox {
    display: none !important;
}
/* Hauptnavigation einzeilig (Warrior Welt, Nov 2026) */
@media (min-width: 992px){
  .cs-categoriesTop .cs-categories1{flex-wrap:nowrap !important; column-gap:clamp(10px,1.3vw,22px) !important;}
  .cs-categoriesTop .cs-categories1 > li > .cs-menuItem > a,
  .cs-categoriesTop .cs-categories1 > li > .cs-menuItem > a *{white-space:nowrap !important;}
  .cs-categoriesTop .cs-categories1 > li > .cs-menuItem > a{font-size:clamp(14px,1.25vw,20px) !important; padding-left:2px !important; padding-right:2px !important;}
}
/* Rubrik-Kacheln wie SKK-Shop, PV-Farben (Nov 2026) */
.cs-categoryPreview{position:relative;transition:transform .25s,box-shadow .25s;background:#fff !important;border-radius:16px !important;overflow:hidden !important;box-shadow:0 8px 24px rgba(17,17,17,.10) !important;border-bottom:4px solid #C8102E !important;padding:0 !important;}
.cs-categoryPreview:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(17,17,17,.16) !important;}
.cs-categoryPreview .cs-categoryPicture{position:relative;display:flex !important;flex-direction:column !important;height:auto !important;min-height:0 !important;padding:0 !important;margin:0 !important;background:#fff !important;}
.cs-categoryPreview .cs-categoryPicture > a{width:100%;aspect-ratio:2/1;overflow:hidden;background:#111111;display:block !important;}
.cs-categoryPreview .cs-categoryPicture > a img{transition:transform .4s;display:block;width:100% !important;height:100% !important;max-height:none !important;object-fit:cover !important;}
.cs-categoryPreview:hover .cs-categoryPicture > a img{transform:scale(1.05);}
.cs-categoryPreview h2.cs-categoryName{position:relative !important;inset:auto !important;transform:none !important;width:auto !important;max-width:none !important;background:transparent !important;box-shadow:none !important;margin:0 !important;padding:18px 54px 4px 22px !important;text-align:left !important;font-size:clamp(1rem,1.4vw,1.3rem) !important;line-height:1.2 !important;font-weight:800 !important;min-height:0 !important;overflow-wrap:normal;word-break:normal;hyphens:auto;}
.cs-categoryPreview h2.cs-categoryName a{color:#111111 !important;text-decoration:none !important;padding:0 !important;margin:0 !important;display:block !important;width:auto !important;background:none !important;font-weight:800 !important;text-align:left !important;}
.cs-categoryPreview h2.cs-categoryName::after{content:"→";position:absolute;right:22px;top:50%;transform:translateY(-35%);color:#C8102E;font-size:1.7rem;font-weight:400;transition:transform .25s;}
.cs-categoryPreview:hover h2.cs-categoryName::after{transform:translate(5px,-35%);}
.cs-categoryPreview .cs-categoryPicture::after{content:"Jetzt entdecken";display:block;padding:0 22px 20px;color:#6b6b6b;font-size:.95rem;text-align:left;}
/* =====================================================
   PETER VOTZENKOPF – Markenlook (Rot/Schwarz/Weiß, v1.0 Nov 2026)
   ===================================================== */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
footer .cs-footerRow.newsletter, footer .cs-footerRow.newsletter > .cs-footerInner.cs-container, footer .cs-footerNewsletter, footer .cs-footerNewsletterBox{background:#C8102E !important;color:#ffffff !important;}
footer .cs-footerNewsletterBox:first-child:after{background:#111111 !important;}
footer .cs-footerNewsletterBox.input button{background:#111111 !important;color:#fff !important;}
.cs-siteHeading span,.cs-betHeading,.cs-categoryPreview h2.cs-categoryName a,h1.cs-heading,.cs-detail h1{font-family:'Anton',Impact,sans-serif !important;letter-spacing:1px !important;font-weight:400 !important;text-transform:uppercase !important;}
.cs-categoryPreview .cs-categoryPicture > a{background:#111111 !important;}
.cs-categoryPreview .cs-categoryPicture::after{content:"Jetzt provozieren" !important;}
.cs-button,.cs-button1,.cs-body .cs-button3,button.cs-addToCart,.cs-addToCartButton{background:#C8102E !important;border-color:#C8102E !important;color:#fff !important;}
.cs-button:hover,.cs-button1:hover,button.cs-addToCart:hover{background:#111111 !important;border-color:#111111 !important;}
.cs-categoriesBox a:hover,.cs-categoryNav a:hover{color:#C8102E !important;}

/* ===== Startseite PV (lsx-Bausteine nach LA-Stars-Muster) ===== */

.lsx{--k:#111111;--g:#C8102E;--r:#7A0A18;--bg:#F4F2EE;--tile:#EDEBE7;--mut:#6B7180;font-family:Poppins,sans-serif;color:var(--k)}
.lsx *{box-sizing:border-box}
.lsx-w{max-width:1320px;margin:0 auto;padding:0 24px}
body.cs-start{background:var(--bg,#F4F2EE)}
body.cs-start #content,body.cs-start main{background:#F4F2EE}
/* Hero */
.lsx-hero{background:#111111;position:relative;overflow:hidden}
.lsx-hero-star{position:absolute;right:-120px;top:-140px;width:620px;height:620px;opacity:.06;pointer-events:none}
.lsx-hero .lsx-w{display:flex;flex-wrap:wrap;gap:48px;align-items:center;padding-top:72px;padding-bottom:80px;position:relative}
.lsx-hero-txt{flex:1 1 480px;min-width:0}
.lsx-pill{display:inline-block;background:#7A1426;color:#fff;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;border-radius:999px}
.lsx .lsx-h1{margin:20px 0 0;font-size:clamp(40px,5.2vw,68px);line-height:1.02;font-weight:800;color:#fff!important;letter-spacing:-.02em}
.lsx .lsx-h1 span{color:#C8102E!important}
.lsx-hero p{margin:22px 0 0;font-size:19px;line-height:1.6;color:#DADADA;max-width:520px}
.lsx-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.lsx .lsx-btn{display:inline-block;background:#C8102E;color:#ffffff!important;font-weight:700;font-size:16px;padding:16px 30px;border-radius:999px;text-decoration:none!important;box-shadow:0 4px 0 #7A1426;transition:transform .15s}
.lsx .lsx-btn:hover{transform:translateY(-2px)}
.lsx .lsx-btn2{display:inline-block;color:#fff!important;font-weight:600;font-size:16px;padding:14px 28px;border-radius:999px;text-decoration:none!important;border:2px solid rgba(255,255,255,.35);transition:border-color .2s,color .2s}
.lsx .lsx-btn2:hover{border-color:#C8102E;color:#C8102E!important}
.lsx-hero-img{flex:1 1 520px;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.lsx-hero-img a{display:block;background:#EDEBE7;border-radius:22px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 20px 40px rgba(0,0,0,.35);transition:transform .25s}
.lsx-hero-img a:first-child{transform:rotate(-2deg)}
.lsx-hero-img a:last-child{transform:rotate(2deg);margin-top:48px}
.lsx-hero-img a:hover{transform:rotate(0) scale(1.02)}
.lsx-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
/* Vorteile */
.lsx-usp{background:#C8102E}
.lsx-usp .lsx-w{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 32px;padding-top:18px;padding-bottom:18px;font-size:14px;font-weight:600;color:#111111}
.lsx-usp span{display:flex;align-items:center;gap:10px}
.lsx-usp a{color:#111111!important;text-decoration:none}
/* Section heads */
.lsx-sec{padding:72px 0 8px}
.lsx-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:28px}
.lsx-kicker{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7A1426}
.lsx .lsx-h2{margin:6px 0 0;font-size:clamp(30px,3vw,40px);font-weight:800;letter-spacing:-.01em;color:#111111!important;text-transform:none}
.lsx .lsx-more{font-weight:600;font-size:15px;color:#111111!important;text-decoration:none;border-bottom:2px solid #C8102E;padding-bottom:2px}
.lsx .lsx-more:hover{color:#7A1426!important}
/* Kategorien */
.lsx-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
.lsx .lsx-cat{display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;text-decoration:none!important;color:#111111!important;transition:transform .2s,box-shadow .2s}
.lsx .lsx-cat:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(2,20,48,.16)}
.lsx-cat-img{display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid #EEECE8;aspect-ratio:1/1;overflow:hidden}
.lsx-cat-img img{width:86%;height:86%;object-fit:contain;transition:transform .3s}
.lsx-cat-img.cover img{width:100%;height:100%;object-fit:cover}
.lsx-cat:hover .lsx-cat-img img{transform:scale(1.06)}
.lsx-cat-name{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;font-weight:700;font-size:16px}
.lsx-cat-name i{flex:none;width:30px;height:30px;border-radius:999px;background:#111111;color:#C8102E;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:14px}
.lsx-new{background:#C8102E;color:#111111;font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px;margin-left:6px;vertical-align:2px}
/* Produktkarten (Startseiten-Artikel + zuletzt gesehen) */
.lsx-fav section.cs-productListing,body.cs-start section.lastViewVBox{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;margin:0!important}
.lsx-fav article.cs-articlePreview,body.cs-start section.lastViewVBox article{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff;border-radius:20px;overflow:hidden;border:0!important;box-shadow:none;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;position:relative}
.lsx-fav article.cs-articlePreview:hover,body.cs-start section.lastViewVBox article:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(2,20,48,.16)}
.lsx-fav .pictureContainer,body.cs-start section.lastViewVBox .pictureContainer{background:#fff;border-bottom:1px solid #EEECE8;aspect-ratio:1/1;min-height:0!important;height:auto!important;display:flex;align-items:center;justify-content:center;margin:0!important;padding:0!important}
.lsx-fav .pictureContainer > a,body.cs-start section.lastViewVBox .pictureContainer > a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.lsx-fav .pictureContainer img,body.cs-start section.lastViewVBox .pictureContainer img{max-width:82%!important;max-height:82%!important;object-fit:contain}
.lsx-fav .artnamBox,body.cs-start section.lastViewVBox .artnamBox{padding:16px 18px 0;min-height:0!important;text-align:left}
.lsx-fav .artnamBox h3,.lsx-fav .artnamBox a,body.cs-start section.lastViewVBox .artnamBox h3,body.cs-start section.lastViewVBox .artnamBox a{font-family:Poppins,sans-serif!important;font-size:16px!important;font-weight:700!important;line-height:1.3!important;text-transform:none!important;color:#111111!important;text-align:left!important;margin:0!important;letter-spacing:0!important}
.lsx-fav .priceBox,body.cs-start section.lastViewVBox .priceBox{padding:8px 18px 18px;min-height:0!important;text-align:left}
.lsx-fav .priceBox .price,body.cs-start section.lastViewVBox .priceBox .price{font-size:20px!important;font-weight:800!important;color:#111111!important;justify-content:flex-start!important;text-align:left!important}
.lsx-fav .cs-lagerBox,body.cs-start section.lastViewVBox .cs-lagerBox{display:none}
.lsx-fav .cs-badgesBox{position:absolute;z-index:2}
body.cs-start .lsx-last h3.cs-siteHeading{margin-top:0!important}
body.cs-start .lsx-last .cs-container{max-width:1320px;padding:0 24px}
body.cs-start .lsx-last .cs-articlePreviewSmallPicturebox{background:#fff;border-bottom:1px solid #EEECE8;aspect-ratio:1/1;min-height:0!important;height:auto!important;display:flex;align-items:center;justify-content:center;padding:0!important;margin:0!important}
body.cs-start .lsx-last .cs-articlePreviewSmallPicturebox > a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
body.cs-start .lsx-last .cs-articlePreviewSmallPicturebox img{max-width:82%!important;max-height:82%!important;object-fit:contain}
body.cs-start .lsx-last .cs-articlePreviewSmallDescriptionBox{padding:16px 18px 18px!important;text-align:left!important}
body.cs-start .lsx-last .cs-articlePreviewSmallDescriptionBox a{font-family:Poppins,sans-serif!important;font-size:16px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;color:#111111!important;line-height:1.3!important;text-decoration:none!important}
body.cs-start .lsx-last .price{font-size:18px!important;font-weight:800!important;color:#111111!important;justify-content:flex-start!important;text-align:left!important;margin-top:6px}
body.cs-start .lsx-last .price span{font-size:inherit!important;font-weight:inherit!important}
@media (max-width:1179px){header .cs-categoriesBox .cs-overlayButton.cs-overlayMenuButton{margin-left:16px!important}}
/* Vereinsbanner */
.lsx-club{background:#7A1426;border-radius:28px;overflow:hidden;display:flex;flex-wrap:wrap;align-items:stretch}
.lsx-club-txt{flex:1 1 520px;padding:56px 48px;color:#fff}
.lsx-club-txt .lsx-kicker{color:#C8102E}
.lsx .lsx-club-txt h2{margin:10px 0 0;font-size:clamp(30px,3vw,42px);line-height:1.1;font-weight:800;color:#fff!important;text-transform:none}
.lsx-club-txt p{margin:18px 0 0;font-size:17px;line-height:1.65;color:#F3DCE0;max-width:520px}
.lsx-club-txt .lsx-btn{margin-top:28px;box-shadow:0 4px 0 #111111}
.lsx-club-img{flex:1 1 380px;min-height:360px;background:#fff;display:flex;align-items:center;justify-content:center;padding:24px}
.lsx-club-img img{max-height:400px;max-width:90%;object-fit:contain}
/* Newsletter */
.lsx-nl{background:#fff;border-radius:24px;padding:36px 40px;display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between;border:2px solid #111111}
.lsx .lsx-nl h2{margin:0;font-size:28px;font-weight:800;color:#111111!important;text-transform:none}
.lsx-nl p{margin:8px 0 0;font-size:16px;color:#4A5468}
.lsx-nl-form{display:flex;flex-wrap:wrap;gap:10px;flex:1 1 420px}
.lsx-nl-form input{flex:1 1 240px;height:52px;border-radius:999px;border:2px solid #D5D1CA;padding:0 22px;font-family:Poppins,sans-serif;font-size:15px;background:#fff;color:#111111}
.lsx .lsx-nl-form a{height:52px;display:inline-flex;align-items:center;border-radius:999px;background:#111111;color:#C8102E!important;font-weight:700;font-size:15px;padding:0 26px;text-decoration:none!important}
.lsx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
body.cs-start footer .cs-footerRow.newsletter{display:none}
/* Aktionen-Abstand angleichen */
body.cs-start .lsta{padding-top:72px}
@media (max-width:700px){.lsx-hero .lsx-w{padding-top:44px;padding-bottom:52px;gap:32px}.lsx-hero p{font-size:16px}.lsx-hero-img a:last-child{margin-top:28px}.lsx-sec{padding-top:48px}.lsx-club-txt{padding:36px 24px}.lsx-nl{padding:26px 20px}.lsx-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lsx-fav section.cs-productListing,body.cs-start section.lastViewVBox{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lsx-cat-name{font-size:14px;padding:12px}.lsx-fav .artnamBox h3,.lsx-fav .artnamBox a{font-size:14px!important}}

.lsx .lsx-h1{font-family:Anton,Impact,sans-serif!important;font-weight:400!important;letter-spacing:.01em!important;text-transform:uppercase}
.lsx .lsx-h2{font-family:Anton,Impact,sans-serif!important;font-weight:400!important;text-transform:uppercase}

/* ===== PV STARTSEITE v1.0 (pvx) – Tattoo/Streetwear-Look, Nov 2026 ===== */
body.cs-start .slider-wrapper,body.cs-start .ug-hero,body.cs-start .ug-worlds{display:none!important}
.cs-topBar{border-top:0!important;background-image:none!important}
.cs-topBar:before,.cs-topBar:after,body:before{display:none!important}
.cs-logo img{width:220px!important;max-width:220px!important}
.pvx{--r:#C8102E;--r2:#E8323F;--k:#0E0E0E;--g:#C9A34E;font-family:Poppins,sans-serif;color:#111;overflow:hidden}
.pvx *{box-sizing:border-box}
.pvx-w{max-width:1320px;margin:0 auto;padding:0 24px}
.pvx a{text-decoration:none!important}
.pvx .pvx-h1,.pvx .pvx-h2,.pvx-p b,.pvx-cat b,.pvx-ticker,.pvx-usp b,.pvx-gold-badge b,.pvx-stamp b{font-family:Anton,Impact,sans-serif!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.01em}
/* Hero */
.pvx-hero{background:radial-gradient(circle at 78% 40%,rgba(200,16,46,.45),transparent 55%),repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px),#0E0E0E;position:relative}
.pvx-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:8px;background:repeating-linear-gradient(90deg,var(--r) 0 40px,#0E0E0E 40px 48px)}
.pvx-hero-in{display:flex;flex-wrap:wrap;align-items:center;gap:40px;padding-top:70px;padding-bottom:90px}
.pvx-hero-txt{flex:1 1 460px}
.pvx-tag{display:inline-block;border:2px solid var(--r);color:#fff;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:7px 14px;transform:rotate(-2deg)}
.pvx .pvx-h1{color:#fff!important;font-size:clamp(56px,8vw,118px);line-height:.92;margin:22px 0 0}
.pvx .pvx-h1 span{color:var(--r)!important;display:inline-block;transform:rotate(-3deg);text-shadow:4px 4px 0 #000}
.pvx-hero p{color:#d8d8d8;font-size:19px;line-height:1.6;max-width:540px;margin:24px 0 0}
.pvx-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.pvx .pvx-btn{display:inline-block;background:var(--r);color:#fff!important;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:15px;padding:17px 30px;border:2px solid var(--r);box-shadow:5px 5px 0 #000;transition:transform .15s,box-shadow .15s}
.pvx .pvx-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #000}
.pvx .pvx-btn2{display:inline-block;color:#fff!important;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:15px;padding:17px 30px;border:2px solid #fff}
.pvx .pvx-btn2:hover{background:#fff;color:#111!important}
.pvx .pvx-btn2.light{color:#111!important;border-color:#111}
.pvx .pvx-btn.gold{background:var(--g);border-color:var(--g);color:#111!important}
.pvx-hero-art{flex:1 1 420px;position:relative;text-align:center}
.pvx-logo{width:100%;max-width:620px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.6));transform:rotate(-4deg);animation:pvxin .9s cubic-bezier(.2,1.4,.4,1) both}
@keyframes pvxin{from{opacity:0;transform:rotate(-14deg) scale(.7)}to{opacity:1;transform:rotate(-4deg) scale(1)}}
.pvx-stamp{position:absolute;right:4%;bottom:-6%;width:130px;height:130px;border-radius:50%;background:var(--r);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(14deg);box-shadow:0 0 0 6px #0E0E0E,0 0 0 9px var(--r);font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:13px}
.pvx-stamp b{font-size:40px;line-height:1}
/* Ticker */
.pvx-ticker{background:var(--r);color:#fff;overflow:hidden;white-space:nowrap;border-top:3px solid #000;border-bottom:3px solid #000;transform:rotate(-1.2deg);margin:-14px -20px 0;position:relative;z-index:2}
.pvx-ticker-in{display:inline-block;padding:14px 0;font-size:26px;animation:pvxt 38s linear infinite}
.pvx-ticker span{margin:0 22px}.pvx-ticker i{font-style:normal;color:#000}
@keyframes pvxt{to{transform:translateX(-50%)}}
/* Sections */
.pvx-sec{background:#F3F0EA;padding:80px 0}
.pvx-head{margin-bottom:34px}
.pvx-kicker{display:inline-block;background:#111;color:#fff;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;padding:6px 12px}
.pvx-kicker.gold{background:var(--g);color:#111}
.pvx .pvx-h2{font-size:clamp(36px,4.4vw,64px);line-height:1;margin:14px 0 0;color:#111!important}
.pvx-head p{max-width:620px;font-size:17px;line-height:1.6;margin-top:12px}
.pvx-head.light .pvx-h2,.pvx-head.light p{color:#fff!important}
.pvx-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pvx-cat{position:relative;display:block;min-height:190px;padding:26px 26px 22px;background:#111;color:#fff!important;border:3px solid #111;overflow:hidden;transition:transform .2s,box-shadow .2s}
.pvx-cat:before{content:"";position:absolute;right:-30px;top:-30px;width:150px;height:150px;border-radius:50%;background:var(--r);opacity:.9;transition:transform .3s}
.pvx-cat b{position:relative;display:block;font-size:34px;line-height:1;max-width:80%}
.pvx-cat small{position:relative;display:block;margin-top:10px;color:#cfcfcf;font-size:15px}
.pvx-cat i{position:absolute;right:22px;bottom:16px;font-style:normal;font-size:30px;color:var(--r)}
.pvx-cat:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--r)}
.pvx-cat:hover:before{transform:scale(1.25)}
.pvx-cat.c4{background:var(--r);border-color:var(--r)}.pvx-cat.c4:before{background:#111}.pvx-cat.c4 i{color:#fff}
.pvx-cat.c6{background:linear-gradient(135deg,#111 55%,#3a2c0e)}.pvx-cat.c6:before{background:var(--g)}.pvx-cat.c6 i{color:var(--g)}
/* Patches */
.pvx-patches{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0 2px,transparent 2px 10px),#151515;padding:90px 0}
.pvx-pgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:34px 22px;align-items:center;justify-items:center;margin:20px 0 44px}
.pvx-p{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff!important;background:var(--r);padding:18px 14px;box-shadow:0 10px 24px rgba(0,0,0,.5);transition:transform .25s}
.pvx-p:after{content:"";position:absolute;inset:7px;border:2px dashed rgba(255,255,255,.55);border-radius:inherit;pointer-events:none}
.pvx-p b{display:block;font-size:22px;line-height:1.02}
.pvx-p b.sm{font-size:15px}.pvx-p b.red,.pvx-p em.red{color:var(--r2)!important}
.pvx-p b.inv{background:#111;padding:2px 8px;margin-top:3px}
.pvx-p b.mono{font-size:54px;color:var(--r2)}
.pvx-p em{font-style:normal;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin:3px 0}
.pvx-p.dark{background:#111;border:5px solid var(--r)}
.pvx-p.white{background:#fff;color:#111!important;border:5px solid #111}.pvx-p.white:after{border-color:rgba(0,0,0,.4)}
.pvx-p.gold{background:#111;border:5px solid var(--g)}.pvx-p.gold b{color:var(--g)}.pvx-p.gold:after{border-color:rgba(201,163,78,.6)}
.s-rect{width:190px;height:120px;border-radius:12px}
.s-slim{width:210px;height:70px;border-radius:8px}
.s-round{width:150px;height:150px;border-radius:50%}
.s-oval{width:200px;height:130px;border-radius:50%}
.s-shield{width:150px;height:175px;border-radius:14px 14px 50% 50%/14px 14px 38% 38%}
.s-hex{width:180px;height:150px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.s-hex:after{display:none}
.r1{transform:rotate(-6deg)}.r2{transform:rotate(4deg)}.r3{transform:rotate(-3deg)}.r4{transform:rotate(7deg)}.r5{transform:rotate(-5deg)}.r6{transform:rotate(3deg)}.r7{transform:rotate(-4deg)}.r8{transform:rotate(6deg)}.r9{transform:rotate(-7deg)}.r10{transform:rotate(5deg)}
.pvx-p:hover{transform:rotate(0) scale(1.1);z-index:3}
.pvx-center{text-align:center}
.pvx-center .pvx-btn2.light{color:#fff!important;border-color:#fff;margin-left:8px}
/* USP */
.pvx-usp{background:#111;color:#fff;padding:40px 0;border-top:6px solid var(--r)}
.pvx-usp .pvx-w{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pvx-usp b{display:block;font-size:22px;color:var(--r2)}
.pvx-usp span,.pvx-usp a{color:#ddd!important;font-size:15px;line-height:1.5}
/* Gold */
.pvx-gold{background:radial-gradient(circle at 80% 50%,rgba(201,163,78,.35),transparent 60%),#0E0E0E;padding:90px 0;color:#fff}
.pvx-gold-in{display:flex;flex-wrap:wrap;gap:40px;align-items:center;justify-content:space-between}
.pvx-gold-in>div:first-child{flex:1 1 420px}
.pvx-gold .pvx-h2{color:var(--g)!important}
.pvx-gold p{color:#ddd;font-size:18px;line-height:1.6;max-width:520px;margin:16px 0 28px}
.pvx-gold-badge{width:260px;height:300px;border-radius:18px 18px 50% 50%/18px 18px 40% 40%;background:linear-gradient(160deg,#1b1b1b,#000);border:7px solid var(--g);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(5deg);box-shadow:0 20px 50px rgba(201,163,78,.25)}
.pvx-gold-badge span{color:var(--g);letter-spacing:.3em}.pvx-gold-badge b{font-size:48px;background:linear-gradient(180deg,#f3d98b,#a8802f);-webkit-background-clip:text;background-clip:text;color:transparent}.pvx-gold-badge em{font-style:normal;color:var(--g);letter-spacing:.35em;font-size:13px;font-weight:700;text-transform:uppercase}
/* About */
.pvx-about{background:#F3F0EA;padding:90px 0}
.pvx-about-in{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:start}
.pvx-about p{font-size:18px;line-height:1.75;margin:0}
.pvx-social{grid-column:2}.pvx-social a{color:var(--r)!important;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
/* Mobil */
@media(max-width:1000px){.pvx-pgrid{grid-template-columns:repeat(3,1fr)}.pvx-cats{grid-template-columns:repeat(2,1fr)}.pvx-usp .pvx-w{grid-template-columns:repeat(2,1fr)}.pvx-about-in{grid-template-columns:1fr}.pvx-social{grid-column:1}}
@media(max-width:600px){.pvx-pgrid{grid-template-columns:repeat(2,1fr);gap:26px 10px}.pvx-p{transform:scale(.85)}.pvx-cats{grid-template-columns:1fr}.pvx-usp .pvx-w{grid-template-columns:1fr}.pvx-stamp{width:96px;height:96px}.pvx-stamp b{font-size:28px}.pvx-ticker-in{font-size:20px}.pvx-hero-in{padding-top:40px}}