/* Grid (4 columns in Desktop) */
.team_section {
    /* Neue feste Breite und Außenabstand */
    max-width: 1024px;
    margin: 0 auto;
    padding: 32px;
    font-family: 'Droid Sans', sans-serif;
    font-size: 16px;
}

.team_p_breadcrumb {
    margin-top: 0;
    margin-bottom: 16px;
}
.team_link_breadcrumb {
    color: rgb(211, 1, 50);
    text-decoration: none;
}
.team_h1 {
    font-size: 30.4px;
    color: rgb(211, 1, 50);
    margin: 32px 0 64px 0;
}
.team_h3 {
    font-size: 23.2px;
    color: rgb(211, 1, 50);
    margin: 0 0 11.6px 0;
}
.team_hr {
    margin: 32px 0px;
    border-bottom: 1px solid #ddd;
}

/* Grid-Layout: max. 4 Spalten */
.team_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    font-family: 'Droid Sans', sans-serif;
    font-size: 16px;
    margin: 0;
}

.team_grid_item_first,
.team_grid_item_second,
.team_grid_item_third,
.team_grid_item_four {
    /* unified styling if needed */
}

/* overflow etc. */
.team_mb10_overflowhidden {
    margin: 0 0 10px;
    overflow: hidden;
}
.team_position_relative_right96 {
    position: relative;
    float: right;
    right: 96px;
}
.team_position_relative_right_minus96 {
    position: relative;
    float: right;
    right: -96px;
}
.team_mb0_overflowhidden {
    margin: 0;
    margin-bottom: 0;
    overflow: hidden;
}
.team_floatleft_mr0 {
    float: left;
    margin-right: 0;
}
.team_figure {
    display: table;
    margin: 0;
}
.team_picture {
    margin: 0;
}
.team_img_border_red {
    border: 1px solid rgb(211, 1, 50)!important;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    /* Neu: max. 500px */
    max-width: 500px;
}
.team_figcaption {
    display: table-caption;
    caption-side: bottom;
    padding-top: 7.2px;
    font-size: 14.4px;
}
.team_p_figcaption {
    margin: 0;
    font-size: 11.52px;
    font-style: italic;
}

/* Responsive Breakpoints für weniger Spalten bei kleinerem Viewport */
@media only screen and (max-width: 1040px) {
    .team_grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media only screen and (max-width: 768px) {
    .team_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 480px) {
    .team_grid {
        grid-template-columns: 1fr;
    }
}