/*
Es gilt 1rem = 16px.

Die folgenden Variablen können anstatt fester Größenangaben genutzt werden. Dies hat einen Vorteil:
Keine festen Werte in den Stylesheet, sondern Nutzung von Variablen, sodass die Werte schnell und einfach ausgetauscht werden könnten

Generell sollen in den meisten Fällen relative Einheiten anstatt statischer Einheiten genutzt werden.
Vgl. Wiki-Artikel "Textskalierung": https://cx-tfs.connext.de/tfs/DefaultCollection/Vivendi/_wiki/wikis/Vivendi.wiki/2165/Textskalierung
*/
:root {
   --cx-1px-to-rem: 0.0625rem;
   --cx-2px-to-rem: 0.125rem;
   --cx-3px-to-rem: 0.1875rem;
   --cx-4px-to-rem: 0.25rem;
   --cx-5px-to-rem: 0.3125rem;
   --cx-6px-to-rem: 0.375rem;
   --cx-7px-to-rem: 0.4375rem;
   --cx-8px-to-rem: 0.5rem;
   --cx-9px-to-rem: 0.5625rem;
   --cx-10px-to-rem: 0.625rem;
   --cx-11px-to-rem: 0.6875rem;
   --cx-12px-to-rem: 0.75rem;
   --cx-13px-to-rem: 0.8125rem;
   --cx-14px-to-rem: 0.875rem;
   --cx-15px-to-rem: 0.9375rem;
   --cx-16px-to-rem: 1rem;
   --cx-17px-to-rem: 1.0625rem;
   --cx-18px-to-rem: 1.125rem;
   --cx-19px-to-rem: 1.1875rem;
   --cx-20px-to-rem: 1.25rem;
   --cx-21px-to-rem: 1.3125rem;
   --cx-22px-to-rem: 1.375rem;
   --cx-23px-to-rem: 1.4375rem;
   --cx-24px-to-rem: 1.5rem;
   --cx-28px-to-rem: 1.75rem;
   --cx-32px-to-rem: 2rem;
   --cx-40px-to-rem: 2.5rem;
   --cx-48px-to-rem: 3rem;
   --cx-50px-to-rem: 3.125rem;
   --cx-56px-to-rem: 3.5rem;
   --cx-60px-to-rem: 3.75rem;
   --cx-64px-to-rem: 4rem;
   --cx-80px-to-rem: 5rem;
   --cx-96px-to-rem: 6rem;
   --cx-280px-to-rem: 17.5rem;
}