/* --- FONT-IMPORTS --- */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,900;1,400;1,500;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');


/* --- Variablen --- */
:root {
  --clr-white-100: rgba(230, 230, 230, 1);
  --clr-white-100-transp: rgba(230, 230, 230, 0.8);
  --clr-light-200: rgba(187, 187, 187, 1);
  --clr-light-200-transp: rgba(187, 187, 187, 0.8);
  --clr-accent-300: rgba(126, 0, 0, 1);
  --clr-accent-300-transp90: rgba(126, 0, 0, .9);
  --clr-grau-700: rgba(51, 51, 51 , 1);
  --clr-grau-700-transp: rgba(51, 51, 51 , 0.95);
  --clr-grau-700-transp70: rgba(51, 51, 51 , 0.70);
  --clr-dark-900: rgba(17, 17, 17 , 1);
  --clr-billig-orange: #f29200;
  --clr-billig-orange-matt: #ffdcb7;
  --ff-normalschrift: 'Roboto', sans-serif;
  --ff-pc-schrift: 'Open Sans', sans-serif;
}

/* --- RESET/SETUP EVERYTHING --- */

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*:focus{
  outline: 0;
  /* box-shadow: inset 0 0 0 1px var(--clr-grau-700-transp70); */
}