.team-row {
    overflow-x: hidden
}

/* keep anchor-linked headings from hiding behind the sticky navbar */
#behindthework,
#supportus {
    scroll-margin-top: 98px;
}

.team-member-info p {
    margin: 0.25em 0;
    text-align: center;
}

.support-row{
    margin-top: 2em;
    overflow-x: hidden
}

.support-col{
    margin: 1em;
}

@media (min-width: 768px) and (max-width: 1999px) {
    .support-col {
        margin: 4px;
    }
}

@media (max-width: 767px) {
.support-col{
    margin: 0;
    padding-right: 8em;
    margin-bottom: 2em;
}
}

.support-icon {
  width: 70%;
  max-width: 140px;
  margin: 1em auto;   /* THIS centers the image horizontally */
  display: block;     /* Required so margin auto works */
}

/* This one is a monochrome light-grey PNG (unlike the YouTube/Patreon/
   Bitcoin logos next to it, which are real brand colors and must stay
   untouched) — invert it to near-black in light mode, same trick as the
   copy-address icon. */
:root[data-theme="light"] img[src*="sendUsYourIdeaLogo"] {
  filter: invert(100%);
}

.support-link {
    font-size: 22px;
    font-weight: bold;
    color: var(--text-color);
    text-decoration: none;   /* remove underline */
    cursor: pointer;         /* keep pointer cursor */
    transition: color var(--transition-fast);
}

.support-link:hover {
    color: var(--secondary-color-darker);
}

.support-link-icon {
    display: inline-block;
    transition: transform var(--transition-fast);
}

.support-link:hover .support-link-icon {
    transform: translateX(4px);
}

@media (max-width: 767px) {
    .support-link {
        font-size: 19px;
    }
}

.support-link:focus,
.support-link:visited {
    color: var(--text-color);
    text-decoration: none;
}

.support-link-icon {
    font-size: 26px;
}


/* Zusätzliche Stufe für sehr schmale Screens (< 366px), siehe site.css. */
@media (max-width: 365px) {
    .support-link {
        font-size: 17.5px;
    }

    .support-link-icon {
        font-size: 23px;
    }

    .support-col {
        padding-right: 6em;
    }
}