/* Seitenspezifische Darstellung: Kontakt */
.page-kontakt .responsive-image {
    display: block;
    width: 50%;
    max-width: 825px;
    height: auto;
    margin: auto;
    border-radius: 20px;
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.grid-item {
    padding: 10px;
    border-radius: 10px;
    background-color: #97c00e;
    text-align: center;
}

.grid-item.light { background-color: #f9f9f9; }

.grid-item h2 {
    margin: 5px 0;
    color: black;
    text-align: center;
}

.grid-item p { margin: 5px 0; color: black; }
.grid-item img { max-width: 90%; height: auto; border-radius: 5px; }
.grid-item a { color: black; text-decoration: none; }

.page-app .spalte_links a { overflow-wrap: anywhere; }
.page-streik23 #content img { max-width: 100%; height: auto; }

.contact-actions a {
    display: inline-block;
    margin-top: 10px;
    padding: 10px;
    border-radius: 4px;
    background-color: white;
    color: #97c00e;
}

.contact-details { display: flex; align-items: flex-start; }
.contact-address { flex: 1 1 67%; min-width: 0; overflow-wrap: anywhere; }
.grid-item .contact-person-image { flex: 0 1 33%; max-width: 33%; }

/* Seitenspezifische Darstellung: Team */
.page-wersindwir { font-family: Arial, sans-serif; }
.team-container { margin: 0; }

.team-member {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.member-photo {
    flex: 0 0 30%;
    margin: 10px;
    overflow: hidden;
}

.member-photo img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.member-info { flex: 1; margin: 10px; }
.member-name { font-size: 20px; font-weight: bold; }
.member-role { color: #666; font-size: 16px; }

.page-wersindwir .responsive-image {
    display: block;
    width: 100%;
    max-width: 825px;
    height: auto;
    margin: auto;
    border-radius: 20px;
}

@media (max-width: 768px) {
    .team-member { flex-direction: column; align-items: flex-start; }
    .member-photo { width: calc(100% - 20px); }
    .member-photo img { width: 100%; height: auto; }
}

@media (max-width: 650px) {
    .grid-container { grid-template-columns: 1fr; }
    .page-app .tabelle { display: block; max-width: 100%; }
    .page-app .spalte_links { min-width: 0; max-width: 100%; overflow: hidden; }
}