/*
Theme Name: Werkschuhe
Description: Deutsche Editorial- und WooCommerce-Website für Werkschuhe.de.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.2
Text Domain: werkschuhe
License: GPL-2.0-or-later
*/
:root{--background:#f3f4f0;--foreground:#171b19;--primary:#d2ff46;--primary-foreground:#171b19;--muted:#e5e7e0;--border:#cdd1c8;--radius:0px;--font-sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #628e00;outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}.skip{position:absolute;top:-100px;background:var(--primary);padding:12px;z-index:10}.skip:focus{top:0}.announcement{padding:9px 5%;background:#d2ff46;display:flex;justify-content:space-between;gap:16px;font:700 .75rem/1.5 monospace;letter-spacing:.09em}.site-header{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border)}.logo{font-size:1.65rem;font-weight:900;letter-spacing:-.07em;white-space:nowrap}.logo span{font-weight:400}.site-header nav{display:flex;gap:30px;font-size:.875rem;font-weight:700}.hero{background:#191d1c;color:white;display:grid;grid-template-columns:1fr 1.05fr;min-height:590px;position:relative;overflow:hidden}.hero-copy{padding:70px 0 72px 10%;z-index:1}.eyebrow{font:700 .8rem/1.4 monospace;letter-spacing:.14em;text-transform:uppercase;margin:0 0 22px}.hero .eyebrow{color:#d2ff46}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.5rem,6.8vw,7rem);line-height:.94;letter-spacing:-.065em;font-weight:900;margin-bottom:28px}.hero h1 span{color:#d2ff46}.hero p:not(.eyebrow){max-width:440px;color:#c5cac5;font-size:1.1rem}.button{display:inline-flex;gap:36px;justify-content:space-between;align-items:center;background:#d2ff46;color:#171b19;padding:16px 23px;font-weight:700;font-size:.9rem;margin-top:10px}.hero-visual{position:relative;display:flex;align-items:center}.hero-visual img{width:115%;max-width:none;object-fit:cover;margin-left:-12%}.image-note{position:absolute;right:24px;bottom:24px;color:#a4aaa4;font: .75rem monospace}.strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border);padding:23px 5%;gap:24px;font-weight:700;font-size:.9rem}.strip span{font: .8rem monospace;color:#687065;margin-right:15px}.section{padding:78px 5%;max-width:1600px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}h2{font-size:clamp(2rem,3.8vw,3.7rem);letter-spacing:-.05em;line-height:1.07;margin-bottom:18px}h3{font-size:1.45rem;letter-spacing:-.025em;line-height:1.2}.section-head p{max-width:400px;color:#596258;margin-bottom:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:30px;border:1px solid var(--border);display:flex;flex-direction:column;min-height:230px;transition:background .2s}.card:hover{background:#e7eddd;text-decoration:none}.card .num{font: .8rem monospace;margin-bottom:40px;color:#64705c}.card p{font-size:.95rem;color:#596258}.card .arrow{margin-top:auto;font-size:1.5rem}.dark{background:#202622;color:#f3f4f0}.dark .section{display:grid;grid-template-columns:1fr 1fr;gap:70px}.dark p{color:#bdc5bc}.dark h2{font-size:clamp(2.4rem,4.4vw,4.5rem)}.dark .eyebrow{color:#d2ff46}.text-link{font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px}.topics{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.topics a{border:1px solid #687267;padding:10px 16px;font-size:.9rem}.lab{border-top:1px solid var(--border)}.article-list{border-top:1px solid var(--border)}.article-link{display:grid;grid-template-columns:100px 1fr 50px;gap:20px;align-items:center;border-bottom:1px solid var(--border);padding:26px 0}.article-link:hover{background:#e7eddd;text-decoration:none}.article-link small{font: .8rem monospace}.article-link h3{margin:0}.article-link span{text-align:right;font-size:1.5rem}.manifest{background:#d2ff46;padding:70px 5%}.manifest h2{max-width:1000px;font-size:clamp(2.4rem,5vw,5rem)}.manifest p{max-width:650px;margin:0}.site-footer{background:#161b18;color:#f3f4f0;padding:50px 5% 28px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.site-footer p{color:#adb6ad;font-size:.9rem;margin-top:14px}.site-footer>div:nth-child(2){display:flex;justify-content:end;gap:25px;flex-wrap:wrap;font-size:.9rem}.footer-note{grid-column:1/-1;border-top:1px solid #3b443c;padding-top:20px}.crumbs{font-size:.875rem;color:#606b5f;margin-bottom:35px;display:flex;gap:10px;flex-wrap:wrap}.article{max-width:1180px;margin:auto;padding:48px 5% 80px}.article h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.04;max-width:960px}.lead{font-size:1.2rem;max-width:800px;color:#52604f}.article-body{max-width:790px;margin-top:45px}.article-body h2{font-size:2rem;margin-top:42px}.article-body p{line-height:1.8}.article-body ul{padding-left:24px}.article-body li{margin-bottom:12px}.notice{padding:22px 25px;background:#e5eccf;border-left:4px solid #779a28;margin:28px 0}.related{margin-top:55px;border-top:1px solid var(--border);padding-top:30px}.related a{display:inline-block;border:1px solid var(--border);padding:12px 16px;margin:0 8px 10px 0}.faq{max-width:850px}details{border-bottom:1px solid var(--border);padding:20px 0}summary{cursor:pointer;font-weight:700;list-style-position:outside;margin-left:20px}details p{margin:15px 0 0 20px;color:#52604f}@media(max-width:800px){.site-header{align-items:start;flex-direction:column;padding:18px 5%;gap:12px}.site-header nav{gap:18px;flex-wrap:wrap;font-size:.8rem}.announcement span{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6% 20px}.hero h1{font-size:clamp(3.6rem,12vw,6rem)}.hero-visual{height:310px}.hero-visual img{height:100%;width:100%;margin:0;object-fit:cover;object-position:center 60%}.strip{grid-template-columns:1fr;gap:10px}.section{padding:48px 6%}.section-head{align-items:start;flex-direction:column}.cards{grid-template-columns:1fr}.card{min-height:180px}.card .num{margin-bottom:20px}.dark .section{grid-template-columns:1fr;gap:20px}.article-link{grid-template-columns:55px 1fr 20px}.article-link h3{font-size:1.15rem}.site-footer{grid-template-columns:1fr}.site-footer>div:nth-child(2){justify-content:start}.article{padding-top:30px}h1,h2,h3{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* WordPress and WooCommerce integration */
.site-header nav ul{display:flex;align-items:center;gap:24px;padding:0;margin:0;list-style:none;flex-wrap:wrap}.site-header nav li{margin:0}.site-header nav .sub-menu{display:none}.site-footer .menu{display:flex;gap:22px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{width:auto;height:auto;clip:auto;z-index:100000;background:white;padding:14px}.editor-styles-wrapper{font-family:Arial,Helvetica,sans-serif}.article-body .wp-block-heading{margin-top:42px}.wp-block-image img,.article-body img{max-width:100%;height:auto}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid #adb5a6;padding:10px;max-width:100%;background:white;color:#171b19}button,input[type=submit]{cursor:pointer}.woocommerce .woocommerce-breadcrumb{font-size:.9rem}.woocommerce h1.page-title,.woocommerce div.product .product_title{font-size:clamp(2.2rem,4vw,4rem);line-height:1.08}.woocommerce ul.products li.product h2{font-size:1.25rem;line-height:1.3}.woocommerce ul.products li.product .price{color:#3e5123;font-size:1.05rem}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{background:#d2ff46;color:#171b19;border-radius:0;padding:15px 20px;line-height:1.4}.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:#bce338;color:#171b19}.woocommerce div.product .woocommerce-tabs ul.tabs li{border-radius:0;background:#e7eddd}.woocommerce div.product p.price{color:#425627;font-size:1.8rem}.woocommerce-info,.woocommerce-message{border-top-color:#789a31}.woocommerce-info::before,.woocommerce-message::before{color:#536e21}.woocommerce table.shop_table{border-radius:0}.woocommerce .quantity .qty{padding:12px;width:5em}.woocommerce form .form-row input.input-text{padding:12px}.product-grid{margin-top:55px}.product-grid h2{font-size:2rem}.woocommerce nav.woocommerce-pagination{display:block;text-align:center}.woocommerce nav.woocommerce-pagination ul{display:inline-flex}.woocommerce-pagination a,.woocommerce-pagination span{padding:12px!important}.archive-list{display:grid;gap:30px}.site-footer a{color:inherit}.hero-visual{margin:0}.home .wp-block-html{margin:0}.prelaunch-note{padding:14px 20px;border-left:4px solid #789a31;background:#e5eccf;margin:0 0 28px}.article-wide .article-body{max-width:none}.woocommerce-account .article h1,.woocommerce-cart .article h1,.woocommerce-checkout .article h1{font-size:3rem}.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{max-width:1200px}.site-header .custom-logo{max-width:230px;height:auto}.site-header .custom-logo-link{display:block}.post-navigation{margin-top:25px}@media(max-width:800px){.site-header nav ul{gap:14px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:48%;margin-right:2%}.woocommerce ul.products li.product:nth-child(2n){margin-right:0}.site-footer .menu{gap:16px}.woocommerce table.shop_table{font-size:.9rem}}
