{"id":451,"date":"2026-07-12T11:52:03","date_gmt":"2026-07-12T11:52:03","guid":{"rendered":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/?page_id=451"},"modified":"2026-08-17T09:43:15","modified_gmt":"2026-08-17T09:43:15","slug":"project","status":"publish","type":"page","link":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/project\/","title":{"rendered":"Start a Project"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"451\" class=\"elementor elementor-451\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15d4ec4 e-con-full e-flex e-con e-parent\" data-id=\"15d4ec4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0afdd15 elementor-widget elementor-widget-html\" data-id=\"0afdd15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BHT IT & CYBERSECURITY \u2014 merged header + body + footer\n  ====================================================\n  One Elementor \"HTML\" widget per page; page template = \"Elementor Canvas\".\n  EN\/DE covers the header, the page body and the footer. The English copy\n  is the source of truth and is never edited \u2014 German is swapped in at\n  runtime and swapped back out, so nothing is lost.\n-->\n<meta name=\"theme-color\" content=\"#0A0C18\">\n<div id=\"bhtit-page\" style=\"--bhtit-max:none; --bhtit-pad:11%;\">\n\n<header class=\"bhtit-hdr\">\n  <div class=\"bhtit-hdr-in\">\n    <a class=\"bhtit-logo\" href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/\"><img decoding=\"async\" src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/05\/BHT-Logo-300-w-1.png\" alt=\"BHT\"><\/a>\n    <button class=\"bhtit-burger\" aria-label=\"Toggle navigation\" aria-expanded=\"false\"><span><\/span><span><\/span><span><\/span><\/button>\n    <div class=\"bhtit-nav-wrap\">\n      <nav class=\"bhtit-nav\">\n        <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/\" data-i18n=\"nav_home\">Home<\/a>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/sample-page\/\" data-i18n=\"nav_about\">About us<\/a>\n        <div class=\"bhtit-has-mega\">\n          <button type=\"button\" class=\"bhtit-mega-btn\" aria-expanded=\"false\" aria-haspopup=\"true\">\n            <span data-i18n=\"nav_services\">Services<\/span>\n            <svg viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\n          <\/button>\n          <div class=\"bhtit-mega\">\n            <div class=\"bhtit-mega-inner\">\n            <a class=\"bhtit-mega-all\" href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/services\/\" data-i18n=\"sv_all\">All services<\/a>\n            <div class=\"bhtit-mega-grid\">\n        <a class=\"bhtit-mega-card\" href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/website-design-development\/\">\n          <span class=\"bhtit-mega-thumb\"><img src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/06\/Entwicklung-von-Software.jpeg\" alt=\"\" loading=\"lazy\" decoding=\"async\"><\/span>\n          <span class=\"bhtit-mega-txt\">\n            <strong data-i18n=\"sv_web\">Website Design &amp; Development<\/strong>\n            <em data-i18n=\"sv_web_d\"><\/em>\n          <\/span>\n        <\/a>\n        <a class=\"bhtit-mega-card\" href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/cybersecurity-services\/\">\n          <span class=\"bhtit-mega-thumb\"><img src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/06\/die-Cybersicherheit.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\"><\/span>\n          <span class=\"bhtit-mega-txt\">\n            <strong data-i18n=\"sv_cyber\">Cybersecurity Services<\/strong>\n            <em data-i18n=\"sv_cyber_d\"><\/em>\n          <\/span>\n        <\/a>\n        <a class=\"bhtit-mega-card\" href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/industrial-design-piping-engineering\/\">\n          <span class=\"bhtit-mega-thumb\"><img src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/06\/Diagramm.jpeg\" alt=\"\" loading=\"lazy\" decoding=\"async\"><\/span>\n          <span class=\"bhtit-mega-txt\">\n            <strong data-i18n=\"sv_ind\">Industrial Design &amp; Piping Engineering<\/strong>\n            <em data-i18n=\"sv_ind_d\"><\/em>\n          <\/span>\n        <\/a>\n        <a class=\"bhtit-mega-card\" href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/it-support-network-security\/\">\n          <span class=\"bhtit-mega-thumb\"><img src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/06\/Technologie.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\"><\/span>\n          <span class=\"bhtit-mega-txt\">\n            <strong data-i18n=\"sv_it\">IT Support &amp; Network Security<\/strong>\n            <em data-i18n=\"sv_it_d\"><\/em>\n          <\/span>\n        <\/a>\n            <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/contact\/\" data-i18n=\"nav_contact\">Contact<\/a>\n\n        <div class=\"bhtit-lang\" role=\"group\" aria-label=\"Language selector\">\n          <button type=\"button\" class=\"bhtit-lang-b is-on\" data-lang=\"en\" aria-pressed=\"true\" aria-label=\"Switch to English\"><svg viewBox=\"0 0 60 40\" width=\"17\" height=\"11\" aria-hidden=\"true\"><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><span>EN<\/span><\/button>\n          <button type=\"button\" class=\"bhtit-lang-b\" data-lang=\"de\" aria-pressed=\"false\" aria-label=\"Auf Deutsch umschalten\"><svg viewBox=\"0 0 60 40\" width=\"17\" height=\"11\" aria-hidden=\"true\"><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><span>DE<\/span><\/button>\n        <\/div>\n      <\/nav>\n      <div class=\"bhtit-utils\">\n        <a class=\"bhtit-cta\" href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/project\/\" data-i18n=\"nav_project\">Start a Project<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/header>\n\n<div id=\"bhtit-body\">\n\n\n\n\n\n\n\n\n<div id=\"bhtr-root\" style=\"background:#0a1830; overflow:hidden; --bhtr-max:1200px; --bhtr-hero-nudge:0px;\">\n\n  <!-- ============ HERO ============ -->\n  <section style=\"position:relative; padding:12vh 0 10vh 0;\">\n   <div class=\"bhtr-container\" style=\"display:flex; flex-wrap:wrap; gap:90px; align-items:center;\">\n\n    <div style=\"flex:1 1 460px; min-width:280px; max-width:620px; z-index:2;\">\n      <div style=\"font-size:clamp(16px,2vw,20px); font-weight:700; color:#e8ecf3; letter-spacing:0.5px;\">Security Audits &amp; Project Requests<\/div>\n      <div style=\"font-size:clamp(13px,1.3vw,15px); color:#8fa9c9; margin-top:4px; margin-bottom:clamp(24px,5vh,48px);\">One Form, A Real Answer Within 24 Hours<\/div>\n\n      <h1 style=\"font-size:clamp(32px,5vw,54px); line-height:1.12; font-weight:800; color:#e8ecf3; margin:0;\">\n        Tell Us What<br>\n        <span style=\"color:#e8711a;\">You Need.<\/span>\n      <\/h1>\n\n      <p style=\"font-size:clamp(15px,1.5vw,17px); line-height:1.65; color:#c9d3e0; max-width:480px; margin-top:clamp(20px,3vh,28px);\">\n        Security audit, new build, or something that doesn't fit a category yet \u2014 submit the details once and a real person reviews it, not a bot that routes you into a queue.\n      <\/p>\n\n      <div style=\"margin-top:36px; display:flex; gap:14px; flex-wrap:wrap;\">\n\n      <\/div>\n    <\/div>\n\n    <!-- Signature: request intake tracker, pure CSS\/SVG animation.\n         margin-left:auto pulls this flush to the container's right edge.\n         Nudge --bhtr-hero-nudge (negative = further right, positive = pull back left)\n         on #bhtr-root above to line it up exactly under \"Home\" in your nav. -->\n<div class=\"bhtr-hero-visual\" style=\"flex:0 0 auto; width:min(38vw,520px); min-width:280px; margin-left:auto; margin-right:var(--bhtr-hero-nudge, 0px); z-index:2;\">\n      <div class=\"bhtr-monitor-frame\">\n        <div class=\"bhtr-monitor-chrome\">\n          <span class=\"bhtr-dot\" style=\"background:#e8711a;\"><\/span>\n          <span class=\"bhtr-dot\" style=\"background:#1e4a7a;\"><\/span>\n          <span class=\"bhtr-dot\" style=\"background:#1e4a7a;\"><\/span>\n          <span class=\"bhtr-url\">bht-online.de\/request<\/span>\n          <span class=\"bhtr-status-label\">\n            <span class=\"bhtr-st bhtr-st-1\">SUBMITTED<\/span><span class=\"bhtr-st bhtr-st-2\">UNDER REVIEW<\/span><span class=\"bhtr-st bhtr-st-3\">SCOPING<\/span><span class=\"bhtr-st bhtr-st-4\">SCHEDULED<\/span>\n          <\/span>\n        <\/div>\n        <div class=\"bhtr-monitor-shell\">\n          <svg viewBox=\"0 0 440 180\" class=\"bhtr-track-svg\" role=\"img\" aria-label=\"Animated diagram of a request moving through four stages: submitted, reviewed, scoped, and scheduled.\">\n\n            <line x1=\"60\" y1=\"90\" x2=\"180\" y2=\"90\" class=\"bhtr-seg-base\"\/>\n            <line x1=\"180\" y1=\"90\" x2=\"300\" y2=\"90\" class=\"bhtr-seg-base\"\/>\n            <line x1=\"300\" y1=\"90\" x2=\"420\" y2=\"90\" class=\"bhtr-seg-base\"\/>\n\n            <line x1=\"60\" y1=\"90\" x2=\"180\" y2=\"90\" class=\"bhtr-seg-fill bhtr-seg-fill-1\"\/>\n            <line x1=\"180\" y1=\"90\" x2=\"300\" y2=\"90\" class=\"bhtr-seg-fill bhtr-seg-fill-2\"\/>\n            <line x1=\"300\" y1=\"90\" x2=\"420\" y2=\"90\" class=\"bhtr-seg-fill bhtr-seg-fill-3\"\/>\n\n            <g class=\"bhtr-node bhtr-node-1\"><circle cx=\"60\" cy=\"90\" r=\"14\"\/><path d=\"M53,90 L58,96 L68,83\" class=\"bhtr-check\"\/><\/g>\n            <g class=\"bhtr-node bhtr-node-2\"><circle cx=\"180\" cy=\"90\" r=\"14\"\/><path d=\"M173,90 L178,96 L188,83\" class=\"bhtr-check\"\/><\/g>\n            <g class=\"bhtr-node bhtr-node-3\"><circle cx=\"300\" cy=\"90\" r=\"14\"\/><path d=\"M293,90 L298,96 L308,83\" class=\"bhtr-check\"\/><\/g>\n            <g class=\"bhtr-node bhtr-node-4\"><circle cx=\"420\" cy=\"90\" r=\"14\"\/><path d=\"M413,90 L418,96 L428,83\" class=\"bhtr-check\"\/><\/g>\n\n            <circle cx=\"60\" cy=\"90\" r=\"7\" class=\"bhtr-marker\"\/>\n\n            <text x=\"60\" y=\"122\" text-anchor=\"middle\" class=\"bhtr-node-label\">Submitted<\/text>\n            <text x=\"180\" y=\"122\" text-anchor=\"middle\" class=\"bhtr-node-label\">Reviewed<\/text>\n            <text x=\"300\" y=\"122\" text-anchor=\"middle\" class=\"bhtr-node-label\">Scoped<\/text>\n            <text x=\"420\" y=\"122\" text-anchor=\"middle\" class=\"bhtr-node-label\">Scheduled<\/text>\n            <text x=\"420\" y=\"140\" text-anchor=\"middle\" class=\"bhtr-node-sub\">~24h turnaround<\/text>\n          <\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n   <\/div>\n  <\/section>\n\n  <!-- ============ WHAT YOU CAN REQUEST ============ -->\n  <section style=\"padding:6vh 0; text-align:center;\">\n   <div class=\"bhtr-container\">\n    <div style=\"font-size:12px; font-weight:700; color:#8fa9c9; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:20px;\">What you can request<\/div>\n    <div style=\"display:flex; flex-wrap:wrap; gap:12px; justify-content:center; max-width:820px; margin:0 auto;\">\n      <span class=\"bhtr-pill\">Security Audit<\/span>\n      <span class=\"bhtr-pill\">Web Design &amp; Development<\/span>\n      <span class=\"bhtr-pill\">IT Support &amp; Network Security<\/span>\n      <span class=\"bhtr-pill\">Industrial &amp; Piping Engineering<\/span>\n      <span class=\"bhtr-pill\">General Inquiry<\/span>\n    <\/div>\n   <\/div>\n  <\/section>\n\n  <!-- ============ WHAT HAPPENS NEXT ============ -->\n\n\n  <!-- ============ PROCESS ============ -->\n\n  <!-- ============ FORM ============ -->\n  <section id=\"bhtr-request\" style=\"background:#0d1b30; padding:9vh 0;\">\n   <div class=\"bhtr-container\">\n    <div style=\"max-width:640px; margin:0 auto 48px auto; text-align:center;\">\n      <div style=\"font-size:13px; font-weight:700; color:#e8711a; letter-spacing:1.5px; text-transform:uppercase;\">Submit a request<\/div>\n      <h2 style=\"font-size:clamp(26px,3.4vw,38px); color:#e8ecf3; font-weight:800; margin:10px 0 0 0;\">A few details, and we'll take it from here.<\/h2>\n    <\/div>\n\n    <div style=\"display:grid; grid-template-columns:1.1fr 0.9fr; gap:32px; align-items:start;\" class=\"bhtr-form-grid\">\n\n      <form class=\"bhtr-form\" action=\"mailto:BHT@BHT-Online.de\" method=\"post\" enctype=\"text\/plain\">\n        <div class=\"bhtr-form-row-split\">\n          <div class=\"bhtr-form-row\">\n            <label class=\"bhtr-label\" for=\"bhtr-name\">Name<\/label>\n            <input class=\"bhtr-input\" type=\"text\" id=\"bhtr-name\" name=\"Name\" placeholder=\"Your full name\" required>\n          <\/div>\n          <div class=\"bhtr-form-row\">\n            <label class=\"bhtr-label\" for=\"bhtr-company\">Company<\/label>\n            <input class=\"bhtr-input\" type=\"text\" id=\"bhtr-company\" name=\"Company\" placeholder=\"Company name\">\n          <\/div>\n        <\/div>\n        <div class=\"bhtr-form-row-split\">\n          <div class=\"bhtr-form-row\">\n            <label class=\"bhtr-label\" for=\"bhtr-email\">Email<\/label>\n            <input class=\"bhtr-input\" type=\"email\" id=\"bhtr-email\" name=\"Email\" placeholder=\"you@company.com\" required>\n          <\/div>\n          <div class=\"bhtr-form-row\">\n            <label class=\"bhtr-label\" for=\"bhtr-phone\">Phone<\/label>\n            <input class=\"bhtr-input\" type=\"tel\" id=\"bhtr-phone\" name=\"Phone\" placeholder=\"Optional\">\n          <\/div>\n        <\/div>\n        <div class=\"bhtr-form-row-split\">\n          <div class=\"bhtr-form-row\">\n            <label class=\"bhtr-label\" for=\"bhtr-service\">Service Needed<\/label>\n            <select class=\"bhtr-input\" id=\"bhtr-service\" name=\"Service\">\n              <option>Security Audit<\/option>\n              <option>Web Design &amp; Development<\/option>\n              <option>IT Support &amp; Network Security<\/option>\n              <option>Industrial &amp; Piping Engineering<\/option>\n              <option>General Inquiry<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"bhtr-form-row\">\n            <label class=\"bhtr-label\" for=\"bhtr-timeline\">Timeline<\/label>\n            <select class=\"bhtr-input\" id=\"bhtr-timeline\" name=\"Timeline\">\n              <option>As soon as possible<\/option>\n              <option>Within 1\u20133 months<\/option>\n              <option>Within 3\u20136 months<\/option>\n              <option>Just exploring<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n        <div class=\"bhtr-form-row\">\n          <label class=\"bhtr-label\" for=\"bhtr-details\">Details<\/label>\n          <textarea class=\"bhtr-input bhtr-textarea\" id=\"bhtr-details\" name=\"Details\" rows=\"5\" placeholder=\"What are we looking at? The more detail, the tighter the quote.\" required><\/textarea>\n        <\/div>\n        <button type=\"submit\" class=\"bhtr-btn-primary bhtr-btn-submit\">Submit Request<\/button>\n        <p class=\"bhtr-form-note\">This opens your email client with the request pre-filled. Prefer to talk it through first? <a href=\"tel:+4922116857907\" class=\"bhtr-info-link\">Call us directly<\/a>.<\/p>\n      <\/form>\n\n      <div class=\"bhtr-sidebar\">\n        <div class=\"bhtr-info-row\">\n          <span class=\"bhtr-info-label\">Company<\/span>\n          <span class=\"bhtr-info-value\">Electric Control Mechanic GmbH &amp; Co.KG<\/span>\n        <\/div>\n        <div class=\"bhtr-info-row\">\n          <span class=\"bhtr-info-label\">Address<\/span>\n          <span class=\"bhtr-info-value\">Hansaring 61<br>50670 K\u00f6ln (Cologne)<br>Germany<\/span>\n        <\/div>\n        <div class=\"bhtr-info-row\">\n          <span class=\"bhtr-info-label\">Phone<\/span>\n          <span class=\"bhtr-info-value\"><a href=\"tel:+4922116857907\" class=\"bhtr-info-link\">+49 (0) 221 1685 7907<\/a><\/span>\n        <\/div>\n        <div class=\"bhtr-info-row\">\n          <span class=\"bhtr-info-label\">Fax<\/span>\n          <span class=\"bhtr-info-value\">+49 (0) 221 1685 6379<\/span>\n        <\/div>\n        <div class=\"bhtr-info-row\">\n          <span class=\"bhtr-info-label\">Email<\/span>\n          <span class=\"bhtr-info-value\"><a href=\"mailto:BHT@BHT-Online.de\" class=\"bhtr-info-link\">BHT@BHT-Online.de<\/a><\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n   <\/div>\n  <\/section>\n\n<\/div>\n\n<style>\n  #bhtr-root, #bhtr-root * { box-sizing: border-box; }\n  #bhtr-root a { text-decoration: none; }\n\n  \/* ---- Shared container: keeps every section's edges aligned with the navbar ----\n     Adjust --bhtr-max on #bhtr-root above to match your theme's container width\n     (Elementor default is usually 1140px or 1200px \u2014 inspect your nav's container\n     in DevTools to get the exact number if this doesn't line up). *\/\n  #bhtr-root .bhtr-container {\n    padding: 2% 6% 2% 11%;\n    width: 100%;\n  }\n\n  \/* ---- Buttons ---- *\/\n  #bhtr-root .bhtr-btn-primary {\n    display:inline-block; padding:14px 30px; background:transparent;\n    border:1px solid rgba(139,141,255,0.5); border-radius:6px; font-size:15px;\n    color:#8B8DFF;\n    font-weight:700;\n    text-shadow:\n      0 0 4px rgba(92,93,232,0.4),\n      0 0 8px rgba(92,93,232,0.4),\n      0 0 16px rgba(92,93,232,0.3);\n    letter-spacing:0.3px;\n    transition:text-shadow 0.3s ease-in-out, border-color .15s ease, transform .15s ease;\n    cursor:pointer;\n  }\n  #bhtr-root .bhtr-btn-primary:hover {\n    border-color:#8B8DFF; transform:translateY(-2px);\n    text-shadow:\n      0 0 6px rgba(92,93,232,0.55),\n      0 0 12px rgba(92,93,232,0.55),\n      0 0 22px rgba(92,93,232,0.4);\n  }\n  #bhtr-root .bhtr-btn-submit { width:100%; text-align:center; margin-top:6px; background:rgba(139,141,255,0.08); }\n\n  #bhtr-root .bhtr-btn-ghost {\n    display:inline-block; padding:14px 26px; color:#e8ecf3; font-weight:600; font-size:15px;\n    border:1px solid #2a4a72; border-radius:6px; transition:border-color .15s ease, color .15s ease;\n  }\n  #bhtr-root .bhtr-btn-ghost:hover { border-color:#e8711a; color:#e8711a; }\n\n  \/* ---- Capability cards ---- *\/\n  #bhtr-root .bhtr-card {\n    background:#132848; border-left:3px solid #e8711a; border-radius:6px; padding:26px 24px;\n    transition:transform .18s ease, box-shadow .18s ease;\n  }\n  #bhtr-root .bhtr-card:hover { transform:translateY(-4px); box-shadow:0 14px 30px rgba(0,0,0,0.28); }\n  #bhtr-root .bhtr-tag {\n    font-family:'Courier New', monospace; font-size:13px; color:#e8711a; letter-spacing:0.5px;\n  }\n  #bhtr-root .bhtr-card-title {\n    font-size:19px; margin:10px 0 8px 0;\n    color:#8B8DFF;\n    font-weight:700;\n    text-shadow:\n      0 0 4px rgba(92,93,232,0.4),\n      0 0 8px rgba(92,93,232,0.4),\n      0 0 16px rgba(92,93,232,0.3);\n    letter-spacing:0.3px;\n    transition:text-shadow 0.3s ease-in-out;\n  }\n  #bhtr-root .bhtr-card-text { color:#a9bcd6; font-size:14.5px; line-height:1.6; margin:0; }\n\n  \/* ---- Pills ---- *\/\n  #bhtr-root .bhtr-pill {\n    font-family:'Courier New', monospace; font-size:13.5px; background:#132848;\n    border:1px solid #1e4a7a; border-radius:20px; padding:8px 18px;\n    color:#8B8DFF;\n    font-weight:700;\n    text-shadow:\n      0 0 4px rgba(92,93,232,0.4),\n      0 0 8px rgba(92,93,232,0.4),\n      0 0 16px rgba(92,93,232,0.3);\n    letter-spacing:0.3px;\n    transition:text-shadow 0.3s ease-in-out;\n  }\n\n  \/* ---- Timeline ---- *\/\n  #bhtr-root .bhtr-timeline {\n    display:flex; flex-wrap:wrap; gap:0; max-width:1200px; margin:0 auto; position:relative;\n  }\n  #bhtr-root .bhtr-tl-step {\n    flex:1 1 200px; min-width:200px; padding:0 18px 20px 18px; position:relative;\n    border-top:2px solid #1e4a7a;\n  }\n  #bhtr-root .bhtr-tl-step::before {\n    content:''; position:absolute; top:-2px; left:18px; width:26px; height:2px; background:#e8711a;\n  }\n  #bhtr-root .bhtr-tl-num {\n    font-family:'Courier New', monospace; color:#e8711a; font-size:14px; font-weight:700; margin-top:18px;\n  }\n  #bhtr-root .bhtr-tl-title { color:#e8ecf3; font-size:18px; font-weight:700; margin:8px 0 8px 0; }\n  #bhtr-root .bhtr-tl-text { color:#a9bcd6; font-size:14px; line-height:1.6; margin:0; }\n\n  \/* ---- Form ---- *\/\n  #bhtr-root .bhtr-form {\n    background:#132848; border-left:3px solid #e8711a; border-radius:6px; padding:28px 26px;\n    display:flex; flex-direction:column; gap:16px;\n  }\n  #bhtr-root .bhtr-form-row-split { display:grid; grid-template-columns:1fr 1fr; gap:16px; }\n  #bhtr-root .bhtr-form-row { display:flex; flex-direction:column; gap:6px; }\n  #bhtr-root .bhtr-label {\n    font-family:'Courier New', monospace; font-size:12px; color:#8fa9c9; letter-spacing:0.5px; text-transform:uppercase;\n  }\n  #bhtr-root .bhtr-input {\n    background:#0a1830; border:1px solid #1e4a7a; border-radius:6px; padding:11px 14px;\n    color:#e8ecf3; font-size:14.5px; font-family:inherit; width:100%; transition:border-color .15s ease;\n  }\n  #bhtr-root select.bhtr-input { appearance:none; -webkit-appearance:none; background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='6'><path d='M0 0 L5 6 L10 0' fill='%238fa9c9'\/><\/svg>\"); background-repeat:no-repeat; background-position:right 14px center; padding-right:32px; }\n  #bhtr-root .bhtr-input::placeholder { color:#5f7999; }\n  #bhtr-root .bhtr-input:focus { outline:none; border-color:#e8711a; }\n  #bhtr-root .bhtr-textarea { resize:vertical; min-height:110px; }\n  #bhtr-root .bhtr-form-note { color:#8fa9c9; font-size:12.5px; line-height:1.5; margin:0; }\n\n  \/* ---- Sidebar ---- *\/\n  #bhtr-root .bhtr-sidebar {\n    background:#132848; border-left:3px solid #e8711a; border-radius:6px; padding:26px 24px;\n    display:flex; flex-direction:column; gap:16px;\n  }\n  #bhtr-root .bhtr-info-row { display:flex; flex-direction:column; gap:3px; }\n  #bhtr-root .bhtr-info-label {\n    font-family:'Courier New', monospace; font-size:11.5px; color:#e8711a; letter-spacing:0.8px; text-transform:uppercase;\n  }\n  #bhtr-root .bhtr-info-value { color:#c9d3e0; font-size:14.5px; line-height:1.55; }\n  #bhtr-root .bhtr-info-link { color:#8B8DFF; font-weight:700; }\n  #bhtr-root .bhtr-info-link:hover { text-decoration:underline; }\n\n  @media (max-width:900px) {\n    #bhtr-root .bhtr-form-grid { grid-template-columns:1fr !important; }\n    #bhtr-root .bhtr-form-row-split { grid-template-columns:1fr; }\n  }\n\n  \/* ================= Signature: request intake tracker ================= *\/\n  #bhtr-root .bhtr-monitor-frame {\n    background:#0d1b30; border:1px solid rgba(232,113,26,0.35); border-radius:10px;\n    box-shadow:0 20px 60px rgba(0,0,0,0.35); overflow:hidden;\n  }\n  #bhtr-root .bhtr-monitor-chrome {\n    display:flex; align-items:center; gap:8px; padding:10px 14px; background:#132848; position:relative;\n  }\n  #bhtr-root .bhtr-dot { width:10px; height:10px; border-radius:50%; display:inline-block; }\n  #bhtr-root .bhtr-url {\n    font-family:'Courier New', monospace; font-size:12px; color:#8fa9c9; margin-left:8px;\n  }\n  #bhtr-root .bhtr-status-label {\n    margin-left:auto; font-family:'Courier New', monospace; font-size:11px; font-weight:700;\n    position:relative; height:16px; min-width:120px;\n  }\n  #bhtr-root .bhtr-st { position:absolute; right:0; top:0; opacity:0; white-space:nowrap; color:#e8711a; animation-duration:8s; animation-iteration-count:infinite; }\n  #bhtr-root .bhtr-st-1 { animation-name:bhtr-lbl-1; }\n  #bhtr-root .bhtr-st-2 { animation-name:bhtr-lbl-2; }\n  #bhtr-root .bhtr-st-3 { animation-name:bhtr-lbl-3; }\n  #bhtr-root .bhtr-st-4 { animation-name:bhtr-lbl-4; }\n\n  #bhtr-root .bhtr-monitor-shell {\n    padding:20px; display:flex; justify-content:center; background:\n      repeating-linear-gradient(90deg, rgba(143,169,201,0.05) 0 1px, transparent 1px 24px);\n  }\n  #bhtr-root .bhtr-track-svg { width:100%; max-width:400px; height:auto; }\n  #bhtr-root .bhtr-monitor-frame:hover .bhtr-track-svg * { animation-play-state:paused; }\n\n  #bhtr-root .bhtr-seg-base { stroke:#1e4a7a; stroke-width:4; }\n  #bhtr-root .bhtr-seg-fill {\n    stroke:#e8711a; stroke-width:4; transform-box:fill-box; transform-origin:0% 50%;\n  }\n  #bhtr-root .bhtr-seg-fill-1 { animation:bhtr-fill-1 8s ease-in-out infinite; }\n  #bhtr-root .bhtr-seg-fill-2 { animation:bhtr-fill-2 8s ease-in-out infinite; }\n  #bhtr-root .bhtr-seg-fill-3 { animation:bhtr-fill-3 8s ease-in-out infinite; }\n\n  #bhtr-root .bhtr-node circle { fill:#132848; stroke:#1e4a7a; stroke-width:2; }\n  #bhtr-root .bhtr-check { fill:none; stroke:#0a1830; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; opacity:0; }\n  #bhtr-root .bhtr-node-1 circle { fill:#2ecc71; stroke:#2ecc71; }\n  #bhtr-root .bhtr-node-1 .bhtr-check { opacity:1; }\n  #bhtr-root .bhtr-node-2 circle { animation:bhtr-node-2 8s ease-in-out infinite; }\n  #bhtr-root .bhtr-node-2 .bhtr-check { animation:bhtr-check-2 8s ease-in-out infinite; }\n  #bhtr-root .bhtr-node-3 circle { animation:bhtr-node-3 8s ease-in-out infinite; }\n  #bhtr-root .bhtr-node-3 .bhtr-check { animation:bhtr-check-3 8s ease-in-out infinite; }\n  #bhtr-root .bhtr-node-4 circle { animation:bhtr-node-4 8s ease-in-out infinite; }\n  #bhtr-root .bhtr-node-4 .bhtr-check { animation:bhtr-check-4 8s ease-in-out infinite; }\n\n  #bhtr-root .bhtr-marker {\n    fill:#e8711a; transform-box:fill-box; transform-origin:center;\n    animation:bhtr-marker-move 8s ease-in-out infinite;\n  }\n  #bhtr-root .bhtr-node-label { fill:#8fa9c9; font-family:'Courier New', monospace; font-size:11px; }\n  #bhtr-root .bhtr-node-sub { fill:#5f7999; font-family:'Courier New', monospace; font-size:9px; }\n\n  @keyframes bhtr-marker-move {\n    0%,20%  { transform:translateX(0px); }\n    30%,50% { transform:translateX(120px); }\n    60%,80% { transform:translateX(240px); }\n    90%,100%{ transform:translateX(360px); }\n  }\n\n  @keyframes bhtr-fill-1 { 0%,20% { transform:scaleX(0); } 30%,100% { transform:scaleX(1); } }\n  @keyframes bhtr-fill-2 { 0%,50% { transform:scaleX(0); } 60%,100% { transform:scaleX(1); } }\n  @keyframes bhtr-fill-3 { 0%,80% { transform:scaleX(0); } 90%,100% { transform:scaleX(1); } }\n\n  @keyframes bhtr-node-2  { 0%,29%  { fill:#132848; stroke:#1e4a7a; } 30%,100% { fill:#2ecc71; stroke:#2ecc71; } }\n  @keyframes bhtr-check-2 { 0%,29%  { opacity:0; } 30%,100% { opacity:1; } }\n  @keyframes bhtr-node-3  { 0%,59%  { fill:#132848; stroke:#1e4a7a; } 60%,100% { fill:#2ecc71; stroke:#2ecc71; } }\n  @keyframes bhtr-check-3 { 0%,59%  { opacity:0; } 60%,100% { opacity:1; } }\n  @keyframes bhtr-node-4  { 0%,89%  { fill:#132848; stroke:#1e4a7a; } 90%,100% { fill:#2ecc71; stroke:#2ecc71; } }\n  @keyframes bhtr-check-4 { 0%,89%  { opacity:0; } 90%,100% { opacity:1; } }\n\n  @keyframes bhtr-lbl-1 { 0%,20%  { opacity:1; } 26%,100% { opacity:0; } }\n  @keyframes bhtr-lbl-2 { 0%,30%  { opacity:0; } 36%,50%  { opacity:1; } 56%,100% { opacity:0; } }\n  @keyframes bhtr-lbl-3 { 0%,60%  { opacity:0; } 66%,80%  { opacity:1; } 86%,100% { opacity:0; } }\n  @keyframes bhtr-lbl-4 { 0%,90%  { opacity:0; } 94%,100% { opacity:1; } }\n\n  \/* Respect reduced motion *\/\n  @media (prefers-reduced-motion: reduce) {\n    #bhtr-root .bhtr-seg-fill, #bhtr-root .bhtr-marker, #bhtr-root .bhtr-st,\n    #bhtr-root .bhtr-node-2 circle, #bhtr-root .bhtr-node-2 .bhtr-check,\n    #bhtr-root .bhtr-node-3 circle, #bhtr-root .bhtr-node-3 .bhtr-check,\n    #bhtr-root .bhtr-node-4 circle, #bhtr-root .bhtr-node-4 .bhtr-check {\n      animation:none !important;\n    }\n    #bhtr-root .bhtr-st-1 { opacity:1; }\n    #bhtr-root .bhtr-st-2, #bhtr-root .bhtr-st-3, #bhtr-root .bhtr-st-4 { opacity:0; }\n    #bhtr-root .bhtr-seg-fill { transform:scaleX(1); }\n    #bhtr-root .bhtr-node-2 circle, #bhtr-root .bhtr-node-3 circle, #bhtr-root .bhtr-node-4 circle { fill:#2ecc71; stroke:#2ecc71; }\n    #bhtr-root .bhtr-node-2 .bhtr-check, #bhtr-root .bhtr-node-3 .bhtr-check, #bhtr-root .bhtr-node-4 .bhtr-check { opacity:1; }\n  }\n\n@media (max-width:1240px) {\n  #bhtr-root .bhtr-hero-visual { display:none; }\n}\n<\/style>\n\n\n\n\n\n\n\n\n<\/div><!-- \/#bhtit-body -->\n\n<footer class=\"bhtit-ftr\">\n  <div class=\"bhtit-ftr-in\">\n    <div class=\"bhtit-ftr-brand\">\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/\"><img decoding=\"async\" src=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-content\/uploads\/sites\/4\/2026\/05\/BHT-Logo-300-w-1.png\" alt=\"BHT\"><\/a>\n      <div class=\"bhtit-social\">\n        <a href=\"https:\/\/de.linkedin.com\/company\/bht-electric-control-mechanic-gmbh-co-kg?trk=similar-pages\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"LinkedIn\"><svg viewBox=\"0 0 448 512\" width=\"16\" height=\"16\" fill=\"currentColor\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"\/><\/svg><\/a>\n      <\/div>\n    <\/div>\n    <div class=\"bhtit-ftr-col\">\n      <h4 data-i18n=\"f_pages\">Pages<\/h4>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/\" data-i18n=\"nav_home\">Home<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/sample-page\/\" data-i18n=\"nav_about\">About us<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/services\/\" data-i18n=\"nav_services\">Services<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/contact\/\" data-i18n=\"nav_contact\">Contact<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/project\/\" data-i18n=\"nav_project\">Start a Project<\/a>\n    <\/div>\n    <div class=\"bhtit-ftr-col\">\n      <h4 data-i18n=\"f_services\">Services<\/h4>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/website-design-development\/\" data-i18n=\"sv_web\">Website Design &amp; Development<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/cybersecurity-services\/\" data-i18n=\"sv_cyber\">Cybersecurity Services<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/industrial-design-piping-engineering\/\" data-i18n=\"sv_ind\">Industrial Design &amp; Piping Engineering<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/it-support-network-security\/\" data-i18n=\"sv_it\">IT Support &amp; Network Security<\/a>\n    <\/div>\n    <div class=\"bhtit-ftr-col\">\n      <h4 data-i18n=\"f_companies\">Companies<\/h4>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/industrial-supply\" data-i18n=\"c_ind\">Industrial supply<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/engineering-manufacturing\" data-i18n=\"c_eng\">Engineering &amp; Manufacturing<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/renewable-clean-energy\" data-i18n=\"c_ren\">Renewable &amp; Clean Energy<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/raw-materials-supply\" data-i18n=\"c_raw\">Raw Materials supply<\/a>\n      <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\" class=\"is-cur\" data-i18n=\"c_it\">IT &amp; Cybersecurity<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"bhtit-ftr-btm\"><p data-i18n=\"f_rights\">BHT \u00a9 All rights reserved<\/p><p data-i18n=\"f_dev\">Website Developer: MME<\/p><\/div>\n<\/footer>\n\n<\/div><!-- \/#bhtit-page -->\n\n<style>\n\/* ============ BHT IT&CS CHROME ============ *\/\n#bhtit-page,#bhtit-page *,.bhtit-ftr,.bhtit-ftr *{box-sizing:border-box}\n#bhtit-page,.bhtit-ftr{font-family:Inter,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif}\n#bhtit-page a,.bhtit-ftr a{text-decoration:none}\n\/* header\/footer share the page body's own container so the logo lines up *\/\n.bhtit-hdr-in,.bhtit-ftr-in,.bhtit-ftr-btm{max-width:var(--bhtit-max);margin-inline:auto;width:100%;padding-inline:var(--bhtit-pad)}\n.bhtit-hdr{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0 54px;background:rgba(10,12,24,.38);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.10);transition:background .35s ease}\n.bhtit-hdr.is-stuck{background:rgba(10,12,24,.78)}\nbody.admin-bar .bhtit-hdr{top:32px}\n@media(max-width:782px){body.admin-bar .bhtit-hdr{top:46px}}\n.bhtit-hdr-in{display:flex;align-items:center;justify-content:space-between;gap:20px}\n.bhtit-logo{flex-shrink:0;display:flex;align-items:center}\n.bhtit-logo img{height:70px;width:auto;display:block}\n.bhtit-nav-wrap{display:flex;align-items:center;gap:clamp(14px,2vw,28px)}\n.bhtit-nav{position:relative;display:flex;align-items:center;gap:clamp(12px,1.8vw,26px)}\n\/* EN\/DE sits on its own row under the nav, right-aligned under \"Contact\" *\/\n.bhtit-lang{position:absolute;top:calc(100% + 14px);right:0;z-index:2}\n.bhtit-nav>a,.bhtit-mega-btn{position:relative;display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:6px 0;cursor:pointer;color:#E8ECF3;font-family:inherit;font-size:.86rem;font-weight:600;white-space:nowrap;opacity:.9;transition:opacity .25s}\n.bhtit-nav>a::after,.bhtit-mega-btn::after{content:\"\";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#5C5DE8;transform:scaleX(0);transform-origin:left;transition:transform .3s}\n.bhtit-nav>a:hover,.bhtit-mega-btn:hover{opacity:1}\n.bhtit-nav>a:hover::after,.bhtit-mega-btn:hover::after,.bhtit-nav>a.is-cur::after{transform:scaleX(1)}\n.bhtit-mega-btn svg{transition:transform .3s}\n.bhtit-has-mega:hover .bhtit-mega-btn svg,\n.bhtit-has-mega.is-open .bhtit-mega-btn svg{transform:rotate(180deg)}\n.bhtit-has-mega{position:relative}\n\/* mega stacking: panel must sit above the EN\/DE row it overlaps *\/\n.bhtit-has-mega.is-open ~ .bhtit-lang{pointer-events:none}\n.bhtit-mega{z-index:30;position:absolute;top:100%;left:50%;transform:translate(-50%,-8px);width:min(660px,92vw);padding-top:16px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,transform .25s,visibility .25s}\n.bhtit-mega-inner{padding:16px;background:rgba(13,17,34,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(92,93,232,.28);border-radius:16px;box-shadow:0 26px 60px rgba(0,0,0,.5)}\n\/* bridges the gap under \"Services\" so hover survives the trip down *\/\n.bhtit-has-mega:hover .bhtit-mega,\n.bhtit-has-mega:focus-within .bhtit-mega,\n.bhtit-has-mega.is-open .bhtit-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}\n.bhtit-mega-all{display:inline-block;margin:0 0 12px 6px;color:#9496FF;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}\n.bhtit-mega-all:hover{color:#C9CAFF}\n.bhtit-mega-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}\n.bhtit-mega-card{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;border:1px solid transparent;transition:background .22s,border-color .22s,transform .22s}\n.bhtit-mega-card:hover{background:rgba(92,93,232,.14);border-color:rgba(92,93,232,.45);transform:translateY(-2px)}\n.bhtit-mega-thumb{flex:0 0 62px;width:62px;height:52px;border-radius:9px;overflow:hidden;display:block;background:#0A0C18}\n.bhtit-mega-thumb img{width:100%;height:100%;object-fit:cover;display:block}\n.bhtit-mega-txt{display:flex;flex-direction:column;gap:3px;min-width:0}\n.bhtit-mega-txt strong{color:#EDEFFA;font-size:.82rem;font-weight:700;line-height:1.25}\n.bhtit-mega-txt em{color:#B4B8D9;font-size:.72rem;font-style:normal;line-height:1.4}\n.bhtit-utils{display:flex;align-items:center;gap:12px}\n.bhtit-lang{display:flex;align-items:center;gap:5px}\n.bhtit-lang-b{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:4px 9px 4px 6px;color:rgba(232,236,243,.8);font-family:inherit;font-size:.62rem;font-weight:700;cursor:pointer;transition:.2s}\n.bhtit-lang-b:hover{border-color:rgba(92,93,232,.7);color:#fff}\n.bhtit-lang-b.is-on{background:rgba(92,93,232,.22);border-color:#5C5DE8;color:#fff}\n.bhtit-lang-b svg{border-radius:2px;display:block}\n.bhtit-cta{display:inline-block;padding:9px 18px;border-radius:9px;background:#5C5DE8;color:#fff;font-size:.8rem;font-weight:700;white-space:nowrap;transition:.22s}\n.bhtit-cta:hover{background:#4B4DD6;transform:translateY(-2px);box-shadow:0 10px 24px rgba(92,93,232,.4)}\n.bhtit-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:30px;height:30px;background:none;border:0;cursor:pointer;padding:0;flex-shrink:0}\n.bhtit-burger span{display:block;width:24px;height:2px;background:#E8ECF3;border-radius:2px;transition:transform .3s,opacity .3s}\n.bhtit-burger.is-on span:nth-child(1){transform:translateY(7px) rotate(45deg)}\n.bhtit-burger.is-on span:nth-child(2){opacity:0}\n.bhtit-burger.is-on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}\n#bhtit-body{position:relative;z-index:0;background:#0A0C18;min-height:40vh;overflow-x:clip}\nhtml,body{background:#0A0C18}\n.bhtit-ftr{background:#0A0C18;padding-block-start:56px;border-top:1px solid rgba(92,93,232,.18)}\n.bhtit-ftr-in{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:40px}\n.bhtit-ftr-brand{display:flex;flex-direction:column;gap:16px}\n.bhtit-ftr-brand img{height:44px;width:auto;display:block}\n.bhtit-social{display:flex;gap:9px}\n.bhtit-social a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;background:rgba(255,255,255,.08);color:#fff;transition:.25s}\n.bhtit-social a:hover{background:#5C5DE8}\n.bhtit-ftr-col{display:flex;flex-direction:column;gap:11px;min-width:150px}\n.bhtit-ftr-col h4{margin:0;color:#EDEFFA;font-size:.95rem;font-weight:700}\n.bhtit-ftr-col a{color:rgba(224,230,240,.62);font-size:.86rem;transition:color .25s}\n.bhtit-ftr-col a:hover,.bhtit-ftr-col a.is-cur{color:#9496FF}\n.bhtit-ftr-btm{margin-top:44px;padding-block:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}\n.bhtit-ftr-btm p{margin:0;color:rgba(224,230,240,.45);font-size:.78rem}\n@media(max-width:1080px){\n .bhtit-burger{display:flex;order:3}\n .bhtit-nav-wrap{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding-inline:var(--bhtit-pad);background:#080A14;border-top:1px solid rgba(255,255,255,.12);max-height:0;overflow:hidden auto;opacity:0;pointer-events:none;transition:max-height .38s ease,opacity .3s ease,padding .38s ease}\n .bhtit-nav-wrap.is-open{max-height:78vh;opacity:1;pointer-events:auto;padding-block:14px 20px}\n .bhtit-nav{flex-direction:column;align-items:stretch;gap:0;width:100%}\n .bhtit-nav>a,.bhtit-mega-btn{width:100%;padding:12px 2px;font-size:.95rem;justify-content:space-between}\n .bhtit-nav>a::after,.bhtit-mega-btn::after{display:none}\n .bhtit-has-mega{position:static}\n .bhtit-mega-inner{padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}\n .bhtit-mega{position:static;transform:none;width:100%;padding:6px 0 10px;display:none;opacity:1;visibility:visible;pointer-events:auto}\n .bhtit-has-mega.is-open .bhtit-mega{display:block}\n .bhtit-mega-grid{grid-template-columns:1fr;gap:6px}\n .bhtit-utils{width:100%;justify-content:flex-end;padding-top:14px;margin-top:8px;border-top:1px solid rgba(255,255,255,.12)}\n .bhtit-lang{position:static;width:100%;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}\n .bhtit-hdr{padding:16px 0}\n}\n@media(max-width:820px){.bhtit-ftr-in{flex-direction:column;gap:30px}.bhtit-ftr-btm{justify-content:center;text-align:center}}\n@media(max-width:600px){.bhtit-hdr{padding-block:12px}.bhtit-cta{padding:8px 14px;font-size:.74rem}}\n@media(prefers-reduced-motion:reduce){.bhtit-mega,.bhtit-mega-card,.bhtit-cta{transition:none}}\n\/* The Elementor container wrapping this widget carries its own gutter.\n   The fixed header escapes it but the body and footer do not, which put\n   the three out of line \u2014 so zero it and let --bhtit-pad be the only gutter. *\/\n.elementor-element.e-con,\n.elementor-element.e-con > .e-con-inner,\n.elementor-widget-html{padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important;max-width:100% !important}\n<\/style>\n\n<script>\n\/* German copy for this page (English above is the source of truth) *\/\nwindow.__BHTIT_TEXT={\"Security Audits & Project Requests\":\"Sicherheitsaudits & Projektanfragen\",\"One Form, A Real Answer Within 24 Hours\":\"Ein Formular, eine echte Antwort innerhalb von 24 Stunden\",\"Tell Us What\":\"Sagen Sie uns,\",\"You Need.\":\"was Sie brauchen.\",\"SUBMITTED\":\"EINGEREICHT\",\"UNDER REVIEW\":\"IN PR\u00dcFUNG\",\"SCOPING\":\"UMFANG WIRD DEFINIERT\",\"SCHEDULED\":\"TERMINIERT\",\"Submitted\":\"Eingereicht\",\"Reviewed\":\"Gepr\u00fcft\",\"Scoped\":\"Umfang definiert\",\"Scheduled\":\"Terminiert\",\"~24h turnaround\":\"ca. 24 Std. Bearbeitungszeit\",\"What you can request\":\"Was Sie anfragen k\u00f6nnen\",\"Security Audit\":\"Sicherheitsaudit\",\"Web Design & Development\":\"Webdesign & Entwicklung\",\"IT Support & Network Security\":\"IT-Support & Netzwerksicherheit\",\"Industrial & Piping Engineering\":\"Industrie- & Rohrleitungstechnik\",\"General Inquiry\":\"Allgemeine Anfrage\",\"Submit a request\":\"Anfrage senden\",\"A few details, and we'll take it from here.\":\"Ein paar Angaben, den Rest \u00fcbernehmen wir.\",\"Name\":\"Name\",\"Company\":\"Unternehmen\",\"Email\":\"E-Mail\",\"Phone\":\"Telefon\",\"Service Needed\":\"Gew\u00fcnschte Leistung\",\"Timeline\":\"Zeitrahmen\",\"As soon as possible\":\"So bald wie m\u00f6glich\",\"Within 1\u20133 months\":\"In 1\u20133 Monaten\",\"Within 3\u20136 months\":\"In 3\u20136 Monaten\",\"Just exploring\":\"Erst einmal unverbindlich\",\"Details\":\"Details\",\"Submit Request\":\"Anfrage absenden\",\"Call us directly\":\"Rufen Sie uns direkt an\",\"Address\":\"Adresse\",\"Germany\":\"Deutschland\",\"Fax\":\"Fax\",\"Your full name\":\"Ihr vollst\u00e4ndiger Name\",\"Company name\":\"Firmenname\",\"Optional\":\"Optional\",\"Security audit, new build, or something that doesn't fit a category yet \u2014 submit the details once and a real person reviews it, not a bot that routes you into a queue.\":\"Sicherheitsaudit, Neuentwicklung oder etwas, das noch in keine Kategorie passt \u2014 schicken Sie uns die Details einmal, und ein echter Mensch sieht sie sich an, kein Bot, der Sie in eine Warteschlange einsortiert.\",\"This opens your email client with the request pre-filled. Prefer to talk it through first?\":\"Dies \u00f6ffnet Ihr E-Mail-Programm mit vorausgef\u00fcllter Anfrage. Lieber vorher pers\u00f6nlich sprechen?\",\"What are we looking at? The more detail, the tighter the quote.\":\"Worum geht es? Je mehr Details, desto pr\u00e4ziser das Angebot.\",\"Electric Control Mechanic GmbH & Co.KG\":\"Electric Control Mechanic GmbH & Co. KG\",\"50670 K\u00f6ln (Cologne)\":\"50670 K\u00f6ln\"};\n<\/script>\n\n<script>\n\/* ---- nav: mega dropdown + mobile panel ---- *\/\n(function(){\n var burger=document.querySelector(\".bhtit-burger\"),panel=document.querySelector(\".bhtit-nav-wrap\"),\n     mega=document.querySelector(\".bhtit-has-mega\"),megaBtn=document.querySelector(\".bhtit-mega-btn\"),hdr=document.querySelector(\".bhtit-hdr\");\n function mobile(){return window.matchMedia(\"(max-width:1080px)\").matches;}\n if(burger&&panel){burger.addEventListener(\"click\",function(){var o=panel.classList.toggle(\"is-open\");burger.classList.toggle(\"is-on\",o);burger.setAttribute(\"aria-expanded\",o?\"true\":\"false\");});}\n if(mega&&megaBtn){\n  megaBtn.addEventListener(\"click\",function(e){e.stopPropagation();var o=mega.classList.toggle(\"is-open\");megaBtn.setAttribute(\"aria-expanded\",o?\"true\":\"false\");});\n  mega.addEventListener(\"mouseenter\",function(){if(!mobile()){mega.classList.add(\"is-open\");megaBtn.setAttribute(\"aria-expanded\",\"true\");}});\n  mega.addEventListener(\"mouseleave\",function(){if(!mobile()){mega.classList.remove(\"is-open\");megaBtn.setAttribute(\"aria-expanded\",\"false\");}});\n }\n document.addEventListener(\"click\",function(e){\n  if(mega&&!mega.contains(e.target)){mega.classList.remove(\"is-open\");if(megaBtn)megaBtn.setAttribute(\"aria-expanded\",\"false\");}\n  if(panel&&burger&&!panel.contains(e.target)&&!burger.contains(e.target)){panel.classList.remove(\"is-open\");burger.classList.remove(\"is-on\");burger.setAttribute(\"aria-expanded\",\"false\");}\n });\n document.addEventListener(\"keydown\",function(e){if(e.key===\"Escape\"&&mega){mega.classList.remove(\"is-open\");if(megaBtn)megaBtn.setAttribute(\"aria-expanded\",\"false\");}});\n window.addEventListener(\"resize\",function(){if(!mobile()&&panel){panel.classList.remove(\"is-open\");if(burger){burger.classList.remove(\"is-on\");burger.setAttribute(\"aria-expanded\",\"false\");}}});\n if(hdr){var s=function(){hdr.classList.toggle(\"is-stuck\",window.scrollY>12);};s();window.addEventListener(\"scroll\",s,{passive:true});}\n var here=location.pathname.replace(\/\\\/+$\/,\"\");\n document.querySelectorAll(\".bhtit-nav > a\").forEach(function(a){\n  try{ if(new URL(a.href).pathname.replace(\/\\\/+$\/,\"\")===here) a.classList.add(\"is-cur\"); }catch(err){}\n });\n})();\n<\/script>\n\n<script>\n\/* ---- EN \/ DE ----------------------------------------------------------\n   Chrome strings come from CHROME below. Page copy comes from the\n   per-page dictionary in window.__BHTIT_TEXT (English -> German), applied\n   to text nodes and to placeholder\/aria-label\/alt attributes. The English\n   originals are cached on first run, so switching back is lossless and the\n   authored copy is never modified. *\/\n(function(){\n var CHROME={\n  nav_home:{en:\"Home\",de:\"Startseite\"},\n  nav_about:{en:\"About us\",de:\"\u00dcber uns\"},\n  nav_services:{en:\"Services\",de:\"Leistungen\"},\n  nav_contact:{en:\"Contact\",de:\"Kontakt\"},\n  nav_project:{en:\"Start a Project\",de:\"Projekt starten\"},\n  sv_all:{en:\"All services\",de:\"Alle Leistungen\"},\n  sv_web:{en:\"Website Design & Development\",de:\"Webdesign & Entwicklung\"},\n  sv_web_d:{en:\"Fast, accessible sites built to last.\",de:\"Schnelle, barrierefreie Websites mit Bestand.\"},\n  sv_cyber:{en:\"Cybersecurity Services\",de:\"Cybersicherheitsdienste\"},\n  sv_cyber_d:{en:\"Threat detection, hardening and response.\",de:\"Bedrohungserkennung, H\u00e4rtung und Reaktion.\"},\n  sv_ind:{en:\"Industrial Design & Piping Engineering\",de:\"Industriedesign & Rohrleitungsplanung\"},\n  sv_ind_d:{en:\"Plant layouts and pressure-safe piping.\",de:\"Anlagenlayouts und druckfeste Rohrleitungen.\"},\n  sv_it:{en:\"IT Support & Network Security\",de:\"IT-Support & Netzwerksicherheit\"},\n  sv_it_d:{en:\"Managed support and secure networks.\",de:\"Managed Support und sichere Netzwerke.\"},\n  f_pages:{en:\"Pages\",de:\"Seiten\"},\n  f_services:{en:\"Services\",de:\"Leistungen\"},\n  f_companies:{en:\"Companies\",de:\"Unternehmensbereiche\"},\n  c_ind:{en:\"Industrial supply\",de:\"Industrielle Zulieferung\"},\n  c_eng:{en:\"Engineering & Manufacturing\",de:\"Ingenieurwesen & Fertigung\"},\n  c_ren:{en:\"Renewable & Clean Energy\",de:\"Erneuerbare & Saubere Energie\"},\n  c_raw:{en:\"Raw Materials supply\",de:\"Rohstoffversorgung\"},\n  c_it:{en:\"IT & Cybersecurity\",de:\"IT & Cybersicherheit\"},\n  f_rights:{en:\"BHT \u00a9 All rights reserved\",de:\"BHT \u00a9 Alle Rechte vorbehalten\"},\n  f_dev:{en:\"Website Developer: MME\",de:\"Website-Entwicklung: MME\"}\n };\n var MAP=window.__BHTIT_TEXT||{};\n var K=\"bhtitLang\", body=document.getElementById(\"bhtit-body\"), cache=null, attrCache=null;\n function build(){\n  cache=[]; attrCache=[];\n  if(!body) return;\n  var w=document.createTreeWalker(body,NodeFilter.SHOW_TEXT,{acceptNode:function(n){\n   var p=n.parentNode; if(!p) return NodeFilter.FILTER_REJECT;\n   var t=p.nodeName; if(t===\"SCRIPT\"||t===\"STYLE\"||t===\"NOSCRIPT\") return NodeFilter.FILTER_REJECT;\n   return n.nodeValue.trim()? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;\n  }});\n  var n; while((n=w.nextNode())) cache.push({n:n,en:n.nodeValue});\n  [\"placeholder\",\"aria-label\",\"alt\",\"title\",\"value\"].forEach(function(a){\n   body.querySelectorAll(\"[\"+a+\"]\").forEach(function(el){\n    var v=el.getAttribute(a); if(v&&v.trim()) attrCache.push({el:el,a:a,en:v});\n   });\n  });\n }\n function applyBody(lang){\n  if(cache===null) build();\n  cache.forEach(function(o){\n   if(lang===\"en\"){ if(o.n.nodeValue!==o.en) o.n.nodeValue=o.en; return; }\n   var key=o.en.trim(), de=MAP[key];\n   o.n.nodeValue = de? o.en.replace(key,de) : o.en;\n  });\n  attrCache.forEach(function(o){\n   if(lang===\"en\"){ o.el.setAttribute(o.a,o.en); return; }\n   var de=MAP[o.en.trim()];\n   o.el.setAttribute(o.a, de||o.en);\n  });\n }\n function apply(lang){\n  document.querySelectorAll(\"[data-i18n]\").forEach(function(n){\n   var e=CHROME[n.getAttribute(\"data-i18n\")]; if(!e) return; n.textContent=e[lang]||e.en;\n  });\n  applyBody(lang);\n  document.documentElement.setAttribute(\"lang\",lang);\n  document.querySelectorAll(\".bhtit-lang-b\").forEach(function(b){\n   var on=b.getAttribute(\"data-lang\")===lang; b.classList.toggle(\"is-on\",on); b.setAttribute(\"aria-pressed\",on?\"true\":\"false\");\n  });\n  try{localStorage.setItem(K,lang);}catch(e){}\n }\n document.addEventListener(\"click\",function(e){\n  var b=e.target.closest?e.target.closest(\".bhtit-lang-b\"):null; if(!b) return;\n  var l=b.getAttribute(\"data-lang\"); if(l===\"en\"||l===\"de\") apply(l);\n });\n var saved=null; try{var v=localStorage.getItem(K); if(v===\"de\"||v===\"en\") saved=v;}catch(e){}\n apply(saved||((navigator.language||\"\").toLowerCase().indexOf(\"de\")===0?\"de\":\"en\"));\n})();\n<\/script>\n\n<script>\n\/* ---- header alignment ------------------------------------------------\n   Each page uses a different container convention, so instead of hard-\n   coding padding we measure the page's own leading heading and match the\n   header\/footer gutter to it. Re-runs on resize. *\/\n(function __bhtitAlign(){\n var page=document.getElementById(\"bhtit-page\"), body=document.getElementById(\"bhtit-body\");\n if(!page||!body) return;\n function anchor(){\n  var els=body.querySelectorAll(\"h1,h2\"), vw=document.documentElement.clientWidth, best=null;\n  for(var i=0;i<els.length;i++){\n   var e=els[i], r=e.getBoundingClientRect(), cs=getComputedStyle(e);\n   if(cs.textAlign===\"center\"||cs.display===\"none\") continue;\n   if(r.width < vw*0.18 || r.height<10) continue;\n   if(e.closest(\".bhtit-band\")) continue;\n   best=r.left; break;\n  }\n  return best;\n }\n function offset(){\n  var hdr=document.querySelector('.bhtit-hdr');\n  if(!hdr) return;\n  \/\/ fixed header would otherwise sit on top of the first section\n  body.style.paddingTop=Math.round(hdr.getBoundingClientRect().height)+'px';\n }\n function sync(){\n  offset();\n  var a=anchor(); if(a===null) return;\n  var pad=Math.max(16,Math.round(a));\n  if(pad>document.documentElement.clientWidth*0.35) return;\n  page.style.setProperty(\"--bhtit-max\",\"none\");\n  page.style.setProperty(\"--bhtit-pad\",pad+\"px\");\n }\n if(document.readyState===\"complete\") sync(); else window.addEventListener(\"load\",sync);\n sync();\n var t; window.addEventListener(\"resize\",function(){clearTimeout(t);t=setTimeout(sync,120);});\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home About us Services All services Website Design &amp; Development Cybersecurity Services Industrial Design &amp; Piping Engineering IT Support &amp; Network Security Contact EN DE Start a Project Security Audits &amp; Project Requests One Form, A Real Answer Within 24 Hours Tell Us What You Need. Security audit, new build, or something that doesn&#8217;t fit [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-451","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/pages\/451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/comments?post=451"}],"version-history":[{"count":35,"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/pages\/451\/revisions"}],"predecessor-version":[{"id":835,"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/pages\/451\/revisions\/835"}],"wp:attachment":[{"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/media?parent=451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}