.mata-magazin-hub{--mo-greige:#ebe6e2;--mo-ink:#1b1b1b;--mo-border:#e1dad3;color:var(--mo-ink);padding:clamp(1.25rem,3vw,2.8rem) 0 clamp(2rem,5vw,3.5rem);}
.mata-magazin-hub__intro{max-width:840px;padding:clamp(1.5rem,4vw,3rem);background:var(--mo-greige);border-radius:14px;}
.mata-magazin-hub__eyebrow{font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;font-weight:600;margin:0 0 .9rem;}
.mata-magazin-hub__intro h1{font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.12;margin:0 0 1rem;color:var(--mo-ink);}
.mata-magazin-hub__lead{font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.65;max-width:62ch;margin:0;color:#37332f;}
.mata-magazin-hub__topics{margin:clamp(1.7rem,3vw,2.4rem) 0;}
.mata-magazin-hub__topics-label{font-size:.85rem;font-weight:600;display:block;margin-bottom:.9rem;}
.mata-magazin-hub__topic-list,.mata-magazin-hub__related-links{display:flex;flex-wrap:wrap;gap:.6rem;}
.mata-magazin-hub__topic-list a{border:1px solid #d4c9c0;padding:.67rem 1rem;border-radius:6px;text-decoration:none;color:#252525;font-size:.95rem;background:#fff;display:inline-flex;gap:.5rem;}
.mata-magazin-hub__topic-list a:hover,.mata-magazin-hub__related-links a:hover{background:#f7f3f0;border-color:#bdaea3;}
.mata-magazin-hub__guides{margin-top:2rem;}
.mata-magazin-hub__guides>h2{font-size:clamp(1.45rem,2.5vw,1.9rem);margin:0 0 1.2rem;}
.mata-magazin-hub__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;}
.mata-magazin-hub__cards .mata-unterbau__article-card{border:1px solid var(--mo-border);border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;display:block;}
.mata-magazin-hub__cards .mata-unterbau__article-image{aspect-ratio:16/10;background:var(--mo-greige);overflow:hidden;display:flex;justify-content:center;align-items:center;}
.mata-magazin-hub__cards .mata-unterbau__article-image img{width:100%;height:100%;object-fit:cover;}
.mata-magazin-hub__cards .mata-unterbau__article-text{padding:1rem;}
.mata-magazin-hub__cards .mata-unterbau__article-text h3{font-size:1.08rem;line-height:1.4;margin:0 0 .7rem;}
.mata-magazin-hub__cards .mata-unterbau__read-more{font-size:.9rem;text-decoration:underline;text-underline-offset:3px;}
.mata-magazin-hub__related{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:2rem;border-top:1px solid var(--mo-border);padding-top:1.2rem;}
.mata-magazin-hub__related>p{font-size:.92rem;font-weight:600;margin:0;}
.mata-magazin-hub__related-links a{text-decoration:underline;text-underline-offset:3px;color:inherit;padding:.3rem .1rem;font-size:.91rem;}
.mata-magazin-hub a:focus-visible{outline:3px solid #5b4435;outline-offset:3px;}
.mata-magazin-articles-header{margin-top:1rem;margin-bottom:1.1rem;}
.mata-magazin-articles-header h2{font-size:clamp(1.4rem,2.3vw,1.8rem);margin:0;}
@media(max-width:750px){.mata-magazin-hub__intro{padding:1.5rem 1.2rem}.mata-magazin-hub__cards{grid-template-columns:1fr;gap:.8rem}.mata-magazin-hub__cards .mata-unterbau__article-card{display:grid;grid-template-columns:35% 1fr}.mata-magazin-hub__cards .mata-unterbau__article-image{aspect-ratio:1}.mata-magazin-hub__cards .mata-unterbau__article-text{padding:.8rem}.mata-magazin-hub__cards .mata-unterbau__article-text h3{font-size:.95rem}.mata-magazin-hub__related{display:block}.mata-magazin-hub__related-links{margin-top:.5rem}}