.right-line {
  border-right: 1px #d59830 solid;
  height:2em
}

.top-line {
  border-top: 1px #d59830 solid;
}

.halved {
  width: 50%;
  float:left;
}

.text-center {
  color: #000 !important;
}

.circle-image {
  width: 100px; /* Größe des Kreises anpassen */
  height: 100px;
  border-radius: 50%; /* Kreisform */
  overflow: hidden; /* Um Bild auf Kreis zu beschränken */
  margin: 0 auto; /* Zentriert das Bild horizontal */
  margin-bottom: 10px; /* Abstand zwischen Bild und Text */
  border: 1px #d59830c6 solid;
}

.circle-image img {
  width: 100%; /* Bildgröße an Kreisgröße anpassen */
  height: 100%;
  object-fit: cover; /* Bild so skalieren, dass es den gesamten Kreis ausfüllt */
}

@media only screen and (max-width: 768px) {
  .circle-image {
    width: 50px;
    height: 50px;
  }
  .rectangle {
    margin-top: 70px; /* Adjust this value based on your layout */
    max-height: 180px; /* Adjust this value based on your layout */
    max-width: 100px;
  }
  .text-center {
    color: #000 !important;
    font-size: 14px;
  }
}