@import url('../css/basis.css');:root {--vorstand-grid-columns: 3;--vorstand-grid-gap: 2rem;--vorstand-image-size: 220px;--vorstand-hover-duration: 0.4s;--vorstand-hover-easing: cubic-bezier(0.25, 0.46, 0.45, 0.94);}.tagline {font-size: var(--font-size-lg);font-style: italic;color: var(--color-text);text-align: center;margin-top: -0.5rem;margin-bottom: 1.5rem;font-weight: normal;letter-spacing: 1px;}.container {max-width: var(--container-width);margin: 0 auto;padding: 0 var(--spacing-md);}.cta-container {display: flex;justify-content: center;flex-wrap: wrap;gap: var(--spacing-md);margin-top: var(--spacing-lg);}.vorstand-grid {display: grid;grid-template-columns: repeat(var(--vorstand-grid-columns), 1fr);gap: var(--vorstand-grid-gap);margin: var(--spacing-xl) 0;}.vorstand-member {position: relative;background-color: var(--color-white);border-radius: var(--border-radius);overflow: hidden;box-shadow: var(--shadow-md);transition: var(--transition-standard);display: flex;flex-direction: column;cursor: pointer;will-change: transform, box-shadow;transform: translateZ(0);backface-visibility: hidden;}.vorstand-member:hover {transform: translateY(-10px) scale(1.02);box-shadow: var(--shadow-lg);}.vorstand-member:focus-within {outline: 3px solid var(--focus-ring-color);outline-offset: 2px;transform: translateY(-5px);box-shadow: var(--shadow-lg);}.member-image {height: var(--vorstand-image-size);overflow: hidden;background-color: var(--color-main-lighter);position: relative;}.image-frame {width: 100%;height: 100%;position: relative;}.image-frame::before {border: none !important;}.member-image img {width: 100%;height: 100%;object-fit: cover;object-position: center top;transition: transform 0.5s ease;cursor: pointer;}.vorstand-member:hover .member-image img {transform: scale(1.05);}.member-info {padding: var(--spacing-md);text-align: center;flex-grow: 1;background-color: var(--color-white);}.member-info h3 {color: var(--color-primary);margin-bottom: var(--spacing-xs);font-size: var(--font-size-lg);font-weight: bold;position: relative;}.member-info h3::after {content: '';position: absolute;bottom: -2px;left: 50%;width: 0;height: 2px;background-color: var(--color-primary);transition: width 0.3s ease-out, left 0.3s ease-out;}.vorstand-member:hover .member-info h3::after {width: 100%;left: 0;}.member-role {font-size: var(--font-size-md);color: var(--color-text);margin-bottom: var(--spacing-sm);}.member-contact {margin-top: auto;padding-top: var(--spacing-sm);}.email-link {display: inline-flex;align-items: center;color: var(--color-primary);font-size: var(--font-size-sm);transition: var(--transition-fast);}.email-link i {margin-right: var(--spacing-xs);}.email-link:hover {color: var(--color-primary-dark);text-decoration: underline;transform: translateX(3px);}.contact-item .email-link:focus, .highlight-item .email-link:focus, .task-item .email-link:focus {outline: 2px solid var(--color-primary);outline-offset: 2px;}.contact-item .email-link, .highlight-item .email-link, .task-item .email-link {font-size: var(--font-size-mail);display: inline-block;}.member-responsibilities {margin-top: var(--spacing-md);text-align: left;background-color: var(--color-white);padding: var(--spacing-md);border-radius: var(--border-radius);border-top: 1px solid rgba(205, 0, 11, 0.1);}.member-responsibilities strong {color: var(--color-primary);font-size: var(--font-size-sm);display: block;margin-bottom: var(--spacing-xs);font-weight: 600;}.member-responsibilities ul {list-style: none;padding: 0;margin: 0;}.member-responsibilities li {font-size: var(--font-size-xs);color: var(--color-text);margin-bottom: var(--spacing-xs);padding-left: var(--spacing-md);position: relative;line-height: 1.4;}.member-responsibilities li::before {content: '•';position: absolute;left: var(--spacing-xs);color: var(--color-primary);font-weight: bold;}.tasks-grid,.engagement-highlights, .contact-options{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-lg);margin: var(--spacing-lg) 0;}.task-item, .highlight-item, .contact-item {display: flex;align-items: flex-start;gap: var(--spacing-md);padding: var(--spacing-md);background-color: var(--color-white);border-radius: var(--border-radius);box-shadow: var(--shadow-sm);transition: var(--transition-standard);flex-direction: column;}.task-item:hover, .highlight-item:hover, .contact-item:hover {transform: translateY(-5px);box-shadow: var(--shadow-md);}.task-header, .highlight-header, .contact-header {display: flex;align-items: center;gap: var(--spacing-sm);margin-bottom: var(--spacing-sm);width: 100%;}.task-header i, .highlight-header i, .contact-header i{color: var(--color-primary);font-size: var(--font-size-lg);flex-shrink: 0;}.task-header strong, .highlight-header strong, .contact-header strong {color: var(--color-primary);font-size: var(--font-size-md);margin: 0;}.task-header p, .highlight-header p, .contact-header p {margin: 0;font-size: var(--font-size-sm);color: var(--color-text);}.lightbox-overlay {background-color: rgba(0, 0, 0, 0.85);backdrop-filter: blur(5px);display: none;justify-content: center;align-items: center;position: fixed;inset: 0;z-index: 10000;transition: opacity 0.3s ease-out;}.lightbox-overlay.active {display: flex;}.lightbox-container {position: relative;}#lightbox-image {max-width: 85%;max-height: 85%;border: 8px solid rgba(255, 255, 255, 0.1);border-radius: 4px;}.lightbox-close {position: absolute;top: 20px;right: 20px;width: 40px;height: 40px;background-color: var(--color-primary);color: var(--color-white);border: none;border-radius: 50%;font-size: 24px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: var(--transition-fast);}.lightbox-close:hover {background-color: var(--color-primary-dark);transform: scale(1.1);}@media (min-width: 1600px) {:root {--vorstand-grid-columns: 3;--vorstand-image-size: 250px;}.vorstand-grid {gap: 2.5rem;}.tasks-grid,.engagement-highlights,.contact-options {grid-template-columns: repeat(3, 1fr);}}@media (min-width: 1024px) and (max-width: 1599px) {:root {--vorstand-grid-columns: 3;--vorstand-image-size: 200px;}.tasks-grid, .engagement-highlights, .contact-options {grid-template-columns: repeat(3, 1fr);}}@media (min-width: 768px) and (max-width: 1023px) {:root {--vorstand-grid-columns: 2;--vorstand-grid-gap: 1.5rem;--vorstand-image-size: 180px;}.member-info {padding: var(--spacing-md);}.tasks-grid, .engagement-highlights, .contact-options {grid-template-columns: repeat(2, 1fr);}}@media (min-width: 576px) and (max-width: 767px) {:root {--vorstand-grid-columns: 1;--vorstand-grid-gap: 1rem;--vorstand-image-size: 200px;}.member-info h3 {font-size: var(--font-size-lg);}.member-role {font-size: var(--font-size-base);}.tasks-grid, .engagement-highlights, .contact-options {grid-template-columns: 1fr;}}@media (max-width: 575px) {:root {--vorstand-grid-columns: 1;--vorstand-grid-gap: 1rem;--vorstand-image-size: 180px;--spacing-md: 0.75rem;}.vorstand-member {margin-bottom: var(--spacing-md);}.member-info {padding: var(--spacing-md);}.member-info h3 {font-size: var(--font-size-md);}.member-role {font-size: var(--font-size-sm);}.member-responsibilities {padding: var(--spacing-sm);}.member-responsibilities li {font-size: var(--font-size-xs);}.task-item, .highlight-item, .contact-item {flex-direction: column;text-align: center;gap: var(--spacing-sm);}.engagement-highlights, .contact-options, .tasks-grid {grid-template-columns: 1fr;gap: var(--spacing-md);}.cta-container {flex-direction: column;align-items: center;}}.vorstand-member:focus-visible {outline: 3px solid var(--focus-ring-color);outline-offset: 3px;border-radius: var(--border-radius-lg);}.vorstand-member:focus:not(:focus-visible) {outline: none;}.vorstand-member[tabindex="0"]:focus {outline: 3px solid var(--focus-ring-color);outline-offset: 2px;}@media (hover: none) {.vorstand-member:active {transform: translateZ(0) translateY(-4px) scale(1.01);box-shadow: var(--shadow-lg);}.task-item:active, .highlight-item:active, .contact-item:active {transform: translateY(-2px) scale(0.98);}.email-link:active {transform: translateX(2px) scale(0.95);}.vorstand-member {min-height: 44px;}.task-item,.highlight-item, .contact-item {min-height: 44px;}.email-link {min-height: 44px;min-width: 44px;}}@media (prefers-reduced-motion: reduce) {.vorstand-member, .member-image img, .task-item, .highlight-item, .contact-item, .email-link, .lightbox-overlay, .lightbox-close {transition: none !important;animation: none !important;}.vorstand-member:hover {transform: none;box-shadow: var(--shadow-md);}.vorstand-member:hover .member-image img {transform: none;}.task-item:hover .task-header i, .highlight-item:hover .highlight-header i,.contact-item:hover .contact-header i {transform: none;}.email-link:hover {transform: none;}}@media (prefers-contrast: high) {.vorstand-member {border: 2px solid var(--color-text);}.task-item, .highlight-item, .contact-item {border: 2px solid var(--color-primary);}.email-link {border: 1px solid var(--color-primary);}.lightbox-close {border: 2px solid var(--color-white);}}@media print {.vorstand-member {break-inside: avoid;box-shadow: none;border: 1px solid #000;margin-bottom: 1rem;}.member-image {height: 150px;}.task-header i, .highlight-header i, .contact-header i, .lightbox-overlay, .lightbox-close {display: none;}.task-item, .highlight-item, .contact-item {border: 1px solid #000;break-inside: avoid;}}.sr-only {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}.visually-hidden {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}.vorstand-member.loading {opacity: 0.7;pointer-events: none;}.vorstand-member.loading .member-image {background: linear-gradient(90deg, var(--color-gray-light) 25%, rgba(255, 255, 255, 0.5) 50%, var(--color-gray-light) 75%);background-size: 200% 100%;animation: loading-shimmer 1.5s infinite;}@keyframes loading-shimmer {0% {background-position: -200% 0;}100% {background-position: 200% 0;}}.vorstand-member.error {border: 2px solid #dc3545;background-color: rgba(220, 53, 69, 0.05);}.vorstand-member.error .member-image {background-color: rgba(220, 53, 69, 0.1);display: flex;align-items: center;justify-content: center;}.vorstand-member.error .member-image::after {content: "⚠️ Bild konnte nicht geladen werden";color: #dc3545;font-size: var(--font-size-sm);text-align: center;}.vorstand-member, .task-item, .highlight-item, .contact-item {contain: layout style;}.member-image img {contain: layout;}@supports (container-type: inline-size) {.vorstand-grid {container-type: inline-size;}@container (max-width: 600px) {.vorstand-grid {grid-template-columns: 1fr;}}@container (min-width: 601px) and (max-width: 900px) {.vorstand-grid {grid-template-columns: repeat(2, 1fr);}}@container (min-width: 901px) {.vorstand-grid {grid-template-columns: repeat(3, 1fr);}}}.vorstand-grid, .tasks-grid, .engagement-highlights, .contact-options {will-change: auto;}.vorstand-member:hover, .task-item:hover, .highlight-item:hover, .contact-item:hover {will-change: transform, box-shadow;}.vorstand-member:not(:hover), .task-item:not(:hover), .highlight-item:not(:hover), .contact-item:not(:hover) {will-change: auto;}