/* KonVis Ersatzteil-Konfigurator 1.0.4 – isolated from WordPress theme styles */
.konvis-epf {
  --kv-blue:#006cbb; --kv-ink:#17324c; --kv-muted:#617c91; --kv-border:#d9e6ef;
  --kv-light:#f4f9fd; --kv-white:#fff;
  container:konvisDummy / inline-size;
  display:block; width:100%; max-width:100%; min-width:0;
  margin:0; padding:0; background:transparent; color:var(--kv-ink);
  font:400 14px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  overflow-wrap:break-word;
}
.konvis-epf,.konvis-epf *,.konvis-epf *::before,.konvis-epf *::after {box-sizing:border-box}
.konvis-epf .kv-wrap {display:block; width:100%; min-width:0; max-width:1450px; margin:0 auto; overflow:hidden;
  border-radius:16px; border:1px solid var(--kv-border); background:var(--kv-white); box-shadow:0 14px 35px #18436717}
.konvis-epf .kv-header {display:flex; justify-content:space-between; align-items:center; gap:14px; padding:17px 23px; background:linear-gradient(112deg,#fff 48%,#dff1fc)}
.konvis-epf .kv-header > div:first-child {min-width:0}
.konvis-epf img.kv-logo {display:block; width:200px; max-width:100%; height:auto; margin:0; padding:0; border:0; box-shadow:none; object-fit:contain}
.konvis-epf .kv-badge {flex-shrink:0; background:#fff; color:var(--kv-blue); border:1px solid #b3daf3; font-size:10px; letter-spacing:.6px; font-weight:800; padding:7px 10px; border-radius:30px; line-height:1.2}
.konvis-epf .kv-sub {font-size:12px; line-height:1.45; color:var(--kv-muted); margin:4px 0 0}
.konvis-epf .kv-steps {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; padding:13px; border-top:1px solid var(--kv-border); border-bottom:1px solid var(--kv-border); line-height:1.35}
.konvis-epf .kv-step {display:flex; align-items:center; justify-content:center; gap:8px; min-width:0; padding:4px}
.konvis-epf .kv-step > div:last-child {min-width:0}
.konvis-epf .kv-num {height:32px; width:32px; flex:none; border-radius:50%; border:1px solid #b9d1df; display:grid; place-items:center; background:#f2f7fc; color:#58758c; font-weight:800; font-size:13px}
.konvis-epf .kv-step.current .kv-num {background:var(--kv-blue); border-color:var(--kv-blue); color:#fff}
.konvis-epf .kv-step.done .kv-num {color:#0876b9; background:#e5f4fc}
.konvis-epf .kv-step-name {font-size:12px; font-weight:800; line-height:1.3}
.konvis-epf .kv-step-sub {font-size:10px; color:var(--kv-muted); display:block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:3px}
.konvis-epf .kv-main {display:grid; grid-template-columns:minmax(0, 0.9fr) minmax(0, 1.55fr); align-items:stretch; min-width:0}
.konvis-epf .kv-left {min-width:0; padding:22px; border-right:1px solid var(--kv-border)}
.konvis-epf .kv-right {min-width:0; padding:20px; background:var(--kv-light)}
.konvis-epf .kv-smallhead {color:#117bc2; font-size:11px; font-weight:800; letter-spacing:1.3px}
.konvis-epf .kv-main-heading {display:block; color:var(--kv-ink); font:800 23px/1.22 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; letter-spacing:-.45px; margin:7px 0 10px; padding:0; text-transform:none}
.konvis-epf p.kv-lead {font-size:13px; font-weight:400; line-height:1.55; color:var(--kv-muted); margin:0 0 18px; padding:0}
.konvis-epf .kv-options {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; min-width:0}
.konvis-epf button.kv-option {display:block; position:relative; width:100%; min-width:0; height:auto; min-height:116px; margin:0; padding:12px; text-align:left;
  appearance:none; -webkit-appearance:none; border:1px solid #cbdfea; border-radius:12px; background:#fff; box-shadow:none; color:var(--kv-ink);
  font:inherit; line-height:1.45; letter-spacing:normal; text-transform:none; text-shadow:none; cursor:pointer; white-space:normal; overflow-wrap:anywhere;
  transition:border-color .12s,box-shadow .12s}
.konvis-epf button.kv-option:hover {background:#fff; color:var(--kv-ink); border-color:#57a7de; box-shadow:0 4px 14px #127db416; transform:none}
.konvis-epf button.kv-option.selected {border:2px solid var(--kv-blue); background:#eff8ff; padding:11px}
.konvis-epf button.kv-option strong {display:block; font-size:13px; font-weight:750; line-height:1.35; color:var(--kv-ink); margin:0; padding:0}
.konvis-epf button.kv-option small {display:block; font-size:11px; font-weight:400; line-height:1.45; color:var(--kv-muted); margin:5px 0 0; padding:0}
.konvis-epf .kv-check {position:absolute; right:7px; top:7px; display:grid; place-items:center; width:18px; height:18px; background:var(--kv-blue); border-radius:50%; color:#fff; font-size:11px; font-weight:800}
.konvis-epf .kv-mini {height:88px; position:relative; overflow:hidden; border-radius:7px; background:#f5faff; margin:0 0 9px}
.konvis-epf .kv-mini img {position:absolute; inset:0; width:100%; height:100%; max-width:100%; object-fit:contain; border:0; margin:0; padding:0; box-shadow:none}
.konvis-epf .kv-year {font-size:28px; font-weight:800; color:#174b74; margin:9px 0 13px}
.konvis-epf .kv-make {font-size:29px; font-weight:800; color:#117bc2; margin:9px 0 13px}
.konvis-epf .kv-sidehead {display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin:0 0 11px}
.konvis-epf .kv-sidehead > div:first-child {min-width:0}
.konvis-epf .kv-view-heading {display:block; font:800 16px/1.3 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; color:var(--kv-ink); margin:0; padding:0; letter-spacing:normal; text-transform:none}
.konvis-epf .kv-sidehead small {display:block; font-size:11px; line-height:1.4; color:var(--kv-muted); margin:3px 0 0}
.konvis-epf .kv-tag {flex-shrink:0; align-self:flex-start; border-radius:30px; background:#e0f2ff; color:#006eb9; font-weight:800; font-size:10px; line-height:1.2; padding:7px 10px; white-space:nowrap}
.konvis-epf .kv-viewtoggles {display:flex; flex-wrap:wrap; gap:7px; margin:0 0 9px}
.konvis-epf .kv-viewtoggles button {appearance:none; -webkit-appearance:none; display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:0; height:auto; margin:0; padding:8px 11px;
  border:1px solid #b7d5e9; border-radius:8px; background:#fff; box-shadow:none; color:#215b84; cursor:pointer; font:600 11px/1.3 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; letter-spacing:normal; text-transform:none}
.konvis-epf .kv-viewtoggles button.on {background:#d8efff; border-color:#1689d1; color:#215b84; font-weight:800}
.konvis-epf .kv-viewtoggles button:disabled {opacity:.4; cursor:not-allowed}
.konvis-epf .kv-stage {position:relative; overflow:hidden; border:1px solid var(--kv-border); border-radius:14px; background:#e7eff6; box-shadow:0 3px 15px #2c5c8010; min-width:0}
.konvis-epf .kv-figure {position:relative; width:100%; aspect-ratio:1672/941; overflow:hidden}
.konvis-epf img.kv-photo {display:block; position:relative; width:100%; height:100%; max-width:100%; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; object-fit:contain; transform-origin:center center; transition:transform .28s ease}
.konvis-epf svg.kv-overlay {position:absolute; inset:0; display:block; width:100%; height:100%; pointer-events:none}
.konvis-epf .kv-zone {fill:#0fa2e9; fill-opacity:.22; stroke:#0277bf; stroke-width:5; stroke-opacity:.86; stroke-linejoin:round; filter:drop-shadow(0 0 8px #3fb5ff); vector-effect:non-scaling-stroke}
.konvis-epf .kv-mark {display:none}
.konvis-epf .kv-mark.on {display:block}
.konvis-epf .kv-plaque {position:absolute; z-index:4; right:2%; bottom:2.5%; min-width:168px; max-width:48%; margin:0; padding:8px 10px;
  border:1px solid #a8c0d1; border-radius:8px; background:#f8fbffed; box-shadow:0 3px 15px #2c4e681f; backdrop-filter:blur(5px)}
.konvis-epf .kv-plaque b {display:block; margin:0 0 4px; color:#41617b; font-size:10px; letter-spacing:.45px; line-height:1.4}
.konvis-epf .kv-plaque dl {display:grid; grid-template-columns:65px minmax(0,1fr); gap:3px 8px; font-size:11px; line-height:1.4; margin:0; padding:0}
.konvis-epf .kv-plaque dt {display:block; margin:0; padding:0; color:#678299; font-weight:400}
.konvis-epf .kv-plaque dd {display:block; margin:0; padding:0; font-weight:750; color:var(--kv-ink); overflow-wrap:anywhere}
.konvis-epf .kv-hint {color:var(--kv-muted); font-size:11px; line-height:1.5; margin:9px 0 0}
.konvis-epf .kv-lower {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:11px 0 0}
.konvis-epf .kv-panel {min-width:0; border:1px solid var(--kv-border); background:#fff; border-radius:11px; padding:12px}
.konvis-epf .kv-panel-heading {display:block; color:var(--kv-ink); font:800 13px/1.4 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; margin:0 0 8px; padding:0; text-transform:none}
.konvis-epf .kv-panel p {font-size:12px; font-weight:400; line-height:1.55; color:var(--kv-muted); margin:0; padding:0}
.konvis-epf .kv-row {display:flex; justify-content:space-between; gap:9px; border-bottom:1px solid #e9eff5; padding:5px 0; font-size:11px; line-height:1.4}
.konvis-epf .kv-row:last-child {border-bottom:0}
.konvis-epf .kv-row span {color:var(--kv-muted)}
.konvis-epf .kv-row strong {color:var(--kv-ink); text-align:right; overflow-wrap:anywhere; min-width:0}
.konvis-epf .kv-nav {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; padding:14px 20px; border-top:1px solid var(--kv-border)}
.konvis-epf button.kv-btn {appearance:none; -webkit-appearance:none; display:inline-flex; align-items:center; justify-content:center; width:auto; max-width:100%; height:auto; min-height:40px; margin:0; padding:10px 16px;
  border:1px solid #c7dbe9; border-radius:8px; background:#fff; box-shadow:none; color:var(--kv-ink); cursor:pointer; font:800 12px/1.35 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; white-space:normal; text-transform:none; letter-spacing:normal}
.konvis-epf button.kv-btn.primary {background:var(--kv-blue); border-color:var(--kv-blue); color:#fff}
.konvis-epf button.kv-btn:hover:not(:disabled) {filter:brightness(.98); box-shadow:0 2px 10px #127db416; transform:none}
.konvis-epf button.kv-btn:disabled {opacity:.37; cursor:not-allowed}
.konvis-epf .kv-foot {padding:12px 20px; color:var(--kv-muted); font-size:10px; line-height:1.5; background:#f8fbfe; border-top:1px solid var(--kv-border)}
.konvis-epf .kv-success {padding:14px; border-radius:9px; color:#186d43; background:#e2f8ed; font-size:13px; font-weight:750; margin:0 0 14px}
.konvis-epf .kv-actions {display:flex; flex-wrap:wrap; gap:8px; margin:13px 0 0}
.konvis-epf .kv-notice {font-size:11px; line-height:1.45; color:#45687e; background:#eaf6fd; padding:10px 12px; border-radius:9px; margin:12px 0 0}
.konvis-epf button.kv-option:focus-visible, .konvis-epf button.kv-btn:focus-visible, .konvis-epf .kv-viewtoggles button:focus-visible {outline:3px solid #0e7fc5; outline-offset:2px}
.konvis-epf [hidden] {display:none!important}
/* WordPress columns can be narrow even on large desktop displays. Use *container* width. */
@container konvisDummy (max-width:560px) {
  .konvis-epf .kv-main {grid-template-columns:minmax(0,1fr)}
  .konvis-epf .kv-left {border-right:0; border-bottom:1px solid var(--kv-border)}
  .konvis-epf .kv-right {padding:18px}
}
@container konvisDummy (max-width:650px) {
  .konvis-epf .kv-steps {gap:2px; padding:10px 6px}
  .konvis-epf .kv-step {flex-direction:column; text-align:center; gap:5px}
  .konvis-epf .kv-step-sub {display:none}
  .konvis-epf .kv-step-name {font-size:11px}
  .konvis-epf .kv-num {width:29px; height:29px; font-size:12px}
  .konvis-epf .kv-header {padding:14px}
  .konvis-epf .kv-left,.konvis-epf .kv-right {padding:14px}
  .konvis-epf .kv-lower {grid-template-columns:minmax(0,1fr)}
  .konvis-epf .kv-tag {font-size:9px; padding:6px 8px}
}
@container konvisDummy (max-width:480px) {
  .konvis-epf .kv-header {gap:8px; align-items:flex-start}
  .konvis-epf .kv-logo {width:156px}
  .konvis-epf .kv-badge {font-size:9px; white-space:nowrap}
  .konvis-epf .kv-sub {font-size:11px}
  .konvis-epf .kv-steps {padding:9px 3px}
  .konvis-epf .kv-step {padding:3px 0}
  .konvis-epf .kv-step-name {font-size:10px}
  .konvis-epf .kv-left,.konvis-epf .kv-right {padding:12px}
  .konvis-epf .kv-main-heading {font-size:20px}
  .konvis-epf .kv-mini {height:72px}
  .konvis-epf .kv-options {gap:8px}
  .konvis-epf button.kv-option {min-height:105px; padding:10px}
  .konvis-epf button.kv-option.selected {padding:9px}
  .konvis-epf .kv-sidehead {flex-wrap:wrap}
  .konvis-epf .kv-view-heading {font-size:14px}
  .konvis-epf .kv-plaque {position:relative; bottom:auto; right:auto; width:100%; max-width:none; min-width:0; padding:9px 12px; border-radius:0 0 11px 11px; box-shadow:none; border-width:1px 0 0}
  .konvis-epf .kv-plaque dl {grid-template-columns:70px minmax(0,1fr)}
  .konvis-epf .kv-nav {padding:12px}
  .konvis-epf .kv-foot {padding:10px 12px}
}
@container konvisDummy (max-width:345px) {
  .konvis-epf .kv-options {grid-template-columns:minmax(0,1fr)}
  .konvis-epf .kv-step-name {font-size:9px}
  .konvis-epf .kv-header {flex-wrap:wrap}
  .konvis-epf .kv-badge {font-size:8px}
  .konvis-epf button.kv-option {min-height:80px}
}
/* Older browsers without container queries: viewport breakpoint fallback. */
@supports not (container-type:inline-size) {
 @media(max-width:560px) {
   .konvis-epf .kv-main {grid-template-columns:1fr}
   .konvis-epf .kv-left {border-right:0; border-bottom:1px solid var(--kv-border)}
 }
 @media(max-width:540px) {
   .konvis-epf .kv-steps {padding:9px 3px}
   .konvis-epf .kv-step {flex-direction:column; text-align:center; gap:4px}
   .konvis-epf .kv-step-sub {display:none}
   .konvis-epf .kv-left,.konvis-epf .kv-right {padding:12px}
   .konvis-epf .kv-lower {grid-template-columns:1fr}
   .konvis-epf .kv-plaque {position:relative; right:auto; bottom:auto; width:100%; max-width:none; padding:10px}
 }
}

/* ============================================================
   KonVis 1.0.4: space-efficient responsive layout
   Designed for tablet portrait and WP article columns, scoped only
   to the widget. All controls and content remain visible.
   ============================================================ */
.konvis-epf .kv-wrap {border-radius:12px; box-shadow:0 5px 22px #1843670d}
.konvis-epf .kv-header {padding:10px 14px; gap:9px}
.konvis-epf img.kv-logo {width:150px}
.konvis-epf .kv-sub {font-size:10px; line-height:1.32; margin-top:2px}
.konvis-epf .kv-badge {font-size:9px; padding:5px 8px}
.konvis-epf .kv-steps {padding:6px 10px; gap:2px}
.konvis-epf .kv-step {gap:6px; padding:3px 2px}
.konvis-epf .kv-num {width:26px; height:26px; font-size:11px}
.konvis-epf .kv-step-name {font-size:11px; line-height:1.15}
.konvis-epf .kv-step-sub {font-size:9px; line-height:1.1; margin-top:2px}
.konvis-epf .kv-main {grid-template-columns:minmax(0, .87fr) minmax(0, 1.13fr)}
.konvis-epf .kv-left {padding:13px 13px 12px}
.konvis-epf .kv-right {padding:13px 13px 12px}
.konvis-epf .kv-smallhead {font-size:10px; letter-spacing:.8px}
.konvis-epf .kv-main-heading {font-size:19px; line-height:1.2; margin:3px 0 6px}
.konvis-epf p.kv-lead {font-size:11.5px; line-height:1.4; margin:0 0 10px}
.konvis-epf .kv-options {gap:7px}
.konvis-epf button.kv-option {min-height:68px; padding:8px; border-radius:9px; line-height:1.28}
.konvis-epf button.kv-option.selected {padding:7px}
.konvis-epf button.kv-option strong {font-size:11.5px; line-height:1.2; padding-right:9px}
.konvis-epf button.kv-option small {font-size:10px; line-height:1.22; margin-top:3px}
.konvis-epf .kv-mini {height:59px; margin:0 0 4px; border-radius:6px}
.konvis-epf .kv-make {font-size:20px; margin:4px 0 5px}
.konvis-epf .kv-year {font-size:22px; margin:5px 0 5px}
.konvis-epf .kv-check {width:16px; height:16px; top:5px; right:5px; font-size:10px}
.konvis-epf .kv-notice {font-size:10px; line-height:1.34; padding:7px 9px; margin:8px 0 0}
.konvis-epf .kv-sidehead {gap:5px; margin:0 0 6px}
.konvis-epf .kv-view-heading {font-size:13px; line-height:1.2}
.konvis-epf .kv-sidehead small {font-size:10px; line-height:1.24; margin:2px 0 0}
.konvis-epf .kv-tag {font-size:9px; padding:5px 7px}
.konvis-epf .kv-viewtoggles {gap:5px; margin:0 0 6px}
.konvis-epf .kv-viewtoggles button {padding:6px 9px; font-size:10px}
.konvis-epf .kv-stage {border-radius:9px}
.konvis-epf .kv-plaque {min-width:0; max-width:44%; padding:5px 7px; bottom:2%; right:1.5%; border-radius:6px}
.konvis-epf .kv-plaque b {font-size:8px; margin:0 0 2px; letter-spacing:.2px}
.konvis-epf .kv-plaque dl {grid-template-columns:48px minmax(0,1fr); gap:1px 5px; font-size:9px; line-height:1.25}
.konvis-epf .kv-hint {font-size:10px; line-height:1.3; margin:5px 0 0}
.konvis-epf .kv-lower {gap:7px; margin:7px 0 0}
.konvis-epf .kv-panel {padding:8px; border-radius:9px}
.konvis-epf .kv-panel-heading {font-size:11px; line-height:1.25; margin:0 0 4px}
.konvis-epf .kv-panel p {font-size:10.5px; line-height:1.4}
.konvis-epf .kv-row {gap:6px; font-size:10px; line-height:1.25; padding:3px 0}
.konvis-epf .kv-nav {gap:8px; padding:8px 13px}
.konvis-epf button.kv-btn {min-height:34px; padding:7px 12px; font-size:11px}
.konvis-epf .kv-foot {padding:7px 13px; font-size:9px; line-height:1.3}
.konvis-epf .kv-success {padding:10px; margin-bottom:9px}
.konvis-epf .kv-actions {gap:6px; margin-top:10px}
/* Tablet portrait: retain side-by-side layout and compact media. */
@container konvisDummy (min-width:561px) and (max-width:1024px) {
 .konvis-epf .kv-main {grid-template-columns:minmax(0, 43%) minmax(0, 57%)}
 .konvis-epf .kv-left,.konvis-epf .kv-right {padding:10px}
 .konvis-epf .kv-steps {padding:5px 7px}
 .konvis-epf .kv-step {gap:4px}
 .konvis-epf .kv-step-sub {display:none}
 .konvis-epf .kv-options {gap:6px}
 .konvis-epf button.kv-option {padding:7px; min-height:62px}
 .konvis-epf button.kv-option.selected {padding:6px}
 .konvis-epf button.kv-option strong {font-size:11px}
 .konvis-epf button.kv-option small {font-size:9.5px}
 .konvis-epf .kv-mini {height:50px; margin-bottom:3px}
 .konvis-epf .kv-make {font-size:19px; margin:3px 0}
 .konvis-epf .kv-year {font-size:21px; margin:3px 0}
 .konvis-epf .kv-sidehead small {font-size:9px}
 .konvis-epf .kv-tag {font-size:8px; padding:4px 6px}
 .konvis-epf .kv-plaque {max-width:46%;}
 .konvis-epf .kv-lower {grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* On genuinely narrow containers the image follows choices as before. */
@container konvisDummy (max-width:560px) {
 .konvis-epf .kv-main {grid-template-columns:minmax(0,1fr)}
 .konvis-epf .kv-left {border-right:0; border-bottom:1px solid var(--kv-border)}
 .konvis-epf .kv-right {padding:11px}
 .konvis-epf .kv-options {gap:7px}
 .konvis-epf .kv-mini {height:54px}
 .konvis-epf .kv-header {padding:9px 11px}
 .konvis-epf .kv-steps {padding:7px 5px}
 .konvis-epf .kv-main-heading {font-size:18px}
 .konvis-epf .kv-lower {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container konvisDummy (max-width:480px) {
 .konvis-epf .kv-left,.konvis-epf .kv-right {padding:10px}
 .konvis-epf img.kv-logo {width:135px}
 .konvis-epf .kv-steps {padding:6px 3px}
 .konvis-epf .kv-step {gap:3px; padding:2px 0}
 .konvis-epf .kv-step-name {font-size:9.5px}
 .konvis-epf .kv-num {width:24px; height:24px}
 .konvis-epf .kv-mini {height:53px}
 .konvis-epf button.kv-option {min-height:72px; padding:7px}
 .konvis-epf button.kv-option.selected {padding:6px}
 .konvis-epf .kv-plaque {position:relative; bottom:auto; right:auto; max-width:none; width:100%; padding:7px 9px; border-width:1px 0 0; border-radius:0 0 9px 9px; box-shadow:none}
 .konvis-epf .kv-plaque dl {grid-template-columns:65px minmax(0,1fr); font-size:10px}
 .konvis-epf .kv-lower {grid-template-columns:minmax(0,1fr)}
 .konvis-epf .kv-nav {padding:8px 10px}
 .konvis-epf .kv-foot {padding:7px 10px}
}
@container konvisDummy (max-width:345px) {
 .konvis-epf .kv-options {grid-template-columns:minmax(0,1fr)}
 .konvis-epf button.kv-option {min-height:64px}
}
/* Without container support still keep tablet portrait in two columns. */
@supports not (container-type:inline-size) {
 @media(min-width:561px) and (max-width:1024px) {
  .konvis-epf .kv-main {grid-template-columns:minmax(0,43%) minmax(0,57%)}
  .konvis-epf .kv-left {border-right:1px solid var(--kv-border); border-bottom:0}
 }
}
.shariff{display:block !important;clear:both}.shariff ul{display:flex;flex-direction:row;flex-flow:row wrap;padding:0 !important;margin:0 !important}.shariff li{height:35px;box-sizing:border-box;list-style:none !important;overflow:hidden !important;margin:5px !important;padding:0 !important;text-indent:0 !important;border-left:0 none !important}.shariff a{position:relative;display:block !important;height:35px;padding:0;margin:0;box-sizing:border-box;border:0;text-decoration:none;background-image:none !important;text-align:left;box-shadow:none;cursor:pointer}.shariff a:hover{color:#fff;background-color:inherit !important;text-decoration:none !important}.shariff a:visited{color:inherit}.shariff .shariff-count{position:absolute;height:33px;top:0;right:0;margin:1px;padding:0 8px;background-color:rgba(255,255,255,0.5)}.shariff .shariff-count,.shariff .shariff-text{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:36px;vertical-align:top}.shariff .shariff-text{padding-left:3px}.shariff .shariff-icon svg{width:32px;height:20px;padding:7px 1px;box-sizing:content-box !important}.shariff-button::before{content:none !important}.shariff .shariff-buttons .shariff-text-white{color:#fff}.shariff .shariff-buttons .shariff-hidezero{opacity:0}.shariff .theme-default a{color:#fff !important}.shariff .theme-default .shariff-icon svg path{fill:#fff}.shariff .theme-color .shariff-count{background-color:transparent !important;color:#fff !important}.shariff .theme-color .shariff-icon svg path{fill:#fff}.shariff .theme-grey a{background-color:#b0b0b0 !important}.shariff .theme-grey a:hover{background-color:inherit !important}.shariff .theme-grey .shariff-count{background-color:transparent;color:#fff !important}.shariff .theme-grey .shariff-icon svg path{fill:#fff}.shariff .theme-white a{background-color:#fff !important;border:1px solid #ddd}.shariff .theme-white a:hover{background-color:#eee !important;color:inherit}.shariff .theme-white svg{fill:currentColor}.shariff .theme-white .shariff-count{background-color:transparent;margin:0}.shariff .wcag_colors .shariff-count{color:#fff !important;background-color:rgba(255,255,255,0.2)}.shariff .shariff-buttons.theme-round li{width:35px !important;height:35px;border-radius:50%;margin:5px}.shariff .theme-round a{position:relative;height:35px;border-radius:50%}.shariff .theme-round .shariff-icon svg{display:block;margin:auto;padding:8px 1px}.shariff .theme-round .shariff-text{display:block}.shariff .theme-round .shariff-count{display:inline;padding:0;right:0;left:0;top:0;background-color:transparent;color:transparent !important;text-align:center}.shariff .theme-round .shariff-count:hover{background-color:inherit !important;color:#fff !important}.shariff .theme-round .shariff-icon svg path{fill:#fff}.shariff .shariff-buttons.buttonsize-small li{height:25px !important}.shariff .shariff-buttons.buttonsize-small a{height:25px !important}.shariff .shariff-buttons.buttonsize-small.orientation-vertical li{width:115px}.shariff .shariff-buttons.buttonsize-small .shariff-icon svg{width:22px;height:15px;padding:5px 1px}.shariff .shariff-buttons.buttonsize-small .shariff-text,.shariff .shariff-buttons.buttonsize-small .shariff-count{font-size:11px;line-height:25px;padding:0 5px;height:23px}.shariff .shariff-buttons.buttonsize-small .shariff-text{padding-left:1px !important}.shariff .shariff-buttons.buttonsize-small.theme-round li{width:25px !important}.shariff .shariff-buttons.buttonsize-small.theme-round a{width:25px !important}.shariff .shariff-buttons.buttonsize-small.theme-round .shariff-count{padding:0 !important;height:25px !important}.shariff .shariff-buttons.theme-round.buttonsize-small.orientation-horizontal li{margin:5px 7px}.shariff .shariff-buttons.theme-round.buttonsize-small.orientation-horizontal li:first-child{margin-left:5px}.shariff .shariff-buttons.theme-round.buttonsize-small.orientation-horizontal li:last-child{margin-right:5px}.shariff .buttonsize-large li{height:45px !important}.shariff .buttonsize-large a{height:45px !important}.shariff .buttonsize-large.orientation-vertical li{width:155px}.shariff .buttonsize-large .shariff-icon svg{width:40px;height:28px;padding:9px 2px}.shariff .buttonsize-large .shariff-text,.shariff .buttonsize-large .shariff-count{font-size:14px;line-height:45px;padding:0 10px;height:43px}.shariff .buttonsize-large .shariff-text{padding-left:1px !important}.shariff .shariff-buttons.buttonsize-large.theme-round li{width:45px !important;height:45px !important}.shariff .buttonsize-large.theme-round a{width:45px !important}.shariff .buttonsize-large.theme-round .shariff-count{padding:0 !important;height:45px !important}.shariff .orientation-vertical{flex-direction:column}.shariff .orientation-vertical li{width:135px}.shariff.shariff-align-flex-start ul{justify-content:flex-start;align-items:flex-start}.shariff.shariff-align-center ul{justify-content:center;align-items:center}.shariff.shariff-align-flex-end ul{justify-content:flex-end;align-items:flex-end}.widget .shariff.shariff-widget-align-flex-start ul{justify-content:flex-start;align-items:flex-start}.widget .shariff.shariff-widget-align-center ul{justify-content:center;align-items:center}.widget .shariff.shariff-widget-align-flex-end ul{justify-content:flex-end;align-items:flex-end}.shariff.shariff-buttonstretch li{flex:1 0 auto !important}.shariff.shariff-buttonstretch .orientation-vertical li{width:100% !important}.widget .shariff li{border:0;font-weight:400}.widget .shariff .theme-default a,.widget .shariff .theme-color a,.widget .shariff .theme-grey a,.widget .shariff .theme-round a{color:#fff;display:block;font-weight:400}.widget .shariff .theme-default a:hover,.widget .shariff .theme-color a:hover,.widget .shariff .theme-grey a:hover,.widget .shariff .theme-round a:hover{color:#fff;font-weight:400}.shariff-warning{background-color:red;color:#fff;font-size:20px;font-weight:700;padding:10px;text-align:center;margin:0 auto;line-height:1.5}.shariff .info a{border:1px solid #ddd;width:35px}.shariff .wcag_colors .info a{border:1px solid #575757;width:35px}.shariff .shariff-button.info{width:35px;flex:0 0 auto !important}.shariff .theme-default .shariff-button.shariff-nocustomcolor.info svg path{fill:#999}.shariff .theme-default.wcag_colors .shariff-button.shariff-nocustomcolor.info svg path{fill:#595959}.shariff .theme-round .shariff-button.shariff-nocustomcolor.info svg path{fill:#999}.shariff .theme-round.wcag_colors .shariff-button.shariff-nocustomcolor.info svg path{fill:#595959}.shariff .buttonsize-small .shariff-button.info{width:25px}.shariff .buttonsize-small .info a{width:25px}.shariff .buttonsize-large .shariff-button.info{width:45px}.shariff .buttonsize-large .info a{width:45px}.shariff .info .shariff-icon svg{display:block;margin:auto}@media only screen and (max-width:360px){.shariff .shariff-buttons.buttonsize-small li{width:25px}.shariff .shariff-buttons li{width:35px}.shariff .shariff-buttons.buttonsize-large li{width:45px}.shariff .shariff-buttons .shariff-icon svg{display:block;margin:auto}.shariff .shariff-buttons .shariff-text{display:none}.shariff .shariff-buttons .shariff-count{display:none}}@media only screen and (min-width:361px){.shariff .shariff-buttons.buttonsize-small li{width:105px}.shariff .shariff-buttons li{width:125px}.shariff .shariff-buttons.buttonsize-large li{width:155px}.shariff .shariff-buttons .shariff-text{display:inline}.shariff .shariff-buttons .shariff-count{display:inline}}@media only screen and (min-device-width:1025px){.shariff .shariff-mobile{display:none !important}}