 :root { --tpa-farbe-primaer: #000000; --tpa-farbe-sekundaer: #FFFFFF; --tpa-farbe-text: #000000; --tpa-farbe-akzent: #000000; --tpa-farbe-seitenuebergang: #FFBC7D; --tpa-schrift-primaer: "Radio Canada Big"; --tpa-schrift-text: "Quattrocento Sans"; --tpa-schrift-poppins: "Poppins"; --tpa-h1-groesse: 4em; --tpa-h1-groesse-tablet: 7vw; --tpa-h1-groesse-mobil: 28px; --tpa-h1-schnitt: 800; --tpa-h1-zeilenhoehe: 1.2em; --tpa-h1-laufweite: -0.02em; --tpa-h1-versalien: uppercase; --tpa-h2-groesse: 3.2em; --tpa-h2-groesse-tablet: 5vw; --tpa-h2-groesse-mobil: 40px; --tpa-h2-schnitt: 800; --tpa-h2-zeilenhoehe: 1.2em; --tpa-text-groesse: 18px; --tpa-text-groesse-tablet: 14px; --tpa-text-zeilenhoehe: 1.5em; --tpa-akzent-groesse: 28px; --tpa-akzent-zeilenhoehe: 1em; --tpa-poppins-groesse: 18px; --tpa-poppins-zeilenhoehe: 1.4em; } :root { --tpa-farbe-primaer: var(--ppw-brand); --tpa-farbe-text: var(--ppw-text); --tpa-farbe-akzent: var(--ppw-brand); --tpa-schrift-primaer: var(--ppw-font-head); --tpa-schrift-text: var(--ppw-font); --tpa-schrift-poppins: var(--ppw-font); } 