/* easyVSOP Relaunch – Blog-Skin (Listing & Beiträge) */
:root{
  --ink:#10233d;        /* brand navy */
  --ink-2:#2b3f5c;
  --muted:#5d6b80;
  --bg:#f5f8fc;
  --surface:#ffffff;
  --line:#dbe3ee;
  --accent:#1f7fe0;     /* equity blue */
  --accent-soft:#e3f0fd;
  --gain:#0f9b6c;       /* payout / value growth */
  --gain-soft:#e0f5ec;
  --band:#10233d; --band-fg:#eef4fb; --band-muted:#a7b6ca;
  --shadow:0 1px 2px rgba(16,35,61,.06),0 12px 32px -12px rgba(16,35,61,.18);
  --f-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --f-body:"Schibsted Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --r:14px;
  --wrap:1160px;
}
body.blog{background:var(--bg) !important;color:var(--ink);font-family:var(--f-body) !important;-webkit-font-smoothing:antialiased;}
body.blog p,body.blog li,body.blog span,body.blog a{font-family:var(--f-body);}
body.blog h1,body.blog h2,body.blog h3,body.blog h4,body.blog h5,body.blog h6,body.blog .heading{font-family:var(--f-display) !important;color:var(--ink);letter-spacing:-.02em;}
/* Header */
.header__container{background:color-mix(in srgb,var(--bg) 88%,transparent) !important;backdrop-filter:blur(12px);border-bottom:1px solid var(--line) !important;box-shadow:none !important;}
.header__container .header__menu-link,.header__container .header__menu-link span{font-family:var(--f-body) !important;font-size:.95rem !important;font-weight:500 !important;color:var(--ink-2) !important;letter-spacing:0 !important;text-transform:none !important;}
.header__container .header__menu-link:hover,.header__container .header__menu-link:hover span{color:var(--accent) !important;}
.header__container a.cta-button{display:inline-flex !important;align-items:center;padding:.6rem 1.15rem !important;border-radius:999px !important;background:var(--accent) !important;border:1.5px solid transparent !important;color:#fff !important;font-family:var(--f-body) !important;font-weight:600 !important;font-size:.95rem !important;line-height:1.2 !important;text-transform:none !important;letter-spacing:0 !important;box-shadow:none !important;}
.header__container a.cta-button:hover{background:color-mix(in srgb,var(--accent) 85%,#000) !important;}
.evx-logo-swap .header__logo-link img{display:none !important;}
.header__logo-link .evx-hlogo{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--f-display);font-weight:800;font-size:1.45rem;letter-spacing:-.02em;color:var(--ink);line-height:1;}
.header__logo-link .evx-hlogo b{background:var(--ink);color:var(--bg);padding:.05rem .5rem;border-radius:8px;}
/* Hero Listing */
body.blog .sr-hero-01{background:var(--band) !important;border-radius:24px;max-width:1160px;margin:32px auto 0 !important;}
body.blog .sr-hero-01 h1{color:var(--band-fg) !important;font-size:clamp(2rem,4vw,3rem) !important;font-weight:700;}
body.blog .sr-hero-01 p{color:var(--band-muted) !important;font-size:1.05rem;}
/* Karten */
body.blog .article-panel{background:var(--surface) !important;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s;height:calc(100% - 28px);margin-bottom:28px;}
body.blog .article-panel:hover{transform:translateY(-3px);}
body.blog .article-panel a{text-decoration:none !important;color:inherit;}
body.blog .article-panel .article-img{overflow:hidden;}
body.blog .article-panel .article-img img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;}
body.blog .article-panel .article-content{padding:18px 20px 6px;}
body.blog .article-panel h6{font-size:1.12rem !important;line-height:1.3;font-weight:700;color:var(--ink) !important;}
body.blog .article-panel p{color:var(--muted) !important;font-size:.93rem !important;line-height:1.55;}
/* Beitrag */
body.blog-post .blog-content{color:var(--ink-2);font-size:1.06rem;line-height:1.75;}
body.blog-post article h1{font-size:clamp(2rem,4vw,2.8rem) !important;line-height:1.1;margin-bottom:1rem;}
body.blog-post .blog-content h2{font-size:1.6rem !important;margin:2.2rem 0 .8rem;line-height:1.2;}
body.blog-post .blog-content h3{font-size:1.25rem !important;margin:1.6rem 0 .6rem;}
body.blog-post .blog-content a,body.blog a.link{color:var(--accent);}
body.blog-post .blog-content img{border-radius:14px;}
body.blog .btn-primary,body.blog .cta-button{border-radius:999px;}
/* Alter Footer aus, neuer Footer */
body.blog .sr-footer,body.blog #hs_cos_wrapper_footer{display:none !important;}
.evx-blog-foot{font-family:var(--f-body);color:var(--muted);}
.evx-blog-foot footer{padding-block:3rem 2.5rem;border-top:1px solid var(--line);margin-top:clamp(4rem,8vw,6rem);font-size:.93rem;color:var(--muted);}
.evx-blog-foot a{color:var(--ink-2);}
.evx-blog-foot .foot-h{font-family:var(--f-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0 0 .8rem;font-weight:500;}
.evx-blog-foot .wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
.evx-blog-foot .num{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.evx-blog-foot .logo{display:flex;align-items:center;gap:.35rem;font-family:var(--f-display);font-weight:800;font-size:1.35rem;text-decoration:none;letter-spacing:-.02em}
.evx-blog-foot .logo b{background:var(--ink);color:var(--bg);padding:.05rem .5rem;border-radius:8px}
.evx-blog-foot .compare .num{text-align:right}
.evx-blog-foot .foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
.evx-blog-foot .foot>*{min-width:0}
.evx-blog-foot .foot h4{font-family:var(--f-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0 0 .8rem;font-weight:500}
.evx-blog-foot .foot a{display:block;text-decoration:none;padding-block:.2rem}
.evx-blog-foot .foot a:hover{color:var(--accent)}
.evx-blog-foot .foot address{font-style:normal;line-height:1.7}
.evx-blog-foot .legal{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.85rem}
@media (max-width:760px){.evx-blog-foot .foot{grid-template-columns:1fr 1fr}}
.evx-blog-foot .legal-body{max-width:72ch;display:grid;gap:1.6rem}
.evx-blog-foot .legal-body h2{font-size:1.25rem;margin-bottom:.4rem}
.evx-blog-foot .legal-body p{color:var(--ink-2)}
.evx-blog-foot .legal-body h1,.evx-blog-foot .legal-body h3,.evx-blog-foot .legal-body h4{font-size:1.25rem;margin:1.6rem 0 .4rem}
.evx-blog-foot .legal-body ul,.evx-blog-foot .legal-body ol{padding-left:1.2rem}
.evx-blog-foot .legal-body a{color:var(--accent)}
.evx-blog-foot .legal-body *{max-width:100%}
.evx-blog-foot .form-card .hs-form .legal-consent-container,.evx-blog-foot .news .hs-form .legal-consent-container{font-size:.8rem;color:var(--muted)}
/* Blog v2 */
body.blog-post .blog-content p,body.blog-post .blog-content li{line-height:1.75;color:var(--ink-2);}
body.blog-post .blog-content p{margin-bottom:1.1rem;}
body.blog-post article a[href*="zur"],body.blog-post .blog-content > a:first-child{font-size:.9rem;}
body.blog-post .sidebar-wrapper{background:var(--band) !important;border-radius:20px;padding:28px 26px !important;box-shadow:var(--shadow);position:sticky;top:96px;}
body.blog-post .sidebar-wrapper *{color:var(--band-fg) !important;background:none !important;font-family:var(--f-body);}
body.blog-post .sidebar-wrapper h3,body.blog-post .sidebar-wrapper h3 *{font-family:var(--f-display) !important;font-size:1.45rem !important;line-height:1.25 !important;}
body.blog-post .sidebar-wrapper h5 span[style*="background"]{display:inline-block;background:rgba(255,255,255,.12) !important;color:#9fd3ff !important;border-radius:999px;padding:.15rem .7rem;font-size:.78rem;font-family:var(--f-mono) !important;letter-spacing:.06em;text-transform:uppercase;}
body.blog-post .sidebar-wrapper a{color:#9fd3ff !important;text-decoration:underline;text-underline-offset:3px;}
body.blog .evx-mcta-btn,.evx-mcta .btn{display:inline-flex;align-items:center;padding:.7rem 1.1rem;border-radius:999px;background:var(--accent);color:#fff !important;font-weight:600;font-size:.92rem;text-decoration:none;font-family:var(--f-body);}
.evx-mcta{display:none;}
@media (max-width:700px){
 .evx-mcta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999;gap:.6rem;align-items:center;justify-content:space-between;padding:.7rem 16px calc(.7rem + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 24px -12px rgba(16,35,61,.25);font-family:var(--f-body);}
 .evx-mcta b{font-family:var(--f-display);font-size:1.15rem;color:var(--ink);display:block;}
 .evx-mcta small{display:block;font-size:.75rem;color:var(--muted);}
 body.blog{padding-bottom:84px;}
 body.blog-post .sidebar-wrapper{position:static;margin-top:2rem;}
 body.blog .sr-hero-01{border-radius:0;margin-top:0 !important;}
 .evx-blog-foot .foot{grid-template-columns:1fr 1fr !important;gap:1.6rem 1rem !important;}
 .evx-blog-foot .foot>*:first-child,.evx-blog-foot .foot>*:last-child{grid-column:1/-1;}
}
