/* Icons aus png_transparent_native.zip */
/* Verwendung: <i class="icon-png icon-001" aria-hidden="true"></i> */

.icon-png {
  --icon-size: 4rem;
  display: inline-block;
  width: var(--icon-size);
  height: var(--icon-size);
  flex: 0 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
  line-height: 1;
}

.icon-png.icon-001 { background-image: url("png_transparent_native/icon_001.png"); }
.icon-png.icon-002 { background-image: url("png_transparent_native/icon_002.png"); }
.icon-png.icon-003 { background-image: url("png_transparent_native/icon_003.png"); }
.icon-png.icon-004 { background-image: url("png_transparent_native/icon_004.png"); }
.icon-png.icon-005 { background-image: url("png_transparent_native/icon_005.png"); }
.icon-png.icon-006 { background-image: url("png_transparent_native/icon_006.png"); }
.icon-png.icon-007 { background-image: url("png_transparent_native/icon_007.png"); }
.icon-png.icon-008 { background-image: url("png_transparent_native/icon_008.png"); }
.icon-png.icon-009 { background-image: url("png_transparent_native/icon_009.png"); }
.icon-png.icon-010 { background-image: url("png_transparent_native/icon_010.png"); }
.icon-png.icon-011 { background-image: url("png_transparent_native/icon_011.png"); }
.icon-png.icon-012 { background-image: url("png_transparent_native/icon_012.png"); }
.icon-png.icon-013 { background-image: url("png_transparent_native/icon_013.png"); }
.icon-png.icon-014 { background-image: url("png_transparent_native/icon_014.png"); }
.icon-png.icon-015 { background-image: url("png_transparent_native/icon_015.png"); }
.icon-png.icon-016 { background-image: url("png_transparent_native/icon_016.png"); }
.icon-png.icon-017 { background-image: url("png_transparent_native/icon_017.png"); }
.icon-png.icon-018 { background-image: url("png_transparent_native/icon_018.png"); }
.icon-png.icon-019 { background-image: url("png_transparent_native/icon_019.png"); }
.icon-png.icon-020 { background-image: url("png_transparent_native/icon_020.png"); }
.icon-png.icon-021 { background-image: url("png_transparent_native/icon_021.png"); }
.icon-png.icon-022 { background-image: url("png_transparent_native/icon_022.png"); }
.icon-png.icon-023 { background-image: url("png_transparent_native/icon_023.png"); }
.icon-png.icon-024 { background-image: url("png_transparent_native/icon_024.png"); }
.icon-png.icon-025 { background-image: url("png_transparent_native/icon_025.png"); }
.icon-png.icon-026 { background-image: url("png_transparent_native/icon_026.png"); }
.icon-png.icon-027 { background-image: url("png_transparent_native/icon_027.png"); }
.icon-png.icon-028 { background-image: url("png_transparent_native/icon_028.png"); }
.icon-png.icon-029 { background-image: url("png_transparent_native/icon_029.png"); }
.icon-png.icon-030 { background-image: url("png_transparent_native/icon_030.png"); }
.icon-png.icon-031 { background-image: url("png_transparent_native/icon_031.png"); }
.icon-png.icon-032 { background-image: url("png_transparent_native/icon_032.png"); }
.icon-png.icon-033 { background-image: url("png_transparent_native/icon_033.png"); }
.icon-png.icon-034 { background-image: url("png_transparent_native/icon_034.png"); }
.icon-png.icon-035 { background-image: url("png_transparent_native/icon_035.png"); }
.icon-png.icon-036 { background-image: url("png_transparent_native/icon_036.png"); }
.icon-png.icon-037 { background-image: url("png_transparent_native/icon_037.png"); }
.icon-png.icon-038 { background-image: url("png_transparent_native/icon_038.png"); }
.icon-png.icon-039 { background-image: url("png_transparent_native/icon_039.png"); }
.icon-png.icon-040 { background-image: url("png_transparent_native/icon_040.png"); }
.icon-png.icon-041 { background-image: url("png_transparent_native/icon_041.png"); }
.icon-png.icon-042 { background-image: url("png_transparent_native/icon_042.png"); }
.icon-png.icon-043 { background-image: url("png_transparent_native/icon_043.png"); }
.icon-png.icon-044 { background-image: url("png_transparent_native/icon_044.png"); }
.icon-png.icon-045 { background-image: url("png_transparent_native/icon_045.png"); }
.icon-png.icon-046 { background-image: url("png_transparent_native/icon_046.png"); }
.icon-png.icon-047 { background-image: url("png_transparent_native/icon_047.png"); }
.icon-png.icon-048 { background-image: url("png_transparent_native/icon_048.png"); }
.icon-png.icon-049 { background-image: url("png_transparent_native/icon_049.png"); }
.icon-png.icon-050 { background-image: url("png_transparent_native/icon_050.png"); }
.icon-png.icon-051 { background-image: url("png_transparent_native/icon_051.png"); }
.icon-png.icon-052 { background-image: url("png_transparent_native/icon_052.png"); }
.icon-png.icon-053 { background-image: url("png_transparent_native/icon_053.png"); }
.icon-png.icon-054 { background-image: url("png_transparent_native/icon_054.png"); }
.icon-png.icon-055 { background-image: url("png_transparent_native/icon_055.png"); }
.icon-png.icon-056 { background-image: url("png_transparent_native/icon_056.png"); }
.icon-png.icon-057 { background-image: url("png_transparent_native/icon_057.png"); }
.icon-png.icon-058 { background-image: url("png_transparent_native/icon_058.png"); }
.icon-png.icon-059 { background-image: url("png_transparent_native/icon_059.png"); }
.icon-png.icon-060 { background-image: url("png_transparent_native/icon_060.png"); }
.icon-png.icon-061 { background-image: url("png_transparent_native/icon_061.png"); }
.icon-png.icon-062 { background-image: url("png_transparent_native/icon_062.png"); }
.icon-png.icon-063 { background-image: url("png_transparent_native/icon_063.png"); }
.icon-png.icon-064 { background-image: url("png_transparent_native/icon_064.png"); }
.icon-png.icon-065 { background-image: url("png_transparent_native/icon_065.png"); }
.icon-png.icon-066 { background-image: url("png_transparent_native/icon_066.png"); }
.icon-png.icon-067 { background-image: url("png_transparent_native/icon_067.png"); }
.icon-png.icon-068 { background-image: url("png_transparent_native/icon_068.png"); }
.icon-png.icon-069 { background-image: url("png_transparent_native/icon_069.png"); }
.icon-png.icon-070 { background-image: url("png_transparent_native/icon_070.png"); }
.icon-png.icon-071 { background-image: url("png_transparent_native/icon_071.png"); }
.icon-png.icon-072 { background-image: url("png_transparent_native/icon_072.png"); }
.icon-png.icon-073 { background-image: url("png_transparent_native/icon_073.png"); }
.icon-png.icon-074 { background-image: url("png_transparent_native/icon_074.png"); }
.icon-png.icon-075 { background-image: url("png_transparent_native/icon_075.png"); }
.icon-png.icon-076 { background-image: url("png_transparent_native/icon_076.png"); }
.icon-png.icon-077 { background-image: url("png_transparent_native/icon_077.png"); }
.icon-png.icon-078 { background-image: url("png_transparent_native/icon_078.png"); }
.icon-png.icon-079 { background-image: url("png_transparent_native/icon_079.png"); }
.icon-png.icon-080 { background-image: url("png_transparent_native/icon_080.png"); }
.icon-png.icon-081 { background-image: url("png_transparent_native/icon_081.png"); }
.icon-png.icon-082 { background-image: url("png_transparent_native/icon_082.png"); }
.icon-png.icon-083 { background-image: url("png_transparent_native/icon_083.png"); }
.icon-png.icon-084 { background-image: url("png_transparent_native/icon_084.png"); }
.icon-png.icon-085 { background-image: url("png_transparent_native/icon_085.png"); }


