/* ================================

basis.css 

1. grundlegende Einstellungen 
2. grundlegende Textgestaltung 
3. Elementselektoren 

================================ */ 

@media screen { 

  /**
    * 1. Grundlegende Einstellungen   
    */ 

  /* Box-Modell umstellen auf border-box */ 
  html { 
    box-sizing: border-box; 
    overflow-y: scroll; 
  }
  
  *, *::before, *::after {
    box-sizing: inherit; 
  } 

  header, nav, main, footer, 
  section, article, aside, 
  figcaption, figure {
    display: block; 
  }   
  
 
  /**
    * 2. Grundlegende Textgestaltung  
    */ 

  body {
  	
    /* Variante 1: Einfach nur eine Schriftart ohne Serifen */
    font-family: sans-serif; 

    /* Variante 2: Schriftarten wuenschen */
    font-family: Helvetica, Arial, sans-serif; 

    /* Schriftgroesse festlegen */ 
    font-size: 1rem; 
  }
  

} /* Ende @media */