#rechner{
    position: absolute;
    height: 590px;
    width: 400px;
 }

 #rechnerContainer {
    position: absolute;
    bottom: 0%;
    height: 550px;
    width: 400px;
    text-align: center;
    color: black;
    font-family: sans-serif;

    overflow: auto;
  }
  
  #rechnerAnzeige {
    width: 360px;
    font-size: 5rem;
    height: 100px;
    border: 2px;
    border-style: inset;
    border-color: #9a9a9a;
    background-color: white;
    color: black;
    text-align: left;
    position: absolute;
    top: 0px;
    transform: translate(-50%, 0%);
    overflow-y: scroll;

  }
  #rechnerTasten{
    height: 400px;
    width: 360px;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    padding: 20px;

    bottom: 0px;
    position: absolute;
    
  }
  /*
  button {
    height: 60px;
    background-color: #c3c3c3;
    border-radius: 0px;
    border: 2px;
    border-style: outset;
    border-color: #9a9a9a;
    font-size: 2rem;
    color: black;
  }
  
  button:hover {
    background-color: #9a9a9a;
    border-style: inset;
  }
  */
  
  .operator {
    color: black;
  }
  
  .all-clear {
    background-color: #f0595f;
    border-color: #b0353a;
    color: #fff;
  }
  
  .all-clear:hover {
    background-color: #f17377;
  }
  
  .equal-sign {
    height: 100%;
    grid-area: 2 / 4 / 6 / 5;
  }