/* fonts */

@font-face {
  font-family: 'wuerth-book';
  src: url("../fonts/wuerthbook/wuerthbook-webfont.eot?v=#{$font-version}");
  src: url("../fonts/wuerthbook/wuerthbook-webfont.eot?v=#{$font-version}&#iefix") format("embedded-opentype"),
  url("../fonts/wuerthbook/wuerthbook-webfont.woff?v=#{$font-version}") format("woff"),
  url("../fonts/wuerthbook/wuerthbook-webfont.ttf?v=#{$font-version}") format("truetype"),
  url("../fonts/wuerthbook/wuerthbook-webfont.svg?v=#{$font-version}#wuerthbook-webfont") format("svg");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'wuerth-bold';
  src: url("../fonts/wuerthbold/wuerthbold-webfont.eot?v=#{$font-version}");
  src: url("../fonts/wuerthbold/wuerthbold-webfont.eot?v=#{$font-version}#iefix") format("embedded-opentype"),
  url("../fonts/wuerthbold/wuerthbold-webfont.woff?v=#{$font-version}") format("woff"),
  url("../fonts/wuerthbold/wuerthbold-webfont.ttf?v=#{$font-version}") format("truetype"),
  url("../fonts/wuerthbold/wuerthbold-webfont.svg?v=#{$font-version}#wuerthbold-webfont") format("svg");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'wuerth-extra-bold-cond';
  src: url("../fonts/wuerthextraboldcond/wuerthextraboldcond-webfont.eot?v=#{$font-version}");
  src: url("../fonts/wuerthextraboldcond/wuerthextraboldcond-webfont.eot?v=#{$font-version}&#iefix") format("embedded-opentype"),
  url("../fonts/wuerthextraboldcond/wuerthextraboldcond-webfont.woff?v=#{$font-version}") format("woff"),
  url("../fonts/wuerthextraboldcond/wuerthextraboldcond-webfont.ttf?v=#{$font-version}") format("truetype"),
  url("../fonts/wuerthextraboldcond/wuerthextraboldcond-webfont.svg?v=#{$font-version}#wuerthextraboldcond-webfont") format("svg");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'appIcons';
  src:
    url('../../../iconFont/appIcons.ttf?v=#{$font-version}') format('truetype'),
    url('../../../iconFont/appIcons.woff?v=#{$font-version}') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

:root {
  --global__icon-font--font-family: 'appIcons';

  --global__text--color: #000;
  --global__text--font-family: "wuerth-book", Helvetica, Verdana, Arial, sans-serif;

  --global__background-color: #fff;

  --global__color--primary: #CC0000;
  --global__color--primary--highlight: #E60000;

  --global__color--secondary: #009EE0;
  --global__color--secondary--highlight: #00b0fa;

  --global__h1--color: #000;
  --global__h1--font-size: 20px;
  --global__h1--font-family: '';
  --global__h1--font-weight: 300;
  --global__h1--line-height: 300;

  --global__h2--color: #000;
  --global__h2--font-size: 20px;
  --global__h2--font-family: '';
  --global__h2--font-weight: 300;
  --global__h2--line-height: 300;

  --global__h3--color: #000;
  --global__h3--font-size: 20px;
  --global__h3--font-family: '';
  --global__h3--font-weight: 300;
  --global__h3--line-height: 300;

  --global__h4--color: #000;
  --global__h4--font-size: 20px;
  --global__h4--font-family: '';
  --global__h4--font-weight: 300;
  --global__h4--line-height: 300;

  --global__h5--color: #000;
  --global__h5--font-size: 20px;
  --global__h5--font-family: '';
  --global__h5--font-weight: 300;
  --global__h5--line-height: 300;

  --global__h6--color: #000;
  --global__h6--font-size: 20px;
  --global__h6--font-family: '';
  --global__h6--font-weight: 300;
  --global__h6--line-height: 300;

  --global__p--color: #000;
  --global__p--font-size: 20px;
  --global__p--font-family: '';
  --global__p--font-weight: 300;
  --global__p--line-height: 300;

  --global__a--color: #000;
  --global__a--font-size: 20px;
  --global__a--font-family: '';
  --global__a--font-weight: 300;
  --global__a--line-height: 300;
  --global__a--text-decoration: none;

  /* alerts */
  --global__alert--font-family: 'wuerth-bold';

  --global__alert--success--color: #000;
  --global__alert--success--background-color: green;

  --global__alert--error--color: #000;
  --global__alert--error--background-color: #f7a707;

  --global__alert--info--color: #000;
  --global__alert--info--background-color: #009EE0;

  --global__alert--warn--color: #000;
  --global__alert--warn--background-color: #f7a707;

  /* buttons */
  --global__button--font-size: 16px;
  --global__button--font-family: 'wuerth-extra-bold-cond', Helvetica, Verdana, Arial, sans-serif;
  --global__button--font-weight: 300;
  --global__button--line-height: 27px;
  --global__button--padding: 6px 12px;
  --global__button--border-radius: 0 0 0 0;
  --global__button--text-transform: uppercase;
  --global__button--letter-spacing: normal;

  --global__button--primary--color: #fff;
  --global__button--secondary--color: #fff;


  /*  header */
  --header__navigation__link--color: #3a3a3a;
  --header__navigation__link--font-family: "wuerth-extra-bold-cond", Helvetica, Verdana, Arial, sans-serif;
  --header__navigation__link--text-transform: uppercase;


  /*  form */
  --form__form-control--color: #000;
  --form__form-control--border-color: #dedede;
  --form__form-control--disabled--background-color: #dedede;
  --form__form-control--validation-border--color: #f7a707;
  --form__form-control--hover--border-color: #959595;
  --form__form-control__placeholder--color: #696969;
  --form__form-control__validation-message--color: #000;
  --form__form-control__validation-message--background-color: #f7a707;
  --form__section__title--color: #959595;
  --form__section__title--font-family: 'wuerth-extra-bold-cond';
  --form__section__title--font-weight: bold;
  --form__section__title--text-transform: uppercase;
  --form__form-control--border-radius: 0;

  /* modal */
  --modal__header--background--color: #DEDEDE;
  --modal__header__title--font-family: "wuerth-extra-bold-cond", Helvetica, Verdana, Arial, sans-serif;
  --modal__header__title--color: #605d5c;
  --modal__header__title--text-transform: uppercase;
  --modal__header__title--font-size: 20px;
  --modal__header__title--font-weight: 600;

  /* bread crumb */
  --table__head__title--font-family: "wuerth-extra-bold-cond", Helvetica, Verdana, Arial, sans-serif;
  --table__head__title--color: #605d5c;

  --table__state--open: #CC0000;
  --table__state--productsCompleted: #CCCC00;
  --table__state--completed: #DEDEDE;
  --table__state--productOpen: #CC0000;
  --table__state--productCompleted: #CCCC00;

  --table__state--checklistActive: green;
  --table__state--checklistPublished: #CCCC00;
  --table__state--checklistDraft: #CC0000;
  --table__state--deleted: #CC0000;

  /* table */
  --svg-al__svg-table--color-primary: var(--global__color--primary);
  --svg-al__svg-table--color-primary--highlight: var(--global__color--primary--highlight);
  --svg-al__svg-table--font-family: var(--global__text--font-family);
  --svg-al__svg-table--font-size: 16px;
  --svg-al__svg-table__head--font-family: "wuerth-bold", Helvetica, Verdana, Arial, sans-serif;
  --svg-al__svg-table__head--font-weight: normal;
  --svg-al__svg-table__head--font-size: 12px;
  --svg-al__svg-table__head--color: #222222;
  --svg-al__svg-table__body__action--font-size: 16px;

  --svg-al__svg-table-wrapper--color-primary: var(--global__color--primary);
  --svg-al__svg-table-wrapper--color-primary--highlight: var(--global__color--primary--highlight);
  --svg-al__svg-table-wrapper__head__title--font-family: "wuerth-extra-bold-cond", Helvetica, Verdana, Arial, sans-serif;
  --svg-al__svg-table-wrapper__head__title--color: #605d5c;
  --svg-al__svg-table-wrapper__pagination--font-family: "wuerth-extra-bold-cond", Helvetica, Verdana, Arial, sans-serif;

  /* checklist */
  --checklist__breadcrumb--font-family: "wuerth-extra-bold-cond", Helvetica, Verdana, Arial, sans-serif;
  --checklist__textDisabled--color: #605d5c;
  --checklist__breadcrumb--font-size: 20px;
  --checklist__breadcrumb--font-weight: 700;
}