/* 
 * Copyright © 2025 BUTTER AND SALT tech marketing GmbH. Alle Rechte vorbehalten.
 * Stand: 10. Juli 2025
 */

:root {
  --bns-icon-color: #f4f4f4;
  --bns-icon-bgcolor: #404040;
}

.bns-li-bigger li:not(.elementor-icon-list-item)::before {
  left: -0.5rem !important;
  top: 0.5rem !important;
}
.bns-li-bigger li:not(.elementor-icon-list-item)::after {
  left: -0.875rem !important;
  top: 0.125rem !important;
  width: 1.75rem !important;
  height: 1.75rem !important;
}

.bns-li-frame li:not(.elementor-icon-list-item)::after {
  content: "";
  position: absolute;
  left: -0.25rem;
  top: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--bns-icon-bgcolor, #404040);
  border-radius: 50%;
  z-index: 1;
}

.bns-icon-list-dot ul:not(.elementor-icon-list-items),
.bns-icon-list-check ul:not(.elementor-icon-list-items),
.bns-icon-list-arrow ul:not(.elementor-icon-list-items),
.bns-icon-list-circle ul:not(.elementor-icon-list-items),
.bns-icon-list-square ul:not(.elementor-icon-list-items) {
  list-style: none;
  padding-left: var(--bns-padding-default) !important;
  padding-right: var(--bns-padding-default) !important;
  margin: 0;
}

.bns-li-white li:not(.elementor-icon-list-item)::before {
  background-color: #ffffff !important;
}
.bns-li-black li:not(.elementor-icon-list-item)::before {
  background-color: #000000 !important;
}
.bns-li-primary li:not(.elementor-icon-list-item)::before {
  background-color: var(--e-global-color-primary) !important;
}
.bns-li-secondary li:not(.elementor-icon-list-item)::before {
  background-color: var(--e-global-color-secondary) !important;
}
.bns-li-accent li:not(.elementor-icon-list-item)::before {
  background-color: var(--e-global-color-accent) !important;
}

.bns-icon-list-dot li:not(.elementor-icon-list-item) {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

.bns-icon-list-dot li:not(.elementor-icon-list-item)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--bns-icon-color);
  mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"/></svg>');
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  z-index: 2;
}

.bns-icon-list-check li:not(.elementor-icon-list-item) {
  position: relative;
  padding-left: 1.75rem;
  margin-bottom: 1rem;
}

.bns-icon-list-check li:not(.elementor-icon-list-item)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25rem;
  width: 1rem;
  height: 1rem;
  background-color: var(--bns-icon-color);
  mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>');
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  z-index: 2;
}

.bns-icon-list-arrow li:not(.elementor-icon-list-item) {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

.bns-icon-list-arrow li:not(.elementor-icon-list-item)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.375rem;
  width: 0.75rem;
  height: 0.75rem;
  background-color: var(--bns-icon-color);
  mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg>');
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  z-index: 2;
}

.bns-icon-list-circle li:not(.elementor-icon-list-item) {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

.bns-icon-list-circle li:not(.elementor-icon-list-item)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.375rem;
  width: 0.75rem;
  height: 0.75rem;
  background-color: var(--bns-icon-color);
  mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"/></svg>');
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  z-index: 2;
}

.bns-icon-list-square li:not(.elementor-icon-list-item) {
  position: relative;
  padding-left: 1.75rem;
  margin-bottom: 1rem;
}

.bns-icon-list-square li:not(.elementor-icon-list-item)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 0.75rem;
  height: 0.75rem;
  background-color: var(--bns-icon-color);
  mask-image: url('data:image/svg+xml;utf8,<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="512" height="512" id="svg_2"/></svg>');
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="512" height="512" id="svg_2"/></svg>');
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  z-index: 2;
}