@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/Ubuntu-Bold.ttf") format("truetype");
}
.team-single-banner {
  width: 100%;
  height: 650px;
  overflow: hidden;
}
.team-single-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.single-team .team-single {
  padding-top: 100px;
  padding-bottom: 100px;
}

.team-single-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.team-single-content-left .team-image {
  max-width: 60%;
  margin-left: 40%;
}
.team-single-content-left .team-animate {
  font-size: 22rem;
  text-transform: lowercase;
  line-height: 0.5;
  transform: translateX(-20%);
  width: 450px;
  display: flex;
  justify-content: flex-end;
}
.team-single-content-left .team-animate span {
  font-family: "Ubuntu", sans-serif;
}
.team-single-content-left .team-about-me {
  padding: 100px 50px;
  border: 1px solid var(--color-red);
  max-width: 90%;
  transform: translateY(-50px);
}
.team-single-content-left .team-about-me p:last-child {
  margin-bottom: 0;
}

.team-single-content-right .team-info {
  margin-top: -300px;
  background-color: var(--color-white);
}
.team-single-content-right .team-header {
  padding: 50px;
  border: 1px solid var(--color-red);
  margin-bottom: 50px;
}
.team-single-content-right .team-header .team-title {
  font-size: var(--font-size-team-detail);
  color: var(--color-red);
  margin-bottom: 15px;
}
.team-single-content-right .team-header .team-title span {
  font-size: var(--font-size-base);
  font-weight: 200;
}
.team-single-content-right .team-header .team-position {
  font-size: var(--font-size-single-subtitle);
  font-weight: 700;
  margin-bottom: 30px;
}
.team-single-content-right .team-header .team-contact {
  margin-bottom: 30px;
}
.team-single-content-right .team-header .team-contact * {
  font-size: var(--font-size-base);
  color: var(--color-black);
}
.team-single-content-right .team-header .team-contact span {
  width: 100px;
  display: inline-block;
}
.team-single-content-right .team-header .team-contact a:hover, .team-single-content-right .team-header .team-contact a:focus {
  color: var(--color-red);
}
.team-single-content-right .team-header .team-visitenkarte .btn-primary {
  margin: 30px 0 0;
  color: var(--color-white);
  font-size: var(--font-size-small);
  padding-left: 30px;
  padding-right: 30px;
  letter-spacing: 1px;
}
.team-single-content-right .team-header .team-visitenkarte .btn-primary:hover, .team-single-content-right .team-header .team-visitenkarte .btn-primary:focus {
  color: var(--color-red);
}
.team-single-content-right h3 {
  font-size: var(--font-size-single-subtitle);
  font-weight: 700;
  margin-bottom: 30px;
}
.team-single-content-right .team-about-me {
  display: none;
}
.team-single-content-right .team-section {
  margin-bottom: 50px;
}
.team-single-content-right .team-section:last-child {
  margin-bottom: 0;
}

@media all and (max-width: 1200px) {
  .team-single-content-left .team-animate {
    font-size: 18rem;
    transform: translate(-20%, -150px);
  }
}
@media all and (max-width: 992px) {
  .team-single-banner {
    display: none;
  }
  .team-single-content-left .team-animate {
    line-height: 0;
    display: none;
  }
  .team-single-content-left .team-about-me {
    transform: translateY(0);
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 30px;
    display: none;
  }
  .team-single-content-left .team-image {
    max-width: 100%;
    margin-left: 0;
  }
  .team-single-content-right {
    margin-top: 50px;
  }
  .team-single-content-right .team-info {
    margin-top: 0;
  }
  .team-single-content-right .team-header {
    padding: 30px;
  }
  .team-single-content-right .team-about-me {
    display: block;
  }
  .single-team .team-single {
    padding-top: 50px;
  }
}
@media all and (max-width: 768px) {
  .team-single-content-left .team-animate {
    font-size: 15rem;
  }
}

/*# sourceMappingURL=single-team.css.map */