.bild {
    width: 100%;
    height: auto;
}
hr{
  margin-top: -1rem;
  margin-bottom: 1rem;
  border: 3px solid #6e8831;
}
#unten{
  margin-top: 2rem;
}  
  
    .leistungenDiv h2{
      font-weight: bold;
      color: #000000;
    }
  

    .leistungen {
      display: grid; 
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
      grid-gap: 1rem; 
      list-style: none; 
      padding: 0; 
      margin: 0; 
     
    }
  
    .leistung {
      text-align: center; 
    
      border: 2px solid  #6e8831;
      border-radius: 3px;
      padding: 0.5rem; 
      margin-bottom: 1rem; 
    }
  
    .leistung h2 {
      line-height: 1; 
      color: #ffffff;
      background-color: #6e8831;
      font-weight: bold;
      padding: 1rem; 
      margin: -0.5rem -0.5rem 2rem -0.5rem;
    }
    .leistung h4 {
      line-height: 1; 
      color: #ffffff;
      background-color: #6e8831;
      font-weight: bold;
      padding: 1rem; 
      margin: -0.5rem -0.5rem 2rem -0.5rem;
    }

  
    @media screen and (min-width: 768px) {
  
      .infoboxen > .wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;      
        grid-gap: 1rem;
      }
  
    } 
  
  @supports (display: grid) {
  
    .leistung {
      margin-bottom: 0; 
    }  
  
  } 

  @media screen {

    
    .site-nav { 
      position: -webkit-sticky; 
      position: sticky; 
      top: 0; 
      
      background: #333; 
      color: white; 
      
      box-shadow: 0 2px 6px rgba(51,51,51,0.3);
      
      padding: 0; 
      margin: 1rem 0; 
    }
    
    .site-nav-list {
      display: flex; 
      flex-wrap: wrap; 
      
      padding: 0; 
      margin: 0; 
    }
    
    .site-nav-list li {
      display: inline-block; 
      list-style: none; 
    }
    
    .site-nav-list a {
      display: block;
      text-decoration: none;
      
      min-width: 72px;
    min-width: 70px; 
      text-align: center;
      background: #333;
      color: white;
      
      padding: 0.5rem 0.25rem;
    }
    
    .site-nav-list a.sie-sind-hier {
      background: #666; 
      color: white; 
    }  
    
    .site-nav-list a:hover, 
    .site-nav-list a:focus {
      background: #666; 
      color: white; 
    }
    
    .site-nav-list a:active {
      background: #0b74b8; 
      color: white; 
    }  
    
  } 

  @media screen {

    
    .menubutton {
      display: block; 
      background: #666; 
      color: white; 
      
      font-family: inherit; 
      font-size: inherit; 
      text-align: center; 
      
      padding: 0.5rem 1rem; 
      border: 0; 
      border-radius: 0.25rem; 
      margin: 0 1rem 0.5rem 1rem; 
    }
    
    .site-nav > .wrapper {
      padding-left: 0; 
      padding-right: 0; 
    }
    
    
    .site-nav { 
      position: -webkit-sticky; 
      position: sticky; 
      top: 0; 
      
      background: #333; 
      color: white; 
      
      box-shadow: 0 2px 6px rgba(51,51,51,0.3);
      
      padding: 0.5rem 0 0 0; 
      margin: 1rem 0; 
    }
  
    
    .site-nav-list {
      display: flex; 
      flex-flow: column nowrap; 
      
      padding: 0; 
      margin: 0; 
    }
    
    .site-nav-list li {
      list-style: none; 
    }
     
    
    .site-nav-list a {
      display: block;
      text-decoration: none;
      
      min-width: 72px;
    min-width: 70px; 

      background: #333;
      color: white;
      
      padding: 0.5rem 1rem;
    }
    
    .site-nav-list a.sie-sind-hier {
      background: #666; 
      color: white; 
    }  
    
    .site-nav-list a:hover, 
    .site-nav-list a:focus {
      background: #666; 
      color: white; 
    }
    
    .site-nav-list a:active {
      background: #0b74b8; 
      color: white; 
    }  
    

    .site-nav-list {
      max-height: 0; 
      overflow: hidden; 
    }

    .show-menu + .site-nav-list {
      max-height: 100rem; 
      
      transition: max-height 400ms ease-in-out; 
    }
    

    
    @media screen and (min-width: 768px) {

      .menubutton { display: none; } 
      
      .site-nav-list {
        max-height: none; 
        overflow: auto; 
        transition: none; 
        
        flex-flow: row wrap; 
      }
      
      .site-nav { padding: 0; }
      
      .site-nav > .wrapper { padding: 0 1rem; }
      
      .site-nav-list li { 
        display: inline-block; 
        flex: 1; 
        text-align: center; 
        border-right: 1px solid #eee; 
        max-width: 170px; 
        
      }
      .site-nav-list li:first-child {
        border-left: 1px solid #eee; 
      }
      
      
    } 
    
    
  } 

  @media screen { 
    
    body {
      background: white; 
      margin: 0; 
      
      min-height: 100vh; 
      display: flex; 
      flex-flow: column; 
    }
    
    .wrapper {
      min-width: 320px; 
      max-width: 960px; 
      
      padding: 0 1rem; 
      margin: 0 auto; 
    }
  
    .site-header {
      padding-top: 1rem; 
    } 

    .site-logo {
      margin-bottom: 0; 
    }
    .site-slogan {
      margin: 0; 
    }

    .site-content {
      line-height: 1.5;
      margin-bottom: 1rem; 
      flex: 1; 
    }

    .site-footer {
      font-size: smaller;
      background-color: #333; 
      padding: 1rem 0;  
      margin-top: auto; 
      clear: both; 
    }
    .site-footer a {
      color: white; 
      text-decoration: none; 
    }
  
  }