{"id":333,"date":"2026-06-13T09:48:12","date_gmt":"2026-06-13T09:48:12","guid":{"rendered":"https:\/\/demowebsite.ir\/bht\/?page_id=333"},"modified":"2026-08-23T09:07:31","modified_gmt":"2026-08-23T09:07:31","slug":"about-us","status":"publish","type":"page","link":"https:\/\/demowebsite.ir\/bht\/about-us\/","title":{"rendered":"About us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"333\" class=\"elementor elementor-333\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9383ffb e-con-full e-flex e-con e-parent\" data-id=\"9383ffb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bd78a6 elementor-widget elementor-widget-html\" data-id=\"7bd78a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BHT \u2014 HEADER + ABOUT PAGE + FOOTER (merged, unified alignment)\n  ======================================================\n  Single Elementor \"HTML\" widget.\n\n  ALIGNMENT FIX\n  -------------\n  The About page previously centered its own content column at\n  max-width:1080px with a flat 20px side padding, defined independently\n  in five different places (.wrap, .stats-grid, .approach-grid,\n  .why-list, .cta). That was a DIFFERENT system from the header\/footer,\n  which use the shared --bht-max \/ --bht-pad-inline variables on\n  #bht-page. Result: the About page's text column did not line up with\n  the header logo\/nav or the footer content at most breakpoints.\n\n  Fix: every About-page section now gets an \"-inner\" wrapper that uses\n  the exact same max-width \/ margin-inline:auto \/ padding-inline\n  pattern as .bht-header-inner and .bht-footer-inner (driven by the\n  same --bht-max and --bht-pad-inline custom properties declared once\n  on #bht-page). Left and right edges now line up across header, hero,\n  stats, approach, why, cta, and footer at every screen width.\n\n  LANGUAGE SWITCHER (EN \/ DE)\n  -----------------------------\n  Same globe + EN(UK flag) \/ DE(German flag) switcher as the homepage,\n  reused verbatim so it behaves identically across pages. Clicking DE\n  swaps every piece of visible copy to hand-written German (not machine\n  translated) via the dictionary at the bottom of this file. The choice\n  is remembered across pages (shared localStorage key \"bhtLang\").\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@600;700;800;900&family=IBM+Plex+Mono:wght@500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\n<div id=\"bht-page\" style=\"--bht-max:1320px; --bht-pad-inline: clamp(20px, 4vw, 64px);\">\n\n<header class=\"bht-header-wrap\">\n  <div class=\"bht-header-bg\"><\/div>\n\n  <div class=\"bht-header-inner\">\n    <a href=\"https:\/\/demowebsite.ir\/bht\/\" class=\"bht-header-logo\">\n      <img decoding=\"async\" src=\"https:\/\/demowebsite.ir\/bht\/wp-content\/uploads\/2026\/05\/BHT-Logo-300-w.png\" alt=\"BHT Logo\">\n    <\/a>\n\n    <nav class=\"bht-header-nav\">\n      <a href=\"https:\/\/demowebsite.ir\/bht\/industrial-supply\/\" data-i18n=\"nav_industrial\">Industrial supply<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/engineering-manufacturing\/\" data-i18n=\"nav_engineering\">Engineering &amp; Manufacturing<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/renewable-clean-energy\/\" data-i18n=\"nav_renewable\">Renewable &amp; Clean Energy<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/\" data-i18n=\"nav_raw\">Raw Materials supply<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/\" data-i18n=\"nav_it\">IT &amp; Cybersecurity<\/a>\n\n      <div class=\"bht-lang-switch\" role=\"group\" aria-label=\"Language selector\">\n        <svg class=\"bht-lang-globe\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" aria-hidden=\"true\" focusable=\"false\">\n          <circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/circle>\n          <path d=\"M3 12h18M12 3c2.5 2.6 3.8 5.7 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.7-3.8-9s1.3-6.4 3.8-9z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\"><\/path>\n        <\/svg>\n        <button type=\"button\" class=\"bht-lang-btn is-active\" data-lang=\"en\" aria-pressed=\"true\" aria-label=\"Switch to English\">\n          <span class=\"bht-lang-flag\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 60 40\" width=\"18\" height=\"12\"><rect width=\"60\" height=\"40\" fill=\"#00247d\"\/><path d=\"M0,0 60,40M60,0 0,40\" stroke=\"#fff\" stroke-width=\"8\"\/><path d=\"M0,0 60,40M60,0 0,40\" stroke=\"#cf142b\" stroke-width=\"4\"\/><path d=\"M30,0V40M0,20H60\" stroke=\"#fff\" stroke-width=\"12\"\/><path d=\"M30,0V40M0,20H60\" stroke=\"#cf142b\" stroke-width=\"7\"\/><\/svg>\n          <\/span>\n          <span>EN<\/span>\n        <\/button>\n        <button type=\"button\" class=\"bht-lang-btn\" data-lang=\"de\" aria-pressed=\"false\" aria-label=\"Auf Deutsch umschalten\">\n          <span class=\"bht-lang-flag\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 60 40\" width=\"18\" height=\"12\"><rect width=\"60\" height=\"13.3\" y=\"0\" fill=\"#000\"\/><rect width=\"60\" height=\"13.3\" y=\"13.3\" fill=\"#dd0000\"\/><rect width=\"60\" height=\"13.4\" y=\"26.6\" fill=\"#ffce00\"\/><\/svg>\n          <\/span>\n          <span>DE<\/span>\n        <\/button>\n      <\/div>\n    <\/nav>\n\n    <button class=\"bht-header-toggle\" aria-label=\"Toggle navigation\" aria-expanded=\"false\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/button>\n  <\/div>\n<\/header>\n\n<div class=\"bht-about-page\">\n\n  <div class=\"hero\">\n    <div class=\"hero-inner\">\n      <div class=\"eyebrow\" data-i18n=\"about_eyebrow\">About BHT<\/div>\n      <h1 class=\"display\"><span data-i18n=\"about_h1_1\">One holding,<\/span> <span class=\"accent\" data-i18n=\"about_h1_2\">five industries<\/span><span data-i18n=\"about_h1_3\">, a single standard of engineering discipline.<\/span><\/h1>\n      <p data-i18n=\"about_intro\">BHT Electric-Control-Mechanic is a leading provider of high-quality manufacturing and\nengineering solutions, with over 30 years of experience serving the wind, solar, and fossil\npower generation, petrochemical, oil and gas, railway, cement, steel, and paper industries\nworldwide.\nRelying on our extensive technical expertise and long-standing experience, we are\nrecognized as a trusted international partner, consistently delivering premium-quality\nproducts and professional engineering services.\nThe success story of BHT over the past 30 years has been driven by our continuous\ncommitment to customer satisfaction.\nOver the years, the company has established itself as a reliable partner in the supply of\nelectrical, control, mechanical, and instrumentation components for various industries\naround the world. BHT specializes in the design, manufacturing, and supply of critical\ncomponents, including turbine parts, electrical and control modules, analog and digital\nboards, and instrumentation devices. Our products and services support wind, solar, and\nthermal power generation, as well as the petrochemical, oil and gas, railway, cement,\nsteel, and paper industries.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"stats\">\n    <div class=\"stats-inner\">\n      <div class=\"stats-grid\">\n        <div class=\"stat\">\n          <div class=\"num display\">5<\/div>\n          <div class=\"label mono\" data-i18n=\"stat1_label\">Divisions<\/div>\n        <\/div>\n        <div class=\"stat\">\n          <div class=\"num display\">DE<\/div>\n          <div class=\"label mono\" data-i18n=\"stat2_label\">HQ Cologne<\/div>\n        <\/div>\n        <div class=\"stat\">\n          <div class=\"num display\">ISO<\/div>\n          <div class=\"label mono\" data-i18n=\"stat3_label\">Aligned Standards<\/div>\n        <\/div>\n        <div class=\"stat\">\n          <div class=\"num display\">B2B<\/div>\n          <div class=\"label mono\" data-i18n=\"stat4_label\">Industrial Focus<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"approach\">\n    <div class=\"approach-inner\">\n      <h2 class=\"display\" data-i18n=\"approach_heading\">How BHT Operates<\/h2>\n      <p class=\"sub\" data-i18n=\"approach_sub\">Every division shares the same operating discipline, from first inquiry to delivered result.<\/p>\n      <div class=\"approach-grid\">\n        <div class=\"approach-step\">\n          <div class=\"num mono\">01<\/div>\n          <h3 data-i18n=\"approach1_title\">Scope &amp; Assess<\/h3>\n          <p data-i18n=\"approach1_body\">Every engagement starts with a technical and commercial assessment of what the partner actually needs, not a standard catalogue answer.<\/p>\n        <\/div>\n        <div class=\"approach-step\">\n          <div class=\"num mono\">02<\/div>\n          <h3 data-i18n=\"approach2_title\">Engineer the Solution<\/h3>\n          <p data-i18n=\"approach2_body\">The relevant division designs, sources, or manufactures the solution, drawing on BHT's cross-division technical expertise where projects overlap.<\/p>\n        <\/div>\n        <div class=\"approach-step\">\n          <div class=\"num mono\">03<\/div>\n          <h3 data-i18n=\"approach3_title\">Execute &amp; Control<\/h3>\n          <p data-i18n=\"approach3_body\">Delivery, procurement, and manufacturing run under documented process control, with the same quality bar across every division.<\/p>\n        <\/div>\n        <div class=\"approach-step\">\n          <div class=\"num mono\">04<\/div>\n          <h3 data-i18n=\"approach4_title\">Support the Relationship<\/h3>\n          <p data-i18n=\"approach4_body\">BHT stays engaged after delivery \u2014 as a long-term supply, engineering, or technology partner rather than a one-off vendor.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"why\">\n    <div class=\"why-inner\">\n      <h2 class=\"display\" data-i18n=\"why_heading\">Why Partners Choose BHT<\/h2>\n      <div class=\"why-list\">\n        <div class=\"why-item\">\n          <div class=\"idx mono\">01<\/div>\n          <h3 data-i18n=\"why1_title\">One Partner, Five Capabilities<\/h3>\n          <p data-i18n=\"why1_body\">Industrial supply, engineering, renewable energy, raw materials, and IT come from a single, coordinated organization \u2014 fewer vendors to manage, fewer gaps between them.<\/p>\n        <\/div>\n        <div class=\"why-item\">\n          <div class=\"idx mono\">02<\/div>\n          <h3 data-i18n=\"why2_title\">German Engineering Standards<\/h3>\n          <p data-i18n=\"why2_body\">Every division operates within European industrial norms, from technical documentation to quality control, wherever the work is delivered.<\/p>\n        <\/div>\n        <div class=\"why-item\">\n          <div class=\"idx mono\">03<\/div>\n          <h3 data-i18n=\"why3_title\">Cross-Division Technical Depth<\/h3>\n          <p data-i18n=\"why3_body\">Projects that span mechanical, electrical, energy, and software needs draw on specialists across BHT's divisions rather than a single generalist team.<\/p>\n        <\/div>\n        <div class=\"why-item\">\n          <div class=\"idx mono\">04<\/div>\n          <h3 data-i18n=\"why4_title\">Reliable Supply Chains<\/h3>\n          <p data-i18n=\"why4_body\">Long-standing sourcing and logistics relationships keep raw materials and industrial components moving even when markets tighten.<\/p>\n        <\/div>\n        <div class=\"why-item\">\n          <div class=\"idx mono\">05<\/div>\n          <h3 data-i18n=\"why5_title\">Long-Term Partnership Model<\/h3>\n          <p data-i18n=\"why5_body\">BHT is structured for ongoing relationships \u2014 recurring supply, multi-phase engineering programs, and managed IT services \u2014 not single transactions.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"cta\">\n    <div class=\"cta-inner\">\n      <h2 class=\"display\" data-i18n=\"cta_heading\">Looking for a partner across more than one discipline?<\/h2>\n      <p data-i18n=\"cta_body\">Tell us what you're trying to solve \u2014 we'll bring in the right division, or several.<\/p>\n      <a href=\"demowebsite.ir\/bht\/contact-us\" data-i18n=\"cta_link\">Get in Touch<\/a>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<footer class=\"bht-footer-wrap\">\n  <div class=\"bht-footer-inner\">\n    <div class=\"bht-footer-brand\">\n      <a href=\"https:\/\/demowebsite.ir\/bht\/\" class=\"bht-footer-logo\">\n        <img decoding=\"async\" src=\"https:\/\/demowebsite.ir\/bht\/wp-content\/uploads\/2026\/05\/BHT-Logo-300-w.png\" alt=\"BHT Logo\">\n      <\/a>\n\n      <div class=\"bht-footer-social\">\n        <a href=\"https:\/\/de.linkedin.com\/company\/bht-electric-control-mechanic-gmbh-&-co.-kg\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"BHT on LinkedIn\">\n          <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\">\n            <path d=\"M20.45 20.45h-3.55v-5.57c0-1.33-.02-3.03-1.85-3.03-1.85 0-2.14 1.45-2.14 2.94v5.66H9.36V9h3.41v1.56h.05c.48-.9 1.63-1.85 3.36-1.85 3.6 0 4.27 2.37 4.27 5.45v6.29zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zM7.12 20.45H3.56V9h3.56v11.45z\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"bht-footer-column\">\n      <h4 data-i18n=\"footer_contact_heading\">Contact us<\/h4>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/contact-us\/\" data-i18n=\"footer_contact_link\">Contact BHT<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/terms-of-use\/\" data-i18n=\"footer_terms_link\">Terms &amp; Conditions<\/a>\n    <\/div>\n\n    <div class=\"bht-footer-column\">\n      <h4 data-i18n=\"footer_about_heading\">About us<\/h4>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/about-us\/\" data-i18n=\"footer_about_link\">About BHT<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/licenses\/\" data-i18n=\"footer_licenses_link\">Licenses<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/privacy-policy-2\/\" data-i18n=\"footer_privacy_link\">Privacy &amp; Policy<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"bht-footer-bottom\">\n    <p>&copy; <span class=\"bht-footer-year\"><\/span> <span data-i18n=\"footer_rights\">BHT Electric Control Mechanic. All rights reserved.<\/span><\/p>\n  <\/div>\n<\/footer>\n\n<\/div><!-- \/#bht-page -->\n\n<style>\n#bht-page, #bht-page * { box-sizing: border-box; }\n#bht-page a { text-decoration: none; }\n\n\/* ============================================================\n   SHARED ALIGNMENT SYSTEM\n   Single source of truth for left\/right edges, reused by the\n   header nav row, every About-page section's \"-inner\" wrapper,\n   and the footer. All of them get the identical max-width +\n   centering + side padding, driven by the same --bht-max \/\n   --bht-pad-inline variables declared once on #bht-page \u2014 so\n   their edges line up at every breakpoint, not just desktop.\n============================================================ *\/\n.bht-header-inner,\n.hero-inner,\n.stats-inner,\n.approach-inner,\n.why-inner,\n.cta-inner {\n  max-width: var(--bht-max);\n  margin-inline: auto;\n  width: 100%;\n  padding-inline: var(--bht-pad-inline);\n  box-sizing: border-box;\n}\n\n\/* Footer: same max-width\/centering as everything else, but no left\n   padding \u2014 brand logo sits flush at the left edge of the container. *\/\n.bht-footer-inner {\n  max-width: var(--bht-max);\n  margin-inline: auto;\n  width: 100%;\n  padding-left: 0;\n  padding-right: var(--bht-pad-inline);\n  box-sizing: border-box;\n}\n\n\/* ============ HEADER ============ *\/\n.bht-header-wrap {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  z-index: 999;\n  isolation: isolate;\n  padding-block: 52px;\n  background: rgba(255, 255, 255, 0.08);\n  backdrop-filter: blur(5px) saturate(160%);\n  -webkit-backdrop-filter: blur(10px) saturate(160%);\n  border: none;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.25);\n  box-shadow:\n    0 8px 32px rgba(0, 0, 0, 0.25),\n    inset 0 1px 0 rgba(255, 255, 255, 0.3),\n    inset 0 -1px 0 rgba(0, 0, 0, 0.1);\n  transition: box-shadow 0.6s ease;\n}\n\n.bht-header-wrap:hover {\n  box-shadow:\n    0 12px 40px rgba(0, 0, 0, 0.3),\n    inset 0 1px 0 rgba(255, 255, 255, 0.4),\n    inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n}\n\n.bht-header-bg {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  z-index: -1;\n  overflow: hidden;\n  pointer-events: none;\n}\n\n.bht-header-bg::before {\n  content: '';\n  position: absolute;\n  top: -30%; left: -20%;\n  width: 160%; height: 160%;\n  background: radial-gradient(circle at 30% 30%, rgba(120, 200, 255, 0.35), transparent 60%),\n              radial-gradient(circle at 70% 70%, rgba(255, 150, 220, 0.3), transparent 60%);\n  filter: blur(40px);\n  animation: bht-liquid-morph 12s ease-in-out infinite;\n}\n\n@keyframes bht-liquid-morph {\n  0%, 100% { border-radius: 42% 58% 63% 37% \/ 41% 44% 56% 59%; transform: rotate(0deg) scale(1); }\n  33% { border-radius: 63% 37% 41% 59% \/ 51% 62% 38% 49%; transform: rotate(8deg) scale(1.05); }\n  66% { border-radius: 37% 63% 55% 45% \/ 60% 40% 60% 40%; transform: rotate(-6deg) scale(0.97); }\n}\n\n.bht-header-logo {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n}\n\n.bht-header-logo img {\n  height: 64px;\n  width: auto;\n  display: block;\n}\n\n.bht-header-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.bht-header-nav {\n  display: flex;\n  align-items: center;\n  gap: clamp(20px, 2.6vw, 40px);\n  flex-wrap: nowrap;\n}\n\n.bht-header-nav a {\n  position: relative;\n  color: #ffffff;\n  text-decoration: none;\n  font-family: 'Archivo', sans-serif;\n  font-size: 0.7rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n  white-space: nowrap;\n  opacity: 0.9;\n  padding-bottom: 8px;\n  transition: opacity 0.6s ease, color 0.6s ease;\n}\n\n.bht-header-nav a::after {\n  content: '';\n  position: absolute;\n  left: 0; bottom: 0;\n  width: 100%; height: 2px;\n  background: #F68D1E;\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.6s ease;\n}\n\n.bht-header-nav a:hover { opacity: 1; color: #F68D1E; }\n.bht-header-nav a:hover::after { transform: scaleX(1); }\n\n\/* ============ LANGUAGE SWITCH ============ *\/\n.bht-lang-switch {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-left: clamp(8px, 1.5vw, 24px);\n  padding-left: clamp(8px, 1.5vw, 24px);\n  border-left: 1px solid rgba(255, 255, 255, 0.25);\n}\n\n.bht-lang-globe {\n  color: rgba(255, 255, 255, 0.65);\n  flex-shrink: 0;\n}\n\n.bht-lang-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: rgba(255, 255, 255, 0.06);\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 20px;\n  padding: 5px 10px 5px 6px;\n  color: rgba(255, 255, 255, 0.75);\n  font-family: 'Archivo', sans-serif;\n  font-size: 0.65rem;\n  font-weight: 700;\n  letter-spacing: 0.03em;\n  cursor: pointer;\n  transition: background .2s ease, border-color .2s ease, color .2s ease;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.bht-lang-btn:hover {\n  border-color: rgba(246, 141, 30, 0.6);\n  color: #ffffff;\n}\n\n.bht-lang-btn.is-active {\n  background: rgba(246, 141, 30, 0.18);\n  border-color: #F68D1E;\n  color: #ffffff;\n}\n\n.bht-lang-flag {\n  display: inline-flex;\n  align-items: center;\n  border-radius: 2px;\n  overflow: hidden;\n  line-height: 0;\n}\n\n.bht-lang-flag svg { display: block; }\n\n.bht-header-toggle {\n  display: none;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  width: 32px; height: 32px;\n  background: transparent;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  padding: 0;\n  flex-shrink: 0;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n.bht-header-toggle:focus,\n.bht-header-toggle:active { outline: none; background: transparent; }\n\n.bht-header-toggle span {\n  display: block;\n  width: 26px; height: 2px;\n  background: #ffffff;\n  border-radius: 2px;\n  transition: transform 0.6s ease, opacity 0.6s ease;\n}\n\n.bht-header-toggle.is-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\n.bht-header-toggle.is-active span:nth-child(2) { opacity: 0; }\n.bht-header-toggle.is-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\n\n@media (max-width: 1100px) {\n  .bht-header-wrap { padding-block: 18px; }\n  .bht-header-logo img { height: 50px; }\n\n  .bht-header-nav {\n    position: absolute;\n    top: 100%; left: 0; right: 0;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n    padding-inline: var(--bht-pad-inline);\n    background: rgba(20, 20, 25, 0.55);\n    backdrop-filter: blur(12px) saturate(160%);\n    -webkit-backdrop-filter: blur(12px) saturate(160%);\n    border-top: 1px solid rgba(255, 255, 255, 0.2);\n    max-height: 0;\n    overflow: hidden;\n    opacity: 0;\n    pointer-events: none;\n    transition: max-height 0.6s ease, opacity 0.6s ease, padding 0.6s ease;\n  }\n\n  .bht-header-nav.is-open { max-height: 400px; opacity: 1; pointer-events: auto; padding-block: 16px; }\n  .bht-header-nav a { width: 100%; padding: 10px 4px; font-size: 0.85rem; }\n\n  .bht-lang-switch {\n    margin-left: 0;\n    padding-left: 0;\n    border-left: none;\n    width: 100%;\n    padding-block: 10px 4px;\n  }\n\n  .bht-header-toggle { display: flex; }\n}\n\n@media (max-width: 480px) {\n  .bht-header-wrap { padding-block: 14px; }\n  .bht-header-logo img { height: 40px; }\n}\n\n\/* ============ ABOUT PAGE ============ *\/\n.bht-about-page{\n  --navy-a:#131D2E;\n  --navy-b:#18253B;\n  --navy-deep:#0C1420;\n  --panel-alt:rgba(255,255,255,0.03);\n  --orange:#E8711A;\n  --violet:#8B8DFF;\n  --ink:#F2ECE4;\n  --ink-dim:#9AA6B8;\n  --line:rgba(255,255,255,0.12);\n  --line-strong:rgba(255,255,255,0.18);\n  font-family: 'IBM Plex Sans', sans-serif;\n  color: var(--ink);\n  line-height: 1.6;\n  position: relative;\n  overflow-x: hidden;\n}\n.bht-about-page *{ box-sizing:border-box; }\n.bht-about-page .display{ font-family:'Archivo', sans-serif; letter-spacing:-0.01em; }\n.bht-about-page .mono{ font-family:'IBM Plex Mono', monospace; }\n\n\/* ---- 1. HERO ---- *\/\n.bht-about-page .hero{\n  background: linear-gradient(180deg, var(--navy-a) 0%, var(--navy-b) 90%);\n  padding-block: 10% clamp(84px, 10%, 180px);\n  text-align: center;\n}\n.bht-about-page .hero-inner{ text-align: center; }\n.bht-about-page .hero .eyebrow{\n  font-family:'IBM Plex Mono', monospace;\n  font-size: clamp(11px, 1.4vw, 13px); font-weight:600; letter-spacing:0.16em; text-transform:uppercase;\n  color: var(--orange);\n  margin-bottom: 18px;\n}\n.bht-about-page .hero h1{\n  font-size: clamp(26px, 4.2vw, 46px);\n  font-weight: 800;\n  color: var(--ink);\n  max-width: 820px;\n  margin: 0 auto 22px;\n}\n.bht-about-page .hero h1 .accent{ color: var(--orange); }\n.bht-about-page .hero p{\n  max-width: 640px; margin: 0 auto;\n  color: var(--ink-dim); font-size: clamp(14px, 1.6vw, 16px);\n  white-space: pre-line;\n}\n\n\/* ---- 2. STATS \/ OVERVIEW ---- *\/\n.bht-about-page .stats{\n  background: var(--navy-deep);\n  padding-block: clamp(36px, 16vw, 56px);\n}\n.bht-about-page .stats-grid{\n  display:grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px 0;\n  width: 100%;\n}\n.bht-about-page .stat{\n  text-align:center;\n  padding: 0 20px;\n  border-left: 1px solid var(--line);\n}\n.bht-about-page .stat:first-child{ border-left: none; padding-left: 0; }\n.bht-about-page .stat:last-child{ padding-right: 0; }\n.bht-about-page .stat .num{\n  font-family:'Archivo', sans-serif; font-weight:800;\n  font-size: clamp(26px, 3.4vw, 38px);\n  color: var(--orange);\n  margin-bottom: 6px;\n}\n.bht-about-page .stat .label{\n  font-size: clamp(11px, 1.2vw, 13px); color: var(--ink-dim);\n  text-transform:uppercase; letter-spacing:0.05em;\n}\n\n\/* ---- 3. APPROACH (4-stage) ---- *\/\n.bht-about-page .approach{\n  background: linear-gradient(180deg, var(--navy-a) 0%, var(--navy-b) 90%);\n  padding-block: clamp(48px, 7vw, 70px);\n}\n.bht-about-page .approach h2{\n  text-align:center;\n  font-family:'Archivo', sans-serif; font-weight:800;\n  font-size: clamp(20px, 2.6vw, 28px);\n  margin: 0 0 10px;\n  color: var(--ink);\n}\n.bht-about-page .approach .sub{\n  text-align:center;\n  color: var(--ink-dim);\n  font-size: clamp(13px, 1.5vw, 14px);\n  max-width: 560px;\n  margin: 0 auto clamp(32px, 5vw, 44px);\n}\n.bht-about-page .approach-grid{\n  display:grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 28px 0;\n  width: 100%;\n}\n.bht-about-page .approach-step{\n  padding: 0 20px;\n  border-left: 1px solid var(--line);\n}\n.bht-about-page .approach-step:first-child{ border-left: none; padding-left: 0; }\n.bht-about-page .approach-step:last-child{ padding-right: 0; }\n.bht-about-page .approach-step .num{\n  font-family:'IBM Plex Mono', monospace;\n  font-weight:700; font-size: clamp(19px, 2vw, 22px);\n  color: var(--orange);\n  margin-bottom: 12px;\n}\n.bht-about-page .approach-step h3{\n  font-family:'Archivo', sans-serif; font-weight:700;\n  font-size: clamp(14px, 1.5vw, 15px); margin: 0 0 8px;\n  color: var(--ink);\n}\n.bht-about-page .approach-step p{\n  font-size: clamp(12.5px, 1.4vw, 13px); color: var(--ink-dim); margin: 0;\n}\n\n\/* ---- 4. WHY BHT (numbered list) ---- *\/\n.bht-about-page .why{\n  background: var(--navy-deep);\n  padding-block: clamp(48px, 7vw, 70px) 30px;\n}\n.bht-about-page .why h2{\n  text-align:center;\n  font-family:'Archivo', sans-serif; font-weight:800;\n  font-size: clamp(20px, 2.6vw, 28px);\n  margin: 0 0 clamp(28px, 5vw, 44px);\n  color: var(--ink);\n}\n.bht-about-page .why-list{\n  max-width: 780px;\n  margin: 0 auto;\n  border-top: 1px solid var(--line-strong);\n}\n.bht-about-page .why-item{\n  padding: 26px 0;\n  border-bottom: 1px solid var(--line-strong);\n}\n.bht-about-page .why-item .idx{\n  font-family:'IBM Plex Mono', monospace;\n  font-weight:600; font-size: 13px;\n  color: var(--orange);\n  margin-bottom: 8px;\n}\n.bht-about-page .why-item h3{\n  font-family:'Archivo', sans-serif; font-weight:700;\n  font-size: clamp(15px, 1.7vw, 17px); margin: 0 0 6px;\n  color: var(--ink);\n}\n.bht-about-page .why-item p{\n  font-size: clamp(13px, 1.5vw, 14px); color: var(--ink-dim); margin: 0;\n}\n\n\/* ---- 5. CTA ---- *\/\n.bht-about-page .cta{\n  background: linear-gradient(180deg, var(--navy-a) 0%, var(--navy-b) 90%);\n  padding-block: clamp(44px, 6vw, 60px) clamp(48px, 8vw, 90px);\n  text-align:center;\n}\n.bht-about-page .cta h2{\n  font-family:'Archivo', sans-serif; font-weight:800;\n  font-size: clamp(19px, 2.4vw, 26px);\n  color: var(--ink); margin: 0 0 12px;\n  max-width: 640px;\n  margin-left: auto; margin-right: auto;\n}\n.bht-about-page .cta p{\n  color: var(--ink-dim); margin: 0 0 26px; font-size: clamp(13.5px, 1.5vw, 14.5px);\n}\n.bht-about-page .cta a{\n  display:inline-block;\n  padding: 13px 30px;\n  background: rgba(28,26,24,0.35);\n  border: 1px solid rgba(139,141,255,0.5);\n  border-radius: 6px;\n  font-family:'Archivo', sans-serif; font-weight:700; font-size: 14px;\n  letter-spacing: 0.3px;\n  color: var(--violet);\n  text-decoration: none;\n  text-shadow:\n    0 0 4px rgba(139,141,255,0.4),\n    0 0 8px rgba(139,141,255,0.4),\n    0 0 16px rgba(139,141,255,0.3);\n  transition: text-shadow 0.3s ease-in-out, border-color .15s ease, transform .2s ease, background .15s ease, box-shadow .2s ease;\n}\n.bht-about-page .cta a:hover{\n  border-color: var(--violet);\n  background: rgba(28,26,24,0.6);\n  box-shadow: 0 8px 22px rgba(139,141,255,0.35);\n  text-shadow:\n    0 0 6px rgba(139,141,255,0.5),\n    0 0 12px rgba(139,141,255,0.5),\n    0 0 22px rgba(139,141,255,0.4);\n  transform: scale(1.04);\n}\n\n\/* ---- RESPONSIVE ---- *\/\n@media (max-width: 1024px){\n  .bht-about-page .hero{ padding-top: 16vh; padding-bottom: 4vw; }\n  .bht-about-page .stats-grid{ gap: 28px 0; }\n  .bht-about-page .approach-grid{ gap: 32px 0; }\n}\n\n@media (max-width: 900px){\n  .bht-about-page .hero{ padding-top: 16vh; padding-bottom: 4vw; }\n  .bht-about-page .stats-grid{ grid-template-columns: repeat(2,1fr); gap: 32px 0; }\n  .bht-about-page .stat{ border-left:none; padding: 0; }\n  .bht-about-page .approach-grid{ grid-template-columns: repeat(2,1fr); gap: 30px 24px; }\n  .bht-about-page .approach-step{\n    border-left: 1px solid var(--line);\n    padding-left: 20px;\n    padding-right: 0;\n  }\n  .bht-about-page .approach-step:nth-child(odd){\n    border-left: none;\n    padding-left: 0;\n    padding-right: 12px;\n  }\n  .bht-about-page .approach-step:nth-child(even){\n    padding-left: 20px;\n  }\n}\n\n@media (max-width: 640px){\n  .bht-about-page .hero{ padding-top: 16vh; padding-bottom: 4vw; }\n  .bht-about-page .stats-grid{ grid-template-columns: repeat(2,1fr); gap: 28px 16px; }\n  .bht-about-page .approach-grid{ grid-template-columns: 1fr; gap: 26px 0; }\n  .bht-about-page .approach-step{\n    border-left: none !important;\n    padding: 0 !important;\n    text-align: left;\n  }\n  .bht-about-page .why-item{ padding: 22px 0; }\n  .bht-about-page .cta a{ width: 100%; }\n}\n\n@media (max-width: 400px){\n  .bht-about-page .hero{ padding-top: 16vh; padding-bottom: 4vw; }\n  .bht-about-page .stats-grid{ grid-template-columns: 1fr; gap: 24px 0; }\n  .bht-about-page .stat{ padding: 0; }\n}\n\n\/* Portrait tall viewports (e.g. 1080x1920) don't need extra vertical padding stacking *\/\n@media (orientation: portrait) and (min-width: 900px){\n  .bht-about-page .hero{ padding-top: 16vw; padding-bottom: 4vw; }\n  .bht-about-page .stats-grid{ grid-template-columns: repeat(4,1fr); }\n  .bht-about-page .approach-grid{ grid-template-columns: repeat(2,1fr); }\n}\n\n\/* On mobile the header collapses to a shorter padding-block (18px \/ 14px)\n   \u2014 keep the About hero's own top offset as-is since it already clears\n   the fixed header at every breakpoint tested above. *\/\n\n\/* ============ FOOTER ============ *\/\n.bht-footer-wrap {\n  background: linear-gradient(180deg, #131D2E 0%, #18253B 100%);\n  overflow: hidden;\n  padding-block-start: 60px;\n  font-family: 'IBM Plex Sans', sans-serif;\n}\n\n.bht-footer-inner {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 48px;\n  padding-top: 3vh;\n}\n\n.bht-footer-brand {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  flex-shrink: 0;\n  padding: 0;\n  margin: 0;\n}\n\n.bht-footer-logo {\n  display: flex;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n}\n\n.bht-footer-logo img {\n  height: 56px;\n  width: auto;\n  display: block;\n}\n\n.bht-footer-social { display: flex; gap: 10px; }\n\n.bht-footer-social a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 34px; height: 34px;\n  border-radius: 6px;\n  background: rgba(255, 255, 255, 0.08);\n  color: #ffffff;\n  transition: background 0.6s ease, color 0.6s ease;\n}\n\n.bht-footer-social a:hover { background: #F68D1E; color: #131D2E; }\n\n.bht-footer-column {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  min-width: 140px;\n}\n\n.bht-footer-column h4 {\n  margin: 0;\n  color: #ffffff;\n  font-family: 'Archivo', sans-serif;\n  font-weight: 700;\n  font-size: 1.05rem;\n}\n\n.bht-footer-column a {\n  color: rgba(255, 255, 255, 0.55);\n  text-decoration: none;\n  font-size: 0.95rem;\n  transition: color 0.6s ease;\n}\n\n.bht-footer-column a:hover { color: #F68D1E; }\n\n\/* Uses the shared max-width so the divider line lines up with everything above it *\/\n.bht-footer-bottom {\n  max-width: var(--bht-max);\n  margin: 0 auto;\n  margin-top: 60px;\n  padding: 24px var(--bht-pad-inline) 24px 0;\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.bht-footer-bottom p {\n  margin: 0;\n  color: rgba(255, 255, 255, 0.4);\n  font-size: 0.8rem;\n  text-align: center;\n}\n\n@media (max-width: 1100px) {\n  .bht-footer-wrap { padding-block-start: 48px; }\n  .bht-footer-inner { padding-top: 2vh; gap: 40px; }\n}\n\n@media (max-width: 800px) {\n  .bht-footer-inner {\n    flex-direction: column;\n    flex-wrap: nowrap;\n    align-items: center;\n    text-align: center;\n    gap: 40px;\n  }\n  .bht-footer-brand,\n  .bht-footer-column { width: 100%; align-items: center; }\n  .bht-footer-social { justify-content: center; }\n}\n\n@media (max-width: 600px) {\n  .bht-footer-wrap { padding-block-start: 40px; }\n  .bht-footer-bottom { margin-top: 40px; }\n}\n\n@media (max-width: 480px) {\n  .bht-footer-inner { padding-top: 1.5vh; }\n  .bht-footer-logo img { height: 44px; }\n}\n<\/style>\n\n<script>\n(function() {\n  var toggle = document.querySelector('.bht-header-toggle');\n  var nav = document.querySelector('.bht-header-nav');\n\n  if (!toggle || !nav) return;\n\n  toggle.addEventListener('click', function() {\n    var isOpen = nav.classList.toggle('is-open');\n    toggle.classList.toggle('is-active', isOpen);\n    toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n  });\n\n  document.addEventListener('click', function(e) {\n    if (!nav.contains(e.target) && !toggle.contains(e.target)) {\n      nav.classList.remove('is-open');\n      toggle.classList.remove('is-active');\n      toggle.setAttribute('aria-expanded', 'false');\n    }\n  });\n\n  window.addEventListener('resize', function() {\n    if (window.innerWidth > 1100) {\n      nav.classList.remove('is-open');\n      toggle.classList.remove('is-active');\n      toggle.setAttribute('aria-expanded', 'false');\n    }\n  });\n})();\n<\/script>\n\n<script>\ndocument.querySelector('.bht-footer-year').textContent = new Date().getFullYear();\n<\/script>\n\n<!-- ============ LANGUAGE SWITCHER (EN \/ DE) ============\n     Hand-written translations (no Google Translate \/ third-party\n     translation service). Every visible string with a data-i18n\n     attribute is looked up here and swapped on click. Uses the\n     same \"bhtLang\" localStorage key as the homepage, so a visitor's\n     choice carries over between pages. -->\n<script>\n(function(){\n  var TRANSLATIONS = {\n    nav_industrial:   { en: 'Industrial supply',              de: 'Industrielle Zulieferung' },\n    nav_engineering:  { en: 'Engineering & Manufacturing',     de: 'Ingenieurwesen & Fertigung' },\n    nav_renewable:    { en: 'Renewable & Clean Energy',        de: 'Erneuerbare & Saubere Energie' },\n    nav_raw:          { en: 'Raw Materials supply',            de: 'Rohstoffversorgung' },\n    nav_it:           { en: 'IT & Cybersecurity',               de: 'IT & Cybersicherheit' },\n\n    about_eyebrow:    { en: 'About BHT',                        de: '\u00dcber BHT' },\n    about_h1_1:       { en: 'One holding,',                     de: 'Eine Unternehmensgruppe,' },\n    about_h1_2:       { en: 'five industries',                  de: 'f\u00fcnf Branchen' },\n    about_h1_3:       { en: ', a single standard of engineering discipline.',\n                         de: ', ein einheitlicher Anspruch an technische Disziplin.' },\n    about_intro:      { en: \"BHT Electric-Control-Mechanic is a leading provider of high-quality manufacturing and\\nengineering solutions, with over 30 years of experience serving the wind, solar, and fossil\\npower generation, petrochemical, oil and gas, railway, cement, steel, and paper industries worldwide. Relying on our extensive technical expertise and long-standing experience, we are recognized as a trusted international partner, consistently delivering premium-quality products and professional engineering services. The success story of BHT over the past 30 years has been driven by our continuous commitment to customer satisfaction. Over the years, the company has established itself as a reliable partner in the supply of electrical, control, mechanical, and instrumentation components for various industries around the world. BHT specializes in the design, manufacturing, and supply of critical components, including turbine parts, electrical and control modules, analog and digital boards, and instrumentation devices. Our products and services support wind, solar, and thermal power generation, as well as the petrochemical, oil and gas, railway, cement, steel, and paper industries.\",\n                         de: \"BHT Electric-Control-Mechanic ist ein f\u00fchrender Anbieter hochwertiger Fertigungs- und\\nEngineering-L\u00f6sungen mit \u00fcber 30 Jahren Erfahrung in den Bereichen Wind-, Solar- und\\nfossile Energieerzeugung, Petrochemie, \u00d6l und Gas, Eisenbahn, Zement, Stahl und Papier\\nweltweit.\\nGest\u00fctzt auf unser umfangreiches technisches Know-how und unsere langj\u00e4hrige Erfahrung\\ngelten wir als verl\u00e4sslicher internationaler Partner, der durchgehend hochwertige Produkte\\nund professionelle Engineering-Dienstleistungen liefert.\\nDie Erfolgsgeschichte von BHT der letzten 30 Jahre beruht auf unserem kontinuierlichen\\nEinsatz f\u00fcr die Zufriedenheit unserer Kunden.\\n\u00dcber die Jahre hat sich das Unternehmen als zuverl\u00e4ssiger Partner f\u00fcr die Lieferung von\\nelektrischen, steuerungstechnischen, mechanischen und messtechnischen Komponenten f\u00fcr\\nverschiedenste Industrien weltweit etabliert. BHT ist spezialisiert auf die Entwicklung,\\nFertigung und Lieferung kritischer Komponenten, darunter Turbinenteile, elektrische und\\nSteuerungsmodule, Analog- und Digitalplatinen sowie Messinstrumente. Unsere Produkte und\\nDienstleistungen unterst\u00fctzen die Wind-, Solar- und thermische Energieerzeugung sowie die\\nPetrochemie-, \u00d6l- und Gas-, Eisenbahn-, Zement-, Stahl- und Papierindustrie.\" },\n\n    stat1_label:      { en: 'Divisions',                        de: 'Gesch\u00e4ftsbereiche' },\n    stat2_label:      { en: 'HQ Cologne',                        de: 'Sitz K\u00f6ln' },\n    stat3_label:      { en: 'Aligned Standards',                 de: 'Normkonform' },\n    stat4_label:      { en: 'Industrial Focus',                  de: 'Industriefokus' },\n\n    approach_heading: { en: 'How BHT Operates',                  de: 'Wie BHT arbeitet' },\n    approach_sub:     { en: 'Every division shares the same operating discipline, from first inquiry to delivered result.',\n                         de: 'Jeder Bereich folgt derselben Arbeitsdisziplin \u2013 von der ersten Anfrage bis zum gelieferten Ergebnis.' },\n\n    approach1_title:  { en: 'Scope & Assess',                    de: 'Bedarf erfassen' },\n    approach1_body:   { en: 'Every engagement starts with a technical and commercial assessment of what the partner actually needs, not a standard catalogue answer.',\n                         de: 'Jedes Projekt beginnt mit einer technischen und kaufm\u00e4nnischen Bewertung des tats\u00e4chlichen Bedarfs \u2013 nicht mit einer Standardantwort aus dem Katalog.' },\n    approach2_title:  { en: 'Engineer the Solution',             de: 'L\u00f6sung entwickeln' },\n    approach2_body:   { en: \"The relevant division designs, sources, or manufactures the solution, drawing on BHT's cross-division technical expertise where projects overlap.\",\n                         de: 'Der zust\u00e4ndige Bereich entwickelt, beschafft oder fertigt die L\u00f6sung und greift bei bereichs\u00fcbergreifenden Projekten auf das gesamte technische Know-how von BHT zur\u00fcck.' },\n    approach3_title:  { en: 'Execute & Control',                 de: 'Umsetzen & Kontrollieren' },\n    approach3_body:   { en: 'Delivery, procurement, and manufacturing run under documented process control, with the same quality bar across every division.',\n                         de: 'Lieferung, Beschaffung und Fertigung laufen unter dokumentierter Prozesskontrolle \u2013 mit demselben Qualit\u00e4tsanspruch in jedem Bereich.' },\n    approach4_title:  { en: 'Support the Relationship',          de: 'Partnerschaft begleiten' },\n    approach4_body:   { en: 'BHT stays engaged after delivery \u2014 as a long-term supply, engineering, or technology partner rather than a one-off vendor.',\n                         de: 'BHT bleibt auch nach der Lieferung aktiv eingebunden \u2013 als langfristiger Liefer-, Engineering- oder Technologiepartner und nicht als einmaliger Anbieter.' },\n\n    why_heading:      { en: 'Why Partners Choose BHT',           de: 'Warum Partner sich f\u00fcr BHT entscheiden' },\n\n    why1_title:       { en: 'One Partner, Five Capabilities',    de: 'Ein Partner, f\u00fcnf Kompetenzen' },\n    why1_body:        { en: 'Industrial supply, engineering, renewable energy, raw materials, and IT come from a single, coordinated organization \u2014 fewer vendors to manage, fewer gaps between them.',\n                         de: 'Industrielle Zulieferung, Engineering, erneuerbare Energien, Rohstoffe und IT kommen aus einer einzigen, koordinierten Organisation \u2013 weniger Lieferanten zu koordinieren, weniger L\u00fccken zwischen ihnen.' },\n    why2_title:       { en: 'German Engineering Standards',      de: 'Deutsche Ingenieursstandards' },\n    why2_body:        { en: 'Every division operates within European industrial norms, from technical documentation to quality control, wherever the work is delivered.',\n                         de: 'Jeder Bereich arbeitet nach europ\u00e4ischen Industrienormen, von der technischen Dokumentation bis zur Qualit\u00e4tskontrolle, unabh\u00e4ngig vom Lieferort.' },\n    why3_title:       { en: 'Cross-Division Technical Depth',    de: 'Bereichs\u00fcbergreifende technische Tiefe' },\n    why3_body:        { en: \"Projects that span mechanical, electrical, energy, and software needs draw on specialists across BHT's divisions rather than a single generalist team.\",\n                         de: 'Projekte mit mechanischem, elektrischem, energie- und softwarebezogenem Bedarf greifen auf Spezialisten aus allen Bereichen von BHT zur\u00fcck statt auf ein einzelnes Generalistenteam.' },\n    why4_title:       { en: 'Reliable Supply Chains',            de: 'Zuverl\u00e4ssige Lieferketten' },\n    why4_body:        { en: 'Long-standing sourcing and logistics relationships keep raw materials and industrial components moving even when markets tighten.',\n                         de: 'Langj\u00e4hrige Beschaffungs- und Logistikbeziehungen halten den Fluss von Rohstoffen und Industriekomponenten auch bei angespannten M\u00e4rkten aufrecht.' },\n    why5_title:       { en: 'Long-Term Partnership Model',       de: 'Modell f\u00fcr langfristige Partnerschaften' },\n    why5_body:        { en: 'BHT is structured for ongoing relationships \u2014 recurring supply, multi-phase engineering programs, and managed IT services \u2014 not single transactions.',\n                         de: 'BHT ist auf dauerhafte Beziehungen ausgelegt \u2013 wiederkehrende Lieferungen, mehrphasige Engineering-Programme und verwaltete IT-Services \u2013 nicht auf Einzelgesch\u00e4fte.' },\n\n    cta_heading:      { en: 'Looking for a partner across more than one discipline?',\n                         de: 'Auf der Suche nach einem Partner f\u00fcr mehrere Fachbereiche?' },\n    cta_body:         { en: \"Tell us what you're trying to solve \u2014 we'll bring in the right division, or several.\",\n                         de: 'Sagen Sie uns, was Sie l\u00f6sen m\u00f6chten \u2013 wir bringen den passenden Bereich ein, oder gleich mehrere.' },\n    cta_link:         { en: 'Get in Touch',                      de: 'Kontakt aufnehmen' },\n\n    footer_contact_heading: { en: 'Contact us',                  de: 'Kontakt' },\n    footer_contact_link:    { en: 'Contact BHT',                 de: 'BHT kontaktieren' },\n    footer_terms_link:      { en: 'Terms & Conditions',          de: 'Allgemeine Gesch\u00e4ftsbedingungen' },\n    footer_about_heading:   { en: 'About us',                    de: '\u00dcber uns' },\n    footer_about_link:      { en: 'About BHT',                   de: '\u00dcber BHT' },\n    footer_licenses_link:   { en: 'Licenses',                    de: 'Lizenzen' },\n    footer_privacy_link:    { en: 'Privacy & Policy',            de: 'Datenschutz' },\n    footer_rights:           { en: 'BHT Electric Control Mechanic. All rights reserved.',\n                                de: 'BHT Electric Control Mechanic. Alle Rechte vorbehalten.' }\n  };\n\n  var STORAGE_KEY = 'bhtLang';\n\n  function getSavedLang(){\n    try {\n      var v = window.localStorage.getItem(STORAGE_KEY);\n      return (v === 'de' || v === 'en') ? v : null;\n    } catch(e){ return null; }\n  }\n\n  function saveLang(lang){\n    try { window.localStorage.setItem(STORAGE_KEY, lang); } catch(e){ \/* storage unavailable, ignore *\/ }\n  }\n\n  function applyLanguage(lang){\n    var nodes = document.querySelectorAll('[data-i18n]');\n    nodes.forEach(function(node){\n      var key = node.getAttribute('data-i18n');\n      var entry = TRANSLATIONS[key];\n      if (!entry) return;\n      node.textContent = entry[lang] || entry.en;\n    });\n\n    document.documentElement.setAttribute('lang', lang);\n\n    var buttons = document.querySelectorAll('.bht-lang-btn');\n    buttons.forEach(function(btn){\n      var isActive = btn.getAttribute('data-lang') === lang;\n      btn.classList.toggle('is-active', isActive);\n      btn.setAttribute('aria-pressed', isActive ? 'true' : 'false');\n    });\n\n    saveLang(lang);\n  }\n\n  function initLanguage(){\n    var saved = getSavedLang();\n    var browserLang = (navigator.language || '').toLowerCase().indexOf('de') === 0 ? 'de' : 'en';\n    applyLanguage(saved || browserLang);\n  }\n\n  document.addEventListener('click', function(e){\n    var btn = e.target.closest ? e.target.closest('.bht-lang-btn') : null;\n    if (!btn) return;\n    var lang = btn.getAttribute('data-lang');\n    if (lang === 'de' || lang === 'en') applyLanguage(lang);\n  });\n\n  initLanguage();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Industrial supply Engineering &amp; Manufacturing Renewable &amp; Clean Energy Raw Materials supply IT &amp; Cybersecurity EN DE About BHT One holding, five industries, a single standard of engineering discipline. BHT Electric-Control-Mechanic is a leading provider of high-quality manufacturing and engineering solutions, with over 30 years of experience serving the wind, solar, and fossil power generation, [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-333","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/pages\/333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/comments?post=333"}],"version-history":[{"count":232,"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/pages\/333\/revisions"}],"predecessor-version":[{"id":1592,"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/pages\/333\/revisions\/1592"}],"wp:attachment":[{"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/media?parent=333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}