.icon {
    display:inline-block;
    width:1.1em;
    height:1.1em;
    background-color: currentColor;

    -webkit-mask: var(--icon) center / contain no-repeat;
    mask:         var(--icon) center / contain no-repeat;
}


.icon.i-bed                 { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/bed-solid.svg"); }
.icon.i-book                { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/book-solid.svg"); }
.icon.i-calendar-week       { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/calendar-week-solid.svg"); }
.icon.i-camera              { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/camera-solid.svg"); }
.icon.i-car-side            { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/car-side-solid.svg"); }
.icon.i-caret-right         { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/caret-right-solid.svg"); }
.icon.i-city                { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/city-solid.svg"); }
.icon.i-coins               { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/coins-solid.svg"); }
.icon.i-credit-card         { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/credit-card.svg"); }
.icon.i-edit                { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/edit.svg"); }
.icon.i-eye                 { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/eye-solid.svg"); }
.icon.i-facebook            { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/facebook.svg"); }
.icon.i-grip-horizontal     { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/grip-horizontal-solid.svg"); }
.icon.i-hand-holding-heart  { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/hand-holding-heart-solid.png"); }
.icon.i-hiking              { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/hiking-solid.svg"); }
.icon.i-home                { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/home-solid.svg"); }
.icon.i-instagram           { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/instagram.svg"); }
.icon.i-list-alt            { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/list-alt.svg"); }
.icon.i-list                { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/list-solid.svg"); }
.icon.i-map-marked          { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/map-marked-solid.svg"); }
.icon.i-money-bill-alt      { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/money-bill-alt.svg"); }
.icon.i-pinterest-p         { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/pinterest-p.svg"); }
.icon.i-plane               { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/plane-solid.svg"); }
.icon.i-plug                { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/plug-solid.svg"); }
.icon.i-route               { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/route-solid.svg"); }
.icon.i-search              { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/search-solid.svg"); }
.icon.i-shield-alt          { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/shield-alt-solid.svg"); }
.icon.i-sun                 { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/sun.svg"); }
.icon.i-threads             { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/threads.svg"); }
.icon.i-ticket-alt          { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/ticket-alt-solid.svg"); }
.icon.i-tree                { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/tree-solid.svg"); }
.icon.i-trophy              { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/trophy-solid.svg"); }
.icon.i-user-shield         { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/user-shield-solid.svg"); }
.icon.i-youtube             { --icon: url("/wp-content/themes/vielunterwegs/assets/icons/vu/youtube.svg"); }