html
  {
      -ms-text-size-adjust: none;
      -webkit-text-size-adjust: none;
      text-size-adjust: none;     

  }
  
  body {
    color: hsl(0, 0%, 0%);
    background-attachment: fixed;
    min-height: 100vh;
    margin:0;
    padding:0;
    display:flex;
  }
  
  h1 {
    text-align: center;
    font-size: 4em;
    font-family: 'Work Sans';
    font-weight: 400;
  }
  
  h2 {
    text-align: center;
    font-family: 'Work Sans';
    font-size: 2.5em;
    font-weight: 300;
  }
  
  h3 {
    text-align: center;
    font-family: 'Work Sans';
    font-size: 1.8em;
    font-weight: 500;
  }
  
  hr.Strich {
    border: 1px solid rgb(0, 0, 0);
    width :100%;
  }

  .container {  
    width:100%;

    display: grid; 
    grid-template-columns: 10vw 1fr 10vw; 
    grid-template-rows: auto auto auto auto 22%; 
    grid-template-areas: 
     "header header header"
     "AL AM AR"
     "BL BM BR"
     "CL CM CR"
     "footer footer footer"; 
  }
  
  
  .header { 
    grid-area: header; 
    font-family: 'Work Sans';
    font-weight: 400;
    font-size: .8em;
    height: 7.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bright-mode-headerlower-color);
    box-shadow: 0px 0px 5px rgb(0, 0, 0);
    position:sticky;
    top:0;
    height: 70px;
    z-index: 1;
    background-color: rgb(243, 243, 243);
     }

  
  .top { 
    grid-area: AM; 
     }
  

  .middle { 
    grid-area: BM;
    text-align:center;
    display:inline-block;
    } 
  
  .lower { grid-area: CM;
    text-align:center;
    display:inline-block;
    } 
   
  .footer { 
    grid-area: footer;
    font-family: 'Work Sans';
    font-size: .8em;
    font-weight: 700;
    background-color: var(--bright-mode-headerlower-color);
    box-shadow: 0px 0px 5px rgb(0, 0, 0);
    text-align:center;
    display:inline-block;
    background-color: rgb(243, 243, 243);
  }


  
  img#HeaderLogo {
    width:40rem;
    vertical-align:bottom;
    height: auto !important;
  }
  
div.wichtig{
    color: rgb(53, 53, 53);
    width: 348px; 
    margin: auto;
    display: inline-block;
    justify-content: center;
    text-align: left;
}

#sieFindenUns{
  font-size: 1rem;
  margin-left: 70px;
  color: rgb(83, 83, 83);
  }

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

    img#HeaderLogo {
      width:2rem;
      vertical-align:bottom;
      height: auto !important;
      content : url(/Bilder/mydebitors\ mini\ logo.png);
    } 
  }