/* Navigation und Links in meilife-f(etisch) */

@media screen {

  /* Stand: Boxen gestalten per CSS3 - Ende */ 

  html {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 100%; 
    overflow-y: scroll;

    box-sizing: border-box; 
  }

  *, 
  *:before, 
  *:after {
    box-sizing: inherit;
  }

  body { 
	  
	  font-size: 1em;   
    background-color: rgb(255, 239, 178);
    color: #333;
    max-width: 1080px; 
    margin: 0 auto; 
  }

  h2   { font-size: 24px; font-size: 1.5rem; }  
  h3   { font-size: 21px; font-size: 1.3125rem; }
  main { line-height: 1.7; }

  /* padding für Layoutbereiche */ 
  .kopfbereich, 
  .hnavi, 
  main, 
  aside,
  .fussbereich {
    padding: 1em;
  }


  /* Kopf- und Fußbereich einfärben */ 
  .kopfbereich, 
  .fussbereich {
    xbackground: lightblue;
    color: black; 
  } 
  
  .kopfbereich img {
	  margin: 0 auto;
  }
  
  .kopfbereich p,
  .kopfbereich h1 {
	text-align: center;
  }

  /* Pageheader */ 
  .kopfbereich h1 {
	  font-family: Dosis, 'Open Sans', sans-serif; 
    
	  font-size: 2rem;
	  letter-spacing: 1px;
    color: white;
    line-height: 1;
	
    padding: 0;
    margin: 0 0 0.25em 0;
  }
  .kopfbereich a, 
  .fussbereich a {
    color: white;
    text-decoration: none;
  }
  .kopfbereich p.slogan {
    padding: 0;
    margin: 0;
  }
  /* Hauptinhalt formen */
  main>section {
	  line-height: 1.2;
  }
  .bsliste {
	  color: rgb(0, 153, 0);
  }
  /* Flexbox */
  .mfcontainer {
    width: 100%;
    margin: 0 auto;
    padding: 0.25em;
    border: 1px solid red;
    display: flex;
    flex-wrap: wrap;
  }
  .mfc2 {
    margin-top: 10px;
  }
  .mfcontainer .mfbild {
    margin: 10px;
    width: 10em;
    flex-grow: 1;
    flex-basis: 20%;
    
  }
  .mfcontainer .mfbild img {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 2px solid blue;
    
  }
  /* .nvcontainer {
    max-width: 64em;
    margin: 0 auto;
    padding: 0 10px 0 10px;
  } */
  #navbar {
    background-color: dimgrey;
    position: sticky;
    top: 0;
    margin: 0 15px;
  }
  #navbar .navcontainer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  #navbar .navcontainer ul {
    display: flex;
    margin: 0px;
    padding: 10px;
  }
  #navbar .navcontainer ul li {
    list-style: none;
  }
  #navbar .navcontainer ul li a {
    text-decoration: none;
    color: #4ef748;
    padding: 15px 20px;
    margin: 0px 5px;
    border-radius: 5px;
  }
  
} /* Ende @media */