/* tisuterik – Blog-Styles (Übersicht + Artikel) */
.blog-hero { text-align: center; padding: 150px 0 20px; }
.blog-hero .section-label { display: inline-flex; }
.blog-hero h1 { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: clamp(2.6rem, 6vw, 4rem); color: #f6f1ff; margin: 12px 0 10px; line-height: 1.05; }
.blog-hero p { color: #c9bce0; max-width: 620px; margin: 0 auto; font-size: 1.05rem; line-height: 1.6; }

.blog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; padding: 40px 0 20px; }
.blog-card { background: rgba(30,18,58,0.6); border: 1px solid rgba(212,176,106,0.22); border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.blog-card:hover { transform: translateY(-6px); box-shadow: 0 24px 60px rgba(0,0,0,0.4); border-color: rgba(212,176,106,0.5); }
.blog-card-media { height: 190px; position: relative; display: flex; align-items: center; justify-content: center; }
.blog-card-media .b-star { color: #e2c58a; filter: drop-shadow(0 0 14px rgba(212,176,106,0.6)); opacity: .92; }
.blog-card-body { padding: 24px 26px 28px; display: flex; flex-direction: column; flex: 1; }
.blog-tag { align-self: flex-start; font-size: 11px; letter-spacing: 1.6px; text-transform: uppercase; color: #e2c58a; border: 1px solid rgba(212,176,106,0.4); border-radius: 40px; padding: 4px 12px; margin-bottom: 14px; }
.blog-card h2 { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: 1.55rem; line-height: 1.2; color: #f6f1ff; margin-bottom: 10px; }
.blog-card p { color: #c1b4dc; font-size: .95rem; line-height: 1.6; margin-bottom: 18px; flex: 1; }
.blog-card .b-more { color: #e2c58a; font-weight: 600; font-size: .92rem; display: inline-flex; align-items: center; gap: 7px; margin-top: auto; }
.blog-card-link { text-decoration: none; }

/* Artikel */
.article-wrap { max-width: 760px; margin: 0 auto; padding: 0 22px; }
.article-hero { padding: 140px 0 12px; text-align: center; }
.breadcrumbs { font-size: 12.5px; color: #9586b3; margin-bottom: 18px; }
.breadcrumbs a { color: #b7a9d6; text-decoration: none; }
.breadcrumbs a:hover { color: #e2c58a; }
.article-hero .blog-tag { display: inline-block; margin: 0 auto 16px; }
.article-hero h1 { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: clamp(2.1rem, 5.2vw, 3.3rem); color: #f6f1ff; line-height: 1.12; margin: 0 auto 16px; max-width: 15ch; }
.article-meta { color: #9586b3; font-size: 13.5px; letter-spacing: .3px; }
.article-meta span { margin: 0 8px; color: #6a5c8c; }
.article-divider { display: flex; align-items: center; justify-content: center; gap: 14px; color: #e2c58a; margin: 30px auto 26px; }
.article-divider i { height: 1px; width: 90px; background: linear-gradient(90deg, transparent, #d4b06a); }
.article-divider i:last-child { background: linear-gradient(90deg, #d4b06a, transparent); }

.article-body { color: #d7cfe6; font-size: 1.075rem; line-height: 1.85; }
.article-body p { margin: 0 0 22px; }
.article-body h2 { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: 1.9rem; color: #f6f1ff; margin: 40px 0 14px; line-height: 1.2; }
.article-body h3 { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: 1.4rem; color: #e2c58a; margin: 28px 0 10px; }
.article-body a { color: #e2c58a; text-decoration: underline; text-underline-offset: 3px; }
.article-body ul { margin: 0 0 22px; padding-left: 4px; list-style: none; }
.article-body ul li { position: relative; padding-left: 26px; margin-bottom: 10px; }
.article-body ul li::before { content: '✦'; position: absolute; left: 0; top: 1px; color: #d4b06a; font-size: .85em; }
.article-body strong { color: #f2ecff; }
.article-body blockquote { margin: 26px 0; padding: 16px 24px; border-left: 3px solid #d4b06a; background: rgba(212,176,106,0.07); border-radius: 0 12px 12px 0; font-family: 'Cormorant Garamond', serif; font-size: 1.35rem; color: #f0e9ff; font-style: italic; line-height: 1.5; }

.article-cta { margin: 44px 0 10px; background: linear-gradient(160deg, rgba(46,29,87,0.9), rgba(26,16,53,0.9)); border: 1px solid rgba(212,176,106,0.35); border-radius: 20px; padding: 30px 30px 32px; text-align: center; }
.article-cta h3 { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: 1.7rem; color: #f6f1ff; margin-bottom: 10px; }
.article-cta p { color: #c9bce0; font-size: .98rem; line-height: 1.6; margin-bottom: 20px; }

.article-note { margin: 34px 0 0; font-size: .86rem; color: #9586b3; line-height: 1.6; border-top: 1px solid rgba(212,176,106,0.18); padding-top: 18px; }

.related { max-width: 1080px; margin: 60px auto 0; padding: 0 22px; }
.related h2 { text-align: center; font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: 1.9rem; color: #f6f1ff; margin-bottom: 26px; }