.section-lehrbeispiel-b20 {
  background: linear-gradient(#fff, #ececec);
  margin: 0 auto;
  padding-top: 6rem;
}

.lehrbeispiel-b20 {
  max-width: 82rem;
  background-color: #fff;
  display: grid;
  grid-template-columns: 34rem 1fr 8rem;
  grid-template-rows: 12rem 3rem 3rem 3rem 5rem 3rem 8rem 4rem 5rem 4rem 4rem;
  grid-row-gap: 1rem;
  margin: 0 auto;
  font-size: 1.4rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 30px 80px 10px rgba(0, 0, 0, 0.2);
}
.lehrbeispiel-b20 p {
  line-height: 1.4;
}
@media (max-width: 768px) {
  .lehrbeispiel-b20 {
    max-width: 70rem;
    grid-template-columns: 0rem 46rem 8rem;
    grid-template-rows: 6rem 3rem 5rem 3rem 3rem 3rem 7rem 3rem 4rem 3rem 4rem;
    justify-content: center;
    padding: 0 3rem;
  }
}
@media (max-width: 635px) {
  .lehrbeispiel-b20 {
    max-width: 62rem;
    grid-template-columns: 0rem 42rem 8rem;
    grid-template-rows: 6rem 3rem 5rem 3rem 3rem 3rem 7rem 3rem 4rem 3rem 4rem;
    padding: 0 2rem;
  }
}
@media (max-width: 520px) {
  .lehrbeispiel-b20 {
    max-width: 50rem;
    grid-template-columns: 0rem 38rem 8rem;
    grid-template-rows: 6rem 3rem 5rem 3rem 3rem 3rem 7rem 3rem 4rem 3rem 4rem;
  }
}
@media (max-width: 480px) {
  .lehrbeispiel-b20 {
    max-width: 47rem;
    grid-template-columns: 0rem 34rem 8rem;
    grid-template-rows: 6rem 3rem 5rem 3rem 3rem 3rem 7rem 3rem 4rem 3rem 4rem;
    font-size: 1.3rem;
  }
}

.lehrbeispiel-b20-unternehmen {
  grid-column: 2/4;
  display: flex;
  justify-content: left;
  align-items: center;
}

.lehrbeispiel-b20-beleg {
  grid-column: 1/2;
  grid-row: 3/12;
  width: 98%;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 1rem;
}

.lehrbeispiel-b20-analyse {
  grid-column: 2/4;
  grid-row: 3/4;
  align-self: center;
}

.analyse-text {
  margin-bottom: 0;
}

.lehrbeispiel-b20-frage1 {
  grid-column: 2/3;
  grid-row: 4/5;
  align-self: center;
}

.lehrbeispiel-b20-frage1-text,
.lehrbeispiel-b20-frage2-text,
.lehrbeispiel-b20-frage3-text,
.lehrbeispiel-b20-frage4-text {
  font-style: italic;
  font-weight: 600;
}

.lehrbeispiel-b20-weiter1 {
  grid-column: 3/4;
  grid-row: 4/5;
}

.lehrbeispiel-b20-antwort1 {
  grid-column: 2/4;
  grid-row: 5/6;
  align-self: center;
  padding-right: 8rem;
}

.lehrbeispiel-b20-frage2 {
  grid-column: 2/3;
  grid-row: 6/7;
  align-self: center;
  font-style: italic;
  font-weight: 600;
}

.lehrbeispiel-b20-weiter2 {
  grid-row: 6/7;
  grid-column: 3/4;
}

.lehrbeispiel-b20-antwort2 {
  grid-column: 2/4;
  grid-row: 7/8;
  align-self: center;
}

.lehrbeispiel-b20-frage3 {
  grid-column: 2/3;
  grid-row: 8/9;
  align-self: center;
  font-style: italic;
  font-weight: 600;
}

.lehrbeispiel-b20-weiter3 {
  grid-column: 3/4;
  grid-row: 8/9;
  align-self: center;
}

.lehrbeispiel-b20-antwort3 {
  grid-column: 2/3;
  grid-row: 9/10;
}

.lehrbeispiel-b20-frage4 {
  grid-column: 2/3;
  grid-row: 10/11;
  font-style: italic;
  font-weight: 600;
}

.lehrbeispiel-b20-weiter4 {
  grid-column: 3/4;
  grid-row: 10/11;
}

.lehrbeispiel-b20-antwort1 p,
.lehrbeispiel-b20-antwort2 p,
.lehrbeispiel-b20-antwort3 p {
  padding-left: 2rem;
  margin: 0;
}

.buchungssatz--b20 {
  max-width: 82rem;
  display: grid;
  grid-template-columns: 25rem 9rem 1rem 22rem 9rem;
  grid-template-rows: 1rem 3rem 3rem;
  margin: 1rem auto;
  font-size: 1.4rem;
  background-color: #fff;
  justify-content: center;
  border-radius: 1rem;
  /* padding: 1rem; */
}
@media (max-width: 768px) {
  .buchungssatz--b20 {
    max-width: 70rem;
    grid-template-columns: 23rem 9rem 1rem 22rem 9rem;
  }
}
@media (max-width: 635px) {
  .buchungssatz--b20 {
    max-width: 62rem;
    grid-template-columns: 22rem 7rem 1rem 20rem 7rem;
    padding: 0.7rem;
  }
}
@media (max-width: 520px) {
  .buchungssatz--b20 {
    max-width: 50rem;
    grid-template-columns: 19rem 6rem 1rem 17rem 6rem;
    font-size: 1.2rem;
  }
}
@media (max-width: 480px) {
  .buchungssatz--b20 {
    max-width: 47rem;
    grid-template-columns: 19rem 6rem 1rem 17rem 6rem;
    padding: 0;
    font-size: 1.2rem;
  }
}

.text-soll1--b20 {
  grid-column: 1/2;
  grid-row: 2/3;
  align-self: center;
}

.betrag-soll1--b20 {
  grid-column: 2/3;
  grid-row: 2/3;
  align-self: center;
  padding-right: 1rem;
  text-align: right;
}

.strich1--b20 {
  grid-column: 3/4;
  grid-row: 2/3;
  align-self: center;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
}

.text-soll2--b20 {
  grid-column: 1/2;
  grid-row: 3/4;
  padding-left: 2rem;
  align-self: center;
}

.betrag-soll2--b20 {
  grid-column: 2/3;
  grid-row: 3/4;
  align-self: center;
  padding-right: 1rem;
  text-align: right;
}

.strich2--b20 {
  grid-column: 3/4;
  grid-row: 3/4;
  align-self: center;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
}

.text-haben1--b20 {
  grid-column: 4/5;
  grid-row: 2/3;
  align-self: center;
  padding-left: 1rem;
}

.betrag-haben1--b20 {
  grid-column: 5/6;
  grid-row: 2/3;
  align-self: center;
  padding-right: 1rem;
  text-align: right;
}

.text-haben2--b20 {
  grid-column: 4/5;
  grid-row: 3/4;
  align-self: center;
  text-align: left;
  padding-left: 1rem;
}

.betrag-haben2--b20 {
  grid-column: 5/6;
  grid-row: 3/4;
  align-self: center;
  padding-right: 1rem;
  text-align: right;
}

/*# sourceMappingURL=site-lehrbeispiel-b20.css.map */