{"id":62,"date":"2026-06-02T18:41:29","date_gmt":"2026-06-02T18:41:29","guid":{"rendered":"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/?page_id=62"},"modified":"2026-08-18T05:32:41","modified_gmt":"2026-08-18T05:32:41","slug":"contact","status":"publish","type":"page","link":"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"62\" class=\"elementor elementor-62\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57b6b2d e-con-full e-flex e-con e-parent\" data-id=\"57b6b2d\" 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-75c664a elementor-widget elementor-widget-html\" data-id=\"75c664a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<meta name=\"theme-color\" content=\"#0A3A55\">\n<div id=\"brm-page\" data-overlay=\"0\" style=\"--brm-max:1040px; --brm-pad:0px;\">\n<header class=\"brm-hd\" id=\"brm-hd\">\n  <div class=\"brm-hd-in\">\n\n    <a class=\"brm-hd-logo\" href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/\" aria-label=\"BHT Raw Materials supply\">\n      <img decoding=\"async\" src=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/wp-content\/uploads\/sites\/5\/2026\/05\/BHT-Logo-300-w-1.png\" alt=\"BHT\" width=\"300\" height=\"140\">\n    <\/a>\n\n    <div class=\"brm-hd-right\">\n\n      <div class=\"brm-navcol\">\n        <nav class=\"brm-nav\" id=\"brm-nav\" aria-label=\"Main\">\n\n          <a class=\"brm-nav-l\" href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/\" data-i18n=\"nav_home\">Home<\/a>\n\n          <a class=\"brm-nav-l\" href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/about-us\/\" data-i18n=\"nav_about\">About us<\/a>\n\n          <div class=\"brm-mega-host\">\n            <a class=\"brm-nav-l brm-nav-mega\" href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/products\/\" aria-haspopup=\"true\" aria-expanded=\"false\">\n              <span data-i18n=\"nav_products\">Products<\/span>\n              <svg class=\"brm-chev\" viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" aria-hidden=\"true\"><path d=\"M6 9l6 6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/a>\n\n            <div class=\"brm-mega\" role=\"menu\">\n              <div class=\"brm-mega-in\">\n                <div class=\"brm-mega-grid\">\n\n                  <a class=\"brm-mega-card\" href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/pink-salt\/\" role=\"menuitem\">\n                    <span class=\"brm-mega-img\" style=\"background-image:url('https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/wp-content\/uploads\/sites\/5\/2026\/06\/das-rosa-Salz.jpeg')\"><\/span>\n                    <span class=\"brm-mega-tx\">\n                      <span class=\"brm-mega-t\" data-i18n=\"mega_pink_t\">Pink Salt<\/span>\n                      <span class=\"brm-mega-d\" data-i18n=\"mega_pink_d\">Premium rock salt from untouched natural mines<\/span>\n                    <\/span>\n                  <\/a>\n\n                  <a class=\"brm-mega-card\" href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/industrial-salt\/\" role=\"menuitem\">\n                    <span class=\"brm-mega-img\" style=\"background-image:url('https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/wp-content\/uploads\/sites\/5\/2026\/07\/saline.jpg')\"><\/span>\n                    <span class=\"brm-mega-tx\">\n                      <span class=\"brm-mega-t\" data-i18n=\"mega_ind_t\">Industrial Salt<\/span>\n                      <span class=\"brm-mega-d\" data-i18n=\"mega_ind_d\">High-purity salt for demanding industrial use<\/span>\n                    <\/span>\n                  <\/a>\n\n                  <a class=\"brm-mega-card\" href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/blue-salt\/\" role=\"menuitem\">\n                    <span class=\"brm-mega-img\" style=\"background-image:url('https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/wp-content\/uploads\/sites\/5\/2026\/06\/blaues-Halitsalz.jpeg')\"><\/span>\n                    <span class=\"brm-mega-tx\">\n                      <span class=\"brm-mega-t\" data-i18n=\"mega_blue_t\">Blue Salt<\/span>\n                      <span class=\"brm-mega-d\" data-i18n=\"mega_blue_d\">A rare mineral, formed over millions of years<\/span>\n                    <\/span>\n                  <\/a>\n\n                <\/div>\n\n                <a class=\"brm-mega-all\" href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/products\/\" role=\"menuitem\">\n                  <span data-i18n=\"mega_all\">View all grades &amp; applications<\/span>\n                  <svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" aria-hidden=\"true\"><path d=\"M5 12h13M12 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <a class=\"brm-nav-l\" href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/contact\/\" data-i18n=\"nav_contact\">Contact<\/a>\n        <\/nav>\n\n        <div class=\"brm-lang\" role=\"group\" aria-label=\"Language\">\n          <button type=\"button\" class=\"brm-lang-b is-on\" data-lang=\"en\">EN<\/button>\n          <span class=\"brm-lang-sep\" aria-hidden=\"true\">|<\/span>\n          <button type=\"button\" class=\"brm-lang-b\" data-lang=\"de\">DE<\/button>\n        <\/div>\n      <\/div>\n\n      <button type=\"button\" class=\"brm-theme\" id=\"brm-theme\" aria-label=\"Toggle dark mode\" title=\"Toggle dark mode\">\n        <svg class=\"brm-i-sun\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\">\n          <circle cx=\"12\" cy=\"12\" r=\"4.2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"\/>\n          <path d=\"M12 2.4v2.4M12 19.2v2.4M4.4 12H2M22 12h-2.4M5.6 5.6 7.3 7.3M16.7 16.7l1.7 1.7M18.4 5.6 16.7 7.3M7.3 16.7 5.6 18.4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"\/>\n        <\/svg>\n        <svg class=\"brm-i-moon\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\">\n          <path d=\"M20.5 14.6A8.6 8.6 0 0 1 9.4 3.5a8.6 8.6 0 1 0 11.1 11.1z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/button>\n\n      <button type=\"button\" class=\"brm-burger\" id=\"brm-burger\" aria-label=\"Open menu\" aria-expanded=\"false\" aria-controls=\"brm-nav\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n\n    <\/div>\n  <\/div>\n<\/header>\n<div class=\"brm-scrim\" id=\"brm-scrim\" hidden><\/div>\n\n<div id=\"brm-body\">\n<style>\n.elementor-62 .elementor-element.elementor-element-57b6b2d{--display:flex;--min-height:362px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:2px 0px 0px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#6FC7E8;--border-color:#6FC7E8;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:9%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}\n.elementor-62 .elementor-element.elementor-element-57b6b2d::before, .elementor-62 .elementor-element.elementor-element-57b6b2d > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-57b6b2d > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-57b6b2d > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-57b6b2d > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-57b6b2d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}\n.elementor-62 .elementor-element.elementor-element-57b6b2d.e-con{--flex-grow:0;--flex-shrink:0;}\n.elementor-62 .elementor-element.elementor-element-75c664a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}\n@media(max-width:1024px){.elementor-62 .elementor-element.elementor-element-75c664a{margin:90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}\n@media(min-width:768px){.elementor-62 .elementor-element.elementor-element-57b6b2d{--width:101.205%;}}\n@media(max-width:767px){.elementor-62 .elementor-element.elementor-element-57b6b2d{--margin-top:164px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}\n<\/style>\n\n<div data-elementor-type=\"wp-page\" data-elementor-id=\"62\" class=\"elementor elementor-62\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57b6b2d e-con-full e-flex e-con e-parent\" data-id=\"57b6b2d\" 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-75c664a elementor-widget elementor-widget-html\" data-id=\"75c664a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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<style>\n  .bht-contact-wrap{\n    --ink: #313437;\n    --orange: #F68D1E;\n    --ink-soft: #6B7378;\n    --line: #E2E6E9;\n    --paper: #FFFFFF;\n    font-family: 'IBM Plex Sans', sans-serif;\n    color: var(--ink);\n    max-width: 1040px;\n    margin: 0 auto;\n    padding: 0 20px;\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 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, #071F30 0%, #0F5C71 52%, #6FC7E8 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: #BFE6F5; 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: #6FC7E8;\n    box-shadow: 0 0 0 3px rgba(111,199,232,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: #071F30;\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: #DCEFF6; }\n\n  \/* ---- details ---- *\/\n  .bht-contact-wrap .details-grid{\n    display:grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\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  @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<\/style>\n\n<div class=\"bht-contact-wrap\">\n\n  <div class=\"details-grid\">\n    <div class=\"info-block\">\n      <h3>Registered Office<\/h3>\n      <div class=\"addr-line\">Hansaring 61<\/div>\n      <div class=\"addr-sub\">\n        50670 K\u00f6ln (Cologne)<br>\n        Germany\n      <\/div>\n    <\/div>\n    <div class=\"info-block\">\n      <h3>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>Company<\/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>Phone<\/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>Fax<\/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>Email<\/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\">Get In Touch<\/div>\n    <h1 class=\"display\">Contact BHT<\/h1>\n    <p>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\">Name<\/label>\n            <input type=\"text\" id=\"bht-name\" name=\"Name\" required>\n          <\/div>\n          <div class=\"field\">\n            <label for=\"bht-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\">Subject<\/label>\n          <input type=\"text\" id=\"bht-subject\" name=\"Subject\" required>\n        <\/div>\n\n        <div class=\"field\">\n          <label for=\"bht-message\">Message<\/label>\n          <textarea id=\"bht-message\" name=\"Message\" required><\/textarea>\n        <\/div>\n\n        <button type=\"submit\" class=\"submit-btn\">Send Message<\/button>\n      <\/form>\n    <\/div>\n  <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n<\/div><!-- \/#brm-body -->\n<footer class=\"brm-ft\">\n  <div class=\"brm-ft-in\">\n\n    <div class=\"brm-ft-top\">\n\n      <div class=\"brm-ft-brand\">\n        <a href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/\" class=\"brm-ft-logo\">\n          <img decoding=\"async\" src=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/wp-content\/uploads\/sites\/5\/2026\/05\/BHT-Logo-300-w-1.png\" alt=\"BHT\" width=\"300\" height=\"140\">\n        <\/a>\n        <p class=\"brm-ft-blurb\" data-i18n=\"ft_blurb\">Industrial minerals and salts &mdash; sourced, refined and supplied at scale.<\/p>\n        <a class=\"brm-ft-social\" href=\"https:\/\/de.linkedin.com\/company\/bht-electric-control-mechanic-gmbh-co-kg?trk=similar-pages\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"BHT on LinkedIn\">\n          <svg viewBox=\"0 0 24 24\" width=\"17\" height=\"17\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9h4v12H3zM9.5 9h3.8v1.7h.05c.53-.95 1.83-1.95 3.77-1.95 4.03 0 4.78 2.5 4.78 5.76V21h-4v-5.6c0-1.34-.03-3.07-1.9-3.07-1.9 0-2.2 1.46-2.2 2.97V21h-4z\"\/><\/svg>\n        <\/a>\n      <\/div>\n\n      <nav class=\"brm-ft-col\" aria-labelledby=\"brm-ft-h1\">\n        <h4 id=\"brm-ft-h1\" data-i18n=\"ft_products\">Products<\/h4>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/pink-salt\/\" data-i18n=\"mega_pink_t\">Pink Salt<\/a>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/industrial-salt\/\" data-i18n=\"mega_ind_t\">Industrial Salt<\/a>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/blue-salt\/\" data-i18n=\"mega_blue_t\">Blue Salt<\/a>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/products\/\" data-i18n=\"ft_allproducts\">All grades<\/a>\n      <\/nav>\n\n      <nav class=\"brm-ft-col\" aria-labelledby=\"brm-ft-h2\">\n        <h4 id=\"brm-ft-h2\" data-i18n=\"ft_company\">Company<\/h4>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/\" data-i18n=\"nav_home\">Home<\/a>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/about-us\/\" data-i18n=\"nav_about\">About us<\/a>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/contact\/\" data-i18n=\"nav_contact\">Contact<\/a>\n      <\/nav>\n\n      <nav class=\"brm-ft-col\" aria-labelledby=\"brm-ft-h3\">\n        <h4 id=\"brm-ft-h3\" data-i18n=\"ft_companies\">Companies<\/h4>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/industrial-supply\" data-i18n=\"ft_c1\">Industrial supply<\/a>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/engineering-manufacturing\" data-i18n=\"ft_c2\">Engineering &amp; Manufacturing<\/a>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/renewable-clean-energy\/\" data-i18n=\"ft_c3\">Renewable &amp; Clean Energy<\/a>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\" data-i18n=\"ft_c4\">Raw Materials supply<\/a>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\" data-i18n=\"ft_c5\">IT &amp; Cybersecurity<\/a>\n      <\/nav>\n\n    <\/div>\n\n    <div class=\"brm-ft-bot\">\n      <span data-i18n=\"ft_rights\">BHT &copy; All rights reserved<\/span>\n      <span data-i18n=\"ft_dev\">Website Developer: MME<\/span>\n    <\/div>\n\n  <\/div>\n<\/footer>\n\n<\/div><!-- \/#brm-page -->\n<style>\n\/* ==========================================================================\n   BHT Raw Materials supply \u2014 merged chrome\n   Header + footer + dark\/light tokens. Scoped to #brm-page so nothing here\n   leaks into the authored page body.\n   --brm-max \/ --brm-pad are set per page so the logo lines up with the\n   page's own content gutter.\n   ========================================================================== *\/\n\n#brm-page{\n  --brm-max:1140px;\n  --brm-pad:0px;\n  --brm-logo:70px;\n  --brm-langrow:24px;\n\n  --brm-bg:#ffffff;\n  --brm-surface:#f6fbfd;\n  --brm-ink:#0a3a55;\n  --brm-muted:#4c6570;\n  --brm-primary:#146b7a;\n  --brm-primary-2:#188498;\n  --brm-border:#d7e5ea;\n\n  --brm-hd-bg:rgba(255,255,255,.86);\n  --brm-hd-ink:#0a3a55;\n  --brm-hd-line:rgba(10,58,85,.12);\n\n  --brm-ft-bg:#0a2b3a;\n  --brm-ft-ink:#e6f2f6;\n  --brm-ft-muted:#9fb9c4;\n  --brm-ft-line:rgba(255,255,255,.14);\n\n  --brm-fs:'Archivo','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;\n  --brm-ease:cubic-bezier(.4,.0,.2,1);\n\n  font-family:var(--brm-fs);\n  position:relative;\n}\n\n#brm-page[data-theme=\"dark\"]{\n  --brm-bg:#071a22;\n  --brm-surface:#0b2029;\n  --brm-ink:#e6f2f6;\n  --brm-muted:#a3bcc6;\n  --brm-primary:#5cc8de;\n  --brm-primary-2:#8fdcf2;\n  --brm-border:#21414f;\n\n  --brm-hd-bg:rgba(7,26,34,.86);\n  --brm-hd-ink:#e6f2f6;\n  --brm-hd-line:rgba(230,242,246,.14);\n\n  --brm-ft-bg:#050f15;\n  --brm-ft-ink:#e6f2f6;\n  --brm-ft-muted:#8ea9b4;\n  --brm-ft-line:rgba(255,255,255,.10);\n}\n\n\/* page ground ------------------------------------------------------------ *\/\n#brm-page[data-theme=\"dark\"]{ background:var(--brm-bg); }\nhtml.brm-dark, html.brm-dark body{ background:#071a22; }\n\n\/* Fallback for text colour inherited from the WordPress theme\/global\n   Elementor CSS rather than declared in the page's own <style> blocks \u2014\n   the dark-twin transform only rewrites the latter, so anything relying on\n   inherited default (near-)black would stay black on the dark background.\n   :where() keeps this at effectively zero specificity so any real mapped\n   colour (twin or original) still wins; this only fills genuine gaps via\n   normal CSS inheritance. *\/\n#brm-page[data-theme=\"dark\"] :where(#brm-body){ color:var(--brm-ink); }\n\n#brm-page *,#brm-page *::before,#brm-page *::after{ box-sizing:border-box; }\n\n\/* ==========================================================================\n   HEADER\n   ========================================================================== *\/\n\n.brm-hd{\n  position:fixed; inset:0 0 auto 0; z-index:9000;\n  padding:14px 0;\n  background:transparent;\n  border-bottom:1px solid transparent;\n  transition:background .35s var(--brm-ease),border-color .35s var(--brm-ease),\n             box-shadow .35s var(--brm-ease),padding .35s var(--brm-ease);\n}\n\n\/* solid state: any non-overlay page, or an overlay page once scrolled *\/\n.brm-hd:not(.is-over),\n.brm-hd.is-stuck{\n  background:var(--brm-hd-bg);\n  -webkit-backdrop-filter:blur(14px) saturate(160%);\n  backdrop-filter:blur(14px) saturate(160%);\n  border-bottom-color:var(--brm-hd-line);\n  box-shadow:0 6px 26px rgba(6,32,44,.09);\n}\n.brm-hd.is-stuck{ padding:8px 0; }\n\n\/* overlay pages carry a permanent dark frosted scrim over the hero image \u2014\n   not scroll-dependent \u2014 so header text stays legible against any artwork *\/\n.brm-hd.is-over:not(.is-stuck){\n  background:rgba(7,26,34,.34);\n  -webkit-backdrop-filter:blur(8px) saturate(140%);\n  backdrop-filter:blur(8px) saturate(140%);\n  border-bottom-color:rgba(255,255,255,.14);\n}\n\n.brm-hd-in{\n  position:relative;\n  max-width:var(--brm-max);\n  margin:0 auto;\n  padding-inline:var(--brm-pad);\n  display:flex; align-items:center; justify-content:space-between; gap:28px;\n}\n\n\/* logo ------------------------------------------------------------------- *\/\n.brm-hd-logo{ display:flex; align-items:center; flex:0 0 auto; text-decoration:none; }\n.brm-hd-logo img{\n  height:var(--brm-logo); width:auto; display:block;\n  transition:height .35s var(--brm-ease);\n}\n.brm-hd.is-stuck .brm-hd-logo img{ height:calc(var(--brm-logo) * .78); }\n\n\/* right cluster ---------------------------------------------------------- *\/\n.brm-hd-right{ display:flex; align-items:center; gap:16px; }\n.brm-navcol{ display:flex; flex-direction:column; align-items:flex-end; gap:4px; }\n\n.brm-nav{ display:flex; align-items:center; gap:clamp(18px,2.4vw,34px); }\n\n.brm-nav-l{\n  position:relative;\n  display:inline-flex; align-items:center; gap:5px;\n  color:var(--brm-hd-ink);\n  font:700 .72rem\/1 var(--brm-fs);\n  letter-spacing:.06em; text-transform:uppercase; text-decoration:none;\n  white-space:nowrap; padding:6px 0;\n  transition:color .25s var(--brm-ease),opacity .25s var(--brm-ease);\n}\n.brm-nav-l::after{\n  content:''; position:absolute; left:0; right:0; bottom:0; height:2px;\n  background:currentColor; transform:scaleX(0); transform-origin:left;\n  transition:transform .3s var(--brm-ease);\n}\n.brm-nav-l:hover{ color:var(--brm-primary); }\n.brm-nav-l:hover::after{ transform:scaleX(1); }\n.brm-nav-l.is-active{ color:var(--brm-primary); }\n.brm-nav-l.is-active::after{ transform:scaleX(1); }\n\n\/* transparent-over-hero state: force legible light chrome *\/\n.brm-hd.is-over:not(.is-stuck) .brm-nav-l,\n.brm-hd.is-over:not(.is-stuck) .brm-lang-b,\n.brm-hd.is-over:not(.is-stuck) .brm-lang-sep,\n.brm-hd.is-over:not(.is-stuck) .brm-theme,\n.brm-hd.is-over:not(.is-stuck) .brm-burger span{ color:#fff; }\n.brm-hd.is-over:not(.is-stuck) .brm-burger span{ background:#fff; }\n.brm-hd.is-over:not(.is-stuck) .brm-nav-l:hover,\n.brm-hd.is-over:not(.is-stuck) .brm-nav-l.is-active{ color:#fff; opacity:1; }\n.brm-hd.is-over:not(.is-stuck) .brm-theme{ border-color:rgba(255,255,255,.45); }\n.brm-hd.is-over:not(.is-stuck) .brm-lang-b.is-on{ color:#fff; border-bottom-color:#fff; }\n\n.brm-chev{ transition:transform .3s var(--brm-ease); flex:0 0 auto; }\n.brm-mega-host:hover .brm-chev{ transform:rotate(180deg); }\n\n\/* ==========================================================================\n   MEGA MENU\n   Panel is a DOM descendant of .brm-mega-host (so :hover holds) but is\n   positioned against .brm-hd-in so it spans the content gutter.\n   Its top padding is transparent and reaches back up to the nav row, giving\n   an unbroken hover bridge across the language row.\n   ========================================================================== *\/\n\n.brm-mega-host{ position:static; display:inline-flex; }\n\n.brm-mega{\n  position:absolute; left:0; right:0;\n  top:calc(100% - var(--brm-langrow));\n  padding-top:calc(var(--brm-langrow) + 10px);\n  z-index:20;\n  opacity:0; visibility:hidden; pointer-events:none;\n  transform:translateY(-6px);\n  transition:opacity .26s var(--brm-ease),transform .26s var(--brm-ease),visibility .26s;\n}\n.brm-mega-host:hover .brm-mega,\n.brm-mega-host.is-open .brm-mega{\n  opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0);\n}\n\/* while the panel is open the language row must not intercept the pointer *\/\n.brm-hd.brm-mega-open .brm-lang{ pointer-events:none; }\n\n.brm-mega-in{\n  background:var(--brm-bg);\n  border:1px solid var(--brm-border);\n  border-radius:16px;\n  box-shadow:0 26px 60px rgba(6,32,44,.18);\n  padding:22px;\n  overflow:hidden;\n}\n#brm-page[data-theme=\"dark\"] .brm-mega-in{ box-shadow:0 26px 60px rgba(0,0,0,.55); }\n\n.brm-mega-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }\n\n.brm-mega-card{\n  display:flex; flex-direction:column; gap:0;\n  text-decoration:none; border-radius:12px; overflow:hidden;\n  background:var(--brm-surface);\n  border:1px solid var(--brm-border);\n  transition:transform .28s var(--brm-ease),border-color .28s var(--brm-ease),\n             box-shadow .28s var(--brm-ease);\n}\n.brm-mega-card:hover{\n  transform:translateY(-4px);\n  border-color:var(--brm-primary);\n  box-shadow:0 14px 30px rgba(6,32,44,.14);\n}\n.brm-mega-img{\n  display:block; height:104px;\n  background-size:cover; background-position:center; background-repeat:no-repeat;\n}\n.brm-mega-tx{ display:block; padding:12px 14px 15px; }\n.brm-mega-t{\n  display:block; color:var(--brm-ink);\n  font:800 .95rem\/1.25 var(--brm-fs); margin-bottom:4px;\n}\n.brm-mega-d{\n  display:block; color:var(--brm-muted);\n  font:500 .78rem\/1.45 var(--brm-fs);\n}\n\n.brm-mega-all{\n  display:inline-flex; align-items:center; gap:8px; margin-top:16px;\n  color:var(--brm-primary); text-decoration:none;\n  font:700 .78rem\/1 var(--brm-fs); letter-spacing:.04em; text-transform:uppercase;\n}\n.brm-mega-all svg{ transition:transform .28s var(--brm-ease); }\n.brm-mega-all:hover svg{ transform:translateX(4px); }\n\n\/* ==========================================================================\n   LANGUAGE (sits directly under the Contact item)\n   ========================================================================== *\/\n\n.brm-lang{\n  display:inline-flex; align-items:center; gap:6px;\n  height:var(--brm-langrow); z-index:5;\n}\n.brm-lang-b{\n  appearance:none; background:none; border:0; cursor:pointer; padding:1px 0;\n  color:var(--brm-hd-ink); opacity:.62;\n  font:700 .66rem\/1 var(--brm-fs); letter-spacing:.1em;\n  border-bottom:1.5px solid transparent;\n  transition:opacity .25s var(--brm-ease),color .25s var(--brm-ease),\n             border-color .25s var(--brm-ease);\n}\n.brm-lang-b:hover{ opacity:1; }\n.brm-lang-b.is-on{ opacity:1; color:var(--brm-primary); border-bottom-color:var(--brm-primary); }\n.brm-lang-sep{ color:var(--brm-hd-ink); opacity:.3; font-size:.66rem; }\n\n\/* ==========================================================================\n   THEME TOGGLE + BURGER\n   ========================================================================== *\/\n\n.brm-theme{\n  display:inline-flex; align-items:center; justify-content:center;\n  width:36px; height:36px; flex:0 0 auto;\n  border-radius:50%; cursor:pointer;\n  background:transparent; color:var(--brm-hd-ink);\n  border:1px solid var(--brm-hd-line);\n  transition:background .25s var(--brm-ease),color .25s var(--brm-ease),\n             border-color .25s var(--brm-ease),transform .25s var(--brm-ease);\n}\n.brm-theme:hover{ color:var(--brm-primary); border-color:var(--brm-primary); transform:rotate(12deg); }\n.brm-theme .brm-i-moon{ display:none; }\n#brm-page[data-theme=\"dark\"] .brm-theme .brm-i-sun{ display:none; }\n#brm-page[data-theme=\"dark\"] .brm-theme .brm-i-moon{ display:block; }\n\n.brm-burger{\n  display:none; flex-direction:column; justify-content:center; align-items:center; gap:5px;\n  width:38px; height:38px; padding:0; flex:0 0 auto;\n  background:transparent; border:0; cursor:pointer;\n  -webkit-tap-highlight-color:transparent;\n}\n.brm-burger span{\n  display:block; width:24px; height:2px; border-radius:2px;\n  background:var(--brm-hd-ink);\n  transition:transform .3s var(--brm-ease),opacity .3s var(--brm-ease),background .3s var(--brm-ease);\n}\n.brm-burger.is-on span:nth-child(1){ transform:translateY(7px) rotate(45deg); }\n.brm-burger.is-on span:nth-child(2){ opacity:0; }\n.brm-burger.is-on span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }\n\n.brm-scrim{\n  position:fixed; inset:0; z-index:8500;\n  background:rgba(4,20,28,.5);\n  -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);\n  opacity:0; transition:opacity .3s var(--brm-ease);\n}\n.brm-scrim.is-on{ opacity:1; }\n\n\/* ==========================================================================\n   FOOTER\n   ========================================================================== *\/\n\n.brm-ft{\n  background:var(--brm-ft-bg); color:var(--brm-ft-ink);\n  padding:64px 0 26px; margin-top:0;\n}\n.brm-ft-in{ max-width:var(--brm-max); margin:0 auto; padding-inline:var(--brm-pad); }\n\n.brm-ft-top{\n  display:grid; grid-template-columns:1.6fr 1fr 1fr 1.2fr; gap:40px;\n  padding-bottom:44px; border-bottom:1px solid var(--brm-ft-line);\n}\n.brm-ft-logo img{ height:60px; width:auto; display:block; }\n.brm-ft-blurb{\n  color:var(--brm-ft-muted); margin:16px 0 18px; max-width:34ch;\n  font:500 .86rem\/1.6 var(--brm-fs);\n}\n.brm-ft-social{\n  display:inline-flex; align-items:center; justify-content:center;\n  width:36px; height:36px; border-radius:50%;\n  color:var(--brm-ft-ink); border:1px solid var(--brm-ft-line);\n  transition:background .25s var(--brm-ease),color .25s var(--brm-ease),\n             border-color .25s var(--brm-ease);\n}\n.brm-ft-social:hover{ background:var(--brm-ft-ink); color:var(--brm-ft-bg); }\n\n.brm-ft-col{ display:flex; flex-direction:column; gap:11px; }\n.brm-ft-col h4{\n  margin:0 0 6px; color:var(--brm-ft-ink);\n  font:800 .76rem\/1 var(--brm-fs); letter-spacing:.09em; text-transform:uppercase;\n}\n.brm-ft-col a{\n  color:var(--brm-ft-muted); text-decoration:none;\n  font:500 .86rem\/1.4 var(--brm-fs);\n  transition:color .22s var(--brm-ease),transform .22s var(--brm-ease);\n}\n.brm-ft-col a:hover{ color:var(--brm-ft-ink); transform:translateX(3px); }\n\n.brm-ft-bot{\n  display:flex; align-items:center; justify-content:space-between;\n  gap:14px; padding-top:22px; flex-wrap:wrap;\n  color:var(--brm-ft-muted); font:500 .78rem\/1.5 var(--brm-fs);\n}\n\n\/* ==========================================================================\n   RESPONSIVE\n   ========================================================================== *\/\n\n@media (max-width:1080px){\n  #brm-page{ --brm-logo:58px; }\n  .brm-nav{ gap:20px; }\n  .brm-nav-l{ font-size:.68rem; }\n  .brm-ft-top{ grid-template-columns:1fr 1fr; gap:32px; }\n}\n\n@media (max-width:900px){\n  .brm-burger{ display:flex; }\n  .brm-hd-right{ gap:8px; }\n\n  \/* nav becomes a drawer *\/\n  .brm-navcol{\n    position:fixed; inset:0 0 0 auto; width:min(340px,86vw);\n    z-index:9100;\n    background:var(--brm-bg);\n    border-left:1px solid var(--brm-border);\n    box-shadow:-20px 0 50px rgba(4,20,28,.25);\n    display:flex; flex-direction:column; align-items:stretch; gap:0;\n    padding:96px 26px 32px;\n    transform:translateX(100%);\n    transition:transform .34s var(--brm-ease);\n    overflow-y:auto; overscroll-behavior:contain;\n  }\n  .brm-navcol.is-open{ transform:translateX(0); }\n\n  .brm-nav{ flex-direction:column; align-items:stretch; gap:0; }\n  .brm-nav-l{\n    color:var(--brm-ink); font-size:.92rem; letter-spacing:.02em;\n    padding:15px 2px; border-bottom:1px solid var(--brm-border);\n    justify-content:space-between;\n  }\n  .brm-nav-l::after{ display:none; }\n  \/* drawer is opaque, so never inherit the over-hero light chrome *\/\n  .brm-hd.is-over:not(.is-stuck) .brm-nav-l{ color:var(--brm-ink); }\n  .brm-hd.is-over:not(.is-stuck) .brm-lang-b,\n  .brm-hd.is-over:not(.is-stuck) .brm-lang-sep{ color:var(--brm-ink); }\n  .brm-hd.is-over:not(.is-stuck) .brm-lang-b.is-on{ color:var(--brm-primary); border-bottom-color:var(--brm-primary); }\n\n  .brm-mega-host{ display:block; }\n  \/* accordion, not overlay *\/\n  .brm-mega{\n    position:static; opacity:1; visibility:visible; pointer-events:auto;\n    transform:none; padding-top:0;\n    display:grid; grid-template-rows:0fr;\n    transition:grid-template-rows .32s var(--brm-ease);\n  }\n  .brm-mega-host.is-open .brm-mega{ grid-template-rows:1fr; }\n  .brm-mega-host:hover .brm-mega{ grid-template-rows:0fr; }\n  .brm-mega-host.is-open:hover .brm-mega{ grid-template-rows:1fr; }\n  .brm-mega-in{\n    min-height:0; overflow:hidden;\n    border:0; border-radius:0; box-shadow:none; background:transparent;\n    padding:0;\n  }\n  .brm-mega-host.is-open .brm-mega-in{ padding:12px 0 16px; }\n  .brm-mega-grid{ grid-template-columns:1fr; gap:10px; }\n  .brm-mega-img{ height:70px; }\n  .brm-mega-all{ margin-top:12px; }\n\n  .brm-lang{ align-self:flex-start; margin-top:22px; height:auto; }\n\n  .brm-ft{ padding:48px 0 22px; }\n  .brm-ft-top{ grid-template-columns:1fr 1fr; gap:28px; padding-bottom:32px; }\n  .brm-ft-brand{ grid-column:1 \/ -1; }\n}\n\n@media (max-width:560px){\n  #brm-page{ --brm-logo:48px; }\n  .brm-hd{ padding:10px 0; }\n  .brm-ft-top{ grid-template-columns:1fr; }\n  .brm-ft-bot{ flex-direction:column; align-items:flex-start; gap:6px; }\n}\n\n@media (prefers-reduced-motion:reduce){\n  #brm-page *{ transition-duration:.01ms !important; animation-duration:.01ms !important; }\n}\n\n<\/style>\n<script>\nwindow.BRM_UI={\"nav_home\": \"Startseite\", \"nav_about\": \"\u00dcber uns\", \"nav_products\": \"Produkte\", \"nav_contact\": \"Kontakt\", \"mega_pink_t\": \"Rosa Salz\", \"mega_pink_d\": \"Hochwertiges Steinsalz aus unber\u00fchrten Minen\", \"mega_ind_t\": \"Industriesalz\", \"mega_ind_d\": \"Hochreines Salz f\u00fcr anspruchsvolle industrielle Anwendungen\", \"mega_blue_t\": \"Blaues Salz\", \"mega_blue_d\": \"Ein seltenes Mineral, entstanden \u00fcber Jahrmillionen\", \"mega_all\": \"Alle Sorten &amp; Anwendungen ansehen\", \"ft_blurb\": \"Industrielle Mineralien und Salze &mdash; beschafft, raffiniert und im gro\u00dfen Ma\u00dfstab geliefert.\", \"ft_products\": \"Produkte\", \"ft_allproducts\": \"Alle Sorten\", \"ft_company\": \"Unternehmen\", \"ft_companies\": \"Unternehmensgruppe\", \"ft_c1\": \"Industrielle Zulieferung\", \"ft_c2\": \"Engineering &amp; Fertigung\", \"ft_c3\": \"Erneuerbare &amp; Saubere Energie\", \"ft_c4\": \"Rohstoffversorgung\", \"ft_c5\": \"IT &amp; Cybersicherheit\", \"ft_rights\": \"BHT &copy; Alle Rechte vorbehalten\", \"ft_dev\": \"Website-Entwicklung: MME\"};\nwindow.BRM_DICT={\"Registered Office\": \"Firmensitz\", \"Germany\": \"Deutschland\", \"Reach Us\": \"Kontaktieren Sie uns\", \"Company\": \"Unternehmen\", \"Phone\": \"Telefon\", \"Fax\": \"Fax\", \"Email\": \"E-Mail\", \"Get In Touch\": \"Nehmen Sie Kontakt auf\", \"Contact BHT\": \"Kontakt zu BHT\", \"Send us a message and our team in Cologne will get back to you.\": \"Senden Sie uns eine Nachricht \u2014 unser Team in K\u00f6ln meldet sich bei Ihnen.\", \"Name\": \"Name\", \"Subject\": \"Betreff\", \"Message\": \"Nachricht\", \"Send Message\": \"Nachricht senden\"};\n<\/script>\n<script>\n(function () {\n  \"use strict\";\n\n  var page = document.getElementById('brm-page');\n  var hd = document.getElementById('brm-hd');\n  var body = document.getElementById('brm-body');\n  if (!page || !hd) return;\n\n  var navcol = page.querySelector('.brm-navcol');\n  var nav = document.getElementById('brm-nav');\n  var burger = document.getElementById('brm-burger');\n  var scrim = document.getElementById('brm-scrim');\n  var megaHost = page.querySelector('.brm-mega-host');\n  var megaLink = page.querySelector('.brm-nav-mega');\n  var OVERLAY = page.getAttribute('data-overlay') === '1';\n\n  var mq = function () { return window.matchMedia('(max-width:900px)').matches; };\n\n  \/* ======================================================================\n     1. THEME  \u2014 dark\/light, remembered per visitor\n     ====================================================================== *\/\n\n  var THEME_KEY = 'brm-theme';\n\n  function applyTheme(t) {\n    page.setAttribute('data-theme', t);\n    document.documentElement.classList.toggle('brm-dark', t === 'dark');\n    var b = document.getElementById('brm-theme');\n    if (b) b.setAttribute('aria-label', t === 'dark' ? 'Switch to light mode' : 'Switch to dark mode');\n  }\n\n  var stored = null;\n  try { stored = localStorage.getItem(THEME_KEY); } catch (e) {}\n  applyTheme(stored || (window.matchMedia &&\n    window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'));\n\n  var themeBtn = document.getElementById('brm-theme');\n  if (themeBtn) {\n    themeBtn.addEventListener('click', function () {\n      var next = page.getAttribute('data-theme') === 'dark' ? 'light' : 'dark';\n      applyTheme(next);\n      try { localStorage.setItem(THEME_KEY, next); } catch (e) {}\n    });\n  }\n\n  \/* ======================================================================\n     2. DARK TWIN STYLESHEET\n     The authored page CSS is never edited. Instead every rule inside\n     #brm-body is read from the CSSOM, its colours remapped by PROPERTY\n     (a #fff text colour and a #fff background must not become the same\n     thing), and re-emitted under a #brm-page[data-theme=\"dark\"] prefix,\n     which outranks the original.\n     ====================================================================== *\/\n\n  var VARMAP = {\n    '--steel': '#1f8ea4', '--steel-deep': '#e6f2f6', '--ink': '#e6f2f6',\n    '--ink-soft': '#a3bcc6', '--mineral-line': '#21414f', '--blue-line': '#21414f',\n    '--line': '#21414f', '--paper': '#0d2630', '--salt': '#0b2029',\n    '--salt-dim': '#12303b', '--orange': '#ffa845'\n  };\n\n  var TEXT = {\n    '#ffffff': 0, '#eeeeee': '#e6f2f6', '#c9c9c9': '#cfe0e7', '#dadada': '#cfe0e7',\n    '#f9f9f9': '#e6f2f6', '#f6fbfd': '#e6f2f6', '#f7fafc': '#e6f2f6',\n    '#ebf3f6': '#e6f2f6', '#eaf2f5': '#e6f2f6', '#e9f4f8': '#e6f2f6',\n    '#dceff6': '#dbeaf0', '#0a3a55': '#e6f2f6', '#0d4a6b': '#dbeaf0',\n    '#313437': '#e6f2f6', '#271111': '#e6d5d5', '#071f30': '#cfe3ea',\n    '#4c6570': '#a3bcc6', '#6b7378': '#a3bcc6', '#598c9e': '#9fc3cf',\n    '#7697a5': '#a3bcc6', '#146b7a': '#5cc8de', '#188498': '#8fdcf2',\n    '#0f5c71': '#5cc8de', '#6fc7e8': '#8fdcf2', '#bfe6f5': '#cfeaf5',\n    '#f68d1e': '#ffa845', '#d7e5ea': '#b9d0d9', '#cfe3ec': '#b9d0d9',\n    '#c4d6dc': '#b9d0d9', '#e2e6e9': '#b9d0d9'\n  };\n\n  var BG = {\n    '#ffffff': '#0d2630', '#f6fbfd': '#0b2029', '#f7fafc': '#0b2029',\n    '#ebf3f6': '#12303b', '#eaf2f5': '#12303b', '#e9f4f8': '#12303b',\n    '#f9f9f9': '#12303b', '#dceff6': '#12303b', '#cfe3ec': '#12303b',\n    '#d7e5ea': '#17323d', '#c4d6dc': '#17323d', '#e2e6e9': '#17323d',\n    '#dadada': '#22323a', '#c9c9c9': '#22323a', '#eeeeee': '#12303b',\n    '#146b7a': '#15707f', '#188498': '#1b8397', '#0f5c71': '#124f61',\n    '#6fc7e8': '#2a6f85', '#bfe6f5': '#1d4a5b', '#0a3a55': '#0a2b3a',\n    '#0d4a6b': '#0e3346', '#071f30': '#071a22', '#313437': '#14232b',\n    '#271111': '#1a0e0e', '#f68d1e': '#a85e10', '#598c9e': '#2b5866',\n    '#7697a5': '#2b5866'\n  };\n\n  var LINE = {\n    '#d7e5ea': '#21414f', '#c4d6dc': '#21414f', '#cfe3ec': '#21414f',\n    '#e2e6e9': '#21414f', '#ebf3f6': '#21414f', '#eaf2f5': '#21414f',\n    '#e9f4f8': '#21414f', '#f6fbfd': '#21414f', '#f7fafc': '#21414f',\n    '#dadada': '#2a4a58', '#c9c9c9': '#2a4a58', '#eeeeee': '#21414f',\n    '#ffffff': '#21414f', '#146b7a': '#2a8ea1', '#188498': '#33a0b4',\n    '#0f5c71': '#2a8ea1', '#6fc7e8': '#2f7f96', '#bfe6f5': '#26596b',\n    '#0a3a55': '#1b3a4a', '#0d4a6b': '#1b3a4a', '#313437': '#2a3a42',\n    '#071f30': '#12303b', '#f68d1e': '#c9791f'\n  };\n\n  function cat(p) {\n    if (p.charAt(0) === '-' && p.charAt(1) === '-') return 'var';\n    if (\/shadow$\/.test(p)) return 'shadow';\n    if (\/^background\/.test(p)) return 'bg';\n    if (\/^(border|outline)\/.test(p)) return 'line';\n    if (\/(^color$|text-fill-color|^fill$|^stroke$|caret-color|text-decoration-color|text-emphasis-color|column-rule-color)\/.test(p)) return 'text';\n    return 'other';\n  }\n\n  function hx(n) { var s = Number(n).toString(16); return s.length < 2 ? '0' + s : s; }\n  function normHex(h) {\n    h = h.toLowerCase();\n    if (h.length === 4) h = '#' + h[1] + h[1] + h[2] + h[2] + h[3] + h[3];\n    return h;\n  }\n  function table(c) {\n    return c === 'bg' ? BG : c === 'line' ? LINE : c === 'shadow' ? BG : TEXT;\n  }\n  function look(c, hex) {\n    var t = table(c)[hex];\n    return (t === 0 || t === undefined) ? null : t;\n  }\n\n  function mapValue(c, val) {\n    if (c === 'other') return null;\n    var changed = false;\n\n    val = val.replace(\/rgba?\\(\\s*([\\d.]+)[\\s,]+([\\d.]+)[\\s,]+([\\d.]+)\\s*(?:[,\/]\\s*([\\d.%]+)\\s*)?\\)\/gi,\n      function (m, r, g, b, a) {\n        var alpha = a === undefined ? 1 : (String(a).indexOf('%') > -1 ? parseFloat(a) \/ 100 : parseFloat(a));\n        var hex = '#' + hx(r) + hx(g) + hx(b);\n        if (alpha >= 0.999) {\n          var to = look(c, hex);\n          if (to) { changed = true; return to; }\n          return m;\n        }\n        \/* translucent: only flip near-opaque light fills, leave subtle veils *\/\n        if ((c === 'bg') && alpha >= 0.6 && (hex === '#ffffff' || hex === '#f6fbfd' || hex === '#f7fafc')) {\n          changed = true;\n          return 'rgba(13,38,48,' + alpha + ')';\n        }\n        return m;\n      });\n\n    val = val.replace(\/#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})\\b\/g, function (m) {\n      var to = look(c, normHex(m));\n      if (to) { changed = true; return to; }\n      return m;\n    });\n\n    val = val.replace(\/\\bwhite\\b\/gi, function () {\n      var to = look(c, '#ffffff');\n      if (to) { changed = true; return to; }\n      return 'white';\n    });\n\n    return changed ? val : null;\n  }\n\n  function splitSel(s) {\n    var out = [], depth = 0, buf = '';\n    for (var i = 0; i < s.length; i++) {\n      var ch = s[i];\n      if (ch === '(' || ch === '[') depth++;\n      else if (ch === ')' || ch === ']') depth--;\n      if (ch === ',' && depth === 0) { out.push(buf); buf = ''; }\n      else buf += ch;\n    }\n    if (buf.trim()) out.push(buf);\n    return out;\n  }\n\n  var DARK_PREFIX = '#brm-page[data-theme=\"dark\"]';\n\n  function prefix(sel) {\n    return splitSel(sel).map(function (s) {\n      s = s.trim();\n      if (!s) return '';\n      if (\/^(:root|html|body)$\/i.test(s)) return DARK_PREFIX;\n      if (\/^(html|body)\\b\/i.test(s)) return DARK_PREFIX + ' ' + s.replace(\/^(html|body)\\s*\/i, '');\n      return DARK_PREFIX + ' ' + s;\n    }).filter(Boolean).join(',');\n  }\n\n  function ruleDecls(style) {\n    var decls = [];\n    for (var i = 0; i < style.length; i++) {\n      var p = style.item(i);\n      var c = cat(p);\n      var v = style.getPropertyValue(p);\n      if (!v) continue;\n      var nv = null;\n      if (c === 'var') {\n        var vm = VARMAP[p.toLowerCase()];\n        if (vm) nv = vm;\n      } else {\n        nv = mapValue(c, v);\n      }\n      if (nv !== null && nv !== undefined && nv !== v) {\n        var pr = style.getPropertyPriority(p);\n        decls.push(p + ':' + nv + (pr ? ' !' + pr : ''));\n      }\n    }\n    return decls;\n  }\n\n  function walkRules(rules, out) {\n    for (var i = 0; i < rules.length; i++) {\n      var r = rules[i];\n      if (r.type === 1 \/* style *\/) {\n        var d = ruleDecls(r.style);\n        if (d.length) out.push(prefix(r.selectorText) + '{' + d.join(';') + '}');\n      } else if (r.type === 4 \/* media *\/) {\n        var inner = [];\n        walkRules(r.cssRules, inner);\n        if (inner.length) out.push('@media ' + r.conditionText + '{' + inner.join('') + '}');\n      } else if (r.type === 12 \/* supports *\/ && r.cssRules) {\n        var inner2 = [];\n        walkRules(r.cssRules, inner2);\n        if (inner2.length) out.push('@supports ' + r.conditionText + '{' + inner2.join('') + '}');\n      }\n    }\n  }\n\n  function buildDarkTwin() {\n    if (!body) return;\n    var out = [];\n    var styles = body.querySelectorAll('style');\n    for (var i = 0; i < styles.length; i++) {\n      var sheet = styles[i].sheet;\n      if (!sheet) continue;\n      try { walkRules(sheet.cssRules, out); } catch (e) {}\n    }\n    if (!out.length) return;\n    var el = document.createElement('style');\n    el.id = 'brm-dark-twin';\n    el.textContent = out.join('\\n');\n    page.appendChild(el);\n  }\n\n  try { buildDarkTwin(); } catch (e) {}\n\n  \/* ======================================================================\n     3. HEADER STATE + BODY OFFSET\n     ====================================================================== *\/\n\n  if (OVERLAY) hd.classList.add('is-over');\n\n  function measure() {\n    var h = hd.offsetHeight;\n    page.style.setProperty('--brm-hdh', h + 'px');\n\n    if (nav) {\n      var gap = hd.querySelector('.brm-hd-in').getBoundingClientRect().bottom -\n                nav.getBoundingClientRect().bottom;\n      if (gap > 0) page.style.setProperty('--brm-langrow', Math.round(gap) + 'px');\n    }\n    if (body) body.style.paddingTop = OVERLAY ? '' : h + 'px';\n  }\n\n  function onScroll() {\n    hd.classList.toggle('is-stuck', (window.scrollY || window.pageYOffset) > 8);\n  }\n\n  window.addEventListener('scroll', onScroll, { passive: true });\n  window.addEventListener('resize', measure);\n  window.addEventListener('load', measure);\n  onScroll();\n  measure();\n  setTimeout(measure, 350);\n\n  \/* ======================================================================\n     4. MEGA MENU + MOBILE DRAWER\n     ====================================================================== *\/\n\n  if (megaHost) {\n    megaHost.addEventListener('mouseenter', function () {\n      if (!mq()) hd.classList.add('brm-mega-open');\n    });\n    megaHost.addEventListener('mouseleave', function () {\n      hd.classList.remove('brm-mega-open');\n    });\n    megaHost.addEventListener('focusin', function () {\n      if (!mq()) { megaHost.classList.add('is-open'); hd.classList.add('brm-mega-open'); }\n    });\n    megaHost.addEventListener('focusout', function (e) {\n      if (!megaHost.contains(e.relatedTarget)) {\n        megaHost.classList.remove('is-open');\n        hd.classList.remove('brm-mega-open');\n      }\n    });\n  }\n\n  if (megaLink) {\n    megaLink.addEventListener('click', function (e) {\n      \/* on small screens the first tap expands the accordion,\n         a second tap follows the link *\/\n      if (mq() && !megaHost.classList.contains('is-open')) {\n        e.preventDefault();\n        megaHost.classList.add('is-open');\n        megaLink.setAttribute('aria-expanded', 'true');\n      }\n    });\n  }\n\n  function closeDrawer() {\n    if (!navcol) return;\n    navcol.classList.remove('is-open');\n    if (burger) { burger.classList.remove('is-on'); burger.setAttribute('aria-expanded', 'false'); }\n    if (scrim) { scrim.classList.remove('is-on'); setTimeout(function () { scrim.hidden = true; }, 300); }\n    document.body.style.overflow = '';\n    if (megaHost) megaHost.classList.remove('is-open');\n  }\n\n  function openDrawer() {\n    if (!navcol) return;\n    navcol.classList.add('is-open');\n    if (burger) { burger.classList.add('is-on'); burger.setAttribute('aria-expanded', 'true'); }\n    if (scrim) { scrim.hidden = false; requestAnimationFrame(function () { scrim.classList.add('is-on'); }); }\n    document.body.style.overflow = 'hidden';\n  }\n\n  if (burger) {\n    burger.addEventListener('click', function () {\n      if (navcol.classList.contains('is-open')) closeDrawer(); else openDrawer();\n    });\n  }\n  if (scrim) scrim.addEventListener('click', closeDrawer);\n  document.addEventListener('keydown', function (e) {\n    if (e.key === 'Escape') { closeDrawer(); hd.classList.remove('brm-mega-open'); }\n  });\n  window.addEventListener('resize', function () { if (!mq()) closeDrawer(); });\n\n  \/* mark the current page in the nav *\/\n  (function () {\n    var here = location.pathname.replace(\/\\\/+$\/, '');\n    var links = page.querySelectorAll('.brm-nav-l');\n    for (var i = 0; i < links.length; i++) {\n      var p = links[i].getAttribute('href') || '';\n      try { p = new URL(p, location.href).pathname.replace(\/\\\/+$\/, ''); } catch (e) {}\n      if (p === here) links[i].classList.add('is-active');\n    }\n  })();\n\n  \/* ======================================================================\n     5. LANGUAGE  \u2014 EN \/ DE across chrome AND page copy\n     Chrome strings carry data-i18n keys. Page copy is never tagged and is\n     never edited: a per-page dictionary is applied over the text nodes,\n     with the English original cached on the node so switching back is\n     lossless.\n     ====================================================================== *\/\n\n  var UI = window.BRM_UI || {};\n  var DICT = window.BRM_DICT || {};\n  var LANG_KEY = 'brm-lang';\n  var ATTRS = ['placeholder', 'aria-label', 'alt', 'title', 'value'];\n\n  function textNodes(root) {\n    var list = [], w = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {\n      acceptNode: function (n) {\n        var p = n.parentNode;\n        if (!p) return NodeFilter.FILTER_REJECT;\n        var t = p.nodeName;\n        if (t === 'SCRIPT' || t === 'STYLE' || t === 'NOSCRIPT' || t === 'TEXTAREA') return NodeFilter.FILTER_REJECT;\n        return n.nodeValue && n.nodeValue.trim() ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;\n      }\n    });\n    var n; while ((n = w.nextNode())) list.push(n);\n    return list;\n  }\n\n  function setLang(lang) {\n    var de = lang === 'de';\n\n    \/* chrome *\/\n    var tagged = page.querySelectorAll('[data-i18n]');\n    for (var i = 0; i < tagged.length; i++) {\n      var el = tagged[i], k = el.getAttribute('data-i18n');\n      if (el.__brmEN === undefined) el.__brmEN = el.innerHTML;\n      var v = de && UI[k];\n      el.innerHTML = v ? v : el.__brmEN;\n    }\n\n    \/* page copy *\/\n    if (body) {\n      var nodes = textNodes(body);\n      for (var j = 0; j < nodes.length; j++) {\n        var n = nodes[j];\n        if (n.__brmEN === undefined) n.__brmEN = n.nodeValue;\n        if (!de) { n.nodeValue = n.__brmEN; continue; }\n        var raw = n.__brmEN;\n        var key = raw.trim();\n        var hit = DICT[key];\n        if (hit) {\n          var lead = raw.match(\/^\\s*\/)[0], tail = raw.match(\/\\s*$\/)[0];\n          n.nodeValue = lead + hit + tail;\n        } else {\n          n.nodeValue = raw;\n        }\n      }\n\n      var all = body.querySelectorAll('*');\n      for (var a = 0; a < all.length; a++) {\n        var e2 = all[a];\n        for (var b = 0; b < ATTRS.length; b++) {\n          var at = ATTRS[b];\n          if (!e2.hasAttribute(at)) continue;\n          var store = '__brmEN_' + at;\n          if (e2[store] === undefined) e2[store] = e2.getAttribute(at);\n          var orig = e2[store];\n          if (!orig) continue;\n          var d = de && DICT[orig.trim()];\n          e2.setAttribute(at, d ? d : orig);\n        }\n      }\n    }\n\n    document.documentElement.setAttribute('lang', de ? 'de' : 'en');\n    var btns = page.querySelectorAll('.brm-lang-b');\n    for (var c = 0; c < btns.length; c++) {\n      btns[c].classList.toggle('is-on', btns[c].getAttribute('data-lang') === lang);\n    }\n    try { localStorage.setItem(LANG_KEY, lang); } catch (e) {}\n    measure();\n  }\n\n  var langBtns = page.querySelectorAll('.brm-lang-b');\n  for (var L = 0; L < langBtns.length; L++) {\n    langBtns[L].addEventListener('click', function () {\n      setLang(this.getAttribute('data-lang'));\n      closeDrawer();\n    });\n  }\n\n  var savedLang = null;\n  try { savedLang = localStorage.getItem(LANG_KEY); } catch (e) {}\n  if (savedLang === 'de') setLang('de');\n})();\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 Products Pink Salt Premium rock salt from untouched natural mines Industrial Salt High-purity salt for demanding industrial use Blue Salt A rare mineral, formed over millions of years View all grades &amp; applications Contact EN | DE Registered Office Hansaring 61 50670 K\u00f6ln (Cologne) Germany Reach Us CompanyBHT GmbH &amp; Co.KG Phone+49 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-62","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/wp-json\/wp\/v2\/pages\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":49,"href":"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/wp-json\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":828,"href":"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/wp-json\/wp\/v2\/pages\/62\/revisions\/828"}],"wp:attachment":[{"href":"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\/wp-json\/wp\/v2\/media?parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}