@font-face {
  font-family: "Siemens Sans";
  src: url("../fonts/SiemensSansPro_W_Rm.woff");
}

@font-face {
  font-family: "Siemens Sans-Black";
  src: url("../fonts/SiemensSansPro_W_Bd.woff");
}

@font-face {
  font-family: "Siemens Sans-Roman";
  src: url("../fonts/SiemensSansPro_W_Rm.woff");
}

@font-face {
  font-family: "Siemens Sans-Bold";
  src: url("../fonts/SiemensSansPro_W_Bd.woff");
}

:root { 
  --primary-colorssolidsdeep-blue: rgba(0, 0, 40, 1);
  --textdarksoftelevation-01: rgba(153, 153, 169, 1);
  --primary-colorssolidswhite: rgba(255, 255, 255, 1);
  --secondary-colorsdeep-blue-30: rgba(179, 179, 190, 1);
  --interactiondarkinteractive-coral-12-db: rgba(0, 24, 59, 1);
  --secondary-colorsdeep-blue-70: rgba(76, 76, 104, 1);
  --interactiondarkinteractive-coral: rgba(0, 204, 204, 1);
  --backgrounddarkelevation-1: rgba(35, 35, 60, 1);
  --secondary-colorsdeep-blue-55: rgba(115, 115, 137, 1);
  --primary-colorssolidsbold-green: rgba(0, 255, 185, 1);
  --interactionlightinteractive-blue: rgba(0, 121, 147, 1);
  --interactionlightteal-90: rgba(25, 98, 105, 1);
  --interactionfocus-border: rgba(20, 145, 235, 1);
  --interactiondarkbold-green-12-db: rgba(0, 31, 57, 1);
  --interactionlightteal: rgba(0, 81, 89, 1);
  --interactionlightbold-green-18: rgba(209, 255, 242, 1);
  --interactionlightinteractive-cyan-8: rgba(235, 247, 248, 1);
  --secondary-colorsdeep-blue-20-soft-gray: rgba(204, 204, 212, 1);
  --textdarkstandardelevation-03: rgba(255, 255, 255, 1);
  --textlightstandardelevation-03: rgba(0, 0, 40, 1);
  --secondary-colorssoft-green: rgba(0, 215, 160, 1);
  --textlightsoftelevation-02: rgba(102, 102, 126, 1);
  --feedbackdarkred-text: rgba(255, 118, 135, 1);
  --interactiondarkdark-red: rgba(51, 17, 49, 1);
  --feedbackdarkred: rgba(255, 38, 64, 1);
  --feedbacklightred-text: rgba(184, 30, 49, 1);
  --interactionlightlight-red: rgba(252, 204, 215, 1);
  --feedbacklightred: rgba(215, 35, 57, 1);
  --secondary-colorsdeep-blue-85: rgba(38, 38, 72, 1);
  --secondary-colorsdeep-blue-40: rgba(153, 153, 169, 1);
  --secondary-colorsdeep-blue-8: rgba(235, 235, 238, 1);
  --textdarksoftelevation-2-3: rgba(179, 179, 190, 1);
  --secondary-colorsdeep-blue-80: rgba(51, 51, 83, 1);
  --textlightsoftelevation-3: rgba(76, 76, 104, 1);
  --backgrounddarkelevation-0: rgba(0, 0, 40, 1);
  --interactionlightlight-green: rgba(98, 238, 199, 1);
  --copy-small-roman-14px-font-family: "SiemensSans-Roman", Helvetica;
  --copy-small-roman-14px-font-weight: 400;
  --copy-small-roman-14px-font-size: 14px;
  --copy-small-roman-14px-letter-spacing: 0px;
  --copy-small-roman-14px-line-height: 20px;
  --copy-small-roman-14px-font-style: normal;
  --copy-small-bold-14px-font-family: "SiemensSans-Bold", Helvetica;
  --copy-small-bold-14px-font-weight: 700;
  --copy-small-bold-14px-font-size: 14px;
  --copy-small-bold-14px-letter-spacing: 0px;
  --copy-small-bold-14px-line-height: 20px;
  --copy-small-bold-14px-font-style: normal;
  --copy-large-roman-18px-font-family: "SiemensSans-Roman", Helvetica;
  --copy-large-roman-18px-font-weight: 400;
  --copy-large-roman-18px-font-size: 18px;
  --copy-large-roman-18px-letter-spacing: 0px;
  --copy-large-roman-18px-line-height: 28px;
  --copy-large-roman-18px-font-style: normal;
  --copy-xsmall-roman-12px-font-family: "SiemensSans-Roman", Helvetica;
  --copy-xsmall-roman-12px-font-weight: 400;
  --copy-xsmall-roman-12px-font-size: 12px;
  --copy-xsmall-roman-12px-letter-spacing: 0.5px;
  --copy-xsmall-roman-12px-line-height: 20px;
  --copy-xsmall-roman-12px-font-style: normal;
}