.team-headline {
	background: var(--main-accent);
	font-size: 25px;
	text-align: center;
	width: 100%;
	box-sizing: border-box; 
	padding: 15px;
	text-transform: uppercase;
	margin-bottom: 20px;
	letter-spacing: 2px;
	font-weight: bold;
}

.team-container {
	width: 90%;
	margin: auto;
}

  .teammitglied {
    width: 90%;
    max-width: calc(100% - 32px);
    margin: 0 auto 60px;
  }
 
  /* Name – großer Balken */
  .teammitglied .team-name {
    background: var(--main-accent);
    text-align: center;
    padding: 20px 16px;
    font-size: 20px;
    letter-spacing: 1px;
	  text-transform: uppercase;
  }
 
  /* Position – schmaler Balken */
  .teammitglied .team-position {
    background: var(--main-accent);
    text-align: center;
    padding: 7px 16px;
    margin-top: 12px;
    font-size: 16px;
  }
 
  /* Drei Spalten: Bild | Das bin ich | Aufgaben */
  .teammitglied .team-spalten {
    display: flex;
    gap: 18px;
    margin-top: 16px;
    align-items: stretch;
  }
 
  /* Bild links */
  .teammitglied .team-bild {
    width: 270px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 226px;
    overflow: hidden;
	margin-top: 16px;
  }

  .teammitglied .team-bild img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
 
  /* Die beiden Textspalten */
  .teammitglied .team-spalte {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
  }
 
  .teammitglied .team-spalte h3 {
    background: var(--main-accent);
    text-align: center;
    padding: 14px 16px;
    font-size: 16px;
    letter-spacing: 0.5px;
  }
 
  .teammitglied .team-spalte div {
    border: 2px solid var(--main-accent);
    margin-top: 12px;
    padding: 14px;
    height: 115px;
	  overflow: auto;
    color: var(--font-color);
	  text-align: justify;
	  white-space: pre-line;
  }
  .teammitglied .team-spalte blockquote p { margin-bottom: 14px; }
  .teammitglied .team-spalte blockquote p:last-child { margin-bottom: 0; }
  .teammitglied .team-spalte blockquote ul,
  .teammitglied .team-spalte blockquote ol { margin: 0 0 14px 22px; }
 
  /* ---------- Mobil: untereinander ---------- */
  @media (max-width: 900px) {
    .teammitglied .team-spalten { flex-direction: column; }
    .teammitglied .team-bild { width: 100%; min-height: 260px; }
  }