<!-- BRUTALIST CATEGORY PAGE --> <section class="category-hero" style="background:#0C121E;padding:150px 20px 100px;text-align:center;position:relative;overflow:hidden;" data-aos="fade-down" data-aos-duration="1000"> <div style="max-width:800px;margin:0 auto;position:relative;z-index:1;"> <span style="display:inline-block;padding:16px 32px;background:#F2A922;border:4px solid #000000;border-radius:0;color:#000000;font-size:18px;font-weight:900;text-transform:uppercase;margin-bottom:2rem;box-shadow:0 20px 40px rgba(0,0,0,0.3);font-family:'Inter',sans-serif;">📁 KATEGORIE</span> <h1 style="font-size:72px;font-weight:900;color:#FFFFFF;margin:0 0 24px;font-family:'Inter',sans-serif;text-transform:uppercase;text-shadow:0 4px 8px rgba(0,0,0,0.5);letter-spacing:2px;" data-category-title></h1> <p style="font-size:20px;color:#FFFFFF;opacity:0.9;max-width:600px;margin:0 auto;line-height:1.6;font-weight:500;font-family:'Inter',sans-serif;" data-category-description></p> </div> </section> <!-- BREADCRUMBS --> <div style="max-width:1400px;margin:0 auto;padding:20px 40px;background:#F7F7F7;border-bottom:4px solid #000000;"> </div> <!-- MAIN CONTENT --> <section style="max-width:1400px;margin:0 auto;padding:100px 40px;"> <!-- CATEGORY FILTERS --> <div style="margin-bottom:80px;border:4px solid #000000;background:#FFFFFF;padding:40px;box-shadow:0 20px 40px rgba(0,0,0,0.3);" data-aos="fade-up" data-aos-delay="100"> </div> <!-- ARCHIVE LAYOUT --> <div class="archive-layout" style="display:flex;gap:80px;"> <!-- MAIN GRID --> <div class="archive-main" style="flex:1;">
05/02/2026Test

Hello world!

Welcome to WordPress. This is your first post. Edit or delete it, then start writing! Testtesting13.testingcommerce.com

<div style="margin-top:60px;text-align:center;"> </div> </div> <!-- SIDEBAR --> <div class="anagata-sidebar" style="background:#F7F7F7;border:4px solid #000000;padding:40px;box-shadow:0 20px 40px rgba(0,0,0,0.3);width:320px;flex-shrink:0;"> </div> </div> </section> <!-- NEWSLETTER CTA --> <section style="background:#D92626;padding:100px 20px;text-align:center;" data-aos="fade-up"> <div style="max-width:600px;margin:0 auto;"> <h2 style="font-size:64px;color:#FFFFFF;margin:0 0 24px;font-family:'Inter',sans-serif;font-weight:900;text-transform:uppercase;">Bleiben Sie informiert</h2> <p style="color:#FFFFFF;opacity:0.9;font-size:18px;margin-bottom:32px;font-family:'Inter',sans-serif;">Erhalten Sie die neuesten Artikel direkt in Ihr Postfach.</p>

""

</div> </section> <style> .anagata-category-filters {display:flex; flex-wrap:wrap; gap:16px; justify-content:center;} .filter-btn {padding:12px 24px; font-size:16px; font-weight:900; background:#FFFFFF; color:#333333; border:4px solid #000000; border-radius:0; text-transform:uppercase; transition:all 0.3s; font-family:'Inter',sans-serif;} .filter-btn:hover, .filter-btn.active {background:#D92626; color:#FFFFFF; transform:translate(-4px,-4px); box-shadow:0 30px 60px rgba(0,0,0,0.4);} .archive-layout {gap:80px;} @media (max-width:1100px) {.archive-layout {flex-direction:column; gap:40px;} .anagata-sidebar {width:100%;}} </style>