/*
Theme Name: Engtrade
Description: Bearbeitbare Unternehmenswebsite für Engtrade GmbH: Sangwan Thai Massage, KANIJUNE und Recycling in Thailand.
Version: 1.0.0
Author: Engtrade GmbH
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: engtrade
License: GPL-2.0-or-later
*/
:root{--ink:#142132;--sub:#566371;--line:#dce2e7;--soft:#f4f6f8;--accent:#14877a;--bright:#66dbcd;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{margin:0}a{color:inherit}img{display:block;max-width:100%;height:auto}button{font:inherit}p{line-height:1.65;margin:0 0 1.1rem}h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.04em}h1,h2,h3{font-family:Georgia,'Times New Roman',serif}em{font-style:normal;color:var(--accent)}.wrap{max-width:1200px;margin:auto;width:calc(100% - 96px)}.skip{position:fixed;top:-90px;left:20px;background:white;padding:15px;z-index:99}.skip:focus{top:15px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{border-bottom:1px solid var(--line)}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:96px}.brand{font-size:2rem;font-weight:700;letter-spacing:-.06em;text-decoration:none;display:flex;align-items:baseline;gap:9px}.brand span{font-size:.75rem;font-weight:400;color:var(--sub);letter-spacing:.06em}nav{display:flex;gap:32px;flex-wrap:wrap}nav a{font-size:.875rem;text-decoration:none;padding:10px 0}nav a:hover,nav a[aria-current]{color:var(--accent)}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:65px;align-items:end;padding:76px 0 69px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:700;color:var(--sub);margin-bottom:24px}.hero h1{font-size:clamp(2.8rem,5.4vw,4.7rem);line-height:1.08}.intro>p:first-child{font-size:1.15rem}.muted{color:var(--sub)}.text-link{display:inline-block;font-size:.875rem;text-underline-offset:6px;font-weight:600;padding:7px 0}.section-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0 30px;gap:20px}.section-head h2{font-family:Arial,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:0}.section-head span{font-size:.875rem;color:var(--sub)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid var(--line);display:flex;flex-direction:column}.photo{display:block;position:relative;aspect-ratio:1.5;overflow:hidden;background:#e8e8e4}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.photo:hover img{transform:scale(1.04)}.jewelry img{object-position:center 20%}.graphic{padding:25px;background:#d8e8e8}.graphic img{object-fit:contain;background:white;box-shadow:0 8px 24px #14213220}.photo>span{position:absolute;bottom:16px;left:17px;color:#fff;background:#142132dc;border:1px solid #ffffff30;padding:6px 10px;font-size:.75rem;letter-spacing:.025em}.card-body{padding:28px 26px 24px;flex:1;display:flex;flex-direction:column}.index{font-size:.75rem;letter-spacing:.1em;color:var(--sub);text-transform:uppercase;margin-bottom:18px}.card-body h3{font-size:2rem;line-height:1.15;min-height:76px;margin-bottom:16px}.card-body h3.kanijune{font-family:Arial,sans-serif;font-size:1.65rem;letter-spacing:.13em;padding-top:8px}.card-body>p:not(.index){font-size:1rem;color:var(--sub);flex:1}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 26px}.tags span{font-size:.75rem;background:var(--soft);padding:7px 9px;color:#4e5a66}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 20px;font-size:.875rem;font-weight:600;text-decoration:none;background:var(--ink);color:white;border:1px solid var(--ink);cursor:pointer;transition:background .2s}.button:hover{background:#293b50}.button.outline{background:transparent;color:var(--ink);border-color:#c5d0d8}.button.outline:hover{background:#e9f1f2}.recycle-card .button{background:var(--accent);border-color:var(--accent)}.recycle-card .button:hover{background:#0b655b}.card-body small{font-size:.75rem;color:var(--sub);text-align:center;margin-top:12px;overflow-wrap:anywhere}.portfolio{padding-bottom:72px}.company{background:var(--ink);color:white;padding:56px 0}.company-grid{display:grid;grid-template-columns:1fr 2fr;gap:40px}.company .eyebrow{color:var(--bright);padding-top:7px}.company h2{font-size:2.6rem;line-height:1.15;margin-bottom:20px}.company p:not(.eyebrow){color:#c4cfdb;max-width:650px;margin:0}.contact{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:66px 0}.contact h2{font-size:2.4rem;margin-bottom:15px}.contact .eyebrow{margin-bottom:15px}.contact p:last-child{color:var(--sub);margin:0}.email{font-size:1.3rem;text-underline-offset:8px;text-decoration-thickness:1px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:25px 0 32px!important;font-size:.75rem;color:var(--sub)}footer div{display:flex;gap:24px}footer a{text-decoration:none}footer a:hover{text-decoration:underline}.project-hero{background:var(--ink);color:white;padding:45px 0 62px}.breadcrumb{font-size:.875rem;margin-bottom:36px;color:#b5cfce}.breadcrumb a{text-underline-offset:4px}.project-hero .eyebrow{color:#b5cfce}.project-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end}.project-heading h1{font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.08;margin-bottom:25px}.project-heading em{color:var(--bright)}.project-heading .lead{font-size:1.1rem;color:#d1dbe6;margin:0;max-width:530px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px;border-top:1px solid #ffffff30;padding-top:26px}.facts span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#aebfcf;margin-bottom:8px}.facts strong{display:block;font-size:1rem;font-weight:500}.project-section{padding:65px 0}.project-section h2{font-size:2.6rem;line-height:1.14;margin-bottom:20px}.section-intro{max-width:750px;color:var(--sub)}.overview{display:grid;grid-template-columns:1fr 1fr;gap:70px}.explanation p{color:var(--sub)}.note{border-left:3px solid var(--accent);padding:18px 22px;background:#edf6f4;font-size:.875rem;color:#335651;line-height:1.65}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.process article{padding:24px 21px;background:var(--soft);border-top:2px solid var(--accent)}.process b{color:var(--accent);font-size:.875rem}.process h3{font-family:Arial,sans-serif;font-size:1.1rem;letter-spacing:-.025em;font-weight:600;margin:24px 0 12px}.process p{font-size:.875rem;color:var(--sub);margin:0}.diagram-section{background:#f3f6f7;padding:65px 0}.diagram-head{display:flex;justify-content:space-between;align-items:start;gap:40px}.diagram-head h2{font-size:2.6rem;margin-bottom:18px}.actions{display:flex;gap:10px;flex-shrink:0}.figure{margin:25px 0 0;background:white;border:1px solid var(--line);padding:15px}.figure img{width:100%}.figure figcaption{font-size:.875rem;color:var(--sub);padding:16px 10px 4px;line-height:1.65}.diagram-note{font-size:.875rem;color:var(--sub);max-width:950px;margin:20px 0 0}.modules{margin-top:30px}.modules details{border-top:1px solid var(--line)}.modules details:last-child{border-bottom:1px solid var(--line)}.modules summary{list-style:none;display:grid;grid-template-columns:48px 1fr auto 24px;align-items:center;gap:18px;padding:23px 0;cursor:pointer}.modules summary::-webkit-details-marker{display:none}.modules summary:after{content:'+';font-size:1.6rem;color:var(--accent);text-align:center}.modules details[open] summary:after{content:'−'}.module-number{color:var(--sub);font-size:.875rem}.modules h3{font-family:Arial,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:-.025em}.status{font-size:.75rem;padding:6px 10px;background:var(--soft);color:var(--sub)}.status.primary{background:#e5f4ef;color:#146357}.module-body{padding:0 42px 27px 66px;max-width:900px;color:var(--sub)}.module-body p:last-child{margin:0}.benefits{background:var(--ink);color:white;padding:60px 0}.benefits .eyebrow{color:var(--bright)}.benefits h2{font-size:2.6rem;margin-bottom:32px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.benefit-grid h3{font-family:Arial,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:0;color:var(--bright);margin-bottom:14px}.benefit-grid p{color:#c4cfdb;margin:0}.person{font-size:.875rem;color:var(--sub);margin:16px 0 0}.lightbox{padding:0;border:0;width:calc(100vw - 32px);max-width:1900px;height:calc(100dvh - 32px);max-height:none;background:white;color:var(--ink)}.lightbox::backdrop{background:#07121fdd}.lightbox-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 22px;border-bottom:1px solid var(--line)}.lightbox-header h2{font-family:Arial,sans-serif;font-size:1rem;letter-spacing:0}.close{padding:10px 15px;background:var(--ink);color:white;border:0;cursor:pointer}.lightbox-scroll{height:calc(100% - 77px);overflow:auto;padding:20px}.lightbox-scroll img{max-width:none;width:1800px}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:40px}.cards{gap:14px}.card-body{padding:24px 20px}.card-body h3{font-size:1.8rem}.tags{min-height:65px}.process{grid-template-columns:1fr 1fr}.project-heading{gap:40px}.diagram-head{flex-direction:column;gap:8px}.benefit-grid{gap:25px}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{flex-wrap:wrap;padding:21px 0;gap:16px;min-height:80px}.brand{font-size:1.8rem}nav{gap:20px}nav a{font-size:.75rem;padding:4px 0}.hero{grid-template-columns:1fr;gap:30px;padding:48px 0 42px}.hero h1{font-size:3.15rem}.intro>p:first-child{font-size:1.05rem}.eyebrow{line-height:1.6;margin-bottom:18px}.cards{grid-template-columns:1fr;gap:25px}.photo{aspect-ratio:1.7}.card-body{padding:27px}.card-body h3{min-height:0;font-size:2.2rem}.card-body h3.kanijune{font-size:1.8rem;padding:0}.tags{min-height:0;margin:8px 0 22px}.portfolio{padding-bottom:45px}.company-grid{grid-template-columns:1fr;gap:12px}.company h2{font-size:2.1rem}.company{padding:40px 0}.company .eyebrow{margin-bottom:8px}.contact{flex-direction:column;align-items:start;padding:45px 0;gap:27px}.contact h2{font-size:2.1rem}.email{font-size:1.1rem}footer{flex-direction:column;gap:17px}.project-heading{grid-template-columns:1fr;gap:32px}.project-hero{padding:28px 0 45px}.project-heading h1{font-size:3rem}.facts{gap:22px}.project-section{padding:45px 0}.overview{grid-template-columns:1fr;gap:17px}.project-section h2,.diagram-head h2,.benefits h2{font-size:2.1rem}.process{gap:10px}.process article{padding:21px 16px}.process h3{font-size:1rem;margin-top:18px}.diagram-section{padding:45px 0}.actions{flex-wrap:wrap}.figure{padding:6px}.figure figcaption{font-size:.75rem}.modules summary{grid-template-columns:27px 1fr 18px;gap:10px;position:relative;padding:25px 0 45px}.status{position:absolute;bottom:12px;left:37px;padding:4px 8px}.modules h3{font-size:1rem}.module-body{padding:0 0 24px 37px}.benefit-grid{grid-template-columns:1fr;gap:28px}.benefits{padding:45px 0}.lightbox-header{padding:12px}.lightbox-header h2{font-size:.875rem}.lightbox-scroll{padding:10px}.section-head h2{font-size:1rem}.section-head span{font-size:.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.card:first-child .photo{background:#151515}.card:first-child .photo img{object-fit:contain;padding:14px}.card:first-child .photo>span{bottom:12px;left:12px}

.legal{max-width:850px;padding:40px 0 64px}.legal>.text-link{margin-bottom:40px}.legal h1{font-size:clamp(2.8rem,5vw,4rem);margin-bottom:24px}.legal h2{font-family:Arial,Helvetica,sans-serif;font-size:1.15rem;font-weight:600;letter-spacing:0;margin:32px 0 14px}.legal .eyebrow{margin-bottom:18px}.legal-lead{color:var(--sub);margin-bottom:36px}.legal p{overflow-wrap:anywhere}.legal a{text-underline-offset:4px}

/* Native WordPress blocks keep the visual structure and remain editable. */
.wp-site-blocks{padding:0}.wp-site-blocks>*,.wp-block-post-content>*,.wp-block-group>*{margin-block-start:0;margin-block-end:0}p.wp-block-paragraph{margin-bottom:1.1rem}
.wp-block-image{margin:0}.wp-block-image img{vertical-align:middle}.photo>a{display:block;height:100%;width:100%}.wp-block-image.photo img{height:100%;object-fit:cover}.wp-block-image.graphic img{object-fit:contain}.card:first-child .wp-block-image.photo img{object-fit:contain}.photo figcaption{position:absolute;bottom:12px;left:14px;background:#142132dc;color:white;padding:6px 10px;font-size:.75rem}
.engtrade-nav,.engtrade-footer-links{display:flex;flex-wrap:wrap;gap:24px}.engtrade-nav a{text-decoration:none;font-size:.875rem}.header p,.engtrade-nav p,.engtrade-footer p{margin:0}.engtrade-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:25px 0 32px;font-size:.75rem;color:var(--sub)}.engtrade-footer a{text-decoration:none}.engtrade-footer a:hover{text-decoration:underline}
.wp-block-buttons{gap:10px}.engtrade-button{width:100%}.engtrade-button a{display:flex;justify-content:center;align-items:center;border-radius:0;background:var(--ink);color:white;font-size:.875rem;font-weight:600;padding:13px 20px;min-height:48px;text-decoration:none}.engtrade-button a:hover{background:#293b50}.recycle-card .engtrade-button a{background:var(--accent)}.actions .engtrade-button{width:auto}.engtrade-button.outline a{background:transparent;color:var(--ink);border:1px solid #c5d0d8}.card-body>.wp-block-buttons{margin-top:auto}.card-body .link-row{margin:0}.card-body .small-text{font-size:.75rem;color:var(--sub);text-align:center;margin-top:12px}.card-body .index{margin-bottom:18px}.tags p{font-size:.75rem;background:var(--soft);padding:7px 9px;color:#4e5a66;margin:0}.facts>div>p:first-child{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#aebfcf;margin-bottom:8px}.facts>div>p:last-child{font-size:1rem;margin:0}.section-head p{font-size:.875rem;color:var(--sub);margin:0}.process>div,.process>article{padding:24px 21px;background:var(--soft);border-top:2px solid var(--accent)}.module-detail{border-top:1px solid var(--line);padding:22px 0}.modules summary{display:block;font-weight:600;padding:5px 0;list-style:revert}.modules summary:after{content:none}.modules .module-body{padding:18px 0 0}.wordpress-privacy{padding-top:0}.wp-block-post-content em{font-style:normal;color:var(--accent)}.project-hero em{color:var(--bright)}.wp-block-post-content .company p:last-child,.wp-block-post-content .benefits p:last-child{margin:0}
@media(max-width:720px){.engtrade-footer{flex-direction:column}.engtrade-footer-links{gap:16px}.engtrade-nav{gap:16px}.engtrade-nav a{font-size:.75rem}.wp-block-image.photo{aspect-ratio:1.7}}