/* ==========================================================================
   BBT Icons â€” CSS mask-image classes
   Auto-generated from ui-teamplate/assets/icons/
   Total icons: 1173
   
   Usage:
     <i class="bbt-icon icon-home-01"></i>
     <i class="bbt-icon bbt-icon-lg icon-user-01" style="color: #007E93;"></i>
   ========================================================================== */

/* Base icon class */
.bbt-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  vertical-align: middle;
  flex-shrink: 0;
}

/* Size modifiers */
.bbt-icon-xs {
  width: 12px;
  height: 12px;
}

.bbt-icon-sm {
  width: 16px;
  height: 16px;
}
/* default .bbt-icon = 24px */
.bbt-icon-lg {
  width: 32px;
  height: 32px;
}

.bbt-icon-xl {
  width: 48px;
  height: 48px;
}

.bbt-icon-news {
  width: 128px;
  height: 128px;
}

.bbt-icon-quicklink {
  background: var(--bbt-primary-light);
}

/* News-Bilder */
.icon-news0 {
  mask-image: url('themes/base/images/blog.png');
  -webkit-mask-image: url('themes/base/images/blog.png');
}

.icon-news1 {
  mask-image: url('themes/base/images/news.png');
  -webkit-mask-image: url('themes/base/images/news.png');
}

.icon-news2 {
  mask-image: url('themes/base/images/marketing.png');
  -webkit-mask-image: url('themes/base/images/marketing.png');
}

/* Icon classes */
/* Navigation */
.icon-navigation-home {
  mask-image: url('themes/base/icons/home-02.svg');
  -webkit-mask-image: url('themes/base/icons/home-02.svg');
}
.icon-navigation-persAngaben {
  mask-image: url('themes/base/icons/users-03.svg');
  -webkit-mask-image: url('themes/base/icons/users-03.svg');
}

.icon-navigation-mitteilungen {
  mask-image: url('themes/base/icons/message-square-03.svg');
  -webkit-mask-image: url('themes/base/icons/message-square-03.svg');
}

.icon-navigation-abrechnungen {
  mask-image: url("themes/base/icons/invocies.svg");
  -webkit-mask-image: url("themes/base/icons/invocies.svg");
}

.icon-navigation-versicherungen {
  mask-image: url('themes/base/icons/credit-card-01.svg');
  -webkit-mask-image: url('themes/base/icons/credit-card-01.svg');
}

.icon-navigation-fragebogen {
  mask-image: url('themes/base/icons/phone-outgoing-01.svg');
  -webkit-mask-image: url('themes/base/icons/phone-outgoing-01.svg');
}

.icon-navigation-dokumente {
  mask-image: url('themes/base/icons/folder-minus.svg');
  -webkit-mask-image: url('themes/base/icons/folder-minus.svg');
}

.icon-navigation-kobe {
  mask-image: url('themes/base/icons/message-text-square-01.svg');
  -webkit-mask-image: url('themes/base/icons/message-text-square-01.svg');
}

.icon-navigation-unfall {
  mask-image: url("themes/base/icons/report.svg");
  -webkit-mask-image: url("themes/base/icons/report.svg");
}

.icon-navigation-aenderungen {
  mask-image: url("themes/base/icons/changes.svg");
  -webkit-mask-image: url("themes/base/icons/changes.svg");
}

.icon-navigation-docuploader {
  mask-image: url('themes/base/icons/upload-01.svg');
  -webkit-mask-image: url('themes/base/icons/upload-01.svg');
}

.icon-navigation-veka {
  mask-image: url("themes/base/icons/cards.svg");
  -webkit-mask-image: url("themes/base/icons/cards.svg");
}

/* Diverse Icons */
.icon-message-square-01 {
  mask-image: url('themes/base/icons/message-square-01.svg');
  -webkit-mask-image: url('themes/base/icons/message-square-01.svg');
}

.icon-download-01 {
  mask-image: url('themes/base/icons/download-01.svg');
  -webkit-mask-image: url('themes/base/icons/download-01.svg');
}

.icon-upload-01 {
  mask-image: url('themes/base/icons/upload-01.svg');
  -webkit-mask-image: url('themes/base/icons/upload-01.svg');
}

.icon-chevron-left {
  mask-image: url('themes/base/icons/chevron-left.svg');
  -webkit-mask-image: url('themes/base/icons/chevron-left.svg');
}

.icon-chevron-right {
  mask-image: url('themes/base/icons/chevron-right.svg');
  -webkit-mask-image: url('themes/base/icons/chevron-right.svg');
}

.icon-arrow-left {
  mask-image: url('themes/base/icons/arrow-left.svg');
  -webkit-mask-image: url('themes/base/icons/arrow-left.svg');
}

.icon-arrow-square-up-right {
  mask-image: url('themes/base/icons/arrow-square-up-right.svg');
  -webkit-mask-image: url('themes/base/icons/arrow-square-up-right.svg');
}

.icon-phone {
  mask-image: url('themes/base/icons/phone.svg');
  -webkit-mask-image: url('themes/base/icons/phone.svg');
}

.icon-phone-call-01 {
  mask-image: url('themes/base/icons/phone-call-01.svg');
  -webkit-mask-image: url('themes/base/icons/phone-call-01.svg');
}

.icon-phone-incoming-01 {
  mask-image: url('themes/base/icons/phone-incoming-01.svg');
  -webkit-mask-image: url('themes/base/icons/phone-incoming-01.svg');
}

