{"id":67,"date":"2026-06-02T17:19:23","date_gmt":"2026-06-02T17:19:23","guid":{"rendered":"https:\/\/digitalina.ir\/engineering-manufacturing\/?page_id=67"},"modified":"2026-08-11T07:02:30","modified_gmt":"2026-08-11T07:02:30","slug":"contact","status":"publish","type":"page","link":"https:\/\/digitalina.ir\/engineering-manufacturing\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"67\" class=\"elementor elementor-67\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe8ef17 e-con-full e-flex e-con e-parent\" data-id=\"fe8ef17\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64a4b48 elementor-widget elementor-widget-html\" data-id=\"64a4b48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BHT \u2014 ENGINEERING & MANUFACTURING: HEADER + CONTACT CONTENT + FOOTER\n  ======================================================\n  Single Elementor \"HTML\" widget \u2014 Contact page.\n\n  Same header\/footer as the Services and About pages (shared \"bhtLang\"\n  localStorage language switcher). All visible copy \u2014 page head, address\n  block, contact-detail labels, form labels\/button \u2014 is translated via\n  data-i18n, merged into the same TRANSLATIONS dictionary.\n\n  Header-clearance: the header is position:fixed and overlays the page,\n  so header-clearance padding-top is added to .bht-contact-wrap (matching\n  the header's own height at each responsive breakpoint) so nothing sits\n  underneath the navbar.\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<div id=\"bht-page\" style=\"--bht-max:1600px; --bht-pad-inline: clamp(20px, 5vw, 80px); --bht-header-h: 160px;\">\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:\/\/digitalina.ir\/engineering-manufacturing\/\" class=\"bht-header-logo\">\n      <img decoding=\"async\" src=\"https:\/\/digitalina.ir\/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:\/\/digitalina.ir\/engineering-manufacturing\/\" data-i18n=\"nav_home\">Home<\/a>\n      <a href=\"https:\/\/digitalina.ir\/engineering-manufacturing\/about-us\/\" data-i18n=\"nav_about\">About us<\/a>\n      <a href=\"https:\/\/digitalina.ir\/engineering-manufacturing\/services\/\" data-i18n=\"nav_services\">Services<\/a>\n      <a href=\"https:\/\/digitalina.ir\/engineering-manufacturing\/contact\/\" data-i18n=\"nav_contact\">Contact<\/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<!-- ============ CONTACT CONTENT ============ -->\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<style>\n  .bht-contact-wrap{\n    --ink: #313437;\n    --orange: #F68D1E;\n    --deep: #16241F;\n    --deep-mid: #22362D;\n    --deep-light: #34503F;\n    --ink-soft: #6B7378;\n    --line: #E2E6E9;\n    --paper: #FFFFFF;\n    font-family: 'IBM Plex Sans', sans-serif;\n    color: var(--ink);\n    \/* Aligned to the same max-width + padding-inline system the header\n       and footer use, so left\/right edges line up with the logo instead\n       of being independently centered at a narrower width. *\/\n    max-width: var(--bht-max);\n    margin-inline: auto;\n    padding-inline: var(--bht-pad-inline);\n    line-height: 1.6;\n    \/* Header clearance: header is position:fixed and overlays the page,\n       so push the Contact content down beneath it. Matches header height\n       at each breakpoint (see media queries below). *\/\n    padding-top: 152px;\n  }\n  .bht-contact-wrap *{ box-sizing:border-box; }\n  .bht-contact-wrap .display{ font-family:'Archivo', sans-serif; letter-spacing:-0.01em; }\n  .bht-contact-wrap .mono{ font-family:'IBM Plex Mono', monospace; }\n\n  .bht-contact-wrap .page-head{\n    text-align:center;\n    padding: 0 0 40px;\n  }\n  .bht-contact-wrap .page-head .eyebrow{\n    font-family:'IBM Plex Mono', monospace;\n    font-size:12px; font-weight:600; letter-spacing:0.14em; text-transform:uppercase;\n    color: var(--orange);\n    margin-bottom: 12px;\n  }\n  .bht-contact-wrap .page-head h1{\n    font-size: clamp(26px, 4vw, 38px);\n    font-weight: 800;\n    margin: 0 0 12px;\n  }\n  .bht-contact-wrap .page-head p{\n    max-width: 500px; margin: 0 auto;\n    color: var(--ink-soft); font-size: 15px;\n  }\n\n  \/* ---- form band (full width) ---- *\/\n  .bht-contact-wrap .form-card{\n    background: linear-gradient(135deg, #3F290F 0%, #82552A 35%, #A56B38 100%) !important;\n    border-radius: 0;\n    margin-bottom: 0;\n    overflow: hidden;\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n  }\n  .bht-contact-wrap .form-inner{\n    max-width: 1040px;\n    margin: 0 auto;\n    padding: 48px 20px;\n  }\n  .bht-contact-wrap .form-row{\n    display:grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 18px;\n    margin-bottom: 18px;\n  }\n  .bht-contact-wrap .field{\n    display:flex; flex-direction:column;\n    margin-bottom: 18px;\n  }\n  .bht-contact-wrap .form-row .field{ margin-bottom: 0; }\n  .bht-contact-wrap label{\n    font-size: 12px; font-weight:600; letter-spacing:0.03em; text-transform:uppercase;\n    color: #F0DCC4; margin-bottom: 8px;\n  }\n  .bht-contact-wrap input,\n  .bht-contact-wrap textarea{\n    font-family: 'IBM Plex Sans', sans-serif;\n    font-size: 14px;\n    color: var(--ink);\n    background: rgba(255,255,255,0.94);\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 6px;\n    padding: 12px 14px;\n    outline: none;\n    transition: border-color .2s ease, box-shadow .2s ease;\n  }\n  .bht-contact-wrap input:focus,\n  .bht-contact-wrap textarea:focus{\n    border-color: #A56B38;\n    box-shadow: 0 0 0 3px rgba(165,107,56,0.35);\n  }\n  .bht-contact-wrap textarea{ resize: vertical; min-height: 120px; }\n\n  .bht-contact-wrap .submit-btn{\n    display:inline-block;\n    border: none;\n    cursor: pointer;\n    color: #3F290F;\n    font-family:'Archivo'; font-weight:700; font-size:14px;\n    padding: 13px 32px;\n    border-radius: 6px;\n    letter-spacing:0.02em;\n    background: #fff;\n    margin-top: 4px;\n  }\n  .bht-contact-wrap .submit-btn:hover{ background: #F0DCC4; }\n\n  \/* ---- details ---- *\/\n  .bht-contact-wrap .details-grid{\n    display:grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    max-width: 900px;\n    padding-top: 9%;\n    margin-bottom: 40px;\n  }\n  .bht-contact-wrap .info-block h3{\n    font-family:'Archivo', sans-serif; font-size: 18px; font-weight:800;\n    margin: 0 0 16px; color: var(--orange); letter-spacing: -0.01em;\n  }\n  .bht-contact-wrap .addr-line{\n    font-size: 18px; font-weight:700; font-family:'Archivo';\n  }\n  .bht-contact-wrap .addr-sub{\n    font-size: 14px; color: var(--ink-soft); margin-top: 6px;\n  }\n  .bht-contact-wrap .info-row{\n    display:flex; justify-content:space-between; align-items:center; gap: 12px;\n    padding: 12px 0;\n    border-bottom: 1px solid var(--line);\n    font-size: 14px;\n  }\n  .bht-contact-wrap .info-row:last-child{ border-bottom: none; }\n  .bht-contact-wrap .info-row .k{\n    color: var(--ink-soft);\n    display:flex; align-items:center; gap: 10px;\n  }\n  .bht-contact-wrap .info-row .k svg{\n    flex-shrink: 0;\n    width: 16px; height: 16px;\n    color: var(--orange);\n  }\n  .bht-contact-wrap .info-row .v{ font-weight:600; text-align:right; }\n  .bht-contact-wrap .info-row .v a{ color: var(--ink); text-decoration:none; }\n  .bht-contact-wrap .info-row .v a:hover{ color: var(--orange); }\n\n  \/* ---- map ---- *\/\n  .bht-contact-wrap .map-frame{\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid var(--line);\n    margin-bottom: 0;\n  }\n  .bht-contact-wrap .map-frame iframe{\n    width: 100%;\n    height: 300px;\n    border: 0;\n    display: block;\n  }\n\n  \/* ---- RESPONSIVENESS ----\n     Header-clearance shrinks to match the header's own breakpoints\n     (1000px \/ 480px), and the existing layout breakpoint at 680px is kept. *\/\n  @media (max-width: 1000px){\n    .bht-contact-wrap{ padding-top: 92px; }\n  }\n  @media (max-width: 680px){\n    .bht-contact-wrap .details-grid{ grid-template-columns: 1fr; gap: 32px; }\n    .bht-contact-wrap .form-row{ grid-template-columns: 1fr; gap:0; }\n    .bht-contact-wrap .form-inner{ padding: 26px 20px; }\n  }\n  @media (max-width: 480px){\n    .bht-contact-wrap{ padding-top: 70px; }\n    .bht-contact-wrap .details-grid{ padding-top: 40px; }\n  }\n  @media (max-width: 380px){\n    .bht-contact-wrap{ padding-top: 66px; }\n    .bht-contact-wrap .page-head h1{ font-size: 24px; }\n    .bht-contact-wrap .page-head p{ font-size: 13.5px; }\n    .bht-contact-wrap .addr-line{ font-size: 16px; }\n  }\n<\/style>\n\n<div class=\"bht-contact-wrap\">\n\n  <div class=\"details-grid\">\n    <div class=\"info-block\">\n      <h3 data-i18n=\"contact_office_heading\">Registered Office<\/h3>\n      <div class=\"addr-line\" data-i18n=\"contact_addr_line\">Hansaring 61<\/div>\n      <div class=\"addr-sub\"><span data-i18n=\"contact_addr_city\">50670 K\u00f6ln (Cologne)<\/span><br><span data-i18n=\"contact_addr_country\">Germany<\/span><\/div>\n    <\/div>\n    <div class=\"info-block\">\n      <h3 data-i18n=\"contact_reach_heading\">Reach Us<\/h3>\n      <div class=\"info-row\"><span class=\"k\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18\"\/><path d=\"M5 21V7l7-4 7 4v14\"\/><path d=\"M9 9h1M9 13h1M14 9h1M14 13h1M9 21v-4h6v4\"\/><\/svg><span data-i18n=\"contact_label_company\">Company<\/span><\/span><span class=\"v\">BHT GmbH &amp; Co.KG<\/span><\/div>\n      <div class=\"info-row\"><span class=\"k\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><span data-i18n=\"contact_label_phone\">Phone<\/span><\/span><span class=\"v\"><a href=\"tel:+4922116857907\">+49 (0) 221 1685 7907<\/a><\/span><\/div>\n      <div class=\"info-row\"><span class=\"k\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9V3h12v6\"\/><path d=\"M6 18h12v4H6z\"\/><path d=\"M6 14h12\"\/><rect x=\"2\" y=\"9\" width=\"20\" height=\"9\" rx=\"2\"\/><\/svg><span data-i18n=\"contact_label_fax\">Fax<\/span><\/span><span class=\"v\">+49 (0) 221 1685 6379<\/span><\/div>\n      <div class=\"info-row\"><span class=\"k\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16v16H4z\"\/><path d=\"m4 6 8 7 8-7\"\/><\/svg><span data-i18n=\"contact_label_email\">Email<\/span><\/span><span class=\"v\"><a href=\"mailto:BHT@BHT-Online.de\">BHT@BHT-Online.de<\/a><\/span><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"map-frame\">\n    <iframe\n      src=\"https:\/\/www.google.com\/maps?q=Hansaring+61,+50670+K%C3%B6ln,+Germany&output=embed\"\n      loading=\"lazy\"\n      referrerpolicy=\"no-referrer-when-downgrade\">\n    <\/iframe>\n  <\/div>\n\n  <div class=\"page-head\">\n    <div class=\"eyebrow\" data-i18n=\"contact_eyebrow\">Get In Touch<\/div>\n    <h1 class=\"display\" data-i18n=\"contact_h1\">Contact BHT<\/h1>\n    <p data-i18n=\"contact_body\">Send us a message and our team in Cologne will get back to you.<\/p>\n  <\/div>\n\n  <!-- FORM: replace the action URL below with your own FormSubmit \/ backend endpoint -->\n  <div class=\"form-card\">\n    <div class=\"form-inner\">\n      <form action=\"https:\/\/formsubmit.co\/BHT@BHT-Online.de\" method=\"POST\">\n        <input type=\"hidden\" name=\"_subject\" value=\"New message from BHT website\">\n        <input type=\"hidden\" name=\"_template\" value=\"table\">\n\n        <div class=\"form-row\">\n          <div class=\"field\">\n            <label for=\"bht-name\" data-i18n=\"contact_field_name\">Name<\/label>\n            <input type=\"text\" id=\"bht-name\" name=\"Name\" required>\n          <\/div>\n          <div class=\"field\">\n            <label for=\"bht-email\" data-i18n=\"contact_field_email\">Email<\/label>\n            <input type=\"email\" id=\"bht-email\" name=\"Email\" required>\n          <\/div>\n        <\/div>\n\n        <div class=\"field\">\n          <label for=\"bht-subject\" data-i18n=\"contact_field_subject\">Subject<\/label>\n          <input type=\"text\" id=\"bht-subject\" name=\"Subject\" required>\n        <\/div>\n\n        <div class=\"field\">\n          <label for=\"bht-message\" data-i18n=\"contact_field_message\">Message<\/label>\n          <textarea id=\"bht-message\" name=\"Message\" required><\/textarea>\n        <\/div>\n\n        <button type=\"submit\" class=\"submit-btn\" data-i18n=\"contact_submit_btn\">Send Message<\/button>\n      <\/form>\n    <\/div>\n  <\/div>\n\n<\/div>\n<!-- ============ END CONTACT CONTENT ============ -->\n\n<footer class=\"bht-em-footer\">\n  <div class=\"bht-em-footer-inner\">\n\n    <div class=\"bht-em-footer-brand\">\n      <a href=\"https:\/\/digitalina.ir\/engineering-manufacturing\/\" class=\"bht-em-footer-logo\">\n        <img decoding=\"async\" src=\"https:\/\/digitalina.ir\/wp-content\/uploads\/2026\/05\/BHT-Logo-300-w.png\" alt=\"BHT Logo\">\n      <\/a>\n\n      <div class=\"bht-em-footer-socials\">\n        <a href=\"https:\/\/de.linkedin.com\/company\/bht-electric-control-mechanic-gmbh-&-co.-kg\" class=\"bht-em-footer-social\" aria-label=\"LinkedIn\" target=\"_blank\" rel=\"noopener\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.86 0-2.14 1.45-2.14 2.94v5.67H9.34V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.38-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.07 2.07 0 1 1 0-4.13 2.07 2.07 0 0 1 0 4.13zM7.12 20.45H3.56V9h3.56v11.45z\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"bht-em-footer-col\">\n      <h4 class=\"bht-em-footer-heading\" data-i18n=\"footer_companies_heading\">Companies<\/h4>\n      <nav class=\"bht-em-footer-links\">\n        <a href=\"https:\/\/digitalina.ir\/industrial-supply\/\" data-i18n=\"footer_link_industrial\">Industrial supply<\/a>\n        <a href=\"https:\/\/digitalina.ir\/engineering-manufacturing\/\" data-i18n=\"footer_link_engineering\">Engineering &amp; Manufacturing<\/a>\n        <a href=\"https:\/\/digitalina.ir\/it-cybersecurity\/\" data-i18n=\"footer_link_it\">IT &amp; Cybersecurity<\/a>\n        <a href=\"https:\/\/digitalina.ir\/raw-materials-supply\/\" data-i18n=\"footer_link_raw\">Raw Materials supply<\/a>\n        <a href=\"https:\/\/digitalina.ir\/renewable-clean-energy\/\" data-i18n=\"footer_link_renewable\">Renewable &amp; Clean Energy<\/a>\n      <\/nav>\n    <\/div>\n\n    <div class=\"bht-em-footer-col\">\n      <h4 class=\"bht-em-footer-heading\" data-i18n=\"footer_quicklinks_heading\">Quick Links<\/h4>\n      <nav class=\"bht-em-footer-links\">\n        <a href=\"https:\/\/digitalina.ir\/engineering-manufacturing\/\" data-i18n=\"nav_home\">Home<\/a>\n        <a href=\"https:\/\/digitalina.ir\/engineering-manufacturing\/about-us\/\" data-i18n=\"nav_about\">About us<\/a>\n        <a href=\"https:\/\/digitalina.ir\/engineering-manufacturing\/services\/\" data-i18n=\"nav_services\">Services<\/a>\n        <a href=\"https:\/\/digitalina.ir\/engineering-manufacturing\/contact\/\" data-i18n=\"nav_contact\">Contact<\/a>\n      <\/nav>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"bht-em-footer-bottom\">\n    <span>&copy; <span class=\"bht-em-footer-year\"><\/span> <span data-i18n=\"footer_rights\">BHT Electric Control Mechanic. All rights reserved.<\/span><\/span>\n  <\/div>\n<\/footer>\n\n<\/div><!-- \/#bht-page -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600&display=swap');\n\n#bht-page, #bht-page * { box-sizing: border-box; }\n#bht-page a { text-decoration: none; }\n\n\/* ============================================================\n   SHARED ALIGNMENT\n============================================================ *\/\n.bht-header-inner,\n.bht-em-footer-inner,\n.bht-em-footer-bottom {\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\/* ============ 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: 44px;\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(165, 107, 56, 0.4), transparent 60%),\n              radial-gradient(circle at 70% 70%, rgba(63, 41, 15, 0.35), 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-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\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-nav {\n  display: flex;\n  align-items: center;\n  gap: clamp(18px, 3vw, 44px);\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.72rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n  white-space: nowrap;\n  opacity: 0.92;\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: #C68347;\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: #C68347; }\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(4px, 1.2vw, 20px);\n  padding-left: clamp(4px, 1.2vw, 20px);\n  border-left: 1px solid rgba(255, 255, 255, 0.25);\n}\n\n.bht-lang-globe { color: rgba(255, 255, 255, 0.65); flex-shrink: 0; }\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.63rem;\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 { border-color: rgba(198, 131, 71, 0.7); color: #ffffff; }\n.bht-lang-btn.is-active { background: rgba(198, 131, 71, 0.22); border-color: #C68347; color: #ffffff; }\n.bht-lang-flag { display: inline-flex; align-items: center; border-radius: 2px; overflow: hidden; line-height: 0; }\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: 1000px) {\n  .bht-header-wrap { padding-block: 20px; }\n  .bht-header-logo img { height: 52px; }\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: #1c130a;\n    border-top: 1px solid rgba(255, 255, 255, 0.15);\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: 420px; opacity: 1; pointer-events: auto; padding-block: 16px; }\n  .bht-header-nav a { width: 100%; padding: 10px 4px; font-size: 0.85rem; }\n  .bht-header-toggle { display: flex; }\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\n@media (max-width: 480px) {\n  .bht-header-wrap { padding-block: 14px; }\n  .bht-header-logo img { height: 42px; }\n}\n\n\/* ============ FOOTER ============ *\/\n.bht-em-footer {\n  position: relative;\n  width: 100%;\n  background: linear-gradient(135deg, #3F290F 0%, #82552A 35%, #A56B38 100%);\n  padding-block: 64px 28px;\n  font-family: 'Archivo', sans-serif;\n}\n\n.bht-em-footer-inner {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 44px;\n}\n\n.bht-em-footer-brand {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  flex-shrink: 0;\n}\n\n.bht-em-footer-logo {\n  display: inline-flex;\n  width: fit-content;\n}\n\n.bht-em-footer-logo img {\n  height: 50px;\n  width: auto;\n  display: block;\n  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.25));\n}\n\n.bht-em-footer-socials { display: flex; gap: 10px; }\n\n.bht-em-footer-social {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 34px; height: 34px;\n  border-radius: 8px;\n  background: rgba(255, 255, 255, 0.14);\n  color: #FBF6EF;\n  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;\n}\n\n.bht-em-footer-social:hover { background: rgba(255, 255, 255, 0.3); transform: translateY(-2px); }\n\n.bht-em-footer-heading {\n  margin: 0 0 20px;\n  color: #FBF6EF;\n  font-size: 0.76rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.bht-em-footer-links { display: flex; flex-direction: column; gap: 13px; }\n\n.bht-em-footer-links a {\n  color: rgba(255, 255, 255, 0.8);\n  text-decoration: none;\n  font-size: 0.82rem;\n  font-weight: 400;\n  line-height: 1.4;\n  transition: color 0.3s ease, transform 0.3s ease;\n  width: fit-content;\n  display: block;\n}\n\n.bht-em-footer-links a:hover { color: #FFFFFF; transform: translateX(2px); }\n\n.bht-em-footer-bottom {\n  margin-top: 48px;\n  padding-top: 22px;\n  border-top: 1px solid rgba(255, 255, 255, 0.25);\n  color: rgba(255, 255, 255, 0.68);\n  font-size: 0.7rem;\n  letter-spacing: 0.02em;\n  text-align: center;\n}\n\n@media (max-width: 900px) {\n  .bht-em-footer { padding-block: 52px 26px; }\n  .bht-em-footer-inner {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    gap: 36px;\n  }\n  .bht-em-footer-brand,\n  .bht-em-footer-col { width: 100%; align-items: center; }\n  .bht-em-footer-socials { justify-content: center; }\n}\n\n@media (max-width: 480px) {\n  .bht-em-footer { padding-block-start: 40px; }\n  .bht-em-footer-logo img { height: 40px; }\n  .bht-em-footer-inner { gap: 30px; }\n}\n\n\/* ---- global small-screen safety net ---- *\/\n@media (max-width: 340px) {\n  #bht-page { --bht-pad-inline: 16px; }\n  .bht-header-logo img { height: 36px; }\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  (function markActiveLink() {\n    var currentPath = window.location.pathname.replace(\/\\\/+$\/, '') + '\/';\n    var allLinks = nav.querySelectorAll('a');\n    allLinks.forEach(function(link) {\n      var linkPath = link.pathname.replace(\/\\\/+$\/, '') + '\/';\n      if (linkPath === currentPath) { link.classList.add('bht-active'); }\n    });\n  })();\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 > 1000) {\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-em-footer-year').textContent = new Date().getFullYear();\n<\/script>\n\n<!-- ============ LANGUAGE SWITCHER (EN \/ DE) ============\n     Hand-written translations, shares the \"bhtLang\" localStorage key with\n     the rest of the site. Extended with the Contact page's own copy. -->\n<script>\n(function(){\n  var TRANSLATIONS = {\n    nav_home:     { en: 'Home',      de: 'Startseite' },\n    nav_about:    { en: 'About us',  de: '\u00dcber uns' },\n    nav_services: { en: 'Services',  de: 'Dienstleistungen' },\n    nav_contact:  { en: 'Contact',   de: 'Kontakt' },\n\n    footer_companies_heading:   { en: 'Companies',   de: 'Unternehmen' },\n    footer_quicklinks_heading:  { en: 'Quick Links', de: 'Schnellzugriff' },\n    footer_link_industrial:     { en: 'Industrial supply',              de: 'Industrielle Zulieferung' },\n    footer_link_engineering:    { en: 'Engineering & Manufacturing',    de: 'Ingenieurwesen & Fertigung' },\n    footer_link_it:             { en: 'IT & Cybersecurity',              de: 'IT & Cybersicherheit' },\n    footer_link_raw:            { en: 'Raw Materials supply',            de: 'Rohstoffversorgung' },\n    footer_link_renewable:      { en: 'Renewable & Clean Energy',        de: 'Erneuerbare & Saubere Energie' },\n    footer_rights:              { en: 'BHT Electric Control Mechanic. All rights reserved.',\n                                   de: 'BHT Electric Control Mechanic. Alle Rechte vorbehalten.' },\n\n    contact_office_heading: { en: 'Registered Office', de: 'Firmensitz' },\n    contact_addr_line: { en: 'Hansaring 61', de: 'Hansaring 61' },\n    contact_addr_city: { en: '50670 K\u00f6ln (Cologne)', de: '50670 K\u00f6ln' },\n    contact_addr_country: { en: 'Germany', de: 'Deutschland' },\n    contact_reach_heading: { en: 'Reach Us', de: 'Kontaktieren Sie uns' },\n    contact_label_company: { en: 'Company', de: 'Unternehmen' },\n    contact_label_phone: { en: 'Phone', de: 'Telefon' },\n    contact_label_fax: { en: 'Fax', de: 'Fax' },\n    contact_label_email: { en: 'Email', de: 'E-Mail' },\n\n    contact_eyebrow: { en: 'Get In Touch', de: 'Kontakt aufnehmen' },\n    contact_h1: { en: 'Contact BHT', de: 'Kontaktieren Sie BHT' },\n    contact_body: { en: 'Send us a message and our team in Cologne will get back to you.',\n                    de: 'Senden Sie uns eine Nachricht \u2013 unser Team in K\u00f6ln meldet sich bei Ihnen zur\u00fcck.' },\n\n    contact_field_name: { en: 'Name', de: 'Name' },\n    contact_field_email: { en: 'Email', de: 'E-Mail' },\n    contact_field_subject: { en: 'Subject', de: 'Betreff' },\n    contact_field_message: { en: 'Message', de: 'Nachricht' },\n    contact_submit_btn: { en: 'Send Message', de: 'Nachricht senden' }\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>Home About us Services Contact EN DE Registered Office Hansaring 61 50670 K\u00f6ln (Cologne)Germany Reach Us CompanyBHT GmbH &amp; Co.KG Phone+49 (0) 221 1685 7907 Fax+49 (0) 221 1685 6379 EmailBHT@BHT-Online.de Get In Touch Contact BHT Send us a message and our team in Cologne will get back to you. Name Email Subject Message Send [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-67","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digitalina.ir\/engineering-manufacturing\/wp-json\/wp\/v2\/pages\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitalina.ir\/engineering-manufacturing\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitalina.ir\/engineering-manufacturing\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitalina.ir\/engineering-manufacturing\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalina.ir\/engineering-manufacturing\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":31,"href":"https:\/\/digitalina.ir\/engineering-manufacturing\/wp-json\/wp\/v2\/pages\/67\/revisions"}],"predecessor-version":[{"id":584,"href":"https:\/\/digitalina.ir\/engineering-manufacturing\/wp-json\/wp\/v2\/pages\/67\/revisions\/584"}],"wp:attachment":[{"href":"https:\/\/digitalina.ir\/engineering-manufacturing\/wp-json\/wp\/v2\/media?parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}