/* ============================================
       Angebote-Tabelle – Grundlayout
       ============================================ */
    .angebote-tabelle-wrapper {
        margin: 2rem 0;
    }

    .angebote-count {
        margin-bottom: 1rem;
        color: #555;
    }

    .angebote-tabelle {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.95rem;
        line-height: 1.5;
    }

    .angebote-tabelle thead {
        background-color: #006633; /* BuG-Grün – anpassen nach Bedarf */
        color: #fff;
    }

    .angebote-tabelle th {
        padding: 0.75rem 1rem;
        text-align: left;
        font-weight: 600;
        white-space: nowrap;
    }

    .angebote-tabelle td {
        padding: 0.75rem 1rem;
        border-bottom: 1px solid #e0e0e0;
        vertical-align: top;
    }

    .angebote-tabelle tbody tr:hover {
        background-color: #f5f9f6;
    }

    .angebote-tabelle tbody tr:nth-child(even) {
        background-color: #fafafa;
    }

    .angebote-tabelle a {
        color: #006633;
        text-decoration: none;
        font-weight: 600;
    }

    .angebote-tabelle a:hover {
        text-decoration: underline;
    }

    /* Spaltenbreiten */
    .col-angebot    { width: 25%; }
    .col-anbieter   { width: 20%; }
    .col-schulstufe { width: 18%; }
    .col-personenkreis { width: 18%; }
    .col-bezug      { width: 19%; }

    /* Keine Ergebnisse */
    .angebote-keine {
        padding: 2rem;
        text-align: center;
        color: #666;
        font-style: italic;
    }
	.ua-gallery {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		align-items: center;
	}

	.ua-gallery img {
		max-width: 200px !important;
		height: auto;
	}
	.facetwp-label.screen-reader-text {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

    /* ============================================
       Responsive: Mobile Ansicht
       ============================================ */
    @media screen and (max-width: 768px) {
        .angebote-tabelle thead {
            display: none;
        }

        .angebote-tabelle,
        .angebote-tabelle tbody,
        .angebote-tabelle tr,
        .angebote-tabelle td {
            display: block;
            width: 100%;
        }

        .angebote-tabelle tr {
            margin-bottom: 1rem;
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            padding: 0.5rem;
            background: #fff;
        }

        .angebote-tabelle td {
            padding: 0.4rem 0.75rem;
            border-bottom: none;
            text-align: left;
        }

        .angebote-tabelle td::before {
            content: attr(data-label) ": ";
            font-weight: 600;
            color: #006633;
        }

        .angebote-tabelle td.col-angebot::before {
            content: none;
        }

        .angebote-tabelle td.col-angebot {
            font-size: 1.1rem;
            padding-bottom: 0.25rem;
            border-bottom: 1px solid #e0e0e0;
            margin-bottom: 0.25rem;
        }
    }