/*--------------------------------------------------------------
# testimonials.hrtml
--------------------------------------------------------------*/
   /* Filter-Leiste */
            .t-filter-bar {
                display: flex;
                gap: 8px;
                flex-wrap: wrap;
                margin-bottom: 28px;
            }
            .t-filter-btn {
                background: none;
                border: 1px solid #ccc;
                border-radius: 8px;
                padding: 5px 16px;
                font-size: 14px;
                cursor: pointer;
                transition: all 0.2s ease;
                color: inherit;
            }
            .t-filter-btn:hover {
                border-color: #00937a;
                color: #00937a;
            }
            .t-filter-btn.active {
                background: #00937a;
                border-color: #00937a;
                color: #fff;
            }
            .t-filter-btn.active-rs {
                background: #577db9;
                border-color: #577db9;
                color: #fff;
            }

            /* Karten-Grid */
            .t-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 18px;
            }
            @media (max-width: 768px) {
                .t-grid { grid-template-columns: 1fr; }
            }
            @media (min-width: 769px) and (max-width: 1024px) {
                .t-grid { grid-template-columns: repeat(2, 1fr); }
            }

            /* Einzelne Karte */
            .t-card {
                background: #fff;
                border: 1px solid #e5e5e5;
                border-left: 4px solid #00937a;
                border-radius: 8px;
                padding: 1.25rem 1.25rem 1rem;
                display: flex;
                flex-direction: column;
                gap: 10px;
                transition: box-shadow 0.2s ease, transform 0.2s ease;
            }
            .t-card:hover {
                box-shadow: 0 4px 16px rgba(0,0,0,0.08);
                transform: translateY(-2px);
            }
            .t-card[data-school="rs"] {
                border-left-color: #577db9;
            }
            .t-card.hidden {
                display: none;
            }

            /* Anführungszeichen */
            .t-quote-mark {
                font-family: Georgia, serif;
                font-size: 52px;
                line-height: 1;
                color: #00937a;
                margin: 0;
                margin-bottom: -10px;
                display: block;
            }
            .t-card[data-school="rs"] .t-quote-mark {
                color: #577db9;
            }

            /* Zitat-Text */
            .t-text {
                font-size: 15px;
                line-height: 1.75;
                margin: 0;
                flex: 1;
                overflow-wrap: break-word;
                word-wrap: break-word;
                hyphens: auto;
            }

            /* Footer: Avatar + Meta + Tag */
            .t-footer {
                display: flex;
                align-items: center;
                gap: 10px;
                margin-top: 6px;
                border-top: 1px solid #f0f0f0;
                padding-top: 10px;
            }
            .t-avatar {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                background: #E1F5EE;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 13px;
                font-weight: 600;
                color: #0F6E56;
                flex-shrink: 0;
            }
            .t-card[data-school="rs"] .t-avatar {
                background: #E6F1FB;
                color: #185FA5;
            }
            .t-meta {
                flex: 1;
            }
            .t-name {
                font-size: 13px;
                font-weight: 600;
                margin: 0 0 1px;
            }
            .t-role {
                font-size: 12px;
                color: #777;
                margin: 0;
            }
            .t-tag {
                font-size: 11px;
                padding: 3px 10px;
                border-radius: 20px;
                font-weight: 600;
                flex-shrink: 0;
            }
            .tag-gs {
                background: #E1F5EE;
                color: #0F6E56;
            }
            .tag-rs {
                background: #E6F1FB;
                color: #185FA5;
            }

            /* Keine Ergebnisse */
            .t-empty {
                display: none;
                grid-column: 1 / -1;
                text-align: center;
                color: #999;
                padding: 2rem 0;
                font-size: 14px;
            }