.petra-archiv { max-width: 1120px; margin: 0 auto; }
.petra-archiv-intro { margin: 0 0 22px; line-height: 1.6; }
.petra-archiv-years { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 32px; }
.petra-archiv-years a { padding: 7px 13px; border: 1px solid #d2d6d9; border-radius: 20px; text-decoration: none; line-height: 1.3; }
.petra-archiv-years a:hover, .petra-archiv-years a:focus-visible { background: #f3f5f6; }
.petra-archiv-year { margin: 28px 0 44px; scroll-margin-top: 100px; }
.petra-archiv-year h2 { border-bottom: 1px solid #ddd; margin: 0 0 22px; padding: 0 0 8px; }
.petra-archiv-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 20px; align-items: start; }
.petra-archiv-card { min-width: 0; padding: 15px; border: 1px solid #e0e0e0; border-radius: 6px; background: #fff; text-align: center; }
.petra-archiv-card h3 { font-size: 17px; margin: 12px 0 5px; line-height: 1.35; }
.petra-archiv-card p { font-size: 12px; color: #5e6469; margin: 0; line-height: 1.45; }
.petra-archiv-thumb ._df_thumb { max-width: 100%; margin-left: auto !important; margin-right: auto !important; cursor: pointer; }
.petra-archiv-thumb ._df_thumb ._df_book-title,
.petra-archiv-thumb ._df_thumb .df-book-title { display: none; }
@media (max-width: 480px) {
.petra-archiv-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.petra-archiv-card { padding: 9px; }
.petra-archiv-card h3 { font-size: 14px; }
}