/*
Theme Name: WeHe Trade & Consulting
Author: WeHe Trade & Consulting
Description: Individuelles B2B-Theme für internationalen Großhandel und Consulting. Mit separaten Seiten, WordPress-Blockeditor und Einrichtungshilfe.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wehe-trade
*/
:root{--navy:#102b40;--deep:#0a1f30;--gold:#bc9659;--cream:#f6f4ef;--ink:#173246;--muted:#566b78;--line:#dce3e5;--width:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65;font-size:17px}a{color:inherit;text-underline-offset:5px}a:hover{color:#886429}button,input,textarea{font:inherit}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;color:var(--navy);font-weight:500}h1{font-size:clamp(42px,5.7vw,78px);margin:22px 0 28px;max-width:880px}h2{font-size:clamp(32px,4vw,48px);margin:15px 0 25px}h3{font-size:27px;margin:16px 0}p{margin:0 0 22px}ul{padding-left:22px}.wrap{max-width:var(--width);margin:auto;padding:0 32px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:108px}.brand{display:inline-flex;gap:13px;align-items:center;text-decoration:none;color:var(--navy);flex-shrink:0}.brand-mark{width:42px;height:48px}.brand-name{font-size:32px;font-weight:700;letter-spacing:-.07em;line-height:1.1}.brand-sub{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.17em;font-weight:500;margin-top:5px}.custom-logo{max-width:230px;max-height:75px;width:auto}.nav-list{display:flex;align-items:center;gap:23px;list-style:none;padding:0;margin:0}.nav-list a{text-decoration:none;font-size:13px;font-weight:600;display:block;padding:12px 0}.nav-list .current-menu-item a,.nav-list .current_page_item a{color:#8a652e;border-bottom:2px solid var(--gold)}.nav-list li:last-child a{border:1px solid var(--navy);padding:11px 18px}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:9px 14px;color:var(--navy)}.skip-link{position:absolute;top:-100px;left:12px;padding:12px;background:#fff;z-index:100}.skip-link:focus{top:10px}.content > .wp-block-group{padding:90px max(32px,calc((100vw - var(--width))/2 + 32px))}.content > .wp-block-group > .wp-block-group__inner-container{max-width:1116px;margin:auto}.content .hero{background:var(--navy);color:#d5dfe5;position:relative;overflow:hidden;padding-top:106px;padding-bottom:106px;isolation:isolate}.hero:after{content:"";position:absolute;width:660px;height:660px;right:-160px;top:10px;background:url('assets/globe.svg') center/contain no-repeat;opacity:.55;z-index:-1}.hero h1,.hero h2{color:#fff}.hero p{max-width:660px}.hero .eyebrow{color:#dec390}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.2em;color:#8a652e;margin:0 0 20px}.lead{font-size:20px;line-height:1.65;max-width:710px}.hero .lead{max-width:590px}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.wp-block-button__link{display:inline-block;background:var(--gold);color:var(--deep);padding:15px 24px;border:1px solid var(--gold);text-decoration:none;font-size:14px;font-weight:700;border-radius:0;letter-spacing:.01em}.wp-block-button__link:hover{background:#d2b077;color:var(--deep)}.outline .wp-block-button__link{background:transparent;border-color:#b3c0c9;color:#fff}.outline .wp-block-button__link:hover{background:#fff;color:var(--navy)}.light{background:var(--cream)}.wp-block-columns{display:flex;gap:40px;margin:38px 0 0}.wp-block-column{flex:1;min-width:0}.services{border-top:1px solid var(--line);padding-top:24px}.service-number{font-size:12px;color:#8a652e;font-weight:700;letter-spacing:.18em}.service-link{font-size:14px;font-weight:700}.service-link a{text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:4px}.statement{background:var(--cream)}.statement .wp-block-columns{margin-top:0}.statement .wp-block-column:first-child{flex:1.15}.statement .wp-block-column:last-child{flex:.85}.detail-list li{margin-bottom:14px;padding-left:6px}.dark{background:var(--navy);color:#d5dfe5}.dark h2,.dark h3{color:#fff}.dark .eyebrow{color:#dec390}.step{border-top:1px solid #4b5f6e;padding-top:20px}.step p{font-size:15px}.cta{background:var(--cream);border-top:1px solid var(--line)}.cta .wp-block-columns{align-items:center;margin:0}.cta .wp-block-column:last-child{flex:.55}.cta .wp-block-buttons{margin:0}.meta-strip{display:flex;justify-content:space-between;gap:20px;padding:23px 0;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}.site-footer{background:var(--deep);color:#bdcbd4;padding:60px 0 24px;font-size:14px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.site-footer .brand{color:#fff}.site-footer .brand-name{font-size:29px}.footer-label{font-size:11px;color:#dec390;letter-spacing:.17em;text-transform:uppercase;margin-bottom:20px}.site-footer a{color:inherit}.footer-nav{list-style:none;padding:0;margin:0}.footer-nav a{text-decoration:none}.footer-nav li{margin-bottom:8px}.footer-bottom{border-top:1px solid #2b4354;margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;gap:25px;font-size:12px}.footer-bottom a{margin-left:20px}.page-titlebar{background:var(--cream);padding:70px 0}.page-titlebar h1{font-size:55px}.article-body{padding:60px 0;max-width:850px}.notice{border-left:4px solid var(--gold);padding:20px;background:#f6f4ef}.contact-address{font-size:21px}.wp-block-separator{border:0;border-top:1px solid var(--line);margin:28px 0}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.alignwide{max-width:1116px;margin:auto}.wp-block-image{margin:0}.editor-styles-wrapper{font-family:Arial,Helvetica,sans-serif;color:var(--ink)}.editor-styles-wrapper .wp-block{max-width:1116px}.editor-styles-wrapper .hero{padding:60px;background:var(--navy);color:#fff}.editor-styles-wrapper .hero h1{color:#fff}
@media(min-width:1700px){.hero:after{right:calc((100vw - 1450px)/2)}}@media(max-width:1050px){.header-inner{min-height:90px;gap:15px}.nav-list{gap:14px}.nav-list a{font-size:12px}.brand-name{font-size:27px}.brand-mark{width:34px}.wrap{padding:0 24px}.content>.wp-block-group{padding-left:32px;padding-right:32px}.hero:after{right:-330px;opacity:.3}}@media(max-width:820px){.header-inner{flex-wrap:wrap;min-height:90px;padding-top:18px;padding-bottom:18px}.menu-toggle{display:block}.main-nav{width:100%}.nav-list{flex-wrap:wrap;gap:6px 24px}.js .main-nav{display:none}.js .main-nav.is-open{display:block}.js .nav-list{display:block}.nav-list li:last-child a{display:inline-block}.nav-list a{font-size:15px}.content>.wp-block-group{padding:62px 24px}.content>.hero{padding-top:74px;padding-bottom:74px}.hero:after{width:500px;height:500px;right:-300px;opacity:.25}.wp-block-columns{flex-direction:column;gap:32px}.wp-block-column{width:100%}.lead{font-size:18px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column}.footer-bottom a{margin:0 20px 0 0}.meta-strip{flex-wrap:wrap;gap:9px 20px;font-size:10px}.page-titlebar h1{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Multilingual header, separate from the page menu. */
.language-bar{background:var(--cream);border-bottom:1px solid var(--line);font-size:12px;color:var(--navy)}.language-inner{min-height:45px;display:flex;justify-content:flex-end;align-items:center;gap:14px;padding-top:7px;padding-bottom:7px;flex-wrap:wrap}.language-inner select{font:inherit;color:var(--navy);background:white;border:1px solid #bdc9cf;border-radius:0;padding:6px 10px;max-width:100%}.wehe-translation-widget{max-width:100%}.wehe-translation-widget .gtranslate_wrapper{display:inline-block}.wehe-translation-widget a{font-size:12px}body.rtl .nav-list{padding-right:0}body.rtl .detail-list{padding-right:22px;padding-left:0}@media(max-width:820px){.language-inner{justify-content:space-between;gap:8px}.language-inner select{max-width:220px}}
