
/* SEOBrufen Blog — append to the existing site stylesheet */
.blogPage,.articlePage{background:#f7f8fc;color:#101a3a}
.blogHero{padding:92px 0 72px;background:linear-gradient(135deg,#f7f8fc 0%,#fff 58%,#fff0f6 100%);border-bottom:1px solid #e7e9f2}
.blogHero h1{font-size:clamp(48px,7vw,88px);line-height:.94;letter-spacing:-.055em;max-width:920px;margin:14px 0 26px;color:#111b3d}
.blogHero h1 em{font-style:normal;color:#ec1470}.blogHero p{max-width:760px;font-size:20px;line-height:1.65;color:#5a6178}
.blogTopics{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.blogTopics span{border:1px solid #d9ddeb;border-radius:999px;padding:8px 14px;font-weight:700;font-size:12px;letter-spacing:.04em;background:#fff}
.featuredPost{padding:70px 0}.featuredCard{display:grid;grid-template-columns:.82fr 1.18fr;overflow:hidden;border-radius:28px;background:#111b3d;color:#fff;text-decoration:none;box-shadow:0 24px 70px rgba(17,27,61,.15)}
.featuredVisual{min-height:410px;padding:42px;position:relative;background:radial-gradient(circle at 70% 25%,#ff4c98 0,#ec1470 25%,#111b3d 68%);display:flex;align-items:center;justify-content:center}
.featuredVisual .dose{position:absolute;top:30px;left:34px;font-size:70px;font-weight:900;opacity:.16}.featuredVisual small{position:absolute;bottom:28px;left:34px;font-weight:800;letter-spacing:.16em}
.capsule{width:165px;height:165px;border-radius:50%;background:#fff;color:#111b3d;display:grid;place-content:center;text-align:center;font-size:38px;line-height:.8;font-weight:900;box-shadow:0 25px 50px rgba(0,0,0,.25);transform:rotate(-9deg)}.capsule b{color:#ec1470}
.featuredCopy{padding:56px}.featuredCopy h2{font-size:clamp(34px,4vw,56px);line-height:1.02;letter-spacing:-.04em;margin:20px 0}.featuredCopy p{font-size:18px;line-height:1.7;color:#c8cde0}.featuredCopy strong{display:inline-block;margin-top:18px;color:#ff4c98}
.postMeta{display:flex;gap:14px;align-items:center;font-size:11px;font-weight:800;letter-spacing:.09em}.postMeta span{color:#ec1470}.postMeta time{opacity:.65}
.blogGridSection{padding:25px 0 100px}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.sectionHead h2{font-size:48px;letter-spacing:-.04em;margin:8px 0 0}.sectionHead p{color:#6d7388}
.postGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.postCard{background:#fff;border:1px solid #e5e8f0;border-radius:22px;overflow:hidden;transition:.2s}.postCard:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(17,27,61,.09)}
.postCard a{color:inherit;text-decoration:none}.postVisual{height:175px;background:#111b3d;color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:flex-start}.postVisual span{font-size:11px;font-weight:900;letter-spacing:.13em}.postVisual b{font-size:42px;color:#ec1470}
.postBody{padding:26px}.postBody h3{font-size:24px;line-height:1.12;letter-spacing:-.025em;margin:14px 0}.postBody p{color:#697087;line-height:1.6}.postBody strong{display:block;margin-top:20px;color:#ec1470}
.blogNewsletter{background:#111b3d;color:#fff;padding:70px 0}.newsletterInner{display:flex;align-items:center;justify-content:space-between;gap:30px}.newsletterInner h2{font-size:42px;margin:8px 0}.newsletterInner p{color:#c6cbe0}
.articleHero{padding:90px 0 55px;background:linear-gradient(135deg,#f7f8fc,#fff0f6)}.articleWrap{width:min(860px,calc(100% - 40px));margin:auto}.articleHero h1{font-size:clamp(44px,6vw,74px);line-height:1;letter-spacing:-.05em;margin:16px 0 24px}.articleExcerpt{font-size:21px;line-height:1.55;color:#626980}.articleMeta{display:flex;gap:12px;margin-top:28px;font-weight:700;font-size:13px}
.articleCover{margin-top:45px}.articleCover img{width:100%;border-radius:24px}.articleContent{padding:55px 0;font-size:18px;line-height:1.8;color:#2d344c}.articleContent h2{font-size:36px;line-height:1.15;margin-top:50px}.articleContent h3{font-size:27px;margin-top:38px}.articleContent a{color:#ec1470}.articleContent blockquote{border-left:4px solid #ec1470;margin:35px 0;padding:10px 0 10px 25px;font-size:22px;color:#111b3d}
.articleEnd{border-top:1px solid #dfe2eb;padding:30px 0 70px;display:flex;justify-content:space-between;font-size:12px;font-weight:900;letter-spacing:.08em}.articleEnd a{color:#ec1470;text-decoration:none}
@media(max-width:850px){.featuredCard{grid-template-columns:1fr}.featuredVisual{min-height:280px}.postGrid{grid-template-columns:1fr}.sectionHead,.newsletterInner{align-items:flex-start;flex-direction:column}.featuredCopy{padding:34px}.blogHero{padding-top:60px}}
