/* Sitemap HTML Page */
/*
 * Minimal gemäß 011-ui-css-widgets-architecture.mdc.
 * Verwendete Widget-Klassen: .base-content-container, .base-headline-h1, .base-section, .base-content-text, .base-link-standard
 * Einzigartige Anforderung: Kachelinhalte linksbündig. Such-Bereich: 2 Kacheln nebeneinander; Restaurant-Bereich: 1 Kachel pro Zeile.
 * Eine Klasse pro Selektor (kein ID, keine Nachfahren-Selektoren).
 */

.sitemap-html-bereich-search-tiles {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    align-items: stretch;
}
@media (min-width: 576px) {
    .sitemap-html-bereich-search-tiles {
        grid-template-columns: repeat(2, 1fr);
    }
}

.sitemap-html-tile-left {
    align-items: flex-start;
    text-align: left;
    width: 100%;
    min-width: 100%;
    flex: 1 1 100%;
    box-sizing: border-box;
    height: auto;
    min-height: auto;
}
.sitemap-html-tile-left-in-search-grid {
    flex: none;
    width: auto;
    min-width: 0;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.sitemap-html-tile-title-left {
    text-align: left;
}
.sitemap-html-tile-title-left-search-grid {
    height: 2.5em;
    min-height: 2.5em;
    display: flex;
    align-items: center;
}

.sitemap-html-tile-intro {
    height: 4.5em;
    min-height: 4.5em;
    display: flex;
    align-items: flex-start;
}
.sitemap-html-tile-headline-in-grid {
    height: 2.25em;
    min-height: 2.25em;
    display: flex;
    align-items: center;
}
.sitemap-html-tile-list-min-height {
    min-height: 12em;
}
.sitemap-html-tile-list-max-height {
    min-height: 8em;
}

.sitemap-html-tile-toc {
    flex: 1 1 100%;
    width: 100%;
    min-width: 100%;
}
.sitemap-html-row-flags {
    display: inline-flex;
    align-items: center;
    gap: 1px;
    margin-right: 6px;
}
.sitemap-html-list-no-bullets {
    list-style: none;
    padding-left: 0;
}
.sitemap-html-list-no-bullets-item {
    list-style: none;
}

/* Landingpage-Einträge in 3 Spalten für platzsparende Darstellung */
.sitemap-html-landingpages-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.25em 1rem;
}
@media (min-width: 576px) {
    .sitemap-html-landingpages-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1024px) {
    .sitemap-html-landingpages-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Dezimal gegliedertes Inhaltsverzeichnis mit Punktführungen (eine Zeile = ein Link, keine Dopplung) */
.sitemap-html-toc-list-decimal {
    list-style: none;
    padding-left: 0;
}
.sitemap-html-toc-list-decimal-item {
    margin-bottom: 0.5em;
}
.sitemap-html-toc-link {
    display: flex;
    align-items: baseline;
    flex-wrap: nowrap;
    gap: 0;
    width: 100%;
}
.sitemap-html-toc-num {
    margin-right: 0.25em;
    flex-shrink: 0;
}
.sitemap-html-toc-label {
    flex-shrink: 0;
}
.sitemap-html-toc-dots {
    flex: 1;
    min-width: 1em;
    margin: 0 0.5em;
    border-bottom: 1px dotted currentColor;
    flex-shrink: 1;
}

/* Eine Klasse pro Element: Info-Zeile, Links-Liste, Pagination */
.sitemap-html-info-line {
    font-size: var(--font-size-base);
    color: var(--color-text);
    margin: 0 0 1rem;
}
.sitemap-html-links-list {
    font-size: var(--font-size-base);
    color: var(--color-text);
    list-style: none;
    padding-left: 0;
    margin: 0 0 1.5rem;
}
.sitemap-html-link-item {
    color: var(--color-link);
    text-decoration: underline;
}
.sitemap-html-link-item:hover {
    color: var(--color-link-hover);
}
.sitemap-html-pagination {
    margin-top: 1.5rem;
}
.sitemap-html-pagination-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.sitemap-html-pagination-first,
.sitemap-html-pagination-prev,
.sitemap-html-pagination-next,
.sitemap-html-pagination-last,
.sitemap-html-pagination-page {
    color: var(--color-link);
    text-decoration: underline;
}
.sitemap-html-pagination-first:hover,
.sitemap-html-pagination-prev:hover,
.sitemap-html-pagination-next:hover,
.sitemap-html-pagination-last:hover,
.sitemap-html-pagination-page:hover {
    color: var(--color-link-hover);
}
.sitemap-html-pagination-current {
    font-weight: bold;
    color: var(--color-text);
    text-decoration: none;
}
.sitemap-html-pagination-disabled-span {
    color: var(--color-text-secondary, var(--color-text));
    cursor: not-allowed;
}
.sitemap-html-pagination-ellipsis {
    font-size: var(--font-size-base);
    color: var(--color-text);
}