@font-face {
    font-family: 'directBOX-Style';
    src: url('../fonts/directBOX-Style.eot?w73ine');
    src: url('../fonts/directBOX-Style.eot?w73ine#iefix') format('embedded-opentype'), url('../fonts/directBOX-Style.ttf?w73ine') format('truetype'), url('../fonts/directBOX-Style.woff?w73ine') format('woff'), url('../fonts/directBOX-Style.svg?w73ine#directBOX-Style') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

i {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'directBOX-Style' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-action_menu:before {
    content: "\e900";
    color: #727272;
}

.icon-add:before {
    content: "\e901";
    color: #4a7db1;
}

.icon-agenda:before {
    content: "\e902";
    color: #727272;
}

.icon-agenda_day:before {
    content: "\e903";
    color: #727272;
}

.icon-agenda_month:before {
    content: "\e904";
    color: #727272;
}

.icon-agenda_n:before {
    content: "\e905";
    color: #4d82b8;
}

.icon-agenda_week:before {
    content: "\e906";
    color: #727272;
}

.icon-alias:before {
    content: "\e907";
    color: #727272;
}

.icon-ampel_g:before {
    content: "\e908";
    color: #12914e;
}

.icon-ampel_r:before {
    content: "\e909";
    color: #e30d13;
}

.icon-ampel_y:before {
    content: "\e90a";
    color: #e6c115;
}

.icon-application:before {
    content: "\e90b";
    color: #727272;
}

.icon-arrow_back:before {
    content: "\e90c";
    color: #4a7db1;
}

.icon-arrow_down:before {
    content: "\e90d";
    color: #4a7db1;
}

.icon-arrow_forward:before {
    content: "\e90e";
    color: #4a7db1;
}

.icon-arrow_full_view:before {
    content: "\e90f";
    color: #575b58;
}

.icon-arrow_mini_back:before {
    content: "\e910";
    color: #4a7db1;
}

.icon-arrow_mini_down:before {
    content: "\e911";
    color: #4a7db1;
}

.icon-arrow_mini_first_page:before {
    content: "\e912";
    color: #4a7db1;
}

.icon-arrow_mini_forward:before {
    content: "\e913";
    color: #4a7db1;
}

.icon-arrow_mini_last_page:before {
    content: "\e914";
    color: #4a7db1;
}

.icon-arrow_mini_up:before {
    content: "\e915";
    color: #4a7db1;
}

.icon-arrow_move:before {
    content: "\e916";
    color: #575b58;
}

.icon-arrow_refresh:before {
    content: "\e917";
    color: #76a797;
}

.icon-arrow_reply:before {
    content: "\e918";
    color: #4a7db1;
}

.icon-arrow_reply_all:before {
    content: "\e919";
    color: #4a7db1;
}

.icon-arrow_return:before {
    content: "\e91a";
    color: #575b58;
}

.icon-arrow_rotate_l:before {
    content: "\e91b";
    color: #76a797;
}

.icon-arrow_rotate_r:before {
    content: "\e91c";
    color: #76a797;
}

.icon-arrow_s_back:before {
    content: "\e91d";
    color: #575b58;
}

.icon-arrow_s_down:before {
    content: "\e91e";
    color: #575b58;
}

.icon-arrow_s_forward:before {
    content: "\e91f";
    color: #575b58;
}

.icon-arrow_s_up:before {
    content: "\e920";
    color: #575b58;
}

.icon-arrow_up:before {
    content: "\e921";
    color: #4a7db1;
}

.icon-at:before {
    content: "\e922";
    color: #727272;
}

.icon-attachment:before {
    content: "\e923";
}

.icon-bell:before {
    content: "\e924";
    color: #727272;
}

.icon-bin:before {
    content: "\e925";
    color: #727272;
}

.icon-birthday:before {
    content: "\e926";
    color: #727272;
}

.icon-box:before {
    content: "\e927";
    color: #727272;
}

.icon-bug:before {
    content: "\e928";
    color: #d25030;
}

.icon-business:before {
    content: "\e929";
    color: #727272;
}

.icon-camera:before {
    content: "\e92a";
    color: #727272;
}

.icon-cart:before {
    content: "\e92b";
    color: #727272;
}

.icon-cart_f:before {
    content: "\e92c";
    color: #727272;
}

.icon-cart_s:before {
    content: "\e92d";
    color: #727272;
}

.icon-chart:before {
    content: "\e92e";
    color: #727272;
}

.icon-chat:before {
    content: "\e92f";
    color: #727272;
}

.icon-check:before {
    content: "\e930";
    color: #76a797;
}

.icon-checkbox:before {
    content: "\e931";
    color: #727272;
}

.icon-clock:before {
    content: "\e932";
    color: #727272;
}

.icon-cloud:before {
    content: "\e933";
    color: #4d82b8;
}

.icon-cloud_e:before {
    content: "\e934";
    color: #4d82b8;
}

.icon-cloud_i:before {
    content: "\e935";
    color: #4d82b8;
}

.icon-cloud_n:before {
    content: "\e936";
    color: #4a7db1;
}

.icon-code:before {
    content: "\e937";
    color: #727272;
}

.icon-col_four:before {
    content: "\e938";
    color: #4d82b8;
}

.icon-col_three:before {
    content: "\e939";
    color: #4d82b8;
}

.icon-col_three_one_big:before {
    content: "\e93a";
    color: #4d82b8;
}

.icon-col_two:before {
    content: "\e93b";
    color: #4d82b8;
}

.icon-company:before {
    content: "\e93c";
    color: #4a7db1;
}

.icon-contact:before {
    content: "\e93d";
    color: #727272;
}

.icon-contact_f:before {
    content: "\e93e";
    color: #4a7db1;
}

.icon-contact_n:before {
    content: "\e93f";
    color: #4d82b8;
}

.icon-contacts_book:before {
    content: "\e940";
    color: #727272;
}

.icon-context_menu:before {
    content: "\e941";
    color: #727272;
}

.icon-cross:before {
    content: "\e942";
    color: #727272;
}

.icon-details_o:before {
    content: "\e943";
    color: #727272;
}

.icon-details_s:before {
    content: "\e944";
    color: #727272;
}

.icon-disc:before {
    content: "\e945";
    color: #727272;
}

.icon-download:before {
    content: "\e946";
    color: #4a7db1;
}

.icon-eight:before {
    content: "\e947";
    color: #005693;
}

.icon-eml:before {
    content: "\e948";
    color: #727272;
}

.icon-eml_n:before {
    content: "\e949";
    color: #727272;
}

.icon-eml_r:before {
    content: "\e94a";
    color: #727272;
}

.icon-eml_r_a:before {
    content: "\e94b";
    color: #727272;
}

.icon-eml_r_f:before {
    content: "\e94c";
    color: #727272;
}

.icon-eml_r_f_a:before {
    content: "\e94d";
    color: #727272;
}

.icon-eml_u:before {
    content: "\e94e";
    color: #005693;
}

.icon-eml_u_a:before {
    content: "\e94f";
    color: #005693;
}

.icon-eml_u_f:before {
    content: "\e950";
    color: #005693;
}

.icon-eml_u_f_a:before {
    content: "\e951";
    color: #005693;
}

.icon-envelope:before {
    content: "\e952";
    color: #727272;
}

.icon-euro:before {
    content: "\e953";
    color: #727272;
}

.icon-f_bin:before {
    content: "\e954";
    color: #727272;
}

.icon-f_delete:before {
    content: "\e955";
    color: #727272;
}

.icon-f_draft:before {
    content: "\e956";
    color: #727272;
}

.icon-f_drafts:before {
    content: "\e957";
    color: #727272;
}

.icon-f_export:before {
    content: "\e958";
    color: #727272;
}

.icon-f_images:before {
    content: "\e959";
    color: #5a5b5f;
}

.icon-f_import:before {
    content: "\e95a";
    color: #727272;
}

.icon-f_inbox:before {
    content: "\e95b";
    color: #5a5b5f;
}

.icon-f_move:before {
    content: "\e95c";
    color: #5a5b5f;
}

.icon-f_music:before {
    content: "\e95d";
    color: #5a5b5f;
}

.icon-f_new:before {
    content: "\e95e";
    color: #727272;
}

.icon-f_outbox:before {
    content: "\e95f";
    color: #5a5b5f;
}

.icon-f_root:before {
    content: "\e960";
    color: #727272;
}

.icon-f_search:before {
    content: "\e961";
    color: #727272;
}

.icon-f_spam:before {
    content: "\e962";
    color: #727272;
}

.icon-f_transmitted:before {
    content: "\e963";
    color: #727272;
}

.icon-f_unread:before {
    content: "\e964";
    color: #727272;
}

.icon-f_video:before {
    content: "\e965";
    color: #5a5b5f;
}

.icon-facebook:before {
    content: "\e966";
    color: #4267b2;
}

.icon-favorite:before {
    content: "\e967";
    color: #e7c219;
}

.icon-favorite_n:before {
    content: "\e968";
    color: #4d82b8;
}

.icon-favorite_s:before {
    content: "\e969";
    color: #e7c219;
}

.icon-favorite_u:before {
    content: "\e96a";
    color: #727272;
}

.icon-fax_n:before {
    content: "\e96b";
    color: #727272;
}

.icon-fax_r:before {
    content: "\e96c";
    color: #727272;
}

.icon-fax_r_a:before {
    content: "\e96d";
    color: #727272;
}

.icon-fax_r_f:before {
    content: "\e96e";
    color: #727272;
}

.icon-fax_r_f_a:before {
    content: "\e96f";
    color: #727272;
}

.icon-fax_u:before {
    content: "\e970";
    color: #005693;
}

.icon-fax_u_a:before {
    content: "\e971";
    color: #005693;
}

.icon-fax_u_f:before {
    content: "\e972";
    color: #005693;
}

.icon-fax_u_f_a:before {
    content: "\e973";
    color: #005693;
}

.icon-file_copy:before {
    content: "\e974";
}

.icon-file_docx:before {
    content: "\e975";
    color: #295497;
}

.icon-file_generic:before {
    content: "\e976";
    color: #4a7db1;
}

.icon-file_n:before {
    content: "\e977";
    color: #4d82b8;
}

.icon-file_pptx:before {
    content: "\e978";
    color: #cb4a32;
}

.icon-file_xlsx:before {
    content: "\e979";
    color: #217647;
}

.icon-five:before {
    content: "\e97a";
    color: #005693;
}

.icon-flag:before {
    content: "\e97b";
    color: #727272;
}

.icon-four:before {
    content: "\e97c";
    color: #005693;
}

.icon-fullscreen:before {
    content: "\e97d";
    color: #727272;
}

.icon-gavel:before {
    content: "\e97e";
    color: #59616a;
}

.icon-gear:before {
    content: "\e97f";
    color: #727272;
}

.icon-globe:before {
    content: "\e980";
    color: #727272;
}

.icon-hand:before {
    content: "\e981";
    color: #727272;
}

.icon-help:before {
    content: "\e982";
    color: #4a7db1;
}

.icon-home:before {
    content: "\e983";
    color: #727272;
}

.icon-hourglass:before {
    content: "\e984";
    color: #727272;
}

.icon-idea:before {
    content: "\e985";
    color: #e3b168;
}

.icon-image:before {
    content: "\e986";
    color: #727272;
}

.icon-info:before {
    content: "\e987";
    color: #4a7db1;
}

.icon-laptop:before {
    content: "\e988";
    color: #727272;
}

.icon-link:before {
    content: "\e989";
    color: #4a7db1;
}

.icon-location:before {
    content: "\e98a";
    color: #727272;
}

.icon-lock:before {
    content: "\e98b";
    color: #727272;
}

.icon-logbook:before {
    content: "\e98c";
    color: #727272;
}

.icon-login:before {
    content: "\e98d";
    color: #737373;
}

.icon-logout:before {
    content: "\e98e";
    color: #737373;
}

.icon-m_agenda:before {
    content: "\e98f";
    color: #626262;
}

.icon-m_cloud:before {
    content: "\e990";
    color: #626262;
}

.icon-m_contacts:before {
    content: "\e991";
    color: #626262;
}

.icon-m_dashboard:before {
    content: "\e992";
    color: #727272;
}

.icon-m_favorites:before {
    content: "\e993";
    color: #626262;
}

.icon-m_home:before {
    content: "\e994";
    color: #626262;
}

.icon-m_inbox:before {
    content: "\e995";
    color: #626262;
}

.icon-m_notes:before {
    content: "\e996";
    color: #626262;
}

.icon-m_rules:before {
    content: "\e997";
    color: #727272;
}

.icon-m_settings:before {
    content: "\e998";
    color: #626262;
}

.icon-m_shop:before {
    content: "\e999";
    color: #727272;
}

.icon-m_show-more:before {
    content: "\e99a";
    color: #727272;
}

.icon-mark_as_read:before {
    content: "\e99b";
    color: #727272;
}

.icon-mark_as_unread:before {
    content: "\e99c";
    color: #727272;
}

.icon-message_n:before {
    content: "\e99d";
    color: #4a7db1;
}

.icon-minus:before {
    content: "\e99e";
    color: #cc482c;
}

.icon-mms_n:before {
    content: "\e99f";
    color: #727272;
}

.icon-mms_r:before {
    content: "\e9a0";
    color: #727272;
}

.icon-mms_r_a:before {
    content: "\e9a1";
    color: #727272;
}

.icon-mms_r_f:before {
    content: "\e9a2";
    color: #727272;
}

.icon-mms_r_f_a:before {
    content: "\e9a3";
    color: #727272;
}

.icon-mms_u:before {
    content: "\e9a4";
    color: #005693;
}

.icon-mms_u_a:before {
    content: "\e9a5";
    color: #005693;
}

.icon-mms_u_f:before {
    content: "\e9a6";
    color: #005693;
}

.icon-mms_u_f_a:before {
    content: "\e9a7";
    color: #005693;
}

.icon-music:before {
    content: "\e9a8";
    color: #727272;
}

.icon-mute:before {
    content: "\e9a9";
    color: #727272;
}

.icon-newspaper:before {
    content: "\e9aa";
    color: #727272;
}

.icon-next:before {
    content: "\e9ab";
    color: #727272;
}

.icon-nine:before {
    content: "\e9ac";
    color: #005693;
}

.icon-normalscreen:before {
    content: "\e9ad";
    color: #727272;
}

.icon-note_n:before {
    content: "\e9ae";
    color: #4d82b8;
}

.icon-note_u:before {
    content: "\e9af";
    color: #eac282;
}

.icon-not-offline:before {
    content: "\e9b0";
    color: #727272;
}

.icon-offline:before {
    content: "\e9b1";
    color: #76a797;
}

.icon-one:before {
    content: "\e9b2";
    color: #005693;
}

.icon-oneway:before {
    content: "\e9b3";
    color: #727272;
}

.icon-page:before {
    content: "\e9b4";
    color: #727272;
}

.icon-page_agb:before {
    content: "\e9b5";
    color: #727272;
}

.icon-page_edit:before {
    content: "\e9b6";
    color: #727272;
}

.icon-page_info:before {
    content: "\e9b7";
    color: #727272;
}

.icon-page_list:before {
    content: "\e9b8";
    color: #727272;
}

.icon-page_secure:before {
    content: "\e9b9";
    color: #727272;
}

.icon-panel_details:before {
    content: "\e9ba";
    color: #4d82b8;
}

.icon-pause:before {
    content: "\e9bb";
    color: #727272;
}

.icon-pen:before {
    content: "\e9bc";
    color: #727272;
}

.icon-pencil:before {
    content: "\e9bd";
    color: #4a7db1;
}

.icon-percent:before {
    content: "\e9be";
    color: #727272;
}

.icon-phone:before {
    content: "\e9bf";
    color: #727272;
}

.icon-pin:before {
    content: "\e9c0";
    color: #727272;
}

.icon-pin-detached:before {
    content: "\e9c1";
    color: #727272;
}

.icon-pin-fixed:before {
    content: "\e9c2";
    color: #727272;
}

.icon-play:before {
    content: "\e9c3";
    color: #727272;
}

.icon-plus:before {
    content: "\e9c4";
    color: #76a797;
}

.icon-pop3:before {
    content: "\e9c5";
    color: #4a7db1;
}

.icon-pop3_imap:before {
    content: "\e9c6";
    color: #727272;
}

.icon-postfach:before {
    content: "\e9c7";
    color: #727272;
}

.icon-previous:before {
    content: "\e9c8";
    color: #727272;
}

.icon-print:before {
    content: "\e9c9";
    color: #727272;
}

.icon-prio:before {
    content: "\e9ca";
    color: #6f6f6f;
}

.icon-prio_hi:before {
    content: "\e9cb";
    color: #cc482c;
}

.icon-prio_lo:before {
    content: "\e9cc";
    color: #4d82b8;
}

.icon-prio_n:before {
    content: "\e9cd";
}

.icon-puzzle:before {
    content: "\e9ce";
}

.icon-quotation:before {
    content: "\e9cf";
    color: #727272;
}

.icon-recycle:before {
    content: "\e9d0";
    color: #76a797;
}

.icon-remove:before {
    content: "\e9d1";
    color: #d25030;
}

.icon-rename:before {
    content: "\e9d2";
    color: #727272;
}

.icon-rss:before {
    content: "\e9d3";
    color: #727272;
}

.icon-s_rules:before {
    content: "\e9d4";
    color: #727272;
}

.icon-save:before {
    content: "\e9d5";
    color: #727272;
}

.icon-search:before {
    content: "\e9d6";
    color: #727272;
}

.icon-settings:before {
    content: "\e9d7";
    color: #727272;
}

.icon-seven:before {
    content: "\e9d8";
    color: #005693;
}

.icon-share:before {
    content: "\e9d9";
    color: #727272;
}

.icon-shield:before {
    content: "\e9da";
    color: #727272;
}

.icon-six:before {
    content: "\e9db";
    color: #005693;
}

.icon-smartphone:before {
    content: "\e9dc";
    color: #727272;
}

.icon-smily:before {
    content: "\e9dd";
    color: #727272;
}

.icon-sms_n:before {
    content: "\e9de";
    color: #727272;
}

.icon-sms_r:before {
    content: "\e9df";
    color: #727272;
}

.icon-sms_r_a:before {
    content: "\e9e0";
    color: #727272;
}

.icon-sms_r_f:before {
    content: "\e9e1";
    color: #727272;
}

.icon-sms_r_f_a:before {
    content: "\e9e2";
    color: #727272;
}

.icon-sms_u:before {
    content: "\e9e3";
    color: #005693;
}

.icon-sms_u_a:before {
    content: "\e9e4";
    color: #005693;
}

.icon-sms_u_f:before {
    content: "\e9e5";
    color: #005693;
}

.icon-sms_u_f_a:before {
    content: "\e9e6";
    color: #005693;
}

.icon-smtp_header:before {
    content: "\e9e7";
    color: #cc482c;
}

.icon-sort:before {
    content: "\e9e8";
    color: #595959;
}

.icon-speaker:before {
    content: "\e9e9";
    color: #727272;
}

.icon-street:before {
    content: "\e9ea";
    color: #727272;
}

.icon-sun:before {
    content: "\e9eb";
    color: #727272;
}

.icon-tablet:before {
    content: "\e9ec";
    color: #727272;
}

.icon-tariff:before {
    content: "\e9ed";
    color: #727272;
}

.icon-team:before {
    content: "\e9ee";
    color: #727272;
}

.icon-team_change:before {
    content: "\e9ef";
    color: #595959;
}

.icon-three:before {
    content: "\e9f0";
    color: #005693;
}

.icon-thumb-ahaus:before {
    content: "\e9f1";
}

.icon-thumb-directbox:before {
    content: "\e9f2";
}

.icon-thumb-dueren:before {
    content: "\e9f3";
}

.icon-thumb-epcan:before {
    content: "\e9f4";
}

.icon-thumb-ivg:before {
    content: "\e9f5";
}

.icon-thumb-paderborn:before {
    content: "\e9f6";
}

.icon-thumb-stadtnetz:before {
    content: "\e9f7";
}

.icon-thumb-sunmaker:before {
    content: "\e9f8";
}

.icon-thumb-topfarmplan:before {
    content: "\e9f9";
    color: #4a4a49;
}

.icon-thumb-vodafone:before {
    content: "\e9fa";
}

.icon-thumb-xworks:before {
    content: "\e9fb";
}

.icon-twitter:before {
    content: "\e9fc";
    color: #1da1f2;
}

.icon-two:before {
    content: "\e9fd";
    color: #005693;
}

.icon-unlock:before {
    content: "\e9fe";
    color: #727272;
}

.icon-upload:before {
    content: "\e9ff";
    color: #4a7db1;
}

.icon-user:before {
    content: "\ea00";
    color: #727272;
}

.icon-user_business:before {
    content: "\ea01";
    color: #727272;
}

.icon-user_private:before {
    content: "\ea02";
    color: #727272;
}

.icon-user-circle:before {
    content: "\ea03";
    color: #727272;
}

.icon-video:before {
    content: "\ea04";
    color: #727272;
}

.icon-view_bottom:before {
    content: "\ea05";
    color: #4d82b8;
}

.icon-view_grid:before {
    content: "\ea06";
}

.icon-view_list:before {
    content: "\ea07";
}

.icon-view_list_close:before {
    content: "\ea08";
    color: #4d82b8;
}

.icon-view_right:before {
    content: "\ea09";
    color: #4d82b8;
}

.icon-vml_n:before {
    content: "\ea0a";
    color: #727272;
}

.icon-vml_r:before {
    content: "\ea0b";
    color: #727272;
}

.icon-vml_r_a:before {
    content: "\ea0c";
    color: #727272;
}

.icon-vml_r_f:before {
    content: "\ea0d";
    color: #727272;
}

.icon-vml_r_f_a:before {
    content: "\ea0e";
    color: #727272;
}

.icon-vml_u:before {
    content: "\ea0f";
    color: #005693;
}

.icon-vml_u_a:before {
    content: "\ea10";
    color: #005693;
}

.icon-vml_u_f:before {
    content: "\ea11";
    color: #005693;
}

.icon-vml_u_f_a:before {
    content: "\ea12";
    color: #005693;
}

.icon-volume0:before {
    content: "\ea13";
    color: #727272;
}

.icon-volume33:before {
    content: "\ea14";
    color: #727272;
}

.icon-volume66:before {
    content: "\ea15";
    color: #727272;
}

.icon-widget_n:before {
    content: "\ea16";
    color: #4d82b8;
}

.icon-widget_u:before {
    content: "\ea17";
    color: #727272;
}

.icon-wifi:before {
    content: "\ea18";
    color: #727272;
}

.icon-world:before {
    content: "\ea19";
    color: #4a7db1;
}

.icon-xing:before {
    content: "\ea1a";
}

.icon-zero:before {
    content: "\ea1b";
    color: #005693;
}