/* GuideCom – Unternehmensleitung
   Vollständig gekapselt unter .gc-ul (Präfix gc-ul__). Layout-relevante Eigenschaften
   sind mit !important abgesichert – sie greifen ausschließlich innerhalb dieses Elements
   und können daher keine Theme-Regeln beeinflussen.
   Schriften: nutzt die im Theme geladenen CodecPro-Regular / CodecPro-Bold. */

.gc-ul {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 2rem 1.25rem !important;
  font-family: CodecPro-Regular, "Codec Pro", sans-serif;
  font-weight: 400;
  color: #48475a;
  line-height: 1.5;
  text-align: left;
}
.gc-ul *, .gc-ul *::before, .gc-ul *::after { box-sizing: border-box !important; }
.gc-ul div::before, .gc-ul div::after { content: none !important; }

.gc-ul .gc-ul__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 3rem !important;
  max-width: 30rem !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.gc-ul .gc-ul__person {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gc-ul .gc-ul__media {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: flex-end !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 707 / 520;
  margin: 0 0 1.5rem !important;
  padding: 0 0 6.4% !important;
  background: #f7f8f8 !important;
  border-radius: 1.125rem !important;
  overflow: hidden !important;
}
.gc-ul .gc-ul__img {
  display: block !important;
  width: 57.5% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
}

.gc-ul .gc-ul__role {
  display: block !important;
  margin: 0 0 .5rem !important;
  padding: 0 !important;
  font-family: CodecPro-Bold, "Codec Pro", sans-serif !important;
  font-weight: 700 !important;
  font-size: .8125rem !important;
  line-height: 1.4 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #12a85e !important;
}

.gc-ul .gc-ul__name {
  display: block !important;
  margin: 0 0 1.125rem !important;
  padding: 0 !important;
  font-family: CodecPro-Bold, "Codec Pro", sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.375rem !important;
  line-height: 1.25 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
  color: #161528 !important;
}

.gc-ul .gc-ul__list {
  display: flex !important;
  flex-direction: column !important;
  gap: .875rem !important;
  margin: 0 !important;
  padding: 0 !important;
}
.gc-ul .gc-ul__item {
  display: grid !important;
  grid-template-columns: 1.25rem minmax(0, 1fr) !important;
  column-gap: .75rem !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 0 !important;
}
.gc-ul .gc-ul__check {
  display: block !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  margin: .125rem 0 0 !important;
}
.gc-ul .gc-ul__text {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: CodecPro-Regular, "Codec Pro", sans-serif !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  color: #48475a !important;
  text-wrap: pretty;
}

@media screen and (min-width: 768px) {
  .gc-ul { padding: 3rem 1rem !important; }
  .gc-ul .gc-ul__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1.5rem !important;
    max-width: none !important;
  }
  .gc-ul .gc-ul__name { font-size: 1.25rem !important; }
  .gc-ul .gc-ul__text { font-size: .9375rem !important; }
}

@media screen and (min-width: 1280px) {
  .gc-ul { padding: 4rem 1rem !important; }
  .gc-ul .gc-ul__grid { gap: 2.75rem !important; }
  .gc-ul .gc-ul__media { margin-bottom: 2rem !important; }
  .gc-ul .gc-ul__name { font-size: 1.5rem !important; margin-bottom: 1.25rem !important; }
  .gc-ul .gc-ul__text { font-size: 1rem !important; }
}