icon, .icon {
width: 1em;
/* border: 1px solid red; */
display: inline-block;
position: relative;
/* margin: 0 auto; */
}
.icon-inline {
display: inline-block;
}
.icon-2x {
width: 2em;
}
.icon-3x {
width: 3em;
}
.icon-4x {
width: 4em;
}
.icon-5x {
width: 5em;
}
icon:after,.icon:after {
width: 100%;
padding-top: 100%;
content: "";
position: relative;
display: block;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.icon-white:after {
filter: invert(1);
}
.icon-red:after {
filter: invert(8%) sepia(56%) saturate(5253%) hue-rotate(347deg) brightness(91%) contrast(97%);
}
.icon-beige:after {
filter: invert(68%) sepia(11%) saturate(585%) hue-rotate(354deg) brightness(95%) contrast(96%);
}
.icon-bgred{
background-color: var(--c-red);
width: 2.44em;
aspect-ratio: 1;
padding: 0.5em;
box-sizing: border-box;
flex-shrink: 0;
}
.icon-example:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-finger:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-camera:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-score:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-platform:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-handshake:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-recht:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-schluessel:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-geldsack:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-gruppe:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-lupe:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-area:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-location:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-pricetag:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-facebook:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-instagram:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-phone:after {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-email:after {
background-image: url('data:image/svg+xml;utf8,');
}