// // Icons // —————————————-

@font-face {

font-family: 'Telekom-Icon';
font-style: normal;
font-weight: 400;
src: url('../font/teleicon-outline.eot');
src: url('../font/teleicon-outline.eot?#iefix') format('embedded-opentype'),
  url('../font/teleicon-outline.woff') format('woff'),
  url('../font/teleicon-outline.ttf')  format('truetype'),
  url('../font/teleicon-outline.svg#teleicon-outline') format('svg');

}

@font-face {

font-family: 'Telekom-Icon';
font-style: normal;
font-weight: 700;
src: url('../font/teleicon-solid.eot');
src: url('../font/teleicon-solid.eot?#iefix') format('embedded-opentype'),
  url('../font/teleicon-solid.woff') format('woff'),
  url('../font/teleicon-solid.ttf')  format('truetype'),
  url('../font/teleicon-solid.svg#teleicon-solid') format('svg');

}

.icon {

position: relative;
bottom: 1px;
vertical-align: middle;
display: inline-block;
font-family: 'Telekom-Icon';
font-style: normal;
font-weight: normal;
line-height: 1;
text-transform: none !important; // if icon is used in uppercase context
-webkit-font-smoothing: antialiased; // reduce font weight
-moz-osx-font-smoothing: grayscale; // reduce font weight

}

.icon-solid {

font-weight: 700;

}

.icon-large {

font-size: 36px;

}

.icon-warning:before { content: '21'; } .icon-navigation-up:before { content: '22'; } .icon-navigation-down:before { content: '24'; } .icon-navigation-left:before { content: '25'; } .icon-export:before { content: '26'; } .icon-import:before { content: '28'; } .icon-scroll-left:before { content: '29'; } .icon-favorites:before { content: '2a'; } .icon-add:before { content: '2b'; } .icon-decrease:before { content: '2d'; } .icon-record:before { content: '3b'; } .icon-scroll-right:before { content: '2f'; } .icon-tile-view:before { content: '30'; } .icon-skip-to-start:before { content: '31'; } .icon-previous:before { content: '32'; } .icon-rewind:before { content: '33'; } .icon-play:before { content: '34'; } .icon-pause:before { content: '35'; } .icon-stop:before { content: '36'; } .icon-fast-forward:before { content: '37'; } .icon-next:before { content: '38'; } .icon-skip-to-end:before { content: '39'; } .icon-more:before { content: '3a'; } .icon-help_2:before { content: '3c'; } .icon-list-view:before { content: '3d'; } .icon-information_2:before { content: '3e'; } .icon-help:before { content: '3f'; } .icon-calendar:before { content: '41'; } .icon-shopping-cart:before { content: '42'; } .icon-copy:before { content: '43'; } .icon-move-to-trash:before { content: '44'; } .icon-tablet-pc:before { content: '45'; } .icon-folder:before { content: '46'; } .icon-filter:before { content: '47'; } .icon-login:before { content: '48'; } .icon-comment:before { content: '49'; } .icon-start-call:before { content: '4a'; } .icon-speaker-off:before { content: '4b'; } .icon-lock:before { content: '4c'; } .icon-microphone-socket:before { content: '4d'; } .icon-ringtone-off:before { content: '4e'; } .icon-clock:before { content: '4f'; } .icon-add-to-watchlist:before { content: '50'; } .icon-computer:before { content: '51'; } .icon-iptv:before { content: '52'; } .icon-settings:before { content: '53'; } .icon-digits:before { content: '54'; } .icon-my-profile:before { content: '55'; } .icon-confirm:before { content: '56'; } .icon-smartphone:before { content: '57'; } .icon-cancel:before { content: '58'; } .icon-cloud:before { content: '59'; } .icon-zoom-out:before { content: '5a'; } .icon-attachment:before { content: '61'; } .icon-bookmark:before { content: '62'; } .icon-context-menu:before { content: '63'; } .icon-download:before { content: '64'; } .icon-edit:before { content: '65'; } .icon-file:before { content: '66'; } .icon-reload:before { content: '67'; } .icon-home:before { content: '68'; } .icon-information:before { content: '69'; } .icon-end-call:before { content: '6a'; } .icon-speaker-on:before { content: '6b'; } .icon-before { content: '6c'; } .icon-message:before { content: '6d'; } .icon-ringtone-on:before { content: '6e'; } .icon-loading-indicator:before { content: '6f'; } .icon-print:before { content: '70'; } .icon-search:before { content: '71'; } .icon-reply:before { content: '72'; } .icon-synchronize:before { content: '73'; } .icon-telekom-1T1:before { content: '74'; } .icon-upload:before { content: '75'; } .icon-success:before { content: '76'; } .icon-forward:before { content: '77'; } .icon-error:before { content: '78'; } .icon-share:before { content: '79'; } .icon-zoom-in:before { content: '7a'; } .icon-navigation-right:before { content: 'a7'; } .icon-maximize:before { content: 'dc'; } .icon-cover-view:before { content: 'df'; } .icon-warning_2:before { content: 'e4'; } .icon-minimize:before { content: 'fc'; }

.icon-frame {

width: $icon-frame-width;
height: $icon-frame-height;
text-align: center;
white-space: nowrap;
padding: 0;

&:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

> .icon {
  display: inline-block;
  height: auto;
  vertical-align: middle;
}

}