* {margin:0px; padding:0px}


body{
   margin:0px; padding:0px;
   font-family: 'Inter', sans-serif;

}

/* Alle 10 Fonts als eigene Variablen */
:root {
   --font-inter: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
   --font-open-sans: "Open Sans", "Helvetica", "Arial", sans-serif;
   --font-poppins: "Poppins", "Helvetica", "Arial", sans-serif;
   --font-source-sans3: "Source Sans 3", "Helvetica", "Arial", sans-serif;
   --font-lato: "Lato", "Helvetica", "Arial", sans-serif;
   --font-montserrat: "Montserrat", "Helvetica", "Arial", sans-serif;
   --font-nunito: "Nunito", "Helvetica", "Arial", sans-serif;
   --font-roboto: "Roboto", "Helvetica", "Arial", sans-serif;
   --font-merriweather: "Merriweather", Georgia, "Times New Roman", serif;
 
   /* <<< HIER AUSWÄHLEN >>> */
   --app-font: var(--font-nunito); /* z.B. auf var(--font-poppins) umstellen */
 }
 
 
#root{
   width:100%;
   height:100%;
   margin: 0px;
   scroll-behavior: smooth;
}


html, body, #root {
   height: 100%;
   width: 100%;
 }



html, body, button, input, select, textarea {
   font-family: var(--app-font) !important;
 }

* { font-family: inherit; }