{"id":381,"date":"2026-06-13T10:54:35","date_gmt":"2026-06-13T10:54:35","guid":{"rendered":"https:\/\/demowebsite.ir\/bht\/?page_id=381"},"modified":"2026-08-10T12:19:39","modified_gmt":"2026-08-10T12:19:39","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/demowebsite.ir\/bht\/contact-us\/","title":{"rendered":"Contact us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"381\" class=\"elementor elementor-381\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a501b25 e-con-full e-flex e-con e-parent\" data-id=\"a501b25\" 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-cf3b7f0 elementor-widget elementor-widget-html\" data-id=\"cf3b7f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BHT \u2014 HEADER + CONTACT PAGE + FOOTER (merged, unified alignment)\n  ======================================================\n  Single Elementor \"HTML\" widget.\n\n  ALIGNMENT FIX\n  -------------\n  The Contact page previously centered its own content column at\n  max-width:1040px with a flat 20px side padding (on both\n  .bht-contact-wrap and .form-inner) \u2014 a system independent of the\n  header\/footer, which use the shared --bht-max \/ --bht-pad-inline\n  variables on #bht-page. Result: the contact details, map, and form\n  did not line up with the header logo\/nav or footer content at most\n  breakpoints.\n\n  Fix: .bht-contact-wrap and .form-inner now use the exact same\n  max-width \/ margin-inline:auto \/ padding-inline pattern as\n  .bht-header-inner and .bht-footer-inner, driven by the same\n  --bht-max and --bht-pad-inline custom properties declared once on\n  #bht-page. The full-bleed dark band behind the form (.form-card)\n  still stretches edge-to-edge, but its inner content column now lines\n  up with everything else at every screen width.\n\n  LANGUAGE SWITCHER (EN \/ DE)\n  -----------------------------\n  Same globe + EN(UK flag) \/ DE(German flag) switcher as the other\n  pages, reused verbatim. Clicking DE swaps every piece of visible\n  copy to hand-written German (not machine translated). Shares the\n  \"bhtLang\" localStorage key with the other pages.\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-contact-page\">\n<div class=\"bht-contact-wrap\">\n\n  <div class=\"details-grid\">\n    <div class=\"info-block\">\n      <h3 data-i18n=\"office_heading\">Registered Office<\/h3>\n      <div class=\"addr-line\">Hansaring 61<\/div>\n      <div class=\"addr-sub\">\n        50670 K\u00f6ln (Cologne)<br>\n        <span data-i18n=\"country\">Germany<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"info-block\">\n      <h3 data-i18n=\"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=\"row_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=\"row_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=\"row_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=\"row_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      width=\"100%\"\n      height=\"100%\"\n      title=\"BHT Cologne office location\"\n      loading=\"lazy\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n      style=\"border:0;\">\n    <\/iframe>\n  <\/div>\n\n  <div class=\"page-head\">\n    <div class=\"eyebrow\" data-i18n=\"page_eyebrow\">Get In Touch<\/div>\n    <h1 class=\"display\" data-i18n=\"page_title\">Contact BHT<\/h1>\n    <p data-i18n=\"page_sub\">Send us a message and our team in Cologne will get back to you.<\/p>\n  <\/div>\n\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=\"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=\"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=\"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=\"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=\"field_submit\">Send Message<\/button>\n      <\/form>\n    <\/div>\n  <\/div>\n\n<\/div>\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============================================================ *\/\n.bht-header-inner,\n.bht-contact-wrap,\n.bht-contact-wrap .form-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.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 { 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.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 { border-color: rgba(246, 141, 30, 0.6); color: #ffffff; }\n.bht-lang-btn.is-active { background: rgba(246, 141, 30, 0.18); border-color: #F68D1E; 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: 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\/* ============ CONTACT PAGE ============ *\/\n.bht-contact-page{\n  background: linear-gradient(180deg, #131D2E 0%, #18253B 90%);\n  padding-top: 25vh;\n  padding-bottom: clamp(40px, 5vw, 60px);\n  overflow-x: hidden;\n}\n.bht-contact-wrap{\n  --ink: #F2ECE4;\n  --orange: #E8711A;\n  --violet: #8B8DFF;\n  --ink-soft: #9AA6B8;\n  --line: rgba(255,255,255,0.12);\n  --panel: rgba(10,16,28,0.55);\n  font-family: 'IBM Plex Sans', sans-serif;\n  color: var(--ink);\n  line-height: 1.6;\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 clamp(28px, 4vw, 40px);\n}\n.bht-contact-wrap .page-head .eyebrow{\n  font-family:'IBM Plex Mono', monospace;\n  font-size: clamp(11px, 1.4vw, 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(24px, 4vw, 38px);\n  font-weight: 800;\n  margin: 0 0 12px;\n  color: var(--ink);\n}\n.bht-contact-wrap .page-head p{\n  max-width: 500px; margin: 0 auto;\n  color: var(--ink-soft); font-size: clamp(13.5px, 1.6vw, 15px);\n}\n\n.bht-contact-wrap .form-card{\n  background: rgba(10,16,28,0.65);\n  border-top: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\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  padding-block: clamp(30px, 5vw, 48px);\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: var(--orange); 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: #1C1A18;\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  width: 100%;\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: var(--violet);\n  box-shadow: 0 0 0 3px rgba(139,141,255,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  padding: 12px 26px;\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;\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.3px;\n  color: var(--violet);\n  cursor: pointer;\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  margin-top: 4px;\n}\n.bht-contact-wrap .submit-btn: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.03);\n}\n\n.bht-contact-wrap .details-grid{\n  display:grid;\n  grid-template-columns: 1fr 1fr;\n  gap: clamp(28px, 4vw, 40px);\n  padding-bottom: clamp(24px, 3vw, 32px);\n  margin-bottom: 0;\n}\n.bht-contact-wrap .info-block h3{\n  font-family:'Archivo', sans-serif; font-size: clamp(16px, 1.8vw, 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: clamp(16px, 1.9vw, 18px); font-weight:700; font-family:'Archivo';\n  color: var(--ink);\n}\n.bht-contact-wrap .addr-sub{\n  font-size: clamp(13px, 1.5vw, 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: clamp(13px, 1.5vw, 14px);\n  flex-wrap: wrap;\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; color: var(--ink); word-break: break-word; }\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(--violet); }\n\n.bht-contact-wrap .map-frame{\n  border-radius: 8px;\n  overflow: hidden;\n  border: 1px solid var(--line);\n  margin-bottom: clamp(28px, 4vw, 36px);\n  filter: grayscale(0.2) invert(0.92) contrast(0.9);\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 \/ 7;\n  min-height: 220px;\n}\n.bht-contact-wrap .map-frame iframe{\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n  display: block;\n}\n\n@media (max-width: 1024px){\n  .bht-contact-page{ padding-top: 16vh; }\n}\n\n@media (max-width: 900px){\n  .bht-contact-page{ padding-top: 16vh; }\n  .bht-contact-wrap .details-grid{ gap: 28px; }\n}\n\n@media (max-width: 680px){\n  .bht-contact-page{ padding-top: 16vh; }\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-block: 26px; }\n  .bht-contact-wrap .info-row{ flex-direction: column; align-items: flex-start; gap: 4px; }\n  .bht-contact-wrap .info-row .v{ text-align: left; }\n  .bht-contact-wrap .map-frame{ aspect-ratio: 4 \/ 3; min-height: 260px; }\n}\n\n@media (max-width: 480px){\n  .bht-contact-page{ padding-top: 16vh; }\n  .bht-contact-wrap .page-head h1{ font-size: 24px; }\n  .bht-contact-wrap .submit-btn{ width: 100%; text-align: center; }\n}\n\n@media (max-width: 400px){\n  .bht-contact-page{ padding-top: 16vh; }\n  .bht-contact-wrap .map-frame{ aspect-ratio: 1 \/ 1; min-height: 280px; }\n}\n\n@media (orientation: portrait) and (min-width: 900px){\n  .bht-contact-page{ padding-top: 16vh; }\n  .bht-contact-wrap .details-grid{ grid-template-columns: 1fr 1fr; }\n}\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.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, shares the \"bhtLang\" localStorage\n     key with the other 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    office_heading:   { en: 'Registered Office',                de: 'Firmensitz' },\n    country:          { en: 'Germany',                          de: 'Deutschland' },\n    reach_heading:    { en: 'Reach Us',                         de: 'Kontaktieren Sie uns' },\n    row_company:      { en: 'Company',                          de: 'Unternehmen' },\n    row_phone:        { en: 'Phone',                            de: 'Telefon' },\n    row_fax:          { en: 'Fax',                              de: 'Fax' },\n    row_email:        { en: 'Email',                            de: 'E-Mail' },\n\n    page_eyebrow:     { en: 'Get In Touch',                     de: 'Kontakt aufnehmen' },\n    page_title:       { en: 'Contact BHT',                      de: 'Kontakt zu BHT' },\n    page_sub:         { en: 'Send us a message and our team in Cologne will get back to you.',\n                         de: 'Senden Sie uns eine Nachricht und unser Team in K\u00f6ln meldet sich bei Ihnen.' },\n\n    field_name:       { en: 'Name',                             de: 'Name' },\n    field_email:      { en: 'Email',                            de: 'E-Mail' },\n    field_subject:    { en: 'Subject',                          de: 'Betreff' },\n    field_message:    { en: 'Message',                          de: 'Nachricht' },\n    field_submit:     { en: 'Send Message',                     de: 'Nachricht senden' },\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 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 [&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-381","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/pages\/381","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=381"}],"version-history":[{"count":79,"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/pages\/381\/revisions"}],"predecessor-version":[{"id":1552,"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/pages\/381\/revisions\/1552"}],"wp:attachment":[{"href":"https:\/\/demowebsite.ir\/bht\/wp-json\/wp\/v2\/media?parent=381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}