.siko-news-list {
    margin-top: 38px;
}

.siko-news-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "media content";
    gap: 30px;
    align-items: center;
    padding-top: 57px;
    margin-top: 57px;
    border-top: 1px solid #ccc;
}

.siko-news-card:first-child {
    margin-top: 0;
}

.siko-news-card:nth-child(even) {
    grid-template-areas: "content media";
}

.siko-news-card__media {
    grid-area: media;
}

.siko-news-card__content {
    grid-area: content;
}

.siko-news-card:nth-child(odd) .siko-news-card__content,
.siko-news-card:nth-child(even) .siko-news-card__content {
    text-align: left;
}

.siko-news-card__media a {
    display: block;
}

.siko-news-card__image {
    display: block;
    width: 100%;
    height: auto;
}

.siko-news-card__title {
    margin: 0 0 19px;
    font-size: 45.6px;
    line-height: 1.12;
    font-weight: 400;
}

.siko-news-card__title a {
    color: inherit;
    text-decoration: none;
}

.siko-news-card__title a:hover,
.siko-news-card__title a:focus-visible {
    color: var(--siko-link, #568b29);
}

.siko-news-card__category {
    margin: 0 0 7px;
    color: #808080;
    font-size: 15.2px;
    line-height: 1.5;
    font-weight: 400;
	text-transform: uppercase;
}

.siko-news-card__teaser {
    font-size: 19px;
    line-height: 1.5;
}

.siko-news-card__teaser > :first-child {
    margin-top: 0;
}

.siko-news-card__teaser > :last-child {
    margin-bottom: 0;
}

.siko-news-card__teaser ul,
.siko-news-detail__text ul {
    margin: 0 0 19px;
    padding-left: 15px;
    list-style: none;
}

.siko-news-card__teaser ol,
.siko-news-detail__text ol {
    margin: 19px 0;
    padding-left: 28px;
    list-style: decimal outside;
}

.siko-news-card__teaser li,
.siko-news-detail__text li {
    margin: 0;
    padding: 0;
}
.siko-news-card__teaser ul > li::before,
.siko-news-detail__text ul > li::before {
    content: "- ";
    color: inherit;
}
.siko-news-card__teaser ul,
.siko-news-card__teaser ol {
    text-align: left;
}
.siko-news-card__more {
    display: inline-flex;
    min-height: 2.9rem;
    align-items: center;
    justify-content: center;
    margin-top: 19px;
    padding: 0.7rem 1rem;
    border: 1px solid #8f999f;
    background: #fff;
    color: #18212b;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition:
        color 0.18s ease,
        background-color 0.18s ease,
        border-color 0.18s ease,
        transform 0.1s ease;
}

.siko-news-card__more:hover,
.siko-news-card__more:focus-visible {
    border-color: var(--siko-link, #568b29);
    background: var(--siko-link, #568b29);
    color: #fff;
    text-decoration: none;
}

.siko-news-card__more:focus-visible {
    outline: 3px solid rgb(86 139 41 / 30%);
    outline-offset: 2px;
}

.siko-news-card__more:active {
    transform: translateY(1px);
}

.siko-news-detail__header,
.siko-news-detail__media,
.siko-news-detail__text,
.siko-news-detail__content-elements {
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
}

.siko-news-detail__header h1 {
    margin-bottom: 19px;
}

.siko-news-detail__lead {
    font-size: 23.75px;
    line-height: 1.4;
}

.siko-news-detail__media {
    margin-top: 38px;
    margin-bottom: 38px;
}

.siko-news-detail__image {
    display: block;
    width: 100%;
    height: auto;
}

.siko-news-detail__media figcaption {
    margin-top: 8px;
    color: #808080;
    font-size: 15.2px;
    line-height: 1.5;
}

/* ==========================================================
   News-Liste – Anpassung an das WordPress-Original
   ========================================================== */

/*
 * Nur eine Linie oberhalb des gesamten News-Bereichs.
 * Diese Linie stammt bereits vom TYPO3-Inhaltselement.
 */
.page-content > .frame-type-news_pi1 {
    margin-top: 28.5px;
    padding-top: 57px;
    border-top: 1px solid #ccc;
}

/* Kein zusätzlicher Abstand innerhalb des Plugins */
.siko-news-list {
    margin-top: 0;
}

/*
 * Keine Linien und kein grosses Padding zwischen den News.
 */
.siko-news-card,
.siko-news-card:first-child {
    align-items: start;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

/* Abstand zwischen zwei News-Beiträgen */
.siko-news-card + .siko-news-card {
    margin-top: 28.5px;
}

/* Bild im Original leicht nach unten versetzt */
.siko-news-card__media {
    padding-top: 9.5px;
}

/* Kategorie klein direkt oberhalb des Titels */
.siko-news-card__category {
    display: block;
    margin: 0;
    padding: 0;
    color: #212529;
    font-size: 15.2px;
    line-height: 22.8px;
    font-weight: 400;
}

/* Titel exakt näher am Original */
.siko-news-card__title {
    margin: 0 0 9.5px;
    font-size: 45.6px;
    line-height: 54.72px;
    font-weight: 500;
}

/* Normale Textabsätze */
.siko-news-card__teaser p {
    margin-top: 0;
    margin-bottom: 19px;
}

/* Details-Link ohne zusätzlichen grossen Abstand */
.siko-news-card__more {
    margin-top: 0;
}

.siko-news-detail__navigation {
    max-width: 980px;
    margin: 38px auto 0;
    padding: 0;
}

.siko-news-detail__back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--siko-link, #568b29);
    font-size: 19px;
    line-height: 28.5px;
    text-decoration: none;
}

.siko-news-detail__back:hover,
.siko-news-detail__back:focus-visible {
    color: var(--siko-link-hover, #416c20);
    text-decoration: underline;
}

@media (max-width: 767.98px) {
    .siko-news-card,
    .siko-news-card:nth-child(even) {
        grid-template-columns: 1fr;
        grid-template-areas:
            "media"
            "content";
        gap: 28.5px;
        padding-top: 38px;
        margin-top: 38px;
    }

    .siko-news-card .siko-news-card__content {
        text-align: left;
    }

    .siko-news-card:nth-child(odd) .siko-news-card__teaser ul,
    .siko-news-card:nth-child(odd) .siko-news-card__teaser ol {
        display: block;
        width: auto;
        text-align: left;
    }

    .siko-news-card__title {
        font-size: 34px;
        line-height: 1.2;
    }

    .siko-news-card__category {
        margin: 0 0 4px;
        font-size: 15.2px;
        line-height: 1.5;
    }

    .siko-news-card__teaser {
        font-size: 18px;
        line-height: 1.5;
    }

    .siko-news-card__teaser > h2:first-child,
    .siko-news-card__teaser > h3:first-child {
        margin-bottom: 9.5px;
        font-size: 27px;
        line-height: 1.25;
    }
}

@media (max-width: 420px) {
    .siko-news-card__title {
        font-size: 30px;
    }

    .siko-news-card__teaser > h2:first-child,
    .siko-news-card__teaser > h3:first-child {
        font-size: 24px;
    }
}

/* Trennlinie zwischen den News-Artikeln */
.siko-news-card + .siko-news-card {
    margin-top: 38px;
    padding-top: 38px;
    border-top: 1px solid var(--siko-line, #ccc);
}

/* Vor dem ersten Artikel keine zusätzliche Linie */
.siko-news-card:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

@media (max-width: 767.98px) {
    .siko-news-card + .siko-news-card {
        margin-top: 38px;
        padding-top: 38px;
        border-top: 1px solid var(--siko-line, #ccc);
    }

    .siko-news-card:first-child {
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
    }
}

/* News: aktuelle Seite auch ohne Link als Schaltfläche */
.siko-news-pagination li.current:not(:has(a, span)),
.siko-news-pagination li.active:not(:has(a, span)) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    min-height: 38px;
    padding: 6px 12px;
    border: 1px solid #568b29;
    background: #568b29;
    color: #fff;
    font-size: 16px;
    line-height: 1;
}

@media (max-width: 760px) {
    .siko-news-pagination li.current:not(:has(a, span)),
    .siko-news-pagination li.active:not(:has(a, span)) {
        min-width: 36px;
        min-height: 36px;
        padding: 6px 10px;
        font-size: 15px;
    }
}
.siko-news-archive-back {
    margin-block: 0 2rem;
}

/* ==========================================================
   News-Liste – Abstände korrigieren
   ========================================================== */

/*
 * Vorher:
 * 38px Margin plus 38px Padding = 76px.
 *
 * Neu:
 * 19px Margin plus 19px Padding = 38px.
 */

.siko-news-card + .siko-news-card {
    margin-top: 19px;
    padding-top: 19px;
    border-top: 1px solid var(--siko-line, #ccc);
}


/* Teaser kompakt halten */

.siko-news-card__teaser {
    margin: 0 0 14px;
}

.siko-news-card__teaser p {
    margin: 0;
}


/* Details-Schaltfläche direkt unter dem Teaser */

.siko-news-card__more {
    margin-top: 0;
}


@media (max-width: 767.98px) {

    .siko-news-card + .siko-news-card {
        margin-top: 19px;
        padding-top: 19px;
    }
}
/* Sichtbare Fettschrift trotz fehlendem Flama-Bold-Schnitt */
.siko-news-detail__text strong,
.siko-news-detail__text b {
    font-weight: 700;
}