.skpfl{--red:#8b1118;--ink:#171717;--muted:#6f6f6f;--line:#dedede;display:grid;grid-template-columns:minmax(300px,340px) minmax(0,1fr);gap:36px;width:100%;max-width:1440px;margin:auto;padding:12px 20px 34px;box-sizing:border-box;font-family:Oswald,Arial,Helvetica,sans-serif;color:var(--ink)}.skpfl *{box-sizing:border-box}.skpfl-panel{background:#f7f7f7;border:1px solid #dcdcdc;border-radius:14px;padding:25px 22px;box-shadow:0 8px 24px rgba(0,0,0,.08);align-self:start;overflow:hidden}.skpfl-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:1.1px;color:var(--red);margin-bottom:5px}.skpfl-panel h2,.skpfl-main h2{font-family:Oswald,Arial,sans-serif;color:#151515;margin:0;line-height:1.1}.skpfl-panel h2{font-size:30px}.skpfl-main h2{font-size:34px}.skpfl-panel-top p{margin:8px 0 0;color:#666;font-size:13px}.skpfl-search{display:grid;grid-template-columns:1fr 50px;margin:20px 0 16px;background:#fff;border:1px solid #d6d6d6;border-radius:8px;overflow:hidden}.skpfl-search input{height:50px!important;border:0!important;background:#fff!important;box-shadow:none!important;padding:0 14px!important;font-size:14px!important;outline:0!important}.skpfl-search-btn{border:0;border-left:1px solid #ddd;background:#fff;color:#111;font-size:24px;cursor:pointer}.skpfl-search-btn:hover{background:#111;color:#fff}.skpfl-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.skpfl-chips:empty{display:none}.skpfl-chips button{background:#fff;border:1px solid #ddd;border-radius:18px;padding:6px 9px;cursor:pointer;font-size:11px}.skpfl-acc{border-top:1px solid var(--line)}.skpfl-acc:last-of-type{border-bottom:1px solid var(--line)}.skpfl-acc-head{width:100%;height:56px;padding:0 3px;border:0;background:transparent;display:grid;grid-template-columns:30px 1fr 28px;gap:8px;align-items:center;text-align:left;cursor:pointer;color:#1a1a1a}.skpfl-ico{width:27px;height:27px;border-radius:7px;background:#fff;border:1px solid #dedede;display:grid;place-items:center}.skpfl-ico svg{width:15px;height:15px;fill:#1c1c1c}.skpfl-acc-title{font-family:Oswald,Arial,sans-serif;font-size:18px;font-weight:600}.skpfl-chevron{font-size:18px;text-align:center;transition:.2s}.skpfl-acc.open .skpfl-chevron{transform:rotate(180deg)}.skpfl-acc-body{display:none;padding:2px 1px 14px;max-height:350px;overflow:auto;scrollbar-width:thin}.skpfl-acc.open .skpfl-acc-body{display:block}.skpfl-check{display:grid!important;grid-template-columns:20px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;width:100%!important;min-height:37px!important;margin:0!important;padding:5px 5px 5px calc(5px + var(--depth,0)*16px)!important;border-radius:6px!important;cursor:pointer!important;float:none!important;clear:both!important;position:relative!important}.skpfl-check:hover{background:#ececec}.skpfl-check input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}.skpfl-check .box{display:block!important;width:18px!important;height:18px!important;border:1.5px solid #999!important;border-radius:3px!important;background:#fff!important;position:relative!important}.skpfl-check input:checked+.box{background:var(--red)!important;border-color:var(--red)!important}.skpfl-check input:checked+.box:after{content:'✓';position:absolute;left:3px;top:-2px;color:#fff;font-size:13px;font-weight:800}.skpfl-check .label{display:block!important;min-width:0!important;font-size:13px!important;line-height:1.25!important;color:#252525!important}.skpfl-check .count{font-size:11px!important;color:#666!important;background:#e8e8e8!important;border-radius:12px!important;padding:3px 7px!important;white-space:nowrap!important}.skpfl-check .stars{color:#c88a00!important}.skpfl-actions{display:grid;gap:8px;margin-top:20px}.skpfl-apply,.skpfl-reset{min-height:47px;border-radius:7px;font-weight:700;cursor:pointer}.skpfl-apply{display:flex;justify-content:space-between;align-items:center;padding:0 15px;border:0;background:#111;color:#fff}.skpfl-apply:hover{background:var(--red)}.skpfl-reset{background:#fff;border:1px solid #d0d0d0;color:#444}.skpfl-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:4px 0 20px;padding-bottom:15px;border-bottom:1px solid #eee}.skpfl-status{font-size:12px;color:#777;margin-top:7px}.skpfl-sort{min-width:190px;height:44px;border:1px solid #ddd;border-radius:7px;background:#fff;padding:0 12px}.skpfl-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.skpfl-card{border:1px solid #dedede;border-radius:10px;padding:15px;background:#fff;text-align:center;display:flex;flex-direction:column;min-height:385px;transition:.2s}.skpfl-card:hover{box-shadow:0 9px 22px rgba(0,0,0,.08);transform:translateY(-2px)}.skpfl-img{height:165px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.skpfl-img img{max-height:155px;max-width:100%;width:auto;object-fit:contain}.skpfl-title{font-family:Oswald,Arial,sans-serif;color:#111!important;text-decoration:none!important;font-size:16px;font-weight:600;line-height:1.3;min-height:42px}.skpfl-rating{min-height:24px;margin-top:4px}.skpfl-price{font-size:19px;font-weight:800;color:#681014;margin:7px 0 10px}.skpfl-cart{display:flex!important;align-items:center;justify-content:center;min-height:42px;margin-top:auto!important;background:#111!important;color:#fff!important;border:0!important;border-radius:6px!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important}.skpfl-cart:hover{background:var(--red)!important}.skpfl-free{margin-top:8px;border:1px solid #d9c265;border-radius:6px;padding:8px;font-size:11px;color:#31563a}.skpfl-more{display:block;margin:24px auto 0;background:#111;color:#fff;border:0;border-radius:7px;padding:12px 28px;font-weight:700}.skpfl-more[hidden]{display:none}.skpfl.is-loading .skpfl-products{opacity:.45;pointer-events:none}.skpfl-empty{grid-column:1/-1;padding:50px 20px;text-align:center;background:#f7f7f7;border:1px solid #e5e5e5;border-radius:10px}.skpfl-mobile{display:none}@media(max-width:1100px){.skpfl{grid-template-columns:290px 1fr;gap:22px}.skpfl-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.skpfl{display:block;padding:0 12px 24px}.skpfl-mobile{display:flex;width:100%;justify-content:center;background:#111;color:#fff;border:0;border-radius:7px;padding:13px;margin-bottom:12px;font-weight:700}.skpfl-panel{display:none;margin-bottom:20px}.skpfl-panel.show{display:block}.skpfl-main h2{font-size:28px}}@media(max-width:560px){.skpfl-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.skpfl-card{min-height:330px;padding:9px}.skpfl-img{height:125px}.skpfl-img img{max-height:118px}.skpfl-title{font-size:14px}.skpfl-toolbar{display:block}.skpfl-sort{width:100%;margin-top:12px}.skpfl-panel{padding:18px}}

/* v2.3 – Kategorie-Kontext, Typografie und Hover */
.skpfl{font-family:Oswald,Arial,Helvetica,sans-serif}
.skpfl p,.skpfl-status,.skpfl-check .label,.skpfl-check .count,.skpfl-search input,.skpfl-sort,.skpfl-reset,.skpfl-free,.skpfl-note,.skpfl-catdesc{font-weight:400}
.skpfl-panel h2,.skpfl-main h2,.skpfl-acc-title,.skpfl-title,.skpfl-price,.skpfl-kicker,.skpfl-apply,.skpfl-cart{font-weight:600}
.skpfl-check .label{font-size:12px!important}.skpfl-check .count{font-size:10px!important}.skpfl-acc-title{font-size:16px}.skpfl-panel h2{font-size:28px}.skpfl-main h2{font-size:32px}.skpfl-title{font-size:15px}
.skpfl-check:hover{background:#f7eded}.skpfl-check:hover .label,.skpfl-acc-head:hover .skpfl-acc-title{color:var(--red)!important}.skpfl-search-btn:hover,.skpfl-cart:hover,.skpfl-apply:hover{background:var(--red)!important;color:#fff!important}
.skpfl a:hover,.skpfl button:hover{color:var(--red)}.skpfl-cart:hover,.skpfl-apply:hover{color:#fff!important}
.skpfl-catdesc{max-width:760px;margin-top:8px;color:#666;font-size:13px;line-height:1.55}.skpfl-catdesc p{margin:0 0 7px}.skpfl-note{padding:9px 5px;color:#777;font-size:12px}

/* v2.4 accordion + price legal note */
.skpfl-acc-head:hover,.skpfl-acc.open>.skpfl-acc-head{background:var(--red)!important;color:#fff!important;padding-left:9px;padding-right:9px;border-radius:7px}
.skpfl-acc-head:hover .skpfl-ico,.skpfl-acc.open>.skpfl-acc-head .skpfl-ico{background:#fff;border-color:#fff}
.skpfl-acc-head:hover .skpfl-chevron,.skpfl-acc.open>.skpfl-acc-head .skpfl-chevron{color:#fff}
.skpfl-acc-head:hover .skpfl-acc-title,.skpfl-acc.open>.skpfl-acc-head .skpfl-acc-title{color:#fff!important}
.skpfl-taxnote{font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:400;line-height:1.3;color:#777;margin-top:3px}
.skpfl-taxnote a{color:#7b1016!important;text-decoration:underline!important;font-weight:400!important}
.skpfl-taxnote a:hover{color:#a20f18!important}

/* v2.5 – kompakte Sortierung, zentrierte Bewertung, rote Interaktion */
.skpfl-toolbar{align-items:center!important}
.skpfl-toolbar>div{min-width:0;flex:1}
.skpfl-sort{width:260px!important;min-width:260px!important;max-width:260px!important;height:42px!important;flex:0 0 260px!important;font-size:13px!important}
.skpfl-rating{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:26px!important;margin:5px auto 0!important;text-align:center!important}
.skpfl-rating .star-rating{float:none!important;margin:0 auto!important}
.skpfl-check:hover{background:var(--red)!important}
.skpfl-check:hover .label,.skpfl-check:hover .count,.skpfl-check:hover .stars{color:#fff!important}
.skpfl-check:hover .count{background:rgba(255,255,255,.18)!important}
.skpfl-check:has(input:checked){background:var(--red)!important}
.skpfl-check:has(input:checked) .label,.skpfl-check:has(input:checked) .count,.skpfl-check:has(input:checked) .stars{color:#fff!important}
.skpfl-check:has(input:checked) .count{background:rgba(255,255,255,.18)!important}
@media(max-width:820px){.skpfl-sort{width:100%!important;min-width:0!important;max-width:none!important;margin-top:12px!important}}

/* v2.6 – Schlosskiosk Premium UI: kein Blau, größere Icons, kompaktere Filtertexte */
.skpfl{--red:#8b1118!important;--ink:#171717!important;--focus:#8b1118!important;accent-color:#8b1118!important}
/* Browser-/Theme-Blau im kompletten Filter neutralisieren */
.skpfl button,.skpfl input,.skpfl select,.skpfl a{-webkit-tap-highlight-color:transparent!important}
.skpfl button:focus,.skpfl button:focus-visible,.skpfl input:focus,.skpfl input:focus-visible,.skpfl select:focus,.skpfl select:focus-visible,.skpfl a:focus,.skpfl a:focus-visible{outline:2px solid var(--red)!important;outline-offset:2px!important;box-shadow:none!important;border-color:var(--red)!important}
.skpfl ::selection{background:#171717;color:#fff}

/* Accordion: Weiß -> Dunkelrot, niemals blau */
.skpfl .skpfl-acc-head{background:transparent!important;color:#171717!important}
.skpfl .skpfl-acc-head:hover,.skpfl .skpfl-acc.open>.skpfl-acc-head,.skpfl .skpfl-acc-head:focus-visible{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important;box-shadow:none!important}
.skpfl .skpfl-acc-head:hover .skpfl-acc-title,.skpfl .skpfl-acc.open>.skpfl-acc-head .skpfl-acc-title,.skpfl .skpfl-acc-head:focus-visible .skpfl-acc-title{color:#fff!important}
.skpfl .skpfl-acc-head:hover .skpfl-chevron,.skpfl .skpfl-acc.open>.skpfl-acc-head .skpfl-chevron,.skpfl .skpfl-acc-head:focus-visible .skpfl-chevron{color:#fff!important}

/* Hochwertigere, etwas größere Icon-Kacheln */
.skpfl .skpfl-ico{width:32px!important;height:32px!important;border-radius:8px!important;background:#fff!important;border:1px solid #d6d6d6!important;box-shadow:0 2px 6px rgba(0,0,0,.06)!important}
.skpfl .skpfl-ico svg{width:18px!important;height:18px!important;fill:#171717!important}
.skpfl .skpfl-acc-head{grid-template-columns:34px minmax(0,1fr) 24px!important;gap:9px!important;height:58px!important}
.skpfl .skpfl-acc-title{font-size:15px!important;font-weight:600!important;letter-spacing:.05px!important}

/* Kategorien/Marken/Hersteller: 1px kleiner */
.skpfl .skpfl-check .label{font-size:11px!important;font-weight:400!important}
.skpfl .skpfl-check .count{font-size:10px!important}

/* Auswahl/Hover ausschließlich Dunkelrot */
.skpfl .skpfl-check:hover,.skpfl .skpfl-check:has(input:checked){background:var(--red)!important;color:#fff!important}
.skpfl .skpfl-check input:checked+.box{background:var(--red)!important;border-color:var(--red)!important}

/* Suche: kein blaues Suchfeld / kein blauer Button */
.skpfl .skpfl-search:focus-within{border-color:var(--red)!important;box-shadow:0 0 0 2px rgba(139,17,24,.10)!important}
.skpfl .skpfl-search-btn,.skpfl .skpfl-search-btn:visited{background:#fff!important;color:#171717!important;border-color:#ddd!important}
.skpfl .skpfl-search-btn:hover,.skpfl .skpfl-search-btn:focus,.skpfl .skpfl-search-btn:focus-visible{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}

/* Aktionsbuttons: Theme-Farben vollständig überschreiben */
.skpfl .skpfl-apply,.skpfl .skpfl-apply:visited{background:#111!important;color:#fff!important;border:1px solid #111!important;box-shadow:none!important}
.skpfl .skpfl-apply:hover,.skpfl .skpfl-apply:focus,.skpfl .skpfl-apply:focus-visible{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}
.skpfl .skpfl-reset,.skpfl .skpfl-reset:visited{background:#fff!important;color:#222!important;border:1px solid #cfcfcf!important;box-shadow:none!important}
.skpfl .skpfl-reset:hover,.skpfl .skpfl-reset:focus,.skpfl .skpfl-reset:focus-visible{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}

/* Select / mobile Filter Button ebenfalls ohne Blau */
.skpfl .skpfl-sort:hover,.skpfl .skpfl-sort:focus{border-color:var(--red)!important;box-shadow:none!important}
.skpfl .skpfl-mobile,.skpfl .skpfl-mobile:visited{background:#111!important;color:#fff!important}
.skpfl .skpfl-mobile:hover,.skpfl .skpfl-mobile:focus{background:var(--red)!important;color:#fff!important}

/* v2.7 – Auswahlzeilen mit Luft + Check-Icon exakt zentriert */
.skpfl .skpfl-acc-body{
  padding-top:5px!important;
  padding-bottom:12px!important;
}
.skpfl .skpfl-check{
  min-height:36px!important;
  margin:3px 0!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
  border-radius:7px!important;
}
.skpfl .skpfl-check .box{
  width:19px!important;
  height:19px!important;
  display:grid!important;
  place-items:center!important;
  flex:none!important;
  line-height:1!important;
}
.skpfl .skpfl-check input:checked+.box:after{
  content:'✓'!important;
  position:static!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  text-align:center!important;
}
.skpfl .skpfl-check:hover,
.skpfl .skpfl-check:has(input:checked){
  box-shadow:0 2px 7px rgba(80,0,5,.10)!important;
}

/* v2.8 – Mehr-laden Button: schlank, 14px, kein Blau */
.skpfl .skpfl-more,
.skpfl .skpfl-more:hover,
.skpfl .skpfl-more:focus,
.skpfl .skpfl-more:focus-visible,
.skpfl .skpfl-more:active{
  appearance:none!important;
  -webkit-appearance:none!important;
  min-height:42px!important;
  padding:0 24px!important;
  margin:26px auto 0!important;
  border:1px solid #111!important;
  border-radius:7px!important;
  background:#111!important;
  background-image:none!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-decoration:none!important;
  box-shadow:none!important;
  outline:none!important;
  cursor:pointer!important;
}
.skpfl .skpfl-more:hover,
.skpfl .skpfl-more:focus,
.skpfl .skpfl-more:focus-visible,
.skpfl .skpfl-more:active{
  background:#8b1118!important;
  border-color:#8b1118!important;
  color:#fff!important;
}
@media(max-width:560px){
  .skpfl .skpfl-more{
    width:100%!important;
    max-width:none!important;
    min-height:44px!important;
    padding:0 16px!important;
  }
}
