/* header */

header#main {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
	width: 100%;
	height:100px;
    background-color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid #e1e1e1;
	z-index:999;
    opacity: 1;
    top:0;
	}

  header#main.ohne_logo {
    height: auto;
    padding: 25px 0 25px 0;
  }

div#header_area {
	display: grid; 
    grid-template-columns: 150px 1fr ; 
	grid-template-rows: auto; 
    grid-column-gap: 24px;
    grid-row-gap: 0px;
	width:calc(100% - 120px);
	max-width:1320px;
    color: #000;
    padding: 0px 60px 0px 60px;
}


div#header_area.mit_logo {
grid-template-columns: 150px 1fr ; 
}

div#header_area.ohne_logo {
  grid-template-columns: 1fr ; 
  }


div#header_logo {
    margin-bottom: -5px; 
    margin-top:0px; 
    display: grid;
    align-content: center;
    font-size:40px;
line-height: 40px;
 }
 div#header_logo p {margin: 0; padding: 0;}
 div#header_logo img {
  max-width: 200px;
  max-height: 80px;
  width: auto;
  height: auto;
  object-fit: contain;
 }



header a {  color: inherit;  text-decoration: none;   }
header a:hover {  color: inherit;  text-decoration: underline;   }


div#header_right  {
  padding-bottom: 0px; 
  margin-top:0px; 
  display: grid;
  align-content: center;
line-height: 1.2em;
}
div#header_right p {margin: 0; padding: 0;}

div#header_right img {
 max-width: 200px;
 max-height: 80px;
 width: auto;
 height: auto;
 object-fit: contain;
}

/* footer */



footer {
    display: flex;
    align-items: center;
    justify-content: center;
	width: 100%;
	height:auto;
    background-color: var(--color-footer);
    margin-top: 0px;
}


div#footer_area {
	display: grid; 
       grid-template-columns: 1fr; 
	grid-template-rows: auto; 
    grid-column-gap: 26px;
    grid-row-gap: 0;
	width:calc(100% - 120px);
	max-width:1320px;
    padding: 20px 60px 0px 60px;
    color: #000;
    font-size: 16px;
   	}

     div#footer_area img {
      width: 100%;
      max-width: 300px;
      width: auto;
      height: auto;
      object-fit: contain;
     }

     div#footer_area.drei_bloecke_footer { grid-template-columns: 1fr 1fr 1fr; }
     div#footer_area.zwei_bloecke_footer { grid-template-columns: 1fr 1fr; }
     div#footer_area.ein_block_footer { grid-template-columns: 1fr; }


div.footer_block { 
    display: grid;
    align-content:  flex-start; 
    padding: 0px 0 0 0 ;
    border-right: 0px solid #fff;
}

div.footer_block.left { justify-content: flex-start; }

  div.footer_block.center { justify-content: center; }

    div.footer_block.right { justify-content: flex-end; }



      .footer_copyright {
        display: grid; 
        align-content:  flex-start;
        margin-top: 10px;
        margin-bottom: 20px;
        font-size:.8em;
        }


footer a { color: inherit; transition: 0.2s; text-decoration: none;    margin-left: 0px;      }
footer a:hover {     color: inherit;  transition: 0.2s; text-decoration: underline;  }    

 
 

  @media only screen and (max-width: 1300px) {


}
  
  @media only screen and (max-width: 900px) {

    div#header_area {
        width:calc(100% - 40px);
        padding: 0px 20px 0px 20px;
    }
     
    
      div#footer_area {
        width:calc(100% - 40px);
        padding: 20px 20px 0px 20px;
      }

    
      div#footer_area.drei_bloecke_footer { grid-template-columns: 1fr ; }
      div#footer_area.zwei_bloecke_footer { grid-template-columns: 1fr ; }
      div#footer_area.ein_block_footer { grid-template-columns: 1fr; }
    

    
      
  
  
  }


  @media only screen and (max-width: 700px) {

  


}