.icon-phone-outgoing-01 {
  mask-image: url('themes/base/icons/phone-outgoing-01.svg');
  -webkit-mask-image: url('themes/base/icons/phone-outgoing-01.svg');
}

.icon-x-close {
  mask-image: url('themes/base/icons/x-close.svg');
  -webkit-mask-image: url('themes/base/icons/x-close.svg');
}

.icon-message-square-03 {
  mask-image: url('themes/base/icons/message-square-03.svg');
  -webkit-mask-image: url('themes/base/icons/message-square-03.svg');
}

.icon-folder-minus {
  mask-image: url('themes/base/icons/folder-minus.svg');
  -webkit-mask-image: url('themes/base/icons/folder-minus.svg');
}

.icon-user-01 {
  mask-image: url('themes/base/icons/user-01.svg');
  -webkit-mask-image: url('themes/base/icons/user-01.svg');
}

.icon-menu-06 {
  mask-image: url('themes/base/icons/menu-06.svg');
  -webkit-mask-image: url('themes/base/icons/menu-06.svg');
}

.icon-settings-01 {
  mask-image: url('themes/base/icons/settings-01.svg');
  -webkit-mask-image: url('themes/base/icons/settings-01.svg');
}

.icon-log-out-01 {
  mask-image: url('themes/base/icons/log-out-01.svg');
  -webkit-mask-image: url('themes/base/icons/log-out-01.svg');
}

.icon-menu-mobile {
  mask-image: url('themes/base/icons/menu-mobile.svg');
  -webkit-mask-image: url('themes/base/icons/menu-mobile.svg');
}

.icon-edit-05 {
  mask-image: url('themes/base/icons/edit-05.svg');
  -webkit-mask-image: url('themes/base/icons/edit-05.svg');
}

.icon-home-02 {
  mask-image: url('themes/base/icons/home-02.svg');
  -webkit-mask-image: url('themes/base/icons/home-02.svg');
}

.icon-users-03 {
  mask-image: url('themes/base/icons/users-03.svg');
  -webkit-mask-image: url('themes/base/icons/users-03.svg');
}

.icon-invocies {
  mask-image: url("themes/base/icons/invocies.svg");
  -webkit-mask-image: url("themes/base/icons/invocies.svg");
}

.icon-credit-card-01 {
  mask-image: url('themes/base/icons/credit-card-01.svg');
  -webkit-mask-image: url('themes/base/icons/credit-card-01.svg');
}

.icon-chevron-down {
  mask-image: url('themes/base/icons/chevron-down.svg');
  -webkit-mask-image: url('themes/base/icons/chevron-down.svg');
}

.icon-changes {
  mask-image: url("themes/base/icons/changes.svg");
  -webkit-mask-image: url("themes/base/icons/changes.svg");
}

.icon-report {
  mask-image: url("themes/base/icons/report.svg");
  -webkit-mask-image: url("themes/base/icons/report.svg");
}

.icon-message-text-square-01 {
  mask-image: url('themes/base/icons/message-text-square-01.svg');
  -webkit-mask-image: url('themes/base/icons/message-text-square-01.svg');
}

.icon-cards {
  mask-image: url("themes/base/icons/cards.svg");
  -webkit-mask-image: url("themes/base/icons/cards.svg");
}

.icon-star-01 {
  mask-image: url('themes/base/icons/star-01.svg');
  -webkit-mask-image: url('themes/base/icons/star-01.svg');
}

.icon-calendar {
  mask-image: url('themes/base/icons/calendar.svg');
  -webkit-mask-image: url('themes/base/icons/calendar.svg');
}

.icon-search-sm {
  mask-image: url("themes/base/icons/search-sm.svg");
  -webkit-mask-image: url("themes/base/icons/search-sm.svg");
}

.icon-loading-01 {
  mask-image: url('themes/base/icons/loading-01.svg');
  -webkit-mask-image: url('themes/base/icons/loading-01.svg');
}

.icon-eye {
  mask-image: url('themes/base/icons/eye.svg');
  -webkit-mask-image: url('themes/base/icons/eye.svg');
}

.icon-eye-off {
  mask-image: url('themes/base/icons/eye-off.svg');
  -webkit-mask-image: url('themes/base/icons/eye-off.svg');
}

.icon-check {
  mask-image: url('themes/base/icons/check.svg');
  -webkit-mask-image: url('themes/base/icons/check.svg');
}

.icon-check-circle {
  mask-image: url('themes/base/icons/check-circle.svg');
  -webkit-mask-image: url('themes/base/icons/check-circle.svg');
}

.icon-info-circle {
  mask-image: url('themes/base/icons/info-circle.svg');
  -webkit-mask-image: url('themes/base/icons/info-circle.svg');
}

.icon-paperclip {
  mask-image: url('themes/base/icons/paperclip.svg');
  -webkit-mask-image: url('themes/base/icons/paperclip.svg');
}

.icon-trash-01 {
  mask-image: url('themes/base/icons/trash-01.svg');
  -webkit-mask-image: url('themes/base/icons/trash-01.svg');
}

.icon-plus {
  mask-image: url('themes/base/icons/plus.svg');
  -webkit-mask-image: url('themes/base/icons/plus.svg');
}

.icon-alert-circle {
  mask-image: url('themes/base/icons/alert-circle.svg');
  -webkit-mask-image: url('themes/base/icons/alert-circle.svg');
}