[data-av_iconfont="3d-icons"]  {
  content: " ";
/*** background-size: 150px;    this could be transfered from font-size setting via jQuery script ***/
  background-position: center center;
  background-repeat: no-repeat;
  border: none !important;
  color: transparent !important;
}
[data-av_iconfont="3d-icons"][data-av_icon="\e800"]{background-image: url(/wp-content/uploads/asterisk.svg) !important}
[data-av_iconfont="3d-icons"][data-av_icon="\e801"]{background-image: url(/wp-content/uploads/broken-spheres.svg) !important}
[data-av_iconfont="3d-icons"][data-av_icon="\e802"]{background-image: url(/wp-content/uploads/bubbles.svg) !important}
[data-av_iconfont="3d-icons"][data-av_icon="\e803"]{background-image: url(/wp-content/uploads/chrome-balls.svg) !important}
[data-av_iconfont="3d-icons"][data-av_icon="\e804"]{background-image: url(/wp-content/uploads/film.svg) !important}
[data-av_iconfont="3d-icons"][data-av_icon="\e805"]{background-image: url(/wp-content/uploads/glas-dots.svg) !important}
[data-av_iconfont="3d-icons"][data-av_icon="\e806"]{background-image: url(/wp-content/uploads/glas-waben.svg) !important}
[data-av_iconfont="3d-icons"][data-av_icon="\e807"]{background-image: url(/wp-content/uploads/green-world.svg) !important}
[data-av_iconfont="3d-icons"][data-av_icon="\e808"]{background-image: url(/wp-content/uploads/home.svg) !important}
[data-av_iconfont="3d-icons"][data-av_icon="\e809"]{background-image: url(/wp-content/uploads/hui.svg) !important}
[data-av_iconfont="3d-icons"][data-av_icon="\e80a"]{background-image: url(/wp-content/uploads/lotus.svg) !important}
[data-av_iconfont="3d-icons"][data-av_icon="\e80b"]{background-image: url(/wp-content/uploads/nachhaltig1.svg) !important}
[data-av_iconfont="3d-icons"][data-av_icon="\e80c"]{background-image: url(/wp-content/uploads/on-button.svg) !important}
[data-av_iconfont="3d-icons"][data-av_icon="\e80d"]{background-image: url(/wp-content/uploads/pin.svg) !important}
[data-av_iconfont="3d-icons"][data-av_icon="\e80e"]{background-image: url(/wp-content/uploads/recycling.svg) !important}
[data-av_iconfont="3d-icons"][data-av_icon="\e80f"]{background-image: url(/wp-content/uploads/spheres.svg) !important}
[data-av_iconfont="3d-icons"][data-av_icon="\e810"]{background-image: url(/wp-content/uploads/sun.svg) !important}
[data-av_iconfont="3d-icons"][data-av_icon="\e811"]{background-image: url(/wp-content/uploads/tree.svg) !important}


.icon-box-column .iconbox .iconbox_icon[data-av_iconfont="3d-icons"] {
  background-color: #fff !important;
  border: 2px solid #bbb !important
}

.av_font_icon {
    overflow: visible !important;
}
// the background-size is now a combination of line-height ( it depends on font-size setting in the Element settings ) and padding

function transfer_fontsize_to_backgroundsize(){
?>
<script>
window.addEventListener("DOMContentLoaded", function () { 
(function($) {     
	$('.av-icon-char[data-av_iconfont="3d-icons"], .iconbox_icon[data-av_iconfont="3d-icons"]').each(function() {
		var iconLineHeight = parseInt($(this).css('line-height'));
		var iconPadding = parseInt($(this).css('padding'));
		$(this).css('background-size', (iconLineHeight + 2*(iconPadding))+'px');
	});
})(jQuery);
});
</script>
<?php
}
add_action('wp_footer', 'transfer_fontsize_to_backgroundsize');