.artikelbereich{max-width:1600px;margin:auto;padding:clamp(50px,5.5vw,88px) 7.75% clamp(65px,7vw,110px)}
.artikelbereich h2{font-size:clamp(28px,2.6vw,42px);line-height:1.12;margin:0 0 14px;letter-spacing:-.025em}
.artikelhinweis{color:#555;line-height:1.5;margin:0 0 38px;font-size:16px}
.artikelliste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(30px,5vw,76px)}
.artikel{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border-top:1px solid #c8c8c5;padding:24px 0 27px;min-height:140px}
.artikel h3{font-size:clamp(19px,1.55vw,24px);line-height:1.22;margin:0 0 23px;color:#171a1c}
.artikel a{font-size:15px;border-bottom:2px solid #e6b800;padding:0 0 6px;display:inline-flex;align-items:center;gap:12px}
.artikel a span{color:#c99c00;font-size:21px;line-height:1}
.artikel a:hover,.artikel a:focus-visible{color:#a77d00}
@media(max-width:700px){.artikelbereich{padding:45px 7% 65px}.artikelhinweis{font-size:15px;margin-bottom:27px}.artikelliste{grid-template-columns:1fr}.artikel{min-height:0;padding:22px 0}.artikel h3{font-size:19px;margin-bottom:18px}}
/* Kleine Bildmotive lockern die Übersicht auf. */
.artikel{display:grid;grid-template-columns:145px minmax(0,1fr);gap:22px;align-items:start;min-height:150px}
.artikelbild{display:block;width:145px;height:100px;object-fit:cover;background:#282a2a}
.artikeltext{min-width:0}
.artikel h3{margin:0 0 17px}
@media(max-width:700px){.artikel{grid-template-columns:105px minmax(0,1fr);gap:16px;min-height:0}.artikelbild{width:105px;height:78px}.artikel h3{font-size:17px;margin-bottom:12px}.artikel a{font-size:14px}}

/* Lange Artikelüberschriften und Links an schmale Displays anpassen. */
.einzel-layout>article,.einzel-layout>aside{min-width:0}
.einzel-layout article :is(h2,h3,h4,p,li,a){overflow-wrap:anywhere}

/* Lange Titel bleiben auch in schmalen Vorschaukarten lesbar. */
.artikeltext h3{overflow-wrap:anywhere}