.oxg-infobox {
  background-color: white;
  border: 1px solid rgba(0,0,0,0.15);
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  font-size: 16px;
}

.no-word-wrap {
  white-space: nowrap; 
  overflow-wrap: normal; 
  word-break: normal;
}

.oxg-infobox a {
  font-weight: 700;
  color: #003399;
}

.oxg-infobox a:hover {
  text-decoration: underline;
}

  @media only screen and (max-width: 560px) {
    .oxg-infobox {
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
      padding: 20px;
    }
  }

.oxg-infobox .col-1 {
  width: 40px;
  height: 60px;
  border-radius: 50%;
  color: rgb(204, 23, 23);
  padding: 20px;
  font-size: 36px;
  font-weight: 700px;
  display: flex;
  justify-content: center;
  align-items: center;
}

  @media only screen and (max-width: 560px) {
    .oxg-infobox .col-1 {
      display: block;
      width: auto;
      height: auto;
      padding: 0;
      font-size: 24px;
    }
  }

.oxg-infobox p {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.oxg-infobox .col-2 {
  width: calc(100% - 40px);
}

  @media only screen and (max-width: 560px) {
    .oxg-infobox .col-2 {
      width: 100%;
    }
  }

.oxg-leistungen-wrap {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 25px;
}

@media only screen and (max-width: 960px) {
  .oxg-leistungen-wrap {
    flex-direction: column;
    justify-content: flex-start;
  }
}