/* Base class for icon i-tags */
i.pm-icon {
  display:inline-block;
  width:3em;
  height:3em;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  vertical-align:middle;
}

i.icon-hand-heart { background-image: url("png_icons/hand-heart.png"); }
i.icon-hand-heart-petrol { background-image: url("png_icons/hand-heart-petrol.png"); }
i.icon-audience-group { background-image: url("png_icons/audience-group.png"); }
i.icon-analytics-up { background-image: url("png_icons/analytics-up.png"); }
i.icon-hand-sun { background-image: url("png_icons/hand-sun.png"); }
i.icon-star-outline-yellow { background-image: url("png_icons/star-outline-yellow.png"); }
i.icon-bottle-yellow { background-image: url("png_icons/bottle-yellow.png"); }
i.icon-star-outline-magenta { background-image: url("png_icons/star-outline-magenta.png"); }
i.icon-bubbles-sparkle { background-image: url("png_icons/bubbles-sparkle.png"); }
i.icon-bottle-magenta { background-image: url("png_icons/bottle-magenta.png"); }
i.icon-lightning-bolt { background-image: url("png_icons/lightning-bolt.png"); }
i.icon-hot-drink { background-image: url("png_icons/hot-drink.png"); }
i.icon-shopping-bag { background-image: url("png_icons/shopping-bag.png"); }
i.icon-three-circles { background-image: url("png_icons/three-circles.png"); }
i.icon-leaf-orange { background-image: url("png_icons/leaf-orange.png"); }
i.icon-heart-orange { background-image: url("png_icons/heart-orange.png"); }
i.icon-alkfrei { background-image: url("png_icons/alkfrei.png"); }
i.icon-wein-fruchtig { background-image: url("png_icons/wein-fruchtig.png"); }