.mata-wolle-page{color:#103a3a;background:#fff}
.mata-wolle-shell{max-width:1240px;margin:0 auto;padding:42px 28px 84px}
.mata-wolle-breadcrumb{font-size:13px;margin:0 0 32px;color:#645a58}
.mata-wolle-breadcrumb a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.mata-wolle-title{font-size:clamp(30px,3.5vw,49px);font-weight:400;line-height:1.18;margin:0 0 32px;color:#103a3a}
.mata-wolle-landing p{line-height:1.75;margin:0 0 16px}
.mata-wolle-landing h2{font-size:clamp(25px,2.6vw,35px);line-height:1.25;margin:0 0 18px;color:#103a3a}
.mata-wolle-landing h3{font-size:21px;line-height:1.35;margin:0 0 12px;color:#103a3a}
.mata-wolle-landing a{color:#103a3a;text-underline-offset:4px}
.mata-wolle-landing img{display:block;width:100%;height:auto;object-fit:cover}
.mata-wolle-eyebrow{font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#645a58}
.mata-wolle-hero{display:grid;grid-template-columns:1fr 1.03fr;gap:52px;align-items:center;padding:28px 0 56px}
.mata-wolle-lead{font-size:clamp(18px,1.6vw,23px);line-height:1.55!important}
.mata-wolle-hero__media{margin:0}
.mata-wolle-hero__media img{border-radius:16px;max-height:490px}
.mata-wolle-hero__media figcaption{font-size:12px;color:#645a58;margin-top:10px}
.mata-wolle-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:26px}
.mata-wolle-button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:12px 21px;background:#103a3a;color:#fff!important;border-radius:4px;text-decoration:none;font-weight:700;font-size:14px;transition:background .15s}
.mata-wolle-button:hover,.mata-wolle-button:focus-visible{background:#265552}
.mata-wolle-textlink{font-weight:600}
.mata-wolle-intro{text-align:center;max-width:760px;margin:22px auto 36px}
.mata-wolle-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 68px}
.mata-wolle-card{overflow:hidden;border:1px solid #e8e2dc;border-radius:12px;background:#faf8f5}
.mata-wolle-card img{aspect-ratio:4/3;object-fit:cover}
.mata-wolle-card__content{padding:22px 22px 28px}
.mata-wolle-card__content p{font-size:14px}
.mata-wolle-card__content a{font-weight:700}
.mata-wolle-feature{display:grid;grid-template-columns:1fr 1fr;gap:54px;margin:0 0 58px;padding:48px 44px;background:#f6f5e8;border-radius:15px}
.mata-wolle-feature a{font-weight:600}
.mata-wolle-faq{max-width:840px;margin:0 auto 64px}
.mata-wolle-faq details{border-bottom:1px solid #ddd4cd;padding:19px 0}
.mata-wolle-faq summary{font-weight:700;cursor:pointer;font-size:16px;list-style-position:outside}
.mata-wolle-faq details p{margin:14px 0 0}
.mata-wolle-outro{text-align:center;background:#f1ede8;border-radius:15px;padding:46px 30px}
.mata-wolle-outro .mata-wolle-actions{justify-content:center}
@media(max-width:900px){.mata-wolle-shell{padding:32px 22px 60px}.mata-wolle-hero{gap:26px}.mata-wolle-feature{gap:28px;padding:32px 27px}}
@media(max-width:700px){.mata-wolle-title{margin-bottom:20px}.mata-wolle-hero,.mata-wolle-feature{grid-template-columns:1fr}.mata-wolle-hero{padding:10px 0 35px;gap:24px}.mata-wolle-cards{grid-template-columns:1fr;gap:16px;margin-bottom:40px}.mata-wolle-card{display:grid;grid-template-columns:38% 62%}.mata-wolle-card img{height:100%;min-height:190px;aspect-ratio:auto}.mata-wolle-card__content{padding:18px}.mata-wolle-feature{padding:28px 22px;margin-bottom:42px}.mata-wolle-faq{margin-bottom:42px}.mata-wolle-outro{padding:32px 22px}}
@media(max-width:420px){.mata-wolle-shell{padding:25px 18px 46px}.mata-wolle-card{display:block}.mata-wolle-card img{height:auto;aspect-ratio:4/3}.mata-wolle-actions{gap:12px}.mata-wolle-button{width:100%}.mata-wolle-outro .mata-wolle-actions{display:flex;flex-direction:column}}