{"id":350,"date":"2026-07-12T06:13:09","date_gmt":"2026-07-12T06:13:09","guid":{"rendered":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/?page_id=350"},"modified":"2026-08-17T09:37:05","modified_gmt":"2026-08-17T09:37:05","slug":"website-design-development","status":"publish","type":"page","link":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/website-design-development\/","title":{"rendered":"Website Design &amp; Development"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"350\" class=\"elementor elementor-350\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3649790 e-con-full e-flex e-con e-parent\" data-id=\"3649790\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a23c0f5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a23c0f5\" 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\n\n\n\n<div id=\"bhtwd-root\" style=\"background:#0a1830; overflow:hidden; --bhtwd-max:1200px; --bhtwd-hero-nudge:0px;\">\n\n  <!-- ============ HERO ============ -->\n  <section style=\"position:relative; padding:12vh 0 10vh 0;\">\n   <div class=\"bhtwd-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;\">Web Design &amp; Development<\/div>\n      <div style=\"font-size:clamp(13px,1.3vw,15px); color:#8fa9c9; margin-top:4px; margin-bottom:clamp(24px,5vh,48px);\">Custom-Built for Speed, Security &amp; Growth<\/div>\n\n      <h1 style=\"font-size:clamp(32px,5vw,54px); line-height:1.12; font-weight:800; color:#e8ecf3; margin:0;\">\n        Websites,<br>\n        <span style=\"color:#e8711a;\">Engineered.<\/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        From first sketch to production deploy, we design and build websites that load fast, hold up under real traffic, and give you room to grow \u2014 no template ceilings.\n      <\/p>\n\n      <div style=\"margin-top:36px; display:flex; gap:14px; flex-wrap:wrap;\">\n        <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/project\/\" class=\"bhtwd-btn-primary\">Start a Project<\/a>\n        <a href=\"#bhtwd-process\" class=\"bhtwd-btn-ghost\">See how we work<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Signature: responsive browser mockup, pure CSS animation.\n         margin-left:auto pulls this flush to the container's right edge.\n         Nudge --bhtwd-hero-nudge (negative = further right, positive = pull back left)\n         on #bhtwd-root above to line it up exactly under \"Home\" in your nav. -->\n<div class=\"bhtwd-hero-visual\" style=\"flex:0 0 auto; width:min(38vw,520px); min-width:280px; margin-left:auto; margin-right:var(--bhtwd-hero-nudge, 0px); z-index:2;\">\n      <div class=\"bhtwd-browser-frame\">\n        <div class=\"bhtwd-browser-chrome\">\n          <span class=\"bhtwd-dot\" style=\"background:#e8711a;\"><\/span>\n          <span class=\"bhtwd-dot\" style=\"background:#1e4a7a;\"><\/span>\n          <span class=\"bhtwd-dot\" style=\"background:#1e4a7a;\"><\/span>\n          <span class=\"bhtwd-url\">yoursite.com<\/span>\n          <span class=\"bhtwd-breakpoint-label\">\n            <span class=\"bhtwd-bp bhtwd-bp-desktop\">1440px<\/span><span class=\"bhtwd-bp bhtwd-bp-tablet\">768px<\/span><span class=\"bhtwd-bp bhtwd-bp-mobile\">375px<\/span>\n          <\/span>\n        <\/div>\n        <div class=\"bhtwd-browser-shell\">\n          <div class=\"bhtwd-browser-viewport\">\n            <div class=\"bhtwd-mock-nav\">\n              <span class=\"bhtwd-mock-logo\"><\/span>\n              <span class=\"bhtwd-mock-navitem\"><\/span>\n              <span class=\"bhtwd-mock-navitem\"><\/span>\n              <span class=\"bhtwd-mock-navitem\"><\/span>\n            <\/div>\n            <div class=\"bhtwd-mock-hero\">\n              <span class=\"bhtwd-mock-line bhtwd-w70\"><\/span>\n              <span class=\"bhtwd-mock-line bhtwd-w40\"><\/span>\n              <span class=\"bhtwd-mock-cta\"><\/span>\n            <\/div>\n            <div class=\"bhtwd-mock-cards\">\n              <span class=\"bhtwd-mock-card\"><\/span>\n              <span class=\"bhtwd-mock-card\"><\/span>\n              <span class=\"bhtwd-mock-card\"><\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n   <\/div>\n  <\/section>\n\n  <!-- ============ CAPABILITIES ============ -->\n  <section style=\"background:#0d1b30; padding:9vh 0;\">\n   <div class=\"bhtwd-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;\">What's included<\/div>\n      <h2 style=\"font-size:clamp(26px,3.4vw,38px); color:#e8ecf3; font-weight:800; margin:10px 0 0 0;\">Everything a modern site needs, under one roof.<\/h2>\n    <\/div>\n\n    <div style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); gap:22px;\">\n\n      <div class=\"bhtwd-card\">\n        <span class=\"bhtwd-tag\">&lt;design&gt;<\/span>\n        <h3 class=\"bhtwd-card-title\">Custom Design<\/h3>\n        <p class=\"bhtwd-card-text\">Every layout, color, and interaction designed around your brand \u2014 not a page-builder template.<\/p>\n      <\/div>\n\n      <div class=\"bhtwd-card\">\n        <span class=\"bhtwd-tag\">&lt;responsive\/&gt;<\/span>\n        <h3 class=\"bhtwd-card-title\">Responsive Development<\/h3>\n        <p class=\"bhtwd-card-text\">Hand-tuned breakpoints so the site looks intentional on a 27&Prime; monitor and a phone screen alike.<\/p>\n      <\/div>\n\n      <div class=\"bhtwd-card\">\n        <span class=\"bhtwd-tag\">&lt;cms&gt;<\/span>\n        <h3 class=\"bhtwd-card-title\">CMS &amp; E-Commerce<\/h3>\n        <p class=\"bhtwd-card-text\">WordPress, Shopify, Webflow, or a custom build \u2014 whichever gives you the right amount of control.<\/p>\n      <\/div>\n\n      <div class=\"bhtwd-card\">\n        <span class=\"bhtwd-tag\">&lt;perf\/&gt;<\/span>\n        <h3 class=\"bhtwd-card-title\">Performance &amp; SEO<\/h3>\n        <p class=\"bhtwd-card-text\">Optimized assets and clean semantic markup, tuned to keep Core Web Vitals in the green.<\/p>\n      <\/div>\n\n     \n\n     \n\n    <\/div>\n   <\/div>\n  <\/section>\n\n  <!-- ============ TECH STACK ============ -->\n  <section style=\"padding:6vh 0; text-align:center;\">\n   <div class=\"bhtwd-container\">\n    <div style=\"font-size:12px; font-weight:700; color:#8fa9c9; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:20px;\">Built with tools that fit the job<\/div>\n    <div style=\"display:flex; flex-wrap:wrap; gap:12px; justify-content:center; max-width:820px; margin:0 auto;\">\n      <span class=\"bhtwd-pill\">WordPress<\/span>\n      <span class=\"bhtwd-pill\">Shopify<\/span>\n      <span class=\"bhtwd-pill\">Webflow<\/span>\n      <span class=\"bhtwd-pill\">React<\/span>\n      <span class=\"bhtwd-pill\">Node.js<\/span>\n      <span class=\"bhtwd-pill\">Figma<\/span>\n    <\/div>\n   <\/div>\n  <\/section>\n\n  <!-- ============ PROCESS ============ -->\n  <section id=\"bhtwd-process\" style=\"background:#0d1b30; padding:9vh 0;\">\n   <div class=\"bhtwd-container\">\n    <div style=\"max-width:640px; margin:0 auto 56px auto; text-align:center;\">\n      <div style=\"font-size:13px; font-weight:700; color:#e8711a; letter-spacing:1.5px; text-transform:uppercase;\">How we work<\/div>\n      <h2 style=\"font-size:clamp(26px,3.4vw,38px); color:#e8ecf3; font-weight:800; margin:10px 0 0 0;\">Five stages, one straight line to launch.<\/h2>\n    <\/div>\n\n    <div class=\"bhtwd-timeline\">\n      <div class=\"bhtwd-tl-step\">\n        <div class=\"bhtwd-tl-num\">01<\/div>\n        <h4 class=\"bhtwd-tl-title\">Discover<\/h4>\n        <p class=\"bhtwd-tl-text\">Goals, audience, and content audit \u2014 so the design decisions that follow have a reason behind them.<\/p>\n      <\/div>\n      <div class=\"bhtwd-tl-step\">\n        <div class=\"bhtwd-tl-num\">02<\/div>\n        <h4 class=\"bhtwd-tl-title\">Design<\/h4>\n        <p class=\"bhtwd-tl-text\">Wireframes, then high-fidelity screens across breakpoints, reviewed with you before a line of code is written.<\/p>\n      <\/div>\n      <div class=\"bhtwd-tl-step\">\n        <div class=\"bhtwd-tl-num\">03<\/div>\n        <h4 class=\"bhtwd-tl-title\">Develop<\/h4>\n        <p class=\"bhtwd-tl-text\">Clean, semantic build on the stack that fits your team \u2014 staged for review at every milestone.<\/p>\n      <\/div>\n      <div class=\"bhtwd-tl-step\">\n        <div class=\"bhtwd-tl-num\">04<\/div>\n        <h4 class=\"bhtwd-tl-title\">Launch<\/h4>\n        <p class=\"bhtwd-tl-text\">Performance pass, security checklist, DNS cutover \u2014 planned, not improvised.<\/p>\n      <\/div>\n      <div class=\"bhtwd-tl-step\">\n        <div class=\"bhtwd-tl-num\">05<\/div>\n        <h4 class=\"bhtwd-tl-title\">Support<\/h4>\n        <p class=\"bhtwd-tl-text\">Monitoring and fixes after go-live, so the site keeps performing after the project ends.<\/p>\n      <\/div>\n    <\/div>\n   <\/div>\n  <\/section>\n\n  <!-- ============ CTA ============ -->\n  <section id=\"bhtwd-contact\" style=\"padding:11vh 0; text-align:center; position:relative;\">\n   <div class=\"bhtwd-container\">\n    <div class=\"bhtwd-cta-glow\"><\/div>\n    <h2 style=\"font-size:clamp(28px,4vw,44px); color:#e8ecf3; font-weight:800; margin:0 0 16px 0; position:relative; z-index:1;\">\n      Ready to build something fast?\n    <\/h2>\n    <p style=\"color:#c9d3e0; font-size:16px; max-width:480px; margin:0 auto 32px auto; position:relative; z-index:1;\">\n      Tell us what you're building. We'll reply with next steps, not a sales script.\n    <\/p>\n    <a href=\"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/project\/\" class=\"bhtwd-btn-primary\" style=\"position:relative; z-index:1;\">Start a Project<\/a>\n   <\/div>\n  <\/section>\n\n<\/div>\n\n<style>\n  #bhtwd-root, #bhtwd-root * { box-sizing: border-box; }\n  #bhtwd-root a { text-decoration: none; }\n\n  \/* ---- Shared container: keeps every section's edges aligned with the navbar ----\n     Adjust --bhtwd-max on #bhtwd-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  #bhtwd-root .bhtwd-container {\npadding: 2% 6% 2% 11%;\n    width: 100%;\n  }\n\n  \/* ---- Buttons ---- *\/\n  #bhtwd-root .bhtwd-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  }\n  #bhtwd-root .bhtwd-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\n  #bhtwd-root .bhtwd-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  #bhtwd-root .bhtwd-btn-ghost:hover { border-color:#e8711a; color:#e8711a; }\n\n  \/* ---- Capability cards ---- *\/\n  #bhtwd-root .bhtwd-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  #bhtwd-root .bhtwd-card:hover { transform:translateY(-4px); box-shadow:0 14px 30px rgba(0,0,0,0.28); }\n  #bhtwd-root .bhtwd-tag {\n    font-family:'Courier New', monospace; font-size:13px; color:#e8711a; letter-spacing:0.5px;\n  }\n  #bhtwd-root .bhtwd-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  #bhtwd-root .bhtwd-card-text { color:#a9bcd6; font-size:14.5px; line-height:1.6; margin:0; }\n\n  \/* ---- Tech pills ---- *\/\n  #bhtwd-root .bhtwd-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  #bhtwd-root .bhtwd-timeline {\n    display:flex; flex-wrap:wrap; gap:0; max-width:1200px; margin:0 auto; position:relative;\n  }\n  #bhtwd-root .bhtwd-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  #bhtwd-root .bhtwd-tl-step::before {\n    content:''; position:absolute; top:-2px; left:18px; width:26px; height:2px; background:#e8711a;\n  }\n  #bhtwd-root .bhtwd-tl-num {\n    font-family:'Courier New', monospace; color:#e8711a; font-size:14px; font-weight:700; margin-top:18px;\n  }\n  #bhtwd-root .bhtwd-tl-title { color:#e8ecf3; font-size:18px; font-weight:700; margin:8px 0 8px 0; }\n  #bhtwd-root .bhtwd-tl-text { color:#a9bcd6; font-size:14px; line-height:1.6; margin:0; }\n\n  \/* ---- CTA glow ---- *\/\n  #bhtwd-root .bhtwd-cta-glow {\n    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);\n    width:520px; height:520px; border-radius:50%;\n    background:radial-gradient(circle, rgba(232,113,26,0.16), transparent 70%);\n    pointer-events:none; z-index:0;\n  }\n\n  \/* ================= Signature: responsive browser mockup ================= *\/\n  #bhtwd-root .bhtwd-browser-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  #bhtwd-root .bhtwd-browser-chrome {\n    display:flex; align-items:center; gap:8px; padding:10px 14px; background:#132848; position:relative;\n  }\n  #bhtwd-root .bhtwd-dot { width:10px; height:10px; border-radius:50%; display:inline-block; }\n  #bhtwd-root .bhtwd-url {\n    font-family:'Courier New', monospace; font-size:12px; color:#8fa9c9; margin-left:8px;\n  }\n  #bhtwd-root .bhtwd-breakpoint-label {\n    margin-left:auto; font-family:'Courier New', monospace; font-size:11.5px; color:#e8711a; position:relative; height:16px; min-width:60px;\n  }\n  #bhtwd-root .bhtwd-bp { position:absolute; right:0; top:0; opacity:0; animation-duration:9s; animation-iteration-count:infinite; }\n  #bhtwd-root .bhtwd-bp-desktop { animation-name:bhtwd-label-desktop; }\n  #bhtwd-root .bhtwd-bp-tablet  { animation-name:bhtwd-label-tablet; }\n  #bhtwd-root .bhtwd-bp-mobile  { animation-name:bhtwd-label-mobile; }\n\n  #bhtwd-root .bhtwd-browser-shell {\n    padding:22px 0; display:flex; justify-content:center; background:\n      repeating-linear-gradient(90deg, rgba(143,169,201,0.05) 0 1px, transparent 1px 24px);\n  }\n  #bhtwd-root .bhtwd-browser-viewport {\n    background:#0a1830; border:1px solid #1e4a7a; border-radius:4px;\n    padding:16px; display:flex; flex-direction:column; gap:14px;\n    width:100%;\n    animation:bhtwd-resize 9s ease-in-out infinite;\n  }\n  #bhtwd-root .bhtwd-browser-frame:hover .bhtwd-browser-viewport { animation-play-state:paused; }\n\n  #bhtwd-root .bhtwd-mock-nav { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }\n  #bhtwd-root .bhtwd-mock-logo { width:20px; height:20px; border-radius:4px; background:#e8711a; }\n  #bhtwd-root .bhtwd-mock-navitem { width:34px; height:8px; border-radius:4px; background:#2a4a72; }\n\n  #bhtwd-root .bhtwd-mock-hero { display:flex; flex-direction:column; gap:8px; }\n  #bhtwd-root .bhtwd-mock-line { height:10px; border-radius:4px; background:#1e4a7a; }\n  #bhtwd-root .bhtwd-w70 { width:70%; }\n  #bhtwd-root .bhtwd-w40 { width:40%; }\n  #bhtwd-root .bhtwd-mock-cta { width:70px; height:16px; border-radius:4px; background:#e8711a; margin-top:4px; }\n\n  #bhtwd-root .bhtwd-mock-cards { display:flex; gap:8px; flex-wrap:wrap; }\n  #bhtwd-root .bhtwd-mock-card { flex:1 1 60px; height:44px; border-radius:4px; background:#132848; border:1px solid #1e4a7a; }\n\n  @keyframes bhtwd-resize {\n    0%, 26%   { width:100%; }\n    36%, 60%  { width:62%; }\n    70%, 94%  { width:34%; }\n    100%      { width:100%; }\n  }\n  @keyframes bhtwd-label-desktop {\n    0%, 26% { opacity:1; } 30%, 100% { opacity:0; }\n  }\n  @keyframes bhtwd-label-tablet {\n    0%, 30% { opacity:0; } 36%, 60% { opacity:1; } 66%, 100% { opacity:0; }\n  }\n  @keyframes bhtwd-label-mobile {\n    0%, 66% { opacity:0; } 70%, 94% { opacity:1; } 100% { opacity:0; }\n  }\n\n  \/* Respect reduced motion *\/\n  @media (prefers-reduced-motion: reduce) {\n    #bhtwd-root .bhtwd-browser-viewport,\n    #bhtwd-root .bhtwd-bp { animation:none !important; opacity:1; }\n    #bhtwd-root .bhtwd-bp-desktop { opacity:1; }\n    #bhtwd-root .bhtwd-bp-tablet, #bhtwd-root .bhtwd-bp-mobile { opacity:0; }\n  }\n@media (max-width:1240px) {\n  #bhtwd-root .bhtwd-hero-visual { display:none; }\n}\n  @media (max-width:640px) {\n    #bhtwd-root .bhtwd-tl-step { border-top:2px solid #1e4a7a; }\n  }\n<\/style>\n\n\n\n\n\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={\"Web Design & Development\":\"Webdesign & Entwicklung\",\"Custom-Built for Speed, Security & Growth\":\"Ma\u00dfgeschneidert f\u00fcr Tempo, Sicherheit & Wachstum\",\"Websites,\":\"Websites,\",\"Engineered.\":\"Technisch durchdacht.\",\"From first sketch to production deploy, we design and build websites that load fast, hold up under real traffic, and give you room to grow \u2014 no template ceilings.\":\"Von der ersten Skizze bis zum Produktiv-Deployment gestalten und bauen wir Websites, die schnell laden, echtem Traffic standhalten und Raum zum Wachsen lassen \u2014 ohne Vorlagen-Grenzen.\",\"Start a Project\":\"Projekt starten\",\"See how we work\":\"So arbeiten wir\",\"What's included\":\"Was enthalten ist\",\"Everything a modern site needs, under one roof.\":\"Alles, was eine moderne Website braucht, aus einer Hand.\",\"Custom Design\":\"Individuelles Design\",\"Every layout, color, and interaction designed around your brand \u2014 not a page-builder template.\":\"Jedes Layout, jede Farbe und jede Interaktion wird um Ihre Marke herum gestaltet \u2014 keine Baukasten-Vorlage.\",\"Responsive Development\":\"Responsive Entwicklung\",\"Hand-tuned breakpoints so the site looks intentional on a 27\u2033 monitor and a phone screen alike.\":\"Handfein abgestimmte Breakpoints, damit die Website auf einem 27\u2033-Monitor genauso durchdacht wirkt wie auf dem Smartphone.\",\"CMS & E-Commerce\":\"CMS & E-Commerce\",\"WordPress, Shopify, Webflow, or a custom build \u2014 whichever gives you the right amount of control.\":\"WordPress, Shopify, Webflow oder eine Eigenentwicklung \u2014 je nachdem, was Ihnen das richtige Ma\u00df an Kontrolle gibt.\",\"Performance & SEO\":\"Performance & SEO\",\"Optimized assets and clean semantic markup, tuned to keep Core Web Vitals in the green.\":\"Optimierte Assets und sauberes semantisches Markup, abgestimmt darauf, die Core Web Vitals im gr\u00fcnen Bereich zu halten.\",\"Built with tools that fit the job\":\"Gebaut mit Werkzeugen, die zur Aufgabe passen\",\"How we work\":\"So arbeiten wir\",\"Five stages, one straight line to launch.\":\"F\u00fcnf Phasen, ein gerader Weg zum Launch.\",\"Discover\":\"Analysieren\",\"Goals, audience, and content audit \u2014 so the design decisions that follow have a reason behind them.\":\"Ziele, Zielgruppe und Content-Audit \u2014 damit die folgenden Designentscheidungen einen Grund haben.\",\"Design\":\"Gestalten\",\"Wireframes, then high-fidelity screens across breakpoints, reviewed with you before a line of code is written.\":\"Wireframes, dann detailgetreue Screens \u00fcber alle Breakpoints, gemeinsam mit Ihnen gepr\u00fcft, bevor eine Zeile Code entsteht.\",\"Develop\":\"Entwickeln\",\"Clean, semantic build on the stack that fits your team \u2014 staged for review at every milestone.\":\"Sauberer, semantischer Aufbau auf dem Stack, der zu Ihrem Team passt \u2014 bei jedem Meilenstein zur Abnahme bereitgestellt.\",\"Launch\":\"Launch\",\"Performance pass, security checklist, DNS cutover \u2014 planned, not improvised.\":\"Performance-Durchlauf, Sicherheits-Checkliste, DNS-Umstellung \u2014 geplant, nicht improvisiert.\",\"Support\":\"Betreuung\",\"Monitoring and fixes after go-live, so the site keeps performing after the project ends.\":\"Monitoring und Korrekturen nach dem Go-live, damit die Website auch nach Projektende leistungsf\u00e4hig bleibt.\",\"Ready to build something fast?\":\"Bereit, etwas Schnelles zu bauen?\",\"Tell us what you're building. We'll reply with next steps, not a sales script.\":\"Sagen Sie uns, was Sie vorhaben. Sie bekommen konkrete n\u00e4chste Schritte, kein Verkaufsskript.\"};\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 Web Design &amp; Development Custom-Built for Speed, Security &amp; Growth Websites, Engineered. From first sketch to production deploy, we design and build websites that load fast, hold [&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-350","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/pages\/350","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=350"}],"version-history":[{"count":76,"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/pages\/350\/revisions"}],"predecessor-version":[{"id":819,"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/pages\/350\/revisions\/819"}],"wp:attachment":[{"href":"https:\/\/demowebsite.ir\/bht\/it-cybersecurity\/wp-json\/wp\/v2\/media?parent=350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}