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

layout.css 

- Gestaltung der Layoutbereiche 
- Hauptnavigation in eigenem Stylesheet 
- Inhaltsbereich in content.css 

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

@media screen { 

  /**
    * Layout mit voller Breite 
    * .wrapper fuer Layoutbereiche oder zusaetzliche <div>-Elemente 
    *
    */ 
  
  body {
    background: #FFFFFF; 
    margin: 0; 
    min-height: 100%;
  }
  
  .wrapper {
    min-width: 320px; 
    max-width: 1170px; 
    padding: 0 1rem; 
    margin: 0 auto; 
    
  }
    
  /**
    * Kopfbereich   
    */ 

  .site-header {
    padding-top: 1.8rem; 
  } 
  
  /* Abstaende Logo und Slogan anpassen */ 
  .site-logo {
    margin-bottom: 0; 
  }
  .site-slogan {
    margin: 0; 
  }


  /**
    * Inhaltsbereich   
    */ 

  /* Zeilenabstand auf das anderthalbfache der Schriftgroesse */
  .site-content {
      /*line-height: 1.5;*/
  }


  /**
    * Fussbereich   
    */ 

  /* Grundlegende Gestaltung der Fusszeile */
  .site-footer {
    /* wird nicht unten fixiert*/
    /*font-size: smaller;
    background-color: #333; 
    padding: 1rem 0; 
    margin-top: 2rem; */
    /*position:absolute;*/
    /*position:relative;*/
    bottom: 0;
    width: 100%;
    background-color: #6D748D;
    min-height: 80px;
    /*line-height: 6em;*/
    /*position:fixed;*/
  }
  .site-footer a {
    color: white; 
    text-decoration: none; 
  }
  
  nav.footer-nav .container {
    padding-left: 0px; 
  }

  .footer-text{
  	color: #FFFFFF; 	
  }
  
  .footer-text-abstand{
  	color: #FFFFFF; 	
  	padding-right: 1.5em;
  }
  .footer-text-rechts{
  	color: #FFFFFF;
	float: right;
  }
  
  /* loeschen!!! */
  #mainpage{
  	position: relative;
    min-height: 100%;
    width: 100%;
    /*width: 550px;*/
    margin: 0;
    /*background-color: blue;*/
    border-width: 330px 0 0 0;
    border-color: #D00000;
  }
  
  
   

} /* Ende @media */