/* --- 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-hintergrund-blau: rgba(172, 220, 236);
  --clr-schloss-hintergrund-falsch: rgba(154,32,30,0.7);
  --clr-plan-blau: rgba(61,117,174);
  --clr-plan-noch-da: rgba(73,172,70);
  --clr-plan-nicht-da: rgba(241, 148, 51); 
  --clr-plan-spezial: rgba(31,188,239);
  --clr-ebreif-blau: rgba(33,135,227);
  --clr-ebrief-hellblau: rgba(128,179,213);
  --clr-ebrief-neu-badge: rgba(189, 37, 44);
  --clr-ebrief-zeile-dunkel: rgba(149, 192, 221);
  --clr-ebrief-zeile-hell: rgba(196, 222, 234);
  --clr-polizei-chat-gruen: rgba(63, 164, 71);
  --clr-hinweis-ende: rgba(0, 21, 50);
  --clr-hinweis-ende-text: rgba(172, 220, 236);
  --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;
  touch-action: manipulation; /*should (but does not on ios) prevent double tap zoom-.-*/
  user-select: none; /*should prevent selections of any elements*/
  -webkit-user-select: none; /*should prevent selection on ios*/
}

input {
  user-select: text; /*should allow text selection in input fields*/
  -webkit-user-select: text; /*should enable text input to / selection of input fields*/
}

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