/* supplement.css — klimtderfilm.at restoration additions */

/* Blog / article readable content card on the dark cinematic theme */
.romli-article-wrap { width:776px; margin:0 auto; }
.romli-article-flex { display:flex; gap:22px; align-items:flex-start; padding:6px 0 30px; }
.romli-article-main { flex:1; min-width:0; background:#ffffff; color:#1c1c1c;
  padding:30px 34px; border:1px solid #EDB100; border-radius:2px;
  font-family:Verdana,Helvetica,Arial,sans-serif; font-size:14px; line-height:1.7; }
.romli-article-main h1 { color:#111; font-size:26px; line-height:1.25; margin:0 0 18px;
  font-family:Verdana,Helvetica,Arial,sans-serif; }
.romli-article-main a { color:#a67c00; }
.romli-article-side { flex:0 0 220px; max-width:220px; }
.romli-article-side .box { background:#111; border:1px solid #333; border-radius:2px; padding:16px 15px; }
.romli-article-side h3 { font-size:11px; text-transform:uppercase; letter-spacing:.1em;
  color:#EDB100; margin:0 0 13px; font-weight:bold; font-family:Verdana,Arial,sans-serif; }
.romli-article-side a { color:#CCCCCC; text-decoration:none; font-size:12px; line-height:1.5;
  font-weight:bold; display:block; font-family:Verdana,Arial,sans-serif; }
.romli-article-side a:hover { color:#EDB100; }
.romli-article-side .it { margin-bottom:9px; padding-bottom:9px; border-bottom:1px solid #2a2a2a; }

/* Blog catalog grid */
.romli-blog-wrap { width:776px; margin:0 auto; padding:6px 0 30px; }
.romli-blog-head { color:#EDB100; font-family:Verdana,Arial,sans-serif; }
.romli-blog-head h1 { font-size:24px; margin:4px 0 6px; color:#EDB100; }
.romli-blog-head p { color:#CCCCCC; font-size:13px; line-height:1.6; margin:0 0 18px; }
.romli-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.romli-card { background:#111; border:1px solid #333; border-radius:2px; overflow:hidden;
  display:flex; flex-direction:column; }
.romli-card img { width:100%; height:150px; object-fit:cover; display:block; }
.romli-card .b { padding:13px 14px 16px; }
.romli-card h2 { font-size:14px; line-height:1.35; margin:0 0 8px; font-family:Verdana,Arial,sans-serif; }
.romli-card h2 a { color:#EDB100; text-decoration:none; }
.romli-card p { color:#BBBBBB; font-size:12px; line-height:1.55; margin:0;
  font-family:Verdana,Arial,sans-serif; }
@media (max-width:800px){
  .romli-article-wrap,.romli-blog-wrap{width:96%;}
  .romli-article-flex{flex-direction:column;}
  .romli-article-side{flex-basis:auto;max-width:none;width:100%;}
  .romli-cards{grid-template-columns:repeat(2,1fr);}
}