/* --- FONT-IMPORTS --- */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Niconne&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Loop:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rochester&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&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);
  

  --ff-schoenschrift-400: 'Rochester', cursive;
  --ff-hinweisschrift-400-i: 'Zen Loop', cursive;
  --ff-blockschrift-400: 'Rochester', cursive;
  --ff-eingabeschrift-400: 'Zen Loop',cursive;

}

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

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

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