/* EROS69 – Blog. Nutzt die Variablen und Basisklassen aus neu.css (.n69, .n69-wrap, .n69-crumbs, .n69-cat-hd). */
/* Abstand unter dem Menue wie auf den Kategorie-Seiten */
.n69.bl { padding: 20px 0 72px; }
.n69 .bl-empty { margin: 24px 0; font-size: 15px; color: #47413F; }

/* Uebersicht */
.n69 .bl-list { list-style: none; margin: 10px 0 0; padding: 0; border-top: 1px solid #E3DCD8; }
.n69 .bl-it { border-bottom: 1px solid #E3DCD8; }
.n69 a.bl-row { display: grid; grid-template-columns: minmax(0, 1fr) 168px; gap: 32px; align-items: center; padding: 26px 0; }
.n69 a.bl-row.bl-noimg { grid-template-columns: minmax(0, 1fr); }
.n69 .bl-date { display: block; font-size: 13px; color: #8A8285; }
.n69 .bl-row h2 { margin: 6px 0 8px; font-size: 22px; font-weight: 600; line-height: 1.3; transition: color .15s; }
.n69 .bl-row:hover h2 { color: #D90019; }
.n69 .bl-row p { max-width: 640px; font-size: 15px; line-height: 1.6; color: #47413F; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.n69 .bl-thumb { aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; background: #F5F3F1; }
.n69 .bl-thumb img { width: 100%; height: 100%; object-fit: contain; transition: transform .35s ease; }
.n69 .bl-row:hover .bl-thumb img { transform: scale(1.04); }

.n69 .bl-pages { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 36px 0 0; }
.n69 .bl-pages a, .n69 .bl-pages b, .n69 .bl-pages span { min-width: 42px; height: 42px; display: grid; place-items: center; border-radius: 999px; font-size: 15px; }
.n69 .bl-pages a { border: 1px solid #E3DCD8; }
.n69 .bl-pages a:hover { border-color: #141112; }
.n69 .bl-pages b { background: #141112; color: #fff; font-weight: 600; }
.n69 .bl-pages span { color: #8A8285; }

/* Artikel */
.n69 .bl-art { max-width: 760px; margin: 22px 0 0; }
.n69 .bl-art h1 { font-size: 38px; font-weight: 700; line-height: 1.2; }
.n69 .bl-meta { margin: 12px 0 0; font-size: 14px; color: #8A8285; }
/* ganzes Bild, nichts abschneiden (die Bilder enthalten Text) */
.n69 .bl-hero { display: block; width: auto; max-width: 100%; height: auto; max-height: 460px; margin: 26px 0 0; border-radius: 10px; }
.n69 .bl-prose { margin: 30px 0 0; font-size: 17px; line-height: 1.75; color: #141112; overflow-wrap: break-word; }
.n69 .bl-prose > :first-child { margin-top: 0; }
.n69 .bl-prose h2 { margin: 2em 0 .6em; font-size: 26px; font-weight: 700; line-height: 1.3; }
.n69 .bl-prose h3 { margin: 1.7em 0 .5em; font-size: 20px; font-weight: 600; line-height: 1.35; }
.n69 .bl-prose h4 { margin: 1.5em 0 .4em; font-size: 17px; font-weight: 600; }
.n69 .bl-prose p { margin: 0 0 1.1em; }
.n69 .bl-prose ul, .n69 .bl-prose ol { margin: 0 0 1.3em; padding-left: 1.4em; }
.n69 .bl-prose li { margin: 0 0 .4em; padding-left: .2em; }
.n69 .bl-prose a { color: #D90019; text-decoration: underline; text-underline-offset: 2px; }
.n69 .bl-prose a:hover { color: #B30014; }
.n69 .bl-prose img { max-width: 100%; height: auto; border-radius: 10px; margin: 1.2em 0; }
.n69 .bl-prose blockquote { margin: 1.5em 0; padding: 2px 0 2px 18px; border-left: 3px solid #D90019; color: #47413F; }
.n69 .bl-prose hr { border: 0; border-top: 1px solid #E3DCD8; margin: 2em 0; }
.n69 .bl-prose table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin: 0 0 1.3em; font-size: 15px; }
.n69 .bl-prose th, .n69 .bl-prose td { border: 1px solid #E3DCD8; padding: 8px 12px; text-align: left; vertical-align: top; }
.n69 .bl-prose th { background: #F5F3F1; font-weight: 600; }
.n69 .bl-back { margin: 36px 0 0; font-size: 15px; font-weight: 600; }
.n69 .bl-back a:hover { color: #D90019; }

.n69 .bl-more { margin: 64px 0 0; padding-top: 34px; border-top: 1px solid #E3DCD8; }
.n69 .bl-more h2 { font-size: 22px; font-weight: 700; }
.n69 .bl-more ul { list-style: none; margin: 20px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.n69 .bl-more a { display: flex; flex-direction: column; gap: 6px; height: 100%; padding: 20px; border: 1px solid #E3DCD8; border-radius: 10px; transition: border-color .15s; }
.n69 .bl-more a:hover { border-color: #141112; }
.n69 .bl-more time { font-size: 12px; color: #8A8285; }
.n69 .bl-more b { font-size: 16px; font-weight: 600; line-height: 1.35; }
.n69 .bl-more a:hover b { color: #D90019; }
.n69 .bl-more span { font-size: 14px; line-height: 1.55; color: #47413F; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* nicht gefunden */
.n69 .bl-nf { max-width: 520px; margin: 56px auto 40px; text-align: center; }
.n69 .bl-nf h1 { font-size: 30px; font-weight: 700; }
.n69 .bl-nf p { margin: 12px 0 24px; font-size: 15px; color: #47413F; }
.n69 a.bl-btn { display: inline-block; background: #141112; color: #fff; border-radius: 999px; padding: 11px 26px; font-weight: 600; }
.n69 a.bl-btn:hover { background: #D90019; }

@media (max-width: 860px) {
  .n69 .bl-more ul { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .n69 a.bl-row { grid-template-columns: minmax(0, 1fr) 96px; gap: 6px 16px; padding: 20px 0; align-items: start; align-content: start; }
  .n69 .bl-row h2 { font-size: 18px; }
  .n69 .bl-row p { grid-column: 1; margin-top: 2px; font-size: 14px; }
  .n69 .bl-txt { display: contents; }
  .n69 .bl-txt .bl-date { grid-column: 1; }
  .n69 .bl-txt h2 { grid-column: 1; grid-row: 2; margin: 0; }
  .n69 .bl-thumb { grid-column: 2; grid-row: 1 / span 3; }
  .n69 a.bl-row.bl-noimg .bl-txt { display: block; }
  .n69 .bl-art h1 { font-size: 27px; }
  .n69 .bl-prose { font-size: 16px; }
  .n69 .bl-prose h2 { font-size: 22px; }
}