/*Startpage Text*/

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


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

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

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

/* SK Korneuburg Matchday Redesign 2026 */
:root{--skk-red:#e30613;--skk-black:#111214;--skk-gray:#f3f4f6;--skk-white:#fff}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--skk-black);background:#fff}
.cs-container{max-width:1440px}

/* Header */
header .cs-topBar{background:#111214;color:#fff;min-height:34px;border:0}
header .cs-topBar .cs-container:before{content:"\2665  MEHR ALS EIN VEREIN. KORNEUBURG.";font-size:12px;font-weight:700;letter-spacing:.05em;display:flex;align-items:center;margin-right:auto}
header .cs-topBar a,header .cs-topBar .categorieName{color:#fff!important;font-size:12px}
header .cs-headerContent{background:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 3px 15px rgba(0,0,0,.05)}
header .cs-headerContent>.cs-container{min-height:92px;align-items:center}
header .cs-logo a{display:flex;align-items:center;gap:14px;text-decoration:none;color:#111214;font-weight:900;letter-spacing:.02em;font-size:18px}
header .cs-logo img{display:none!important}
header .cs-logo a:before{content:"";display:block;width:76px;height:76px;background:url('https://skkorneuburg-shop.at/cosmoshop/1778069678/pix/user_img/skk-crest.png') center/contain no-repeat;filter:drop-shadow(0 3px 5px rgba(0,0,0,.2))}
header .cs-logo a:after{content:"SK KORNEUBURG FANSHOP"}
header .cs-miniButtons .cs-svgIcon{width:25px;height:25px;stroke-width:1.5}
header .cs-categoriesBox{background:#111214;border:0}
header .cs-overlayMenuButton{background:var(--skk-red);color:#fff!important;padding:14px 24px;width:max-content;font-weight:800;letter-spacing:.04em}

/* Home hero */
.skk-home{overflow:hidden}
.skk-hero{position:relative;min-height:560px;display:flex;align-items:center;background:#08090b url('https://skkorneuburg-shop.at/cosmoshop/1778069678/pix/user_img/skk-hero-matchday.jpg') center/cover no-repeat;color:#fff}
.skk-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.48) 36%,rgba(0,0,0,.03) 70%)}
.skk-hero__content{position:relative;z-index:1;width:100%;padding-top:40px;padding-bottom:40px}
.skk-hero__eyebrow{display:inline-block;padding:8px 12px;background:rgba(227,6,19,.92);font-weight:800;font-size:13px;letter-spacing:.12em;margin-bottom:16px}
.skk-hero h1{margin:0;line-height:.86;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-style:italic;font-size:clamp(58px,7vw,112px);letter-spacing:.015em;text-shadow:0 3px 18px rgba(0,0,0,.4)}
.skk-hero h1 span,.skk-hero h1 strong{display:block}
.skk-hero h1 strong{color:var(--skk-red)}
.skk-hero p{font-size:22px;margin:22px 0 28px}
.skk-primaryButton{display:inline-flex;align-items:center;gap:22px;background:var(--skk-red);color:#fff!important;padding:17px 24px;font-size:15px;font-weight:900;letter-spacing:.04em;text-decoration:none;transition:.2s ease}
.skk-primaryButton:hover{background:#fff;color:#111214!important;transform:translateY(-2px)}

/* Trust strip */
.skk-trust{background:#111214;color:#fff}
.skk-trust__inner{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:18px;padding-bottom:18px}
.skk-trust__inner>div{display:flex;align-items:center;gap:13px;border-right:1px solid rgba(255,255,255,.15)}
.skk-trust__inner>div:last-child{border-right:0}
.skk-trust b{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--skk-red);border-radius:50%;color:var(--skk-red);font-size:18px}
.skk-trust span{display:flex;flex-direction:column}.skk-trust strong{font-size:14px}.skk-trust small{color:#bfc1c4;margin-top:2px}

/* Sections */
.skk-categories,.skk-products{padding-top:58px;padding-bottom:16px}
.skk-sectionHead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}
.skk-sectionHead h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-style:italic;font-size:42px;line-height:1;margin:5px 0 0;letter-spacing:.025em}
.skk-kicker{color:var(--skk-red);font-size:12px;font-weight:900;letter-spacing:.12em}
.skk-sectionHead>a{color:#111214;text-decoration:none;font-weight:800;border-bottom:2px solid var(--skk-red);padding-bottom:4px}

/* Category cards */
.skk-categoryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.skk-categoryCard{position:relative;display:flex;align-items:flex-end;justify-content:space-between;min-height:220px;padding:22px;color:#fff!important;text-decoration:none;overflow:hidden;background-color:#222;background-image:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,.04)),url('https://skkorneuburg-shop.at/cosmoshop/1778069678/pix/slider/Startslide/slider_1.png');background-size:auto 125%;transition:.25s ease}
.skk-categoryCard:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:var(--skk-red);transform:scaleX(0);transform-origin:left;transition:.25s ease}
.skk-categoryCard:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.18)}
.skk-categoryCard:hover:after{transform:scaleX(1)}
.skk-categoryCard span,.skk-categoryCard b{position:relative;z-index:1;font-weight:900}.skk-categoryCard span{font-size:22px}.skk-categoryCard b{font-size:28px;color:var(--skk-red)}
.skk-categoryCard--team{background-position:2% 55%}.skk-categoryCard--fan{background-position:35% 55%}.skk-categoryCard--accessoires{background-position:72% 55%}.skk-categoryCard--kids{background-position:98% 55%}

/* Product cards */
.skk-products{padding-bottom:70px}
.skk-products .cs-productListing{gap:14px;justify-content:flex-start}
.skk-products .cs-articlePreview{box-sizing:border-box;width:calc(25% - 11px)!important;margin:0!important;padding:16px;background:#fff;border:1px solid #e8e8e8;transition:.2s ease;position:relative}
.skk-products .cs-articlePreview:hover{transform:translateY(-5px);box-shadow:0 14px 32px rgba(0,0,0,.1);border-color:transparent}
.skk-products .pictureContainer{background:#f6f6f6;min-height:290px!important;display:flex;align-items:center;justify-content:center}
.skk-products .pictureContainer img{max-height:260px;max-width:92%;object-fit:contain}
.skk-products .artnamBox{min-height:auto!important;margin-top:14px}
.skk-products .artnamBox h3{font-size:15px;line-height:1.35;margin:0}.skk-products .artnamBox a{color:#111214!important}
.skk-products .priceBox{margin-top:9px;font-weight:900;font-size:17px;color:#111214}
.skk-products .cs-lagerBox{color:#147a42;font-size:12px}
.skk-products .cs-badgesBox{min-height:0!important;height:auto!important;position:absolute;z-index:2}

/* Footer */
footer,.cs-footer{background:#17181a!important;color:#fff}
.cs-footer a{color:#fff!important}.cs-footerBoxHeader{font-weight:900;letter-spacing:.03em}

@media(max-width:980px){
  header .cs-logo a:after{display:none}
  .skk-hero{min-height:490px;background-position:58% center}
  .skk-categoryGrid{grid-template-columns:repeat(2,1fr)}
  .skk-products .cs-articlePreview{width:calc(50% - 8px)!important}
}
@media(max-width:640px){
  header .cs-topBar .cs-container:before{font-size:10px}
  header .cs-headerContent>.cs-container{min-height:72px}
  header .cs-logo a:before{width:58px;height:58px}
  .skk-hero{min-height:520px;background-position:64% center}
  .skk-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.25))}
  .skk-hero h1{font-size:58px}.skk-hero p{font-size:17px;max-width:260px}
  .skk-trust__inner{grid-template-columns:1fr;gap:14px}.skk-trust__inner>div{border-right:0}
  .skk-categoryGrid{grid-template-columns:1fr}.skk-categoryCard{min-height:190px}
  .skk-sectionHead{align-items:flex-start;gap:14px;flex-direction:column}.skk-sectionHead h2{font-size:36px}
  .skk-products .cs-articlePreview{width:100%!important}
}