{"id":6569,"date":"2025-11-24T09:17:22","date_gmt":"2025-11-24T01:17:22","guid":{"rendered":"https:\/\/www.hbotsale.com\/?page_id=6569"},"modified":"2026-08-14T20:11:02","modified_gmt":"2026-08-14T12:11:02","slug":"macy-pan-hbot","status":"publish","type":"page","link":"https:\/\/www.hbotsale.com\/de\/macy-pan-hbot\/","title":{"rendered":"guanggao"},"content":{"rendered":"<!-- 00-hero.html\uff1a\u9875\u9762\u72ec\u7acb\u677f\u5757\uff0c\u4f9d\u8d56 about.html \u5f53\u524d\u4f7f\u7528\u7684 style.css -->\n<section class=\"hero\" id=\"top\"><div class=\"hero__background\"><\/div><div class=\"hero__shade\"><\/div><div class=\"hero__content container\"><p class=\"eyebrow eyebrow--light\">\u00dcberdruckkammern \u00b7 seit 2007<\/p><h1><span class=\"ez-toc-section\" id=\"More_oxygen_More_possibility\"><\/span>Mehr Sauerstoff.<br>Mehr M\u00f6glichkeiten.<span class=\"ez-toc-section-end\"><\/span><\/h1><p class=\"hero__copy\">Hochwertige \u00dcberdruckkammern, speziell entwickelt f\u00fcr moderne Privathaushalte, Wellnesszentren, Sportler und die professionelle Pflege.<\/p><div class=\"cta-row cta-row--light\"><a class=\"button button--primary tawk-btn\" href=\"javascript:void(0)\"><span class=\"button-dot\" aria-hidden=\"true\"><\/span> Jetzt chatten<\/a><a class=\"button button--secondary\" href=\"#contact\">Kontakt <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div><div class=\"hero__trust\"><span>PVHO<\/span><span>CE<\/span><span>ISO<\/span><span>SGS<\/span><p>Weltweite Qualit\u00e4tsstandards \u00b7 Versand in \u00fcber 126 L\u00e4nder<\/p><\/div><div class=\"hero__support-note\" aria-label=\"Unterst\u00fctzung durch die US-Tochtergesellschaft\"><strong>Lager der U.S.-Tochtergesellschaft<\/strong><span>USA Lokaler technischer Support<\/span><\/div><\/div><a class=\"scroll-hint\" href=\"#products\">Entdecken Sie das Sortiment <span>\u2193<\/span><\/a><\/section>\n<style>\n:root { --navy:#061f50; --deep:#031536; --blue:#1299dc; --sky:#eaf4fb; --ice:#f5f8fb; --line:#d8e1ea; --ink:#09172b; --muted:#647083; --white:#fff; }\n* { box-sizing:border-box; }\nhtml { scroll-behavior:smooth; }\nbody { margin:0; background:#fff; color:var(--ink); font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; }\na { color:inherit; text-decoration:none; }\nimg { display:block; max-width:100%; }\n.container { width:min(1240px, calc(100% - 64px)); margin:0 auto; }\n\n.site-header { height:76px; display:flex; align-items:center; padding:0 4vw; gap:38px; position:absolute; top:0; left:0; right:0; z-index:20; color:#fff; border-bottom:1px solid rgba(255,255,255,.22); }\n.brand { display:flex; align-items:center; gap:11px; font-size:22px; font-weight:800; letter-spacing:.025em; white-space:nowrap; }\n.brand-mark { width:31px; height:31px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:13px; font-weight:900; }\n.site-header nav { display:flex; gap:28px; margin-left:auto; font-size:13px; letter-spacing:.04em; }\n.site-header nav a,.header-actions a { transition:opacity .2s ease; }\n.site-header nav a:hover,.header-actions a:hover { opacity:.68; }\n.header-actions { display:flex; align-items:center; gap:22px; font-size:13px; }\n.header-chat { padding:11px 17px; border:1px solid rgba(255,255,255,.7); }\n\n.mobile-menu { display:none; margin-left:auto; position:relative; }\n.mobile-menu summary { list-style:none; cursor:pointer; padding:9px 13px; border:1px solid rgba(255,255,255,.5); font-size:13px; }\n.mobile-menu div { position:absolute; right:0; top:45px; width:190px; padding:12px; display:grid; gap:2px; background:#fff; color:var(--ink); box-shadow:0 18px 50px rgba(0,0,0,.18); }\n.mobile-menu div a { padding:11px; }\n\n.hero { min-height:760px; height:92vh; position:relative; color:#fff; display:flex; align-items:center; overflow:hidden; }\n.hero__background { position:absolute; inset:0; background:url('https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/hero.jpg') center center\/cover no-repeat; transform:scale(1.01); }\n.hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,18,47,.92) 0%,rgba(2,25,56,.74) 38%,rgba(2,24,54,.16) 74%,rgba(2,24,54,.08) 100%); }\n.hero__content { position:relative; z-index:2; padding-top:64px; }\n.eyebrow { margin:0 0 17px; text-transform:uppercase; letter-spacing:.16em; font-size:11px; font-weight:800; color:var(--blue); }\n.eyebrow--light { color:#9bdcff; }\n.hero h1 { margin:0; max-width:590px; font-size:clamp(40px,4.2vw,58px); line-height:1.03; letter-spacing:-.045em; font-weight:760; }\n.hero__copy { max-width:590px; margin:26px 0 0; color:rgba(255,255,255,.82); font-size:18px; line-height:1.65; }\n\n.cta-row { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:42px; }\n.hero .cta-row,.company .cta-row { justify-content:flex-start; }\n.button { min-width:154px; height:49px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 20px; font-size:13px; font-weight:700; transition:transform .2s ease,background .2s ease,color .2s ease; }\n.button:hover { transform:translateY(-2px); }\n.button--primary { color:#fff; background:var(--blue); }\n.button--primary:hover { background:#0b85c3; }\n.button--secondary { color:var(--navy); border:1px solid #9bacbd; background:transparent; }\n.cta-row--light .button--secondary { color:#fff; border-color:rgba(255,255,255,.58); }\n.button-dot { width:7px; height:7px; border-radius:50%; background:#7cf1b5; box-shadow:0 0 0 4px rgba(124,241,181,.14); }\n\n.hero__trust { margin-top:58px; display:flex; align-items:center; gap:9px; }\n.hero__trust>span { border:1px solid rgba(255,255,255,.32); padding:6px 9px; font-size:10px; font-weight:800; letter-spacing:.08em; }\n.hero__trust p { font-size:11px; color:rgba(255,255,255,.68); margin-left:8px; }\n\n.hero__support-note {\n  position:relative;\n  display:block;\n  width:min(100%,460px);\n  margin-top:24px;\n  padding:18px 76px 18px 22px;\n  overflow:hidden;\n  isolation:isolate;\n  border:1px solid rgba(155,220,255,.42);\n  border-left:4px solid var(--blue);\n  border-radius:2px 16px 16px 2px;\n  background:linear-gradient(135deg,rgba(10,63,104,.92),rgba(3,21,54,.78));\n  box-shadow:0 20px 50px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.14);\n}\n.hero__support-note::before {\n  content:\"\";\n  position:absolute;\n  width:210px;\n  height:210px;\n  right:-78px;\n  top:-112px;\n  z-index:-1;\n  border-radius:50%;\n  background:radial-gradient(circle,rgba(52,190,247,.38),transparent 68%);\n}\n.hero__support-note::after {\n  content:\"US\";\n  position:absolute;\n  right:18px;\n  top:50%;\n  z-index:0;\n  color:rgba(155,220,255,.2);\n  font-size:58px;\n  font-weight:900;\n  letter-spacing:-.08em;\n  line-height:1;\n  transform:translateY(-50%);\n}\n.hero__support-note strong,\n.hero__support-note span {\n  position:relative;\n  z-index:1;\n}\n.hero__support-note strong {\n  display:block;\n  color:#fff;\n  font-size:17px;\n  line-height:1.35;\n  letter-spacing:.01em;\n}\n.hero__support-note span {\n  display:block;\n  margin-top:6px;\n  color:#9bdcff;\n  font-size:11px;\n  line-height:1.3;\n  font-weight:800;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n}\n\n@media (max-width:700px) {\n  .hero__support-note { display:none; }\n}\n\n.scroll-hint { position:absolute; bottom:26px; right:4vw; z-index:3; display:flex; gap:14px; align-items:center; font-size:11px; text-transform:uppercase; letter-spacing:.13em; }\n.scroll-hint span { width:32px; height:32px; border:1px solid rgba(255,255,255,.4); border-radius:50%; display:grid; place-items:center; }\n\n.section-heading { display:block; max-width:1020px; margin:0 0 50px; text-align:left; }\n.section-heading .eyebrow { padding:0; margin:0 0 16px; }\n.section-heading h2 { max-width:1000px; font-size:clamp(34px,3.7vw,52px); line-height:1.07; letter-spacing:-.045em; margin:0; color:var(--navy); text-wrap:balance; }\n.section-heading>p:last-child { max-width:690px; margin:20px 0 0; color:var(--muted); line-height:1.7; font-size:15px; padding:0; }\n\n.flagship,.product-section,.factory { padding:112px 0; }\n.flagship { background:var(--ice); }\n.flagship-grid { display:grid; grid-template-columns:1.18fr 1fr; gap:20px; }\n\n.featured-product { min-height:750px; position:relative; overflow:hidden; color:#fff; background:linear-gradient(155deg,#0c2e62,#041632 76%); display:flex; flex-direction:column; transition:transform .35s ease,box-shadow .35s ease; }\n.featured-product:hover { transform:translateY(-5px); box-shadow:0 28px 65px rgba(4,27,66,.24); }\n.featured-product::before { content:\"\"; position:absolute; width:520px; height:520px; border:1px solid rgba(81,183,236,.22); border-radius:50%; top:85px; left:50%; transform:translateX(-50%); }\n.featured-product::after { content:\"\"; position:absolute; width:340px; height:340px; border-radius:50%; left:50%; top:140px; transform:translateX(-50%) scale(.72); background:rgba(61,191,249,.13); filter:blur(42px); opacity:.35; transition:transform .6s ease,opacity .6s ease; }\n.featured-product:hover::after { transform:translateX(-50%) scale(1.15); opacity:.78; }\n.featured-product__topline { display:flex; justify-content:space-between; padding:24px 26px; text-transform:uppercase; letter-spacing:.12em; font-size:10px; color:#9bdcff; position:relative; z-index:2; }\n.featured-product__topline span:first-child { color:#fff; background:var(--blue); padding:7px 10px; }\n.featured-product>img { height:400px; width:100%; object-fit:contain; padding:10px 35px; position:relative; z-index:1; transition:transform .55s cubic-bezier(.2,.8,.2,1); }\n.featured-product:hover>img { transform:translateY(-8px) scale(1.045) rotate(-.6deg); }\n.featured-product__content { margin-top:auto; position:relative; z-index:2; padding:32px; border-top:1px solid rgba(255,255,255,.12); background:rgba(3,21,54,.74); }\n.featured-product__content>div:first-child { display:flex; align-items:end; justify-content:space-between; gap:25px; }\n.featured-product__content h3 { font-size:35px; margin:6px 0 0; letter-spacing:-.035em; }\n.featured-product__content p { color:#bdc9d8; line-height:1.6; font-size:14px; }\n.featured-product__content>div:first-child p { margin:0; text-transform:uppercase; letter-spacing:.1em; font-size:9px; color:#7dcff8; }\n.featured-product__content dl { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:24px 0 0; background:rgba(255,255,255,.14); }\n.featured-product__content dl div { background:#071d43; padding:15px; }\n.featured-product dt,.product-card dt { text-transform:uppercase; letter-spacing:.12em; font-size:8px; color:#8291a5; }\n.featured-product dd,.product-card dd { margin:5px 0 0; font-size:12px; }\n\n.flagship-side { display:grid; grid-template-columns:1fr 1fr; gap:20px; }\n.flagship-side .product-card { min-height:365px; }\n\n.product-card { display:grid; grid-template-rows:minmax(190px,1fr) 170px; min-width:0; min-height:360px; position:relative; overflow:hidden; isolation:isolate; background:#eaf1f6; border:1px solid var(--line); transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease; }\n.product-card::before { content:\"\"; position:absolute; z-index:-1; width:280px; height:280px; right:-100px; top:-110px; border-radius:50%; background:rgba(25,157,218,.13); transform:scale(.55); opacity:.2; transition:transform .6s ease,opacity .6s ease; }\n.product-card:hover,.product-card:focus-visible { transform:translateY(-7px); box-shadow:0 25px 60px rgba(13,45,79,.16); border-color:rgba(18,153,220,.5); outline:0; }\n.product-card:hover::before,.product-card:focus-visible::before { transform:scale(1.3); opacity:.72; }\n.product-card__image { position:relative; min-height:0; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#f6f9fb,#e5edf4); }\n.product-card__image::after { content:\"\"; position:absolute; left:15%; right:15%; bottom:22px; height:2px; background:linear-gradient(90deg,transparent,var(--blue),transparent); opacity:0; transform:scaleX(.25); transition:opacity .4s ease,transform .4s ease; }\n.product-card__image img { width:100%; height:100%; object-fit:contain; padding:23px; transform:translateY(0) scale(.96); transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease; }\n.product-card:hover .product-card__image img,.product-card:focus-visible .product-card__image img { transform:translateY(-10px) scale(1.055) rotate(-.7deg); filter:drop-shadow(0 18px 16px rgba(13,45,79,.15)); }\n.product-card:hover .product-card__image::after,.product-card:focus-visible .product-card__image::after { opacity:1; transform:scaleX(1); }\n.product-card__number { position:absolute; top:16px; left:17px; z-index:2; font-size:9px; letter-spacing:.14em; color:#6e7b8e; transition:color .3s ease; }\n.product-card:hover .product-card__number { color:var(--blue); }\n.product-card__body { height:170px; padding:20px; position:relative; z-index:3; overflow:hidden; background:#fff; border-top:1px solid var(--line); }\n.product-card__body h3 { font-size:19px; color:var(--navy); margin:0 0 7px; letter-spacing:-.02em; }\n.product-card__body p { margin:0; color:var(--muted); font-size:12px; }\n.product-card__arrow { position:absolute; right:20px; top:21px; width:28px; height:28px; display:grid; place-items:center; color:var(--blue); border:1px solid #cbd9e5; border-radius:50%; transform:rotate(0deg); transition:background .3s ease,color .3s ease,transform .35s ease; }\n.product-card:hover .product-card__arrow,.product-card:focus-visible .product-card__arrow { color:#fff; background:var(--blue); border-color:var(--blue); transform:rotate(45deg); }\n.product-card__body dl { display:grid; grid-template-columns:1fr 1fr; height:47px; border-top:1px solid var(--line); opacity:0; margin:15px 0 0; padding:12px 0 0; gap:12px; transform:translateY(5px); transition:opacity .3s ease,transform .35s ease; }\n.product-card:hover .product-card__body dl,.product-card:focus-visible .product-card__body dl { opacity:1; transform:translateY(0); }\n.product-card__body dd { color:#334259; }\n.product-card__cta { display:flex; align-items:center; justify-content:space-between; height:15px; margin-top:7px; opacity:0; text-transform:uppercase; letter-spacing:.1em; font-size:9px; font-weight:800; color:var(--navy); transform:translateY(4px); transition:opacity .3s ease,transform .35s ease; }\n.product-card:hover .product-card__cta,.product-card:focus-visible .product-card__cta { opacity:1; transform:translateY(0); }\n\n.product-section--blue { background:#eaf3f9; }\n.product-section--white { background:#fff; }\n.product-section--light { background:#f5f8fb; }\n.product-grid { display:grid; gap:18px; }\n.product-grid .product-card,.flagship-side .product-card { transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease; }\n.product-grid--4 { grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,1fr)); grid-auto-rows:470px; }\n.product-grid--4 .product-card { grid-column:auto; grid-row:auto; }\n.product-grid--4 .product-card--lead .product-card__image img { padding:38px; }\n.product-grid--4 .product-card--lead .product-card__body h3 { font-size:22px; }\n.product-grid--3 { grid-template-columns:2fr 1fr 1fr; grid-auto-rows:500px; }\n.product-grid .product-card { min-height:0; }\n.product-grid .product-card--lead .product-card__image img { padding:44px; }\n.product-grid .product-card--lead .product-card__body { height:170px; padding:20px; }\n.product-grid .product-card--lead .product-card__body h3 { font-size:19px; }\n.product-grid .product-card--lead .product-card__image { min-height:0; }\n.product-grid--3 .product-card--lead .product-card__image img { padding:58px; }\n.product-grid--3 .product-card--lead .product-card__body { padding-left:27px; padding-right:27px; }\n.product-grid--3 .product-card--lead .product-card__body h3 { font-size:25px; }\n.product-section--blue .product-card { background:#dcebf4; }\n.product-section--white .product-card:nth-child(even) .product-card__image { background:linear-gradient(145deg,#edf7fb,#dceef6); }\n.product-section--light .product-card__image { background:linear-gradient(145deg,#f2f5f8,#e0e7ed); }\n.product-section .cta-row,.flagship .cta-row { margin-top:42px; }\n\n.company { min-height:780px; display:grid; grid-template-columns:1fr 1fr; background:var(--deep); color:#fff; }\n.company__visual { position:relative; min-height:620px; overflow:hidden; }\n.company__visual::after { content:\"\"; position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,rgba(3,21,54,.55)); }\n.company__visual img { width:100%; height:100%; object-fit:cover; }\n.company__visual>span { position:absolute; left:35px; bottom:30px; z-index:2; background:#fff; color:var(--navy); padding:12px 16px; text-transform:uppercase; letter-spacing:.14em; font-size:9px; }\n.company__content { padding:90px clamp(50px,7vw,110px) 80px; display:flex; flex-direction:column; justify-content:center; }\n.company__content h2 { margin:0 0 28px; max-width:680px; font-size:clamp(36px,3.2vw,50px); line-height:1.07; letter-spacing:-.045em; text-wrap:balance; }\n.company__content>p:not(.eyebrow) { color:#aeb9ca; font-size:14px; line-height:1.8; margin:0 0 15px; }\n.metrics { margin:34px 0 0; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(255,255,255,.14); border-left:1px solid rgba(255,255,255,.14); }\n.metric { padding:20px; border-right:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); display:flex; flex-direction:column; }\n.metric strong { font-size:27px; color:#fff; }\n.metric span { margin-top:5px; color:#8797ae; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }\n.company .cta-row { margin-top:30px; }\n\n.factory { background:#fff; }\n.factory-grid { display:grid; grid-template-columns:1.08fr .92fr; grid-template-rows:300px 300px; gap:18px; }\n.factory-card { margin:0; position:relative; overflow:hidden; background:#e8eef3; }\n.factory-card--wide { grid-row:1 \/ 3; }\n.factory-card img { width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }\n.factory-card:hover img { transform:scale(1.025); }\n.factory-card::after { content:\"\"; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(2,16,38,.82)); }\n.factory-card figcaption { position:absolute; z-index:2; left:0; right:0; bottom:0; padding:25px; color:#fff; display:flex; align-items:flex-end; gap:18px; }\n.factory-card figcaption>span { color:#73d0ff; font-size:10px; }\n.factory-card strong { font-size:18px; }\n.factory-card p { margin:7px 0 0; color:rgba(255,255,255,.66); font-size:11px; }\n\n.certificates { padding:150px 0 136px; background: radial-gradient(circle at 84% 10%, rgba(18,153,220,.1), transparent 28%), #f3f8fb; }\n.certificate-layout { grid-template-columns:1fr; gap:54px; }\n\n\/* \u5f3a\u5236\u5c06 Quality you can see. Standards you can trust. \u6807\u9898\u5927\u5c0f\u8bbe\u4e3a 52px *\/\n.certificate-copy { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr); grid-template-areas: \"eyebrow tags\" \"title copy\"; column-gap:clamp(42px,7vw,110px); align-items:end; max-width:none; padding:0 0 28px; }\n.certificate-copy::before { top:auto; right:0; bottom:0; left:0; width:100%; height:2px; background:linear-gradient(90deg,var(--blue),rgba(18,153,220,.08)); }\n.certificate-copy .eyebrow { grid-area:eyebrow; }\n.certificate-copy h2 { grid-area:title; max-width:760px; margin:0; font-size:52px !important; line-height:1.1; }\n.certificate-copy>p:not(.eyebrow) { grid-area:copy; max-width:390px; margin:0 0 2px; }\n\n\/* \u8bc1\u4e66\u677f\u5757\u7684\u6807\u7b7e\u6837\u5f0f\u4e3a\u5e26\u8fb9\u6846\u7684\u65b9\u5757\u7f51\u683c *\/\n.certificate-tags { grid-area:tags; display:flex; gap:12px; justify-content:flex-end; align-self:start; margin:0; }\n.certificate-tags span { border:1px solid #91b5d0; padding:12px 18px; font-size:13px; font-weight:700; color:var(--navy); background:#fcfdff; letter-spacing:.05em; display:inline-grid; place-items:center; min-width:72px; }\n\n\/* \u56fe\u7247\u6837\u5f0f *\/\n.certificate-image { transform:none; padding:18px 18px 78px; box-shadow:0 30px 70px rgba(6,31,80,.14); }\n.certificate-image img { content:url('https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/certificates-filled.png'); aspect-ratio:2.6; object-fit:cover; object-position:center 52%; justify-self:center; }\n\n.contact { position:relative; overflow:hidden; padding:90px 0 30px; background:linear-gradient(135deg,rgba(18,153,220,.08),transparent 34%),#091729; border-top:1px solid rgba(255,255,255,.08); }\n.contact::before { content:\"08\"; position:absolute; top:38px; right:4vw; color:rgba(255,255,255,.045); font-size:clamp(100px,16vw,220px); font-weight:800; letter-spacing:-.12em; line-height:1; pointer-events:none; }\n.contact-layout { position:relative; z-index:1; grid-template-columns:1fr; gap:70px; align-items:center; }\n\n.contact-copy { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr); grid-template-rows:auto auto 1fr; column-gap:clamp(48px,8vw,120px); max-width:none; padding:0; }\n.contact-copy .eyebrow { grid-column:1; grid-row:1; }\n.contact-copy h2 { grid-column:1; grid-row:2; max-width:780px; font-size:52px !important; line-height:1.1; margin-bottom:25px; }\n.contact-copy>p:not(.eyebrow) { grid-column:1; grid-row:3; max-width:620px; margin:0; }\n.contact-details { grid-column:2; grid-row:1 \/ 4; align-self:end; grid-template-columns:1fr 1fr; gap:0 26px; margin:0; padding:0; border-top:1px solid #2a3a4e; border-bottom:1px solid #2a3a4e; }\n.contact-details>div { padding:20px 0; border-top:0; }\n.contact-details>div:last-child { border-bottom:0; }\n.contact-form { display:none; }\n\nfooter { background:#04132d; color:#fff; padding:75px 0 24px; display:none; }\n\n@media (max-width:1000px) {\n  .site-header nav,.header-actions { display:none; }\n  .mobile-menu { display:block; }\n  .section-heading { max-width:860px; }\n  .flagship-grid { grid-template-columns:1fr; }\n  .featured-product { min-height:680px; }\n  .product-grid--4 { grid-template-columns:1fr 1fr; grid-auto-rows:450px; }\n  .product-grid--4 .product-card,.product-grid--4 .product-card--lead { grid-column:auto; grid-row:auto; }\n  .product-grid--3 { grid-template-columns:1fr 1fr; grid-auto-rows:450px; }\n  .product-grid--3 .product-card--lead { grid-column:1 \/ 3; }\n  .company { grid-template-columns:1fr; }\n  .company__visual { min-height:520px; }\n  .certificate-layout,.contact-layout { grid-template-columns:1fr; gap:56px; }\n  .certificate-copy { grid-template-columns:minmax(0,1fr) minmax(220px,.7fr); column-gap:42px; }\n  .contact-copy { grid-template-columns:1fr; grid-template-rows:auto; row-gap:0; }\n  .contact-copy .eyebrow,.contact-copy h2,.contact-copy>p:not(.eyebrow),.contact-details { grid-column:1; grid-row:auto; }\n  .contact-details { margin-top:42px; align-self:auto; }\n\n  .site-header nav a:hover,\n  .header-actions a:hover,\n  .button:hover {\n    opacity:1 !important;\n    transform:none !important;\n  }\n\n  .product-card:hover,\n  .product-card:focus-visible {\n    transform:none !important;\n    box-shadow:none !important;\n    border-color:var(--line) !important;\n  }\n\n  .product-card:hover::before,\n  .product-card:focus-visible::before {\n    transform:scale(.55) !important;\n    opacity:.2 !important;\n  }\n\n  .product-card:hover .product-card__image img,\n  .product-card:focus-visible .product-card__image img {\n    transform:translateY(0) scale(.96) !important;\n    filter:none !important;\n  }\n\n  .product-card:hover .product-card__image::after,\n  .product-card:focus-visible .product-card__image::after {\n    opacity:0 !important;\n    transform:scaleX(.25) !important;\n  }\n\n  .product-card:hover .product-card__number {\n    color:#6e7b8e !important;\n  }\n\n  .product-card:hover .product-card__arrow,\n  .product-card:focus-visible .product-card__arrow {\n    color:var(--blue) !important;\n    background:transparent !important;\n    border-color:#cbd9e5 !important;\n    transform:rotate(0deg) !important;\n  }\n\n  .product-card .product-card__body dl {\n    opacity:1 !important;\n    transform:translateY(0) !important;\n  }\n\n  .product-card .product-card__cta {\n    opacity:1 !important;\n    transform:translateY(0) !important;\n  }\n\n  .featured-product:hover {\n    transform:none !important;\n    box-shadow:none !important;\n  }\n\n  .featured-product:hover::after {\n    transform:translateX(-50%) scale(.72) !important;\n    opacity:.35 !important;\n  }\n\n  .featured-product:hover>img {\n    transform:none !important;\n  }\n\n  .factory-card:hover img {\n    transform:none !important;\n  }\n}\n\n@media (max-width:700px) {\n  .container { width:min(100% - 28px,1240px); }\n  .site-header { height:64px; padding:0 14px; }\n\n  .hero { min-height:760px; height:auto; padding:80px 0 60px; }\n  .hero__background { background-position:62% center; }\n  .hero__shade { background:linear-gradient(180deg,rgba(2,18,47,.92) 0%,rgba(2,25,56,.75) 60%,rgba(2,24,54,.9) 100%); }\n\n  .hero__content { padding:20px 16px 0; max-width:100%; }\n  .hero h1 { font-size:34px; line-height:1.08; max-width:100%; word-break:break-word; }\n  .hero__copy { font-size:15px; max-width:100%; margin-top:16px; }\n\n  .hero .cta-row { flex-direction:row; width:100%; margin-top:28px; gap:8px; }\n  .button { min-width:0; flex:1; padding:0 10px; font-size:12px; }\n\n  .hero__trust {\n    margin-top:24px;\n    flex-wrap:wrap;\n    gap:6px;\n    align-items:center;\n  }\n\n  .hero__trust p {\n    width:100%;\n    margin:4px 0 0;\n    text-align:right;\n    font-size:10px;\n  }\n\n  .scroll-hint {\n    position:static;\n    margin-top:24px;\n    justify-content:flex-end;\n    padding-right:4px;\n  }\n\n  .scroll-hint span {\n    border-radius:6px;\n  }\n\n  .section-heading { display:block; margin-bottom:28px; }\n  .section-heading h2 { font-size:32px; }\n  .section-heading>p:last-child { margin-top:14px; font-size:14px; }\n\n  .flagship,\n  .product-section,\n  .factory,\n  .certificates,\n  .contact {\n    padding:45px 0 !important;\n  }\n\n  .flagship-side,\n  .product-grid--4,\n  .product-grid--3 {\n    grid-template-columns:1fr;\n  }\n\n  .product-grid--4,\n  .product-grid--3 {\n    grid-auto-rows:auto;\n  }\n\n  .product-grid--4 .product-card,\n  .product-grid--4 .product-card--lead,\n  .product-grid--3 .product-card,\n  .product-grid--3 .product-card--lead {\n    grid-column:auto;\n    grid-row:auto;\n  }\n\n  .featured-product { min-height:620px; }\n  .featured-product>img { height:300px; padding:10px 20px; }\n  .featured-product__content { padding:20px; }\n  .featured-product__content>div:first-child { display:block; }\n  .featured-product__content h3 { font-size:26px; }\n  .featured-product__content dl { grid-template-columns:1fr; }\n  .featured-product__content dl div { display:flex; justify-content:space-between; }\n\n  .product-card {\n    grid-template-rows:minmax(200px,1fr) auto;\n    min-height:0;\n  }\n\n  .product-card__body { height:auto; padding:16px; }\n  .company__visual { min-height:390px; }\n  .company__content { padding:45px 18px; }\n  .company__content h2 { font-size:32px; }\n  .metrics { grid-template-columns:1fr 1fr; }\n  .factory-grid { display:block; }\n  .factory-card { height:260px; margin-bottom:14px; }\n\n  .certificates { padding:45px 0 !important; }\n  .certificate-layout { gap:30px; }\n  .certificate-copy {\n    grid-template-columns:1fr;\n    grid-template-areas:\"eyebrow\" \"title\" \"copy\" \"tags\";\n    row-gap:0;\n    padding:10px 0 16px 14px;\n  }\n\n  .certificate-copy::before {\n    top:10px;\n    right:auto;\n    bottom:0;\n    left:0;\n    width:3px;\n    height:auto;\n    background:linear-gradient(var(--blue),rgba(18,153,220,.08));\n  }\n\n  .certificate-copy h2 { font-size:32px !important; margin:0 0 14px; }\n  .certificate-copy>p:not(.eyebrow) { margin:0 0 18px; font-size:14px; }\n  .certificate-tags { justify-content:flex-start; flex-wrap:wrap; }\n  .certificate-image { padding:12px 12px 40px; }\n  .certificate-image img { aspect-ratio:1.6; width:100%; }\n\n  .contact { padding:32px 0 20px !important; }\n  .contact-layout { gap:30px; }\n  .contact-copy { padding-top:10px; }\n  .contact-copy h2 { font-size:32px !important; margin-bottom:14px; }\n  .contact-details { grid-template-columns:1fr; margin-top:24px; }\n  .contact-details>div { padding:14px 0; border-top:1px solid #2a3a4e; }\n  .contact-form { padding:24px 16px 20px; }\n  .form-heading { display:block; margin-bottom:20px; }\n  .form-heading strong { font-size:20px; }\n}\n\n.hero h1 {\n  color:#ffffff !important;\n}\n\n.contact,\n.contact h2,\n.contact p,\n.contact span,\n.contact strong {\n  color:#ffffff !important;\n}\n\n.contact a {\n  color:#ffffff !important;\n  text-decoration:underline;\n}\n\nsection.contact {\n  padding-bottom:30px !important;\n  margin-bottom:0 !important;\n}\n\n.footer-disclaimer p,\n.footer-bottom span,\n.footer-bottom a {\n  color:#ffffff !important;\n}\n\n.contact-description {\n  grid-column:1;\n  grid-row:3;\n  max-width:620px;\n  margin:0;\n}\n\n@media (max-width:700px) {\n  .contact-description {\n    display:none;\n  }\n}\n<\/style>\n\n\n\n<!-- 01-flagship-hard-chambers.html\uff1a\u9875\u9762\u72ec\u7acb\u677f\u5757\uff0c\u4f9d\u8d56 about.html \u5f53\u524d\u4f7f\u7528\u7684 style.css -->\n<section class=\"flagship\" id=\"products\"><div class=\"container\"><div class=\"section-heading\"><p class=\"eyebrow\">01 \u00b7 Flaggschiff-Hartkammern<\/p><h2><span class=\"ez-toc-section\" id=\"Built_for_elevated_oxygen_experiences\"><\/span>Entwickelt f\u00fcr ein unvergleichliches Sauerstofferlebnis<span class=\"ez-toc-section-end\"><\/span><\/h2><p>F\u00fcnf Formate mit feststehenden Kammern f\u00fcr private Wellness-Suiten, Kliniken und Hochleistungsumgebungen.<\/p><\/div><div class=\"flagship-grid\"><a class=\"featured-product\" href=\"https:\/\/www.hbotsale.com\/de\/he5000-mono\/\" target=\"_blank\" rel=\"noreferrer\"><div class=\"featured-product__topline\"><span>Empfohlen<\/span><span>HE-Serie \u00b7 2,0 ATA<\/span><\/div><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/he5000mono.png\" alt=\"HE5000-Mono \u2013 Flaggschiff unter den \u00dcberdruckkammern\"><div class=\"featured-product__content\"><div><p>Flaggschiff-Ein-Personen-Kammer<\/p><h3><span class=\"ez-toc-section\" id=\"HE5000-Mono\"><\/span>HE5000-Mono<span class=\"ez-toc-section-end\"><\/span><\/h3><\/div><p>Eine raffinierte Ein-Personen-Hartkammer, die Panorama-Komfort, Leistung auf klinischem Niveau und intuitive Steuerung vereint.<\/p><dl><div><dt>Kapazit\u00e4t<\/dt><dd>1 Person<\/dd><\/div><div><dt>Druck<\/dt><dd>Bis zu 2,0 ATA<\/dd><\/div><div><dt>Schale<\/dt><dd>Luftfahrtaluminium<\/dd><\/div><\/dl><\/div><\/a><div class=\"flagship-side\"><a class=\"product-card\" href=\"https:\/\/www.hbotsale.com\/de\/he5000-mini\/\" target=\"_blank\" rel=\"noreferrer\"><div class=\"product-card__image\"><span class=\"product-card__number\">01<\/span><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/he5000mini.png\" alt=\"HE5000Mini-\u00dcberdruck-Sauerstoffkammer\" loading=\"lazy\"><\/div><div class=\"product-card__body\"><div><h3><span class=\"ez-toc-section\" id=\"HE5000Mini\"><\/span>HE5000Mini<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Luxus-Einzelzimmer<\/p><\/div><span class=\"product-card__arrow\" aria-hidden=\"true\">\u2197<\/span><dl><div><dt>Design<\/dt><dd>S \u00b7 82 \u00d7 47 \u00d7 69 Zoll<\/dd><\/div><div><dt>Druck<\/dt><dd>1,5\u20132,0 ATA<\/dd><\/div><\/dl><span class=\"product-card__cta\">Produkt anzeigen <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/a><a class=\"product-card\" href=\"https:\/\/www.hbotsale.com\/de\/he5000-fort\/\" target=\"_blank\" rel=\"noreferrer\"><div class=\"product-card__image\"><span class=\"product-card__number\">02<\/span><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/he5000fort.png\" alt=\"HE5000-Fort-\u00dcberdruckkammer\" loading=\"lazy\"><\/div><div class=\"product-card__body\"><div><h3><span class=\"ez-toc-section\" id=\"HE5000-Fort\"><\/span>HE5000-Fort<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Komfort f\u00fcr 1\u20132 Personen<\/p><\/div><span class=\"product-card__arrow\" aria-hidden=\"true\">\u2197<\/span><dl><div><dt>Design<\/dt><dd>M \u00b7 89 \u00d7 46 \u00d7 74 Zoll<\/dd><\/div><div><dt>Druck<\/dt><dd>1,5\u20132,0 ATA<\/dd><\/div><\/dl><span class=\"product-card__cta\">Produkt anzeigen <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/a><a class=\"product-card\" href=\"https:\/\/www.hbotsale.com\/de\/he5000\/\" target=\"_blank\" rel=\"noreferrer\"><div class=\"product-card__image\"><span class=\"product-card__number\">03<\/span><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/he5000.png\" alt=\"HE5000-\u00dcberdruck-Sauerstoffkammer\" loading=\"lazy\"><\/div><div class=\"product-card__body\"><div><h3><span class=\"ez-toc-section\" id=\"HE5000\"><\/span>HE5000<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Ger\u00e4umig f\u00fcr 1\u20133 Personen<\/p><\/div><span class=\"product-card__arrow\" aria-hidden=\"true\">\u2197<\/span><dl><div><dt>Design<\/dt><dd>L \u00b7 82 \u00d7 64 \u00d7 69 Zoll<\/dd><\/div><div><dt>Druck<\/dt><dd>1,5\u20132,0 ATA<\/dd><\/div><\/dl><span class=\"product-card__cta\">Produkt anzeigen <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/a><a class=\"product-card\" href=\"https:\/\/www.hbotsale.com\/de\/he5000-plus\/\" target=\"_blank\" rel=\"noreferrer\"><div class=\"product-card__image\"><span class=\"product-card__number\">04<\/span><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/he5000plus.png\" alt=\"HE5000-Plus-\u00dcberdruck-Sauerstoffkammer\" loading=\"lazy\"><\/div><div class=\"product-card__body\"><div><h3><span class=\"ez-toc-section\" id=\"HE5000-Plus\"><\/span>HE5000-Plus<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Zus\u00e4tzliches Zimmer f\u00fcr 1\u20134 Personen<\/p><\/div><span class=\"product-card__arrow\" aria-hidden=\"true\">\u2197<\/span><dl><div><dt>Design<\/dt><dd>XL \u00b7 99 \u00d7 67 \u00d7 69 Zoll<\/dd><\/div><div><dt>Druck<\/dt><dd>1,5\u20132,0 ATA<\/dd><\/div><\/dl><span class=\"product-card__cta\">Produkt anzeigen <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/a><\/div><\/div><div class=\"cta-row\"><a class=\"button button--primary tawk-btn\" href=\"javascript:void(0)\"><span class=\"button-dot\" aria-hidden=\"true\"><\/span> Jetzt chatten<\/a><a class=\"button button--secondary\" href=\"#contact\">Kontakt <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div><\/div><\/section>\n<style>\n:root { --navy:#061f50; --deep:#031536; --blue:#1299dc; --sky:#eaf4fb; --ice:#f5f8fb; --line:#d8e1ea; --ink:#09172b; --muted:#647083; --white:#fff; }\n* { box-sizing:border-box; }\nhtml { scroll-behavior:smooth; }\nbody { margin:0; background:#fff; color:var(--ink); font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; }\na { color:inherit; text-decoration:none; }\nimg { display:block; max-width:100%; }\n.container { width:min(1240px, calc(100% - 64px)); margin:0 auto; }\n.site-header { height:76px; display:flex; align-items:center; padding:0 4vw; gap:38px; position:absolute; top:0; left:0; right:0; z-index:20; color:#fff; border-bottom:1px solid rgba(255,255,255,.22); }\n.brand { display:flex; align-items:center; gap:11px; font-size:22px; font-weight:800; letter-spacing:.025em; white-space:nowrap; }\n.brand-mark { width:31px; height:31px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:13px; font-weight:900; }\n.site-header nav { display:flex; gap:28px; margin-left:auto; font-size:13px; letter-spacing:.04em; }\n.site-header nav a,.header-actions a { transition:opacity .2s ease; }\n.site-header nav a:hover,.header-actions a:hover { opacity:.68; }\n.header-actions { display:flex; align-items:center; gap:22px; font-size:13px; }\n.header-chat { padding:11px 17px; border:1px solid rgba(255,255,255,.7); }\n.mobile-menu { display:none; margin-left:auto; position:relative; }\n.mobile-menu summary { list-style:none; cursor:pointer; padding:9px 13px; border:1px solid rgba(255,255,255,.5); font-size:13px; }\n.mobile-menu div { position:absolute; right:0; top:45px; width:190px; padding:12px; display:grid; gap:2px; background:#fff; color:var(--ink); box-shadow:0 18px 50px rgba(0,0,0,.18); }\n.mobile-menu div a { padding:11px; }\n\n.hero { min-height:760px; height:92vh; position:relative; color:#fff; display:flex; align-items:center; overflow:hidden; }\n.hero__background { position:absolute; inset:0; background:url('https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/hero.jpg') center center\/cover no-repeat; transform:scale(1.01); }\n.hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,18,47,.92) 0%,rgba(2,25,56,.74) 38%,rgba(2,24,54,.16) 74%,rgba(2,24,54,.08) 100%); }\n.hero__content { position:relative; z-index:2; padding-top:64px; }\n.eyebrow { margin:0 0 17px; text-transform:uppercase; letter-spacing:.16em; font-size:11px; font-weight:800; color:var(--blue); }\n.eyebrow--light { color:#9bdcff; }\n.hero h1 { margin:0; max-width:590px; font-size:clamp(40px,4.2vw,58px); line-height:1.03; letter-spacing:-.045em; font-weight:760; }\n.hero__copy { max-width:590px; margin:26px 0 0; color:rgba(255,255,255,.82); font-size:18px; line-height:1.65; }\n.cta-row { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:42px; }\n.hero .cta-row,.company .cta-row { justify-content:flex-start; }\n.button { min-width:154px; height:49px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 20px; font-size:13px; font-weight:700; transition:transform .2s ease,background .2s ease,color .2s ease; }\n.button:hover { transform:translateY(-2px); }\n.button--primary { color:#fff; background:var(--blue); }\n.button--primary:hover { background:#0b85c3; }\n.button--secondary { color:var(--navy); border:1px solid #9bacbd; background:transparent; }\n.cta-row--light .button--secondary { color:#fff; border-color:rgba(255,255,255,.58); }\n.button-dot { width:7px; height:7px; border-radius:50%; background:#7cf1b5; box-shadow:0 0 0 4px rgba(124,241,181,.14); }\n.hero__trust { margin-top:58px; display:flex; align-items:center; gap:9px; }\n.hero__trust>span { border:1px solid rgba(255,255,255,.32); padding:6px 9px; font-size:10px; font-weight:800; letter-spacing:.08em; }\n.hero__trust p { font-size:11px; color:rgba(255,255,255,.68); margin-left:8px; }\n.scroll-hint { position:absolute; bottom:26px; right:4vw; z-index:3; display:flex; gap:14px; align-items:center; font-size:11px; text-transform:uppercase; letter-spacing:.13em; }\n.scroll-hint span { width:32px; height:32px; border:1px solid rgba(255,255,255,.4); border-radius:50%; display:grid; place-items:center; }\n\n.section-heading { display:block; max-width:1020px; margin:0 0 50px; text-align:left; }\n.section-heading .eyebrow { padding:0; margin:0 0 16px; }\n.section-heading h2 { max-width:1000px; font-size:clamp(34px,3.7vw,52px); line-height:1.07; letter-spacing:-.045em; margin:0; color:var(--navy); text-wrap:balance; }\n.section-heading>p:last-child { max-width:690px; margin:20px 0 0; color:var(--muted); line-height:1.7; font-size:15px; padding:0; }\n.flagship,.product-section,.factory { padding:112px 0; }\n.flagship { background:var(--ice); }\n.flagship-grid { display:grid; grid-template-columns:1.18fr 1fr; gap:20px; }\n.featured-product { min-height:750px; position:relative; overflow:hidden; color:#fff; background:linear-gradient(155deg,#0c2e62,#041632 76%); display:flex; flex-direction:column; transition:transform .35s ease,box-shadow .35s ease; }\n.featured-product:hover { transform:translateY(-5px); box-shadow:0 28px 65px rgba(4,27,66,.24); }\n.featured-product::before { content:\"\"; position:absolute; width:520px; height:520px; border:1px solid rgba(81,183,236,.22); border-radius:50%; top:85px; left:50%; transform:translateX(-50%); }\n.featured-product::after { content:\"\"; position:absolute; width:340px; height:340px; border-radius:50%; left:50%; top:140px; transform:translateX(-50%) scale(.72); background:rgba(61,191,249,.13); filter:blur(42px); opacity:.35; transition:transform .6s ease,opacity .6s ease; }\n.featured-product:hover::after { transform:translateX(-50%) scale(1.15); opacity:.78; }\n.featured-product__topline { display:flex; justify-content:space-between; padding:24px 26px; text-transform:uppercase; letter-spacing:.12em; font-size:10px; color:#9bdcff; position:relative; z-index:2; }\n.featured-product__topline span:first-child { color:#fff; background:var(--blue); padding:7px 10px; }\n.featured-product>img { height:400px; width:100%; object-fit:contain; padding:10px 35px; position:relative; z-index:1; transition:transform .55s cubic-bezier(.2,.8,.2,1); }\n.featured-product:hover>img { transform:translateY(-8px) scale(1.045) rotate(-.6deg); }\n.featured-product__content { margin-top:auto; position:relative; z-index:2; padding:32px; border-top:1px solid rgba(255,255,255,.12); background:rgba(3,21,54,.74); }\n.featured-product__content>div:first-child { display:flex; align-items:end; justify-content:space-between; gap:25px; }\n.featured-product__content h3 { font-size:35px; margin:6px 0 0; letter-spacing:-.035em; }\n.featured-product__content p { color:#bdc9d8; line-height:1.6; font-size:14px; }\n.featured-product__content>div:first-child p { margin:0; text-transform:uppercase; letter-spacing:.1em; font-size:9px; color:#7dcff8; }\n.featured-product__content dl { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:24px 0 0; background:rgba(255,255,255,.14); }\n.featured-product__content dl div { background:#071d43; padding:15px; }\n.featured-product dt,.product-card dt { text-transform:uppercase; letter-spacing:.12em; font-size:8px; color:#8291a5; }\n.featured-product dd,.product-card dd { margin:5px 0 0; font-size:12px; }\n.flagship-side { display:grid; grid-template-columns:1fr 1fr; gap:20px; }\n.flagship-side .product-card { min-height:365px; }\n.product-card { display:grid; grid-template-rows:minmax(190px,1fr) 170px; min-width:0; min-height:360px; position:relative; overflow:hidden; isolation:isolate; background:#eaf1f6; border:1px solid var(--line); transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease; }\n.product-card::before { content:\"\"; position:absolute; z-index:-1; width:280px; height:280px; right:-100px; top:-110px; border-radius:50%; background:rgba(25,157,218,.13); transform:scale(.55); opacity:.2; transition:transform .6s ease,opacity .6s ease; }\n.product-card:hover,.product-card:focus-visible { transform:translateY(-7px); box-shadow:0 25px 60px rgba(13,45,79,.16); border-color:rgba(18,153,220,.5); outline:0; }\n.product-card:hover::before,.product-card:focus-visible::before { transform:scale(1.3); opacity:.72; }\n.product-card__image { position:relative; min-height:0; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#f6f9fb,#e5edf4); }\n.product-card__image::after { content:\"\"; position:absolute; left:15%; right:15%; bottom:22px; height:2px; background:linear-gradient(90deg,transparent,var(--blue),transparent); opacity:0; transform:scaleX(.25); transition:opacity .4s ease,transform .4s ease; }\n.product-card__image img { width:100%; height:100%; object-fit:contain; padding:23px; transform:translateY(0) scale(.96); transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease; }\n.product-card:hover .product-card__image img,.product-card:focus-visible .product-card__image img { transform:translateY(-10px) scale(1.055) rotate(-.7deg); filter:drop-shadow(0 18px 16px rgba(13,45,79,.15)); }\n.product-card:hover .product-card__image::after,.product-card:focus-visible .product-card__image::after { opacity:1; transform:scaleX(1); }\n.product-card__number { position:absolute; top:16px; left:17px; z-index:2; font-size:9px; letter-spacing:.14em; color:#6e7b8e; transition:color .3s ease; }\n.product-card:hover .product-card__number { color:var(--blue); }\n.product-card__body { height:170px; padding:20px; position:relative; z-index:3; overflow:hidden; background:#fff; border-top:1px solid var(--line); }\n.product-card__body h3 { font-size:19px; color:var(--navy); margin:0 0 7px; letter-spacing:-.02em; }\n.product-card__body p { margin:0; color:var(--muted); font-size:12px; }\n.product-card__arrow { position:absolute; right:20px; top:21px; width:28px; height:28px; display:grid; place-items:center; color:var(--blue); border:1px solid #cbd9e5; border-radius:50%; transform:rotate(0deg); transition:background .3s ease,color .3s ease,transform .35s ease; }\n.product-card:hover .product-card__arrow,.product-card:focus-visible .product-card__arrow { color:#fff; background:var(--blue); border-color:var(--blue); transform:rotate(45deg); }\n.product-card__body dl { display:grid; grid-template-columns:1fr 1fr; height:47px; border-top:1px solid var(--line); opacity:0; margin:15px 0 0; padding:12px 0 0; gap:12px; transform:translateY(5px); transition:opacity .3s ease,transform .35s ease; }\n.product-card:hover .product-card__body dl,.product-card:focus-visible .product-card__body dl { opacity:1; transform:translateY(0); }\n.product-card__body dd { color:#334259; }\n.product-card__cta { display:flex; align-items:center; justify-content:space-between; height:15px; margin-top:7px; opacity:0; text-transform:uppercase; letter-spacing:.1em; font-size:9px; font-weight:800; color:var(--navy); transform:translateY(4px); transition:opacity .3s ease,transform .35s ease; }\n.product-card:hover .product-card__cta,.product-card:focus-visible .product-card__cta { opacity:1; transform:translateY(0); }\n\n.product-section--blue { background:#eaf3f9; }\n.product-section--white { background:#fff; }\n.product-section--light { background:#f5f8fb; }\n.product-grid { display:grid; gap:18px; }\n.product-grid .product-card,.flagship-side .product-card { transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease; }\n.product-grid--4 { grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,1fr)); grid-auto-rows:470px; }\n.product-grid--4 .product-card { grid-column:auto; grid-row:auto; }\n.product-grid--4 .product-card--lead .product-card__image img { padding:38px; }\n.product-grid--4 .product-card--lead .product-card__body h3 { font-size:22px; }\n.product-grid--3 { grid-template-columns:2fr 1fr 1fr; grid-auto-rows:500px; }\n.product-grid .product-card { min-height:0; }\n.product-grid .product-card--lead .product-card__image img { padding:44px; }\n.product-grid .product-card--lead .product-card__body { height:170px; padding:20px; }\n.product-grid .product-card--lead .product-card__body h3 { font-size:19px; }\n.product-grid .product-card--lead .product-card__image { min-height:0; }\n.product-grid--3 .product-card--lead .product-card__image img { padding:58px; }\n.product-grid--3 .product-card--lead .product-card__body { padding-left:27px; padding-right:27px; }\n.product-grid--3 .product-card--lead .product-card__body h3 { font-size:25px; }\n.product-section--blue .product-card { background:#dcebf4; }\n.product-section--white .product-card:nth-child(even) .product-card__image { background:linear-gradient(145deg,#edf7fb,#dceef6); }\n.product-section--light .product-card__image { background:linear-gradient(145deg,#f2f5f8,#e0e7ed); }\n.product-section .cta-row,.flagship .cta-row { margin-top:42px; }\n\n.company { min-height:780px; display:grid; grid-template-columns:1fr 1fr; background:var(--deep); color:#fff; }\n.company__visual { position:relative; min-height:620px; overflow:hidden; }\n.company__visual::after { content:\"\"; position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,rgba(3,21,54,.55)); }\n.company__visual img { width:100%; height:100%; object-fit:cover; }\n.company__visual>span { position:absolute; left:35px; bottom:30px; z-index:2; background:#fff; color:var(--navy); padding:12px 16px; text-transform:uppercase; letter-spacing:.14em; font-size:9px; }\n.company__content { padding:90px clamp(50px,7vw,110px) 80px; display:flex; flex-direction:column; justify-content:center; }\n.company__content h2 { margin:0 0 28px; max-width:680px; font-size:clamp(36px,3.2vw,50px); line-height:1.07; letter-spacing:-.045em; text-wrap:balance; }\n.company__content>p:not(.eyebrow) { color:#aeb9ca; font-size:14px; line-height:1.8; margin:0 0 15px; }\n.metrics { margin:34px 0 0; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(255,255,255,.14); border-left:1px solid rgba(255,255,255,.14); }\n.metric { padding:20px; border-right:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); display:flex; flex-direction:column; }\n.metric strong { font-size:27px; color:#fff; }\n.metric span { margin-top:5px; color:#8797ae; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }\n.company .cta-row { margin-top:30px; }\n\n.factory { background:#fff; }\n.factory-grid { display:grid; grid-template-columns:1.08fr .92fr; grid-template-rows:300px 300px; gap:18px; }\n.factory-card { margin:0; position:relative; overflow:hidden; background:#e8eef3; }\n.factory-card--wide { grid-row:1 \/ 3; }\n.factory-card img { width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }\n.factory-card:hover img { transform:scale(1.025); }\n.factory-card::after { content:\"\"; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(2,16,38,.82)); }\n.factory-card figcaption { position:absolute; z-index:2; left:0; right:0; bottom:0; padding:25px; color:#fff; display:flex; align-items:flex-end; gap:18px; }\n.factory-card figcaption>span { color:#73d0ff; font-size:10px; }\n.factory-card strong { font-size:18px; }\n.factory-card p { margin:7px 0 0; color:rgba(255,255,255,.66); font-size:11px; }\n\n.certificates { padding:150px 0 136px; background: radial-gradient(circle at 84% 10%, rgba(18,153,220,.1), transparent 28%), #f3f8fb; }\n.certificate-layout { grid-template-columns:1fr; gap:54px; }\n\n\/* \u5f3a\u5236\u5c06 Quality you can see. Standards you can trust. \u6807\u9898\u5927\u5c0f\u8bbe\u4e3a 52px *\/\n.certificate-copy { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr); grid-template-areas: \"eyebrow tags\" \"title copy\"; column-gap:clamp(42px,7vw,110px); align-items:end; max-width:none; padding:0 0 28px; }\n.certificate-copy::before { top:auto; right:0; bottom:0; left:0; width:100%; height:2px; background:linear-gradient(90deg,var(--blue),rgba(18,153,220,.08)); }\n.certificate-copy .eyebrow { grid-area:eyebrow; }\n.certificate-copy h2 { grid-area:title; max-width:760px; margin:0; font-size: 52px !important; line-height:1.1; }\n.certificate-copy>p:not(.eyebrow) { grid-area:copy; max-width:390px; margin:0 0 2px; }\n\n\/* \u8bc1\u4e66\u677f\u5757\u7684\u6807\u7b7e\u6837\u5f0f\u4e3a\u5e26\u8fb9\u6846\u7684\u65b9\u5757\u7f51\u683c *\/\n.certificate-tags { grid-area:tags; display:flex; gap:12px; justify-content:flex-end; align-self:start; margin:0; }\n.certificate-tags span { border:1px solid #91b5d0; padding:12px 18px; font-size:13px; font-weight:700; color:var(--navy); background:#fcfdff; letter-spacing:.05em; display:inline-grid; place-items:center; min-width:72px; }\n\n\/* \u56fe\u7247\u6837\u5f0f *\/\n.certificate-image { transform:none; padding:18px 18px 78px; box-shadow:0 30px 70px rgba(6,31,80,.14); }\n.certificate-image img { content:url('https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/certificates-filled.png'); aspect-ratio:2.6; object-fit:cover; object-position:center 52%; justify-self:center; }\n\n.contact { position:relative; overflow:hidden; padding:150px 0 160px; background: linear-gradient(135deg,rgba(18,153,220,.08),transparent 34%), #091729; border-top:1px solid rgba(255,255,255,.08); }\n.contact::before { content:\"08\"; position:absolute; top:38px; right:4vw; color:rgba(255,255,255,.045); font-size:clamp(100px,16vw,220px); font-weight:800; letter-spacing:-.12em; line-height:1; pointer-events:none; }\n.contact-layout { position:relative; z-index:1; grid-template-columns:1fr; gap:70px; align-items:center; }\n\n\/* \u5f3a\u5236\u5c06 Tell us what you need. Our team will reply within 12 hours. \u6807\u9898\u5927\u5c0f\u8bbe\u4e3a 52px *\/\n.contact-copy { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr); grid-template-rows:auto auto 1fr; column-gap:clamp(48px,8vw,120px); max-width:none; padding:0; }\n.contact-copy .eyebrow { grid-column:1; grid-row:1; }\n.contact-copy h2 { grid-column:1; grid-row:2; max-width:780px; font-size: 52px !important; line-height:1.1; margin-bottom:25px; }\n.contact-copy>p:not(.eyebrow) { grid-column:1; grid-row:3; max-width:620px; margin:0; }\n\n.contact-details { grid-column:2; grid-row:1 \/ 4; align-self:end; grid-template-columns:1fr 1fr; gap:0 26px; margin:0; padding:0; border-top:1px solid #2a3a4e; border-bottom:1px solid #2a3a4e; }\n.contact-details>div { padding:20px 0; border-top:0; }\n.contact-details>div:last-child { border-bottom:0; }\n.contact-form { display:none; }\n\nfooter { background:#04132d; color:#fff; padding:75px 0 24px; display:none; }\n\n@media (max-width:1000px) {\n  .site-header nav,.header-actions { display:none; }\n  .mobile-menu { display:block; }\n  .section-heading { max-width:860px; }\n  .flagship-grid { grid-template-columns:1fr; }\n  .featured-product { min-height:680px; }\n  .product-grid--4 { grid-template-columns:1fr 1fr; grid-auto-rows:450px; }\n  .product-grid--4 .product-card,.product-grid--4 .product-card--lead { grid-column:auto; grid-row:auto; }\n  .product-grid--3 { grid-template-columns:1fr 1fr; grid-auto-rows:450px; }\n  .product-grid--3 .product-card--lead { grid-column:1 \/ 3; }\n  .company { grid-template-columns:1fr; }\n  .company__visual { min-height:520px; }\n  .certificate-layout,.contact-layout { grid-template-columns:1fr; gap:56px; }\n  .certificate-copy { grid-template-columns:minmax(0,1fr) minmax(220px,.7fr); column-gap:42px; }\n  .contact-copy { grid-template-columns:1fr; grid-template-rows:auto; row-gap:0; }\n  .contact-copy .eyebrow,.contact-copy h2,.contact-copy>p:not(.eyebrow),.contact-details { grid-column:1; grid-row:auto; }\n  .contact-details { margin-top:42px; align-self:auto; }\n  .footer-main { grid-template-columns:1.7fr 1fr 1fr; }\n  .footer-main>div:last-child { display:none; }\n\n  \/* \u79fb\u9664\u5e73\u677f\u4e0e\u79fb\u52a8\u7aef\uff08<=1000px\uff09\u7684\u6240\u6709 HOVER \u52a8\u753b\uff0c\u5e76\u8ba9\u53c2\u6570\u4e0e\u94fe\u63a5\u5e38\u9a7b\u663e\u793a *\/\n  .site-header nav a:hover, \n  .header-actions a:hover, \n  .button:hover { \n    opacity: 1 !important; \n    transform: none !important; \n  }\n  .product-card:hover, \n  .product-card:focus-visible { \n    transform: none !important; \n    box-shadow: none !important; \n    border-color: var(--line) !important; \n  }\n  .product-card:hover::before, \n  .product-card:focus-visible::before { \n    transform: scale(.55) !important; \n    opacity: .2 !important; \n  }\n  .product-card:hover .product-card__image img, \n  .product-card:focus-visible .product-card__image img { \n    transform: translateY(0) scale(.96) !important; \n    filter: none !important; \n  }\n  .product-card:hover .product-card__image::after, \n  .product-card:focus-visible .product-card__image::after { \n    opacity: 0 !important; \n    transform: scaleX(.25) !important; \n  }\n  .product-card:hover .product-card__number { \n    color: #6e7b8e !important; \n  }\n  .product-card:hover .product-card__arrow, \n  .product-card:focus-visible .product-card__arrow { \n    color: var(--blue) !important; \n    background: transparent !important; \n    border-color: #cbd9e5 !important; \n    transform: rotate(0deg) !important; \n  }\n  .product-card .product-card__body dl { \n    opacity: 1 !important; \n    transform: translateY(0) !important; \n  }\n  .product-card .product-card__cta { \n    opacity: 1 !important; \n    transform: translateY(0) !important; \n  }\n  .featured-product:hover { \n    transform: none !important; \n    box-shadow: none !important; \n  }\n  .featured-product:hover::after { \n    transform: translateX(-50%) scale(.72) !important; \n    opacity: .35 !important; \n  }\n  .featured-product:hover>img { \n    transform: none !important; \n  }\n  .factory-card:hover img { \n    transform: none !important; \n  }\n}\n\n@media (max-width:700px) {\n  .container { width:min(100% - 28px, 1240px); }\n  .site-header { height:64px; padding:0 14px; }\n  \n  .hero { min-height:760px; height:auto; padding:80px 0 60px; }\n  .hero__background { background-position:62% center; }\n  .hero__shade { background:linear-gradient(180deg,rgba(2,18,47,.92) 0%,rgba(2,25,56,.75) 60%,rgba(2,24,54,.9) 100%); }\n  \n  .hero__content { padding:20px 16px 0; max-width:100%; }\n  .hero h1 { font-size:34px; line-height:1.08; max-width:100%; word-break:break-word; }\n  .hero__copy { font-size:15px; max-width:100%; margin-top:16px; }\n  \n  .hero .cta-row { flex-direction:row; width:100%; margin-top:28px; gap:8px; }\n  .button { min-width:0; flex:1; padding:0 10px; font-size:12px; }\n  \n  .hero__trust { \n    margin-top:24px; \n    flex-wrap: wrap;\n    gap: 6px;\n    align-items: center;\n  }\n  .hero__trust p { \n    width: 100%; \n    margin: 4px 0 0 0; \n    text-align: right; \n    font-size: 10px;\n  }\n\n  .scroll-hint { \n    position: static; \n    margin-top: 24px; \n    justify-content: flex-end; \n    padding-right: 4px;\n  }\n  .scroll-hint span {\n    border-radius: 6px;\n  }\n\n  .section-heading { display:block; margin-bottom:28px; }\n  .section-heading h2 { font-size:32px; }\n  .section-heading>p:last-child { margin-top:14px; font-size:14px; }\n  \n  .flagship, .product-section, .factory, .certificates, .contact { \n    padding: 45px 0 !important; \n  }\n\n  .flagship-side,.product-grid--4,.product-grid--3 { grid-template-columns:1fr; }\n  .product-grid--4,.product-grid--3 { grid-auto-rows:auto; }\n  .product-grid--4 .product-card,.product-grid--4 .product-card--lead,.product-grid--3 .product-card,.product-grid--3 .product-card--lead { grid-column:auto; grid-row:auto; }\n  .featured-product { min-height:620px; }\n  .featured-product>img { height:300px; padding:10px 20px; }\n  .featured-product__content { padding:20px; }\n  .featured-product__content>div:first-child { display:block; }\n  .featured-product__content h3 { font-size:26px; }\n  .featured-product__content dl { grid-template-columns:1fr; }\n  .featured-product__content dl div { display:flex; justify-content:space-between; }\n  .product-card { grid-template-rows:minmax(200px,1fr) auto; min-height:0; }\n  .product-card__body { height:auto; padding:16px; }\n  .company__visual { min-height:390px; }\n  .company__content { padding:45px 18px; }\n  .company__content h2 { font-size:32px; }\n  .metrics { grid-template-columns:1fr 1fr; }\n  .factory-grid { display:block; }\n  .factory-card { height:260px; margin-bottom:14px; }\n  \n  .certificates { padding:45px 0 !important; }\n  .certificate-layout { gap:30px; }\n  .certificate-copy { grid-template-columns:1fr; grid-template-areas: \"eyebrow\" \"title\" \"copy\" \"tags\"; row-gap:0; padding:10px 0 16px 14px; }\n  .certificate-copy::before { top:10px; right:auto; bottom:0; left:0; width:3px; height:auto; background:linear-gradient(var(--blue),rgba(18,153,220,.08)); }\n  .certificate-copy h2 { font-size: 32px !important; margin:0 0 14px; } \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u9002\u4e2d\u5b57\u53f7\u9632\u6b62\u6362\u884c\u6ea2\u51fa\uff0c\u5982\u679c\u624b\u673a\u7aef\u4e5f\u5f3a\u523652px\u53ef\u4ee5\u6539\u621052px *\/\n  .certificate-copy>p:not(.eyebrow) { margin:0 0 18px; font-size:14px; }\n  .certificate-tags { justify-content:flex-start; flex-wrap: wrap; }\n  .certificate-image { padding:12px 12px 40px; }\n  .certificate-image img { aspect-ratio:1.6; width:100%; }\n\n  .contact { padding:45px 0 !important; }\n  .contact-layout { gap:30px; }\n  .contact-copy { padding-top:10px; }\n  .contact-copy h2 { font-size: 32px !important; margin-bottom:14px; } \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u9002\u4e2d\u5b57\u53f7 *\/\n  .contact-details { grid-template-columns:1fr; margin-top:24px; }\n  .contact-details>div { padding:14px 0; border-top:1px solid #2a3a4e; }\n  .contact-form { padding:24px 16px 20px; }\n  .form-heading { display:block; margin-bottom:20px; }\n  .form-heading strong { font-size:20px; }\n}\n\n\/* Page-specific overrides. *\/\n.hero h1 {\n  color: #ffffff !important;\n}\n.contact, .contact h2, .contact p, .contact span, .contact strong {\n  color: #ffffff !important;\n}\n.contact a {\n  color: #ffffff !important;\n  text-decoration: underline;\n}\nsection.contact {\n  padding-bottom: 30px !important;\n  margin-bottom: 0 !important;\n}\n.footer-disclaimer p,\n.footer-bottom span,\n.footer-bottom a {\n  color: #ffffff !important;\n}\n.contact-description {\n  grid-column: 1;\n  grid-row: 3;\n  max-width: 620px;\n  margin: 0;\n}\n@media (max-width:700px) {\n  .contact-description {\n    display: none;\n  }\n}\n<\/style>\n\n\n\n<section class=\"wp-block-themepark-block-themepark-area block_layout thempark-block MovePnly\" id=\"\" style=\"background-color:#0a1729;padding-bottom:10px;padding-top:10px;\" data-swiper-parallax=\"-700\"><div class=\"block_layout_in clomnsmal  clomnnone\" style=\"\">\n<div class=\"wp-block-column block_layout_in is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-themepark-block-themepark-wright content-super-p\" style=\"font-size:12px;line-height:20px;background-color:#ffffff;padding:10px 10px;\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n.us-support-card {\n  position: relative;\n  display: block;\n  width: 100%;\n  margin: 24px 0;\n  padding: 18px 70px 18px 20px;\n  overflow: hidden;\n  isolation: isolate;\n  border: 1px solid rgba(155, 220, 255, 0.42);\n  border-left: 4px solid #1299dc;\n  border-radius: 2px 16px 16px 2px;\n  background: linear-gradient(\n    135deg,\n    rgba(10, 63, 104, 0.95),\n    rgba(3, 21, 54, 0.88)\n  );\n  box-shadow:\n    0 16px 38px rgba(0, 0, 0, 0.25),\n    inset 0 1px 0 rgba(255, 255, 255, 0.14);\n}\n\n.us-support-card::before {\n  content: \"\";\n  position: absolute;\n  width: 180px;\n  height: 180px;\n  right: -70px;\n  top: -95px;\n  z-index: -1;\n  border-radius: 50%;\n  background: radial-gradient(\n    circle,\n    rgba(52, 190, 247, 0.4),\n    transparent 68%\n  );\n}\n\n.us-support-card::after {\n  content: \"US\";\n  position: absolute;\n  right: 16px;\n  top: 50%;\n  z-index: 0;\n  color: rgba(155, 220, 255, 0.2);\n  font-size: 52px;\n  font-weight: 900;\n  letter-spacing: -0.08em;\n  line-height: 1;\n  transform: translateY(-50%);\n}\n\n.us-support-card strong,\n.us-support-card span {\n  position: relative;\n  z-index: 1;\n  display: block;\n}\n\n.us-support-card strong {\n  color: #fff !important;\n  font-size: 16px;\n  line-height: 1.35;\n}\n\n.us-support-card span {\n  margin-top: 6px;\n  color: #9bdcff !important;\n  font-size: 11px;\n  line-height: 1.3;\n  font-weight: 800;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n\n\/* PC \u7aef\u9690\u85cf\uff0c\u4ec5\u79fb\u52a8\u7aef\u663e\u793a *\/\n@media (min-width: 701px) {\n  .us-support-card {\n    display: none;\n  }\n}\n<\/style>\n\n<div class=\"us-support-card\" aria-label=\"Unterst\u00fctzung durch die US-Tochtergesellschaft\">\n  <strong>Lager der U.S.-Tochtergesellschaft<\/strong>\n  <span>USA Lokaler technischer Support<\/span>\n<\/div>\n\n\n\n<div class=\"wp-block-themepark-block-themepark-comment thempark-block themepark-comment fromnopading undefined form-ad\" style=\"padding-top:20px;\"><div class=\"themepark-comment_in\" id=\"ud_form\"><div class=\"themepark-comment_inb2\"><div class=\"themepark-comment_inb\" style=\"\"><div class=\"themepark-comment_form nolable\" style=\"\"><form id=\"commentform-park\" class=\"themepark-c-f twomo\" action=\"https:\/\/www.hbotsale.com\/wp-comments-post.php\" method=\"post\" autocomplete=\"off\" data-trp-original-action=\"https:\/\/www.hbotsale.com\/wp-comments-post.php\"><div class=\"themepark-comment_form_box tptext\" style=\"font-size:14px;\"><lable for=\"tpcommet0\" class=\"\"><input type=\"text\" id=\"tpcommet0\" name=\"tpcommet0\" size=\"28\" style=\"\" placeholder=\"Ihr Name\"\/><\/lable><\/div><div class=\"themepark-comment_form_box tptext\" style=\"font-size:14px;\"><lable for=\"tpcommet1\" class=\"required\"><input type=\"text\" id=\"tpcommet1\" name=\"tpcommet1\" size=\"28\" required style=\"\" placeholder=\"name@company.com\"\/><span class=\"required\">*<div class=\"required_tishi animated\"><i class=\"fas fa-exclamation-circle\"><\/i><span><\/span><\/div><\/span><\/lable><\/div><div class=\"themepark-comment_form_box tpTextarea\" style=\"font-size:14px;\"><lable for=\"tpcommet2\"><textarea id=\"tpcommet2\" name=\"tpcommet2\" style=\"\" placeholder=\"Geben Sie Ihre Nachricht ein\"><\/textarea><\/lable><\/div><div class=\"hiddeninput\"><input name=\"comment_post_ID\" type=\"hidden\" value=\"6569\"\/><input name=\"author\" type=\"hidden\" class=\"author\"\/><input name=\"email\" type=\"hidden\" class=\"email\"\/><textarea name=\"comment\" style=\"display:none\" class=\"comment\"><\/textarea><input name=\"themeparklable\" type=\"hidden\" value=\"Your name|name@company.com|Enter your message\"\/><input name=\"themeparktype\" type=\"hidden\" value=\"text|text|Textarea\"\/><input name=\"redirect_to\" type=\"hidden\" value=\"https:\/\/www.hbotsale.com\"\/><input name=\"inquiryid\" type=\"hidden\"\/><input name=\"inquirytime\" type=\"hidden\"\/><input name=\"position\" type=\"hidden\"\/><\/div><div class=\"submut_box\"><input type=\"submit\" class=\"submut_btn\" name=\"submit\" style=\"\" value=\"Einreichen\"\/><div class=\"tishi\" style=\"\"><div class=\"loading\" style=\"\"><i class=\"fas fa-spinner\"><\/i>Einreichen!<\/div><div class=\"success\" style=\"\"><i class=\"fas fa-check\"><\/i>Einreichung erfolgreich!<\/div><div class=\"erro\" style=\"\"><i class=\"fas fa-exclamation-circle\"><\/i>Einreichung fehlgeschlagen!<\/div><div class=\"e-email\">Ung\u00fcltige E-Mail Adresse!<\/div><div class=\"e-tel\">Falsche Telefonnummer!<\/div><\/div><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form><\/div><div class=\"wp_clear\"><\/div><\/div><div class=\"themepark-comment_in_b\" style=\"opacity:1;undefined0\"><\/div><\/div><\/div><div class=\"wp_clear\"><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><div class=\"layout_badh\"><\/div><\/section>\n\n\n\n<!-- 02-portable-lying-chambers.html\uff1a\u9875\u9762\u72ec\u7acb\u677f\u5757\uff0c\u4f9d\u8d56 about.html \u5f53\u524d\u4f7f\u7528\u7684 style.css -->\n<section class=\"product-section product-section--blue\" id=\"lying\"><div class=\"container\"><div class=\"section-heading\"><p class=\"eyebrow\">02 \u00b7 Tragbare Liegekammern<\/p><h2><span class=\"ez-toc-section\" id=\"Rest_easy_Recover_deeply\"><\/span>Entspanne dich. Erhole dich gr\u00fcndlich.<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Leichte, weiche Kammern, die f\u00fcr entspannte, bequeme Liegeerlebnisse zu Hause oder in einem Wellnessbereich konzipiert sind.<\/p><\/div><div class=\"product-grid product-grid--4\"><a class=\"product-card product-card--lead\" href=\"https:\/\/www.hbotsale.com\/de\/st701\/\" target=\"_blank\" rel=\"noreferrer\"><div class=\"product-card__image\"><span class=\"product-card__number\">01<\/span><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/st701.png\" alt=\"ST701 \u00dcberdruck-Sauerstoffkammer\" loading=\"lazy\"><\/div><div class=\"product-card__body\"><div><h3><span class=\"ez-toc-section\" id=\"ST701\"><\/span>ST701<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Wirtschaft \u00b7 1 Person<\/p><\/div><span class=\"product-card__arrow\" aria-hidden=\"true\">\u2197<\/span><dl><div><dt>Design<\/dt><dd>S \u00b7 88 \u00d7 28 Zoll<\/dd><\/div><div><dt>Druck<\/dt><dd>1,3\u20131,5 ATA<\/dd><\/div><\/dl><span class=\"product-card__cta\">Produkt anzeigen <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/a><a class=\"product-card\" href=\"https:\/\/www.hbotsale.com\/de\/st801\/\" target=\"_blank\" rel=\"noreferrer\"><div class=\"product-card__image\"><span class=\"product-card__number\">02<\/span><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/st801.png\" alt=\"ST801 \u00dcberdruck-Sauerstoffkammer\" loading=\"lazy\"><\/div><div class=\"product-card__body\"><div><h3><span class=\"ez-toc-section\" id=\"ST801\"><\/span>ST801<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Bestseller \u00b7 1 Person<\/p><\/div><span class=\"product-card__arrow\" aria-hidden=\"true\">\u2197<\/span><dl><div><dt>Design<\/dt><dd>M \u00b7 88 \u00d7 32 Zoll<\/dd><\/div><div><dt>Druck<\/dt><dd>1,3\u20131,5 ATA<\/dd><\/div><\/dl><span class=\"product-card__cta\">Produkt anzeigen <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/a><a class=\"product-card\" href=\"https:\/\/www.hbotsale.com\/de\/st901\/\" target=\"_blank\" rel=\"noreferrer\"><div class=\"product-card__image\"><span class=\"product-card__number\">03<\/span><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/st901.png\" alt=\"ST901 \u00dcberdruck-Sauerstoffkammer\" loading=\"lazy\"><\/div><div class=\"product-card__body\"><div><h3><span class=\"ez-toc-section\" id=\"ST901\"><\/span>ST901<span class=\"ez-toc-section-end\"><\/span><\/h3><p>1 Erwachsener + 1 Kind<\/p><\/div><span class=\"product-card__arrow\" aria-hidden=\"true\">\u2197<\/span><dl><div><dt>Design<\/dt><dd>L \u00b7 88 \u00d7 35 Zoll<\/dd><\/div><div><dt>Druck<\/dt><dd>1,3\u20131,5 ATA<\/dd><\/div><\/dl><span class=\"product-card__cta\">Produkt anzeigen <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/a><a class=\"product-card\" href=\"https:\/\/www.hbotsale.com\/de\/st1001\/\" target=\"_blank\" rel=\"noreferrer\"><div class=\"product-card__image\"><span class=\"product-card__number\">04<\/span><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/st1001.png\" alt=\"ST1001 \u00dcberdruck-Sauerstoffkammer\" loading=\"lazy\"><\/div><div class=\"product-card__body\"><div><h3><span class=\"ez-toc-section\" id=\"ST1001\"><\/span>ST1001<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Komfort f\u00fcr 2 Erwachsene<\/p><\/div><span class=\"product-card__arrow\" aria-hidden=\"true\">\u2197<\/span><dl><div><dt>Design<\/dt><dd>XL \u00b7 88 \u00d7 39 Zoll<\/dd><\/div><div><dt>Druck<\/dt><dd>1,3\u20131,4 ATA<\/dd><\/div><\/dl><span class=\"product-card__cta\">Produkt anzeigen <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/a><\/div><div class=\"cta-row\"><a class=\"button button--primary tawk-btn\" href=\"javascript:void(0)\"><span class=\"button-dot\" aria-hidden=\"true\"><\/span> Jetzt chatten<\/a><a class=\"button button--secondary\" href=\"#contact\">Kontakt <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div><\/div><\/section>\n<style>\n:root { --navy:#061f50; --deep:#031536; --blue:#1299dc; --sky:#eaf4fb; --ice:#f5f8fb; --line:#d8e1ea; --ink:#09172b; --muted:#647083; --white:#fff; }\n* { box-sizing:border-box; }\nhtml { scroll-behavior:smooth; }\nbody { margin:0; background:#fff; color:var(--ink); font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; }\na { color:inherit; text-decoration:none; }\nimg { display:block; max-width:100%; }\n.container { width:min(1240px, calc(100% - 64px)); margin:0 auto; }\n.site-header { height:76px; display:flex; align-items:center; padding:0 4vw; gap:38px; position:absolute; top:0; left:0; right:0; z-index:20; color:#fff; border-bottom:1px solid rgba(255,255,255,.22); }\n.brand { display:flex; align-items:center; gap:11px; font-size:22px; font-weight:800; letter-spacing:.025em; white-space:nowrap; }\n.brand-mark { width:31px; height:31px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:13px; font-weight:900; }\n.site-header nav { display:flex; gap:28px; margin-left:auto; font-size:13px; letter-spacing:.04em; }\n.site-header nav a,.header-actions a { transition:opacity .2s ease; }\n.site-header nav a:hover,.header-actions a:hover { opacity:.68; }\n.header-actions { display:flex; align-items:center; gap:22px; font-size:13px; }\n.header-chat { padding:11px 17px; border:1px solid rgba(255,255,255,.7); }\n.mobile-menu { display:none; margin-left:auto; position:relative; }\n.mobile-menu summary { list-style:none; cursor:pointer; padding:9px 13px; border:1px solid rgba(255,255,255,.5); font-size:13px; }\n.mobile-menu div { position:absolute; right:0; top:45px; width:190px; padding:12px; display:grid; gap:2px; background:#fff; color:var(--ink); box-shadow:0 18px 50px rgba(0,0,0,.18); }\n.mobile-menu div a { padding:11px; }\n\n.hero { min-height:760px; height:92vh; position:relative; color:#fff; display:flex; align-items:center; overflow:hidden; }\n.hero__background { position:absolute; inset:0; background:url('https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/hero.jpg') center center\/cover no-repeat; transform:scale(1.01); }\n.hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,18,47,.92) 0%,rgba(2,25,56,.74) 38%,rgba(2,24,54,.16) 74%,rgba(2,24,54,.08) 100%); }\n.hero__content { position:relative; z-index:2; padding-top:64px; }\n.eyebrow { margin:0 0 17px; text-transform:uppercase; letter-spacing:.16em; font-size:11px; font-weight:800; color:var(--blue); }\n.eyebrow--light { color:#9bdcff; }\n.hero h1 { margin:0; max-width:590px; font-size:clamp(40px,4.2vw,58px); line-height:1.03; letter-spacing:-.045em; font-weight:760; }\n.hero__copy { max-width:590px; margin:26px 0 0; color:rgba(255,255,255,.82); font-size:18px; line-height:1.65; }\n.cta-row { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:42px; }\n.hero .cta-row,.company .cta-row { justify-content:flex-start; }\n.button { min-width:154px; height:49px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 20px; font-size:13px; font-weight:700; transition:transform .2s ease,background .2s ease,color .2s ease; }\n.button:hover { transform:translateY(-2px); }\n.button--primary { color:#fff; background:var(--blue); }\n.button--primary:hover { background:#0b85c3; }\n.button--secondary { color:var(--navy); border:1px solid #9bacbd; background:transparent; }\n.cta-row--light .button--secondary { color:#fff; border-color:rgba(255,255,255,.58); }\n.button-dot { width:7px; height:7px; border-radius:50%; background:#7cf1b5; box-shadow:0 0 0 4px rgba(124,241,181,.14); }\n.hero__trust { margin-top:58px; display:flex; align-items:center; gap:9px; }\n.hero__trust>span { border:1px solid rgba(255,255,255,.32); padding:6px 9px; font-size:10px; font-weight:800; letter-spacing:.08em; }\n.hero__trust p { font-size:11px; color:rgba(255,255,255,.68); margin-left:8px; }\n.scroll-hint { position:absolute; bottom:26px; right:4vw; z-index:3; display:flex; gap:14px; align-items:center; font-size:11px; text-transform:uppercase; letter-spacing:.13em; }\n.scroll-hint span { width:32px; height:32px; border:1px solid rgba(255,255,255,.4); border-radius:50%; display:grid; place-items:center; }\n\n.section-heading { display:block; max-width:1020px; margin:0 0 50px; text-align:left; }\n.section-heading .eyebrow { padding:0; margin:0 0 16px; }\n.section-heading h2 { max-width:1000px; font-size:clamp(34px,3.7vw,52px); line-height:1.07; letter-spacing:-.045em; margin:0; color:var(--navy); text-wrap:balance; }\n.section-heading>p:last-child { max-width:690px; margin:20px 0 0; color:var(--muted); line-height:1.7; font-size:15px; padding:0; }\n.flagship,.product-section,.factory { padding:112px 0; }\n.flagship { background:var(--ice); }\n.flagship-grid { display:grid; grid-template-columns:1.18fr 1fr; gap:20px; }\n.featured-product { min-height:750px; position:relative; overflow:hidden; color:#fff; background:linear-gradient(155deg,#0c2e62,#041632 76%); display:flex; flex-direction:column; transition:transform .35s ease,box-shadow .35s ease; }\n.featured-product:hover { transform:translateY(-5px); box-shadow:0 28px 65px rgba(4,27,66,.24); }\n.featured-product::before { content:\"\"; position:absolute; width:520px; height:520px; border:1px solid rgba(81,183,236,.22); border-radius:50%; top:85px; left:50%; transform:translateX(-50%); }\n.featured-product::after { content:\"\"; position:absolute; width:340px; height:340px; border-radius:50%; left:50%; top:140px; transform:translateX(-50%) scale(.72); background:rgba(61,191,249,.13); filter:blur(42px); opacity:.35; transition:transform .6s ease,opacity .6s ease; }\n.featured-product:hover::after { transform:translateX(-50%) scale(1.15); opacity:.78; }\n.featured-product__topline { display:flex; justify-content:space-between; padding:24px 26px; text-transform:uppercase; letter-spacing:.12em; font-size:10px; color:#9bdcff; position:relative; z-index:2; }\n.featured-product__topline span:first-child { color:#fff; background:var(--blue); padding:7px 10px; }\n.featured-product>img { height:400px; width:100%; object-fit:contain; padding:10px 35px; position:relative; z-index:1; transition:transform .55s cubic-bezier(.2,.8,.2,1); }\n.featured-product:hover>img { transform:translateY(-8px) scale(1.045) rotate(-.6deg); }\n.featured-product__content { margin-top:auto; position:relative; z-index:2; padding:32px; border-top:1px solid rgba(255,255,255,.12); background:rgba(3,21,54,.74); }\n.featured-product__content>div:first-child { display:flex; align-items:end; justify-content:space-between; gap:25px; }\n.featured-product__content h3 { font-size:35px; margin:6px 0 0; letter-spacing:-.035em; }\n.featured-product__content p { color:#bdc9d8; line-height:1.6; font-size:14px; }\n.featured-product__content>div:first-child p { margin:0; text-transform:uppercase; letter-spacing:.1em; font-size:9px; color:#7dcff8; }\n.featured-product__content dl { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:24px 0 0; background:rgba(255,255,255,.14); }\n.featured-product__content dl div { background:#071d43; padding:15px; }\n.featured-product dt,.product-card dt { text-transform:uppercase; letter-spacing:.12em; font-size:8px; color:#8291a5; }\n.featured-product dd,.product-card dd { margin:5px 0 0; font-size:12px; }\n.flagship-side { display:grid; grid-template-columns:1fr 1fr; gap:20px; }\n.flagship-side .product-card { min-height:365px; }\n.product-card { display:grid; grid-template-rows:minmax(190px,1fr) 170px; min-width:0; min-height:360px; position:relative; overflow:hidden; isolation:isolate; background:#eaf1f6; border:1px solid var(--line); transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease; }\n.product-card::before { content:\"\"; position:absolute; z-index:-1; width:280px; height:280px; right:-100px; top:-110px; border-radius:50%; background:rgba(25,157,218,.13); transform:scale(.55); opacity:.2; transition:transform .6s ease,opacity .6s ease; }\n.product-card:hover,.product-card:focus-visible { transform:translateY(-7px); box-shadow:0 25px 60px rgba(13,45,79,.16); border-color:rgba(18,153,220,.5); outline:0; }\n.product-card:hover::before,.product-card:focus-visible::before { transform:scale(1.3); opacity:.72; }\n.product-card__image { position:relative; min-height:0; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#f6f9fb,#e5edf4); }\n.product-card__image::after { content:\"\"; position:absolute; left:15%; right:15%; bottom:22px; height:2px; background:linear-gradient(90deg,transparent,var(--blue),transparent); opacity:0; transform:scaleX(.25); transition:opacity .4s ease,transform .4s ease; }\n.product-card__image img { width:100%; height:100%; object-fit:contain; padding:23px; transform:translateY(0) scale(.96); transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease; }\n.product-card:hover .product-card__image img,.product-card:focus-visible .product-card__image img { transform:translateY(-10px) scale(1.055) rotate(-.7deg); filter:drop-shadow(0 18px 16px rgba(13,45,79,.15)); }\n.product-card:hover .product-card__image::after,.product-card:focus-visible .product-card__image::after { opacity:1; transform:scaleX(1); }\n.product-card__number { position:absolute; top:16px; left:17px; z-index:2; font-size:9px; letter-spacing:.14em; color:#6e7b8e; transition:color .3s ease; }\n.product-card:hover .product-card__number { color:var(--blue); }\n.product-card__body { height:170px; padding:20px; position:relative; z-index:3; overflow:hidden; background:#fff; border-top:1px solid var(--line); }\n.product-card__body h3 { font-size:19px; color:var(--navy); margin:0 0 7px; letter-spacing:-.02em; }\n.product-card__body p { margin:0; color:var(--muted); font-size:12px; }\n.product-card__arrow { position:absolute; right:20px; top:21px; width:28px; height:28px; display:grid; place-items:center; color:var(--blue); border:1px solid #cbd9e5; border-radius:50%; transform:rotate(0deg); transition:background .3s ease,color .3s ease,transform .35s ease; }\n.product-card:hover .product-card__arrow,.product-card:focus-visible .product-card__arrow { color:#fff; background:var(--blue); border-color:var(--blue); transform:rotate(45deg); }\n.product-card__body dl { display:grid; grid-template-columns:1fr 1fr; height:47px; border-top:1px solid var(--line); opacity:0; margin:15px 0 0; padding:12px 0 0; gap:12px; transform:translateY(5px); transition:opacity .3s ease,transform .35s ease; }\n.product-card:hover .product-card__body dl,.product-card:focus-visible .product-card__body dl { opacity:1; transform:translateY(0); }\n.product-card__body dd { color:#334259; }\n.product-card__cta { display:flex; align-items:center; justify-content:space-between; height:15px; margin-top:7px; opacity:0; text-transform:uppercase; letter-spacing:.1em; font-size:9px; font-weight:800; color:var(--navy); transform:translateY(4px); transition:opacity .3s ease,transform .35s ease; }\n.product-card:hover .product-card__cta,.product-card:focus-visible .product-card__cta { opacity:1; transform:translateY(0); }\n\n.product-section--blue { background:#eaf3f9; }\n.product-section--white { background:#fff; }\n.product-section--light { background:#f5f8fb; }\n.product-grid { display:grid; gap:18px; }\n.product-grid .product-card,.flagship-side .product-card { transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease; }\n.product-grid--4 { grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,1fr)); grid-auto-rows:470px; }\n.product-grid--4 .product-card { grid-column:auto; grid-row:auto; }\n.product-grid--4 .product-card--lead .product-card__image img { padding:38px; }\n.product-grid--4 .product-card--lead .product-card__body h3 { font-size:22px; }\n.product-grid--3 { grid-template-columns:2fr 1fr 1fr; grid-auto-rows:500px; }\n.product-grid .product-card { min-height:0; }\n.product-grid .product-card--lead .product-card__image img { padding:44px; }\n.product-grid .product-card--lead .product-card__body { height:170px; padding:20px; }\n.product-grid .product-card--lead .product-card__body h3 { font-size:19px; }\n.product-grid .product-card--lead .product-card__image { min-height:0; }\n.product-grid--3 .product-card--lead .product-card__image img { padding:58px; }\n.product-grid--3 .product-card--lead .product-card__body { padding-left:27px; padding-right:27px; }\n.product-grid--3 .product-card--lead .product-card__body h3 { font-size:25px; }\n.product-section--blue .product-card { background:#dcebf4; }\n.product-section--white .product-card:nth-child(even) .product-card__image { background:linear-gradient(145deg,#edf7fb,#dceef6); }\n.product-section--light .product-card__image { background:linear-gradient(145deg,#f2f5f8,#e0e7ed); }\n.product-section .cta-row,.flagship .cta-row { margin-top:42px; }\n\n.company { min-height:780px; display:grid; grid-template-columns:1fr 1fr; background:var(--deep); color:#fff; }\n.company__visual { position:relative; min-height:620px; overflow:hidden; }\n.company__visual::after { content:\"\"; position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,rgba(3,21,54,.55)); }\n.company__visual img { width:100%; height:100%; object-fit:cover; }\n.company__visual>span { position:absolute; left:35px; bottom:30px; z-index:2; background:#fff; color:var(--navy); padding:12px 16px; text-transform:uppercase; letter-spacing:.14em; font-size:9px; }\n.company__content { padding:90px clamp(50px,7vw,110px) 80px; display:flex; flex-direction:column; justify-content:center; }\n.company__content h2 { margin:0 0 28px; max-width:680px; font-size:clamp(36px,3.2vw,50px); line-height:1.07; letter-spacing:-.045em; text-wrap:balance; }\n.company__content>p:not(.eyebrow) { color:#aeb9ca; font-size:14px; line-height:1.8; margin:0 0 15px; }\n.metrics { margin:34px 0 0; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(255,255,255,.14); border-left:1px solid rgba(255,255,255,.14); }\n.metric { padding:20px; border-right:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); display:flex; flex-direction:column; }\n.metric strong { font-size:27px; color:#fff; }\n.metric span { margin-top:5px; color:#8797ae; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }\n.company .cta-row { margin-top:30px; }\n\n.factory { background:#fff; }\n.factory-grid { display:grid; grid-template-columns:1.08fr .92fr; grid-template-rows:300px 300px; gap:18px; }\n.factory-card { margin:0; position:relative; overflow:hidden; background:#e8eef3; }\n.factory-card--wide { grid-row:1 \/ 3; }\n.factory-card img { width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }\n.factory-card:hover img { transform:scale(1.025); }\n.factory-card::after { content:\"\"; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(2,16,38,.82)); }\n.factory-card figcaption { position:absolute; z-index:2; left:0; right:0; bottom:0; padding:25px; color:#fff; display:flex; align-items:flex-end; gap:18px; }\n.factory-card figcaption>span { color:#73d0ff; font-size:10px; }\n.factory-card strong { font-size:18px; }\n.factory-card p { margin:7px 0 0; color:rgba(255,255,255,.66); font-size:11px; }\n\n.certificates { padding:150px 0 136px; background: radial-gradient(circle at 84% 10%, rgba(18,153,220,.1), transparent 28%), #f3f8fb; }\n.certificate-layout { grid-template-columns:1fr; gap:54px; }\n\n\/* \u5f3a\u5236\u5c06 Quality you can see. Standards you can trust. \u6807\u9898\u5927\u5c0f\u8bbe\u4e3a 52px *\/\n.certificate-copy { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr); grid-template-areas: \"eyebrow tags\" \"title copy\"; column-gap:clamp(42px,7vw,110px); align-items:end; max-width:none; padding:0 0 28px; }\n.certificate-copy::before { top:auto; right:0; bottom:0; left:0; width:100%; height:2px; background:linear-gradient(90deg,var(--blue),rgba(18,153,220,.08)); }\n.certificate-copy .eyebrow { grid-area:eyebrow; }\n.certificate-copy h2 { grid-area:title; max-width:760px; margin:0; font-size: 52px !important; line-height:1.1; }\n.certificate-copy>p:not(.eyebrow) { grid-area:copy; max-width:390px; margin:0 0 2px; }\n\n\/* \u8bc1\u4e66\u677f\u5757\u7684\u6807\u7b7e\u6837\u5f0f\u4e3a\u5e26\u8fb9\u6846\u7684\u65b9\u5757\u7f51\u683c *\/\n.certificate-tags { grid-area:tags; display:flex; gap:12px; justify-content:flex-end; align-self:start; margin:0; }\n.certificate-tags span { border:1px solid #91b5d0; padding:12px 18px; font-size:13px; font-weight:700; color:var(--navy); background:#fcfdff; letter-spacing:.05em; display:inline-grid; place-items:center; min-width:72px; }\n\n\/* \u56fe\u7247\u6837\u5f0f *\/\n.certificate-image { transform:none; padding:18px 18px 78px; box-shadow:0 30px 70px rgba(6,31,80,.14); }\n.certificate-image img { content:url('https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/certificates-filled.png'); aspect-ratio:2.6; object-fit:cover; object-position:center 52%; justify-self:center; }\n\n.contact { position:relative; overflow:hidden; padding:150px 0 160px; background: linear-gradient(135deg,rgba(18,153,220,.08),transparent 34%), #091729; border-top:1px solid rgba(255,255,255,.08); }\n.contact::before { content:\"08\"; position:absolute; top:38px; right:4vw; color:rgba(255,255,255,.045); font-size:clamp(100px,16vw,220px); font-weight:800; letter-spacing:-.12em; line-height:1; pointer-events:none; }\n.contact-layout { position:relative; z-index:1; grid-template-columns:1fr; gap:70px; align-items:center; }\n\n\/* \u5f3a\u5236\u5c06 Tell us what you need. Our team will reply within 12 hours. \u6807\u9898\u5927\u5c0f\u8bbe\u4e3a 52px *\/\n.contact-copy { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr); grid-template-rows:auto auto 1fr; column-gap:clamp(48px,8vw,120px); max-width:none; padding:0; }\n.contact-copy .eyebrow { grid-column:1; grid-row:1; }\n.contact-copy h2 { grid-column:1; grid-row:2; max-width:780px; font-size: 52px !important; line-height:1.1; margin-bottom:25px; }\n.contact-copy>p:not(.eyebrow) { grid-column:1; grid-row:3; max-width:620px; margin:0; }\n\n.contact-details { grid-column:2; grid-row:1 \/ 4; align-self:end; grid-template-columns:1fr 1fr; gap:0 26px; margin:0; padding:0; border-top:1px solid #2a3a4e; border-bottom:1px solid #2a3a4e; }\n.contact-details>div { padding:20px 0; border-top:0; }\n.contact-details>div:last-child { border-bottom:0; }\n.contact-form { display:none; }\n\nfooter { background:#04132d; color:#fff; padding:75px 0 24px; display:none; }\n\n@media (max-width:1000px) {\n  .site-header nav,.header-actions { display:none; }\n  .mobile-menu { display:block; }\n  .section-heading { max-width:860px; }\n  .flagship-grid { grid-template-columns:1fr; }\n  .featured-product { min-height:680px; }\n  .product-grid--4 { grid-template-columns:1fr 1fr; grid-auto-rows:450px; }\n  .product-grid--4 .product-card,.product-grid--4 .product-card--lead { grid-column:auto; grid-row:auto; }\n  .product-grid--3 { grid-template-columns:1fr 1fr; grid-auto-rows:450px; }\n  .product-grid--3 .product-card--lead { grid-column:1 \/ 3; }\n  .company { grid-template-columns:1fr; }\n  .company__visual { min-height:520px; }\n  .certificate-layout,.contact-layout { grid-template-columns:1fr; gap:56px; }\n  .certificate-copy { grid-template-columns:minmax(0,1fr) minmax(220px,.7fr); column-gap:42px; }\n  .contact-copy { grid-template-columns:1fr; grid-template-rows:auto; row-gap:0; }\n  .contact-copy .eyebrow,.contact-copy h2,.contact-copy>p:not(.eyebrow),.contact-details { grid-column:1; grid-row:auto; }\n  .contact-details { margin-top:42px; align-self:auto; }\n  .footer-main { grid-template-columns:1.7fr 1fr 1fr; }\n  .footer-main>div:last-child { display:none; }\n\n  \/* \u79fb\u9664\u5e73\u677f\u4e0e\u79fb\u52a8\u7aef\uff08<=1000px\uff09\u7684\u6240\u6709 HOVER \u52a8\u753b\uff0c\u5e76\u8ba9\u53c2\u6570\u4e0e\u94fe\u63a5\u5e38\u9a7b\u663e\u793a *\/\n  .site-header nav a:hover, \n  .header-actions a:hover, \n  .button:hover { \n    opacity: 1 !important; \n    transform: none !important; \n  }\n  .product-card:hover, \n  .product-card:focus-visible { \n    transform: none !important; \n    box-shadow: none !important; \n    border-color: var(--line) !important; \n  }\n  .product-card:hover::before, \n  .product-card:focus-visible::before { \n    transform: scale(.55) !important; \n    opacity: .2 !important; \n  }\n  .product-card:hover .product-card__image img, \n  .product-card:focus-visible .product-card__image img { \n    transform: translateY(0) scale(.96) !important; \n    filter: none !important; \n  }\n  .product-card:hover .product-card__image::after, \n  .product-card:focus-visible .product-card__image::after { \n    opacity: 0 !important; \n    transform: scaleX(.25) !important; \n  }\n  .product-card:hover .product-card__number { \n    color: #6e7b8e !important; \n  }\n  .product-card:hover .product-card__arrow, \n  .product-card:focus-visible .product-card__arrow { \n    color: var(--blue) !important; \n    background: transparent !important; \n    border-color: #cbd9e5 !important; \n    transform: rotate(0deg) !important; \n  }\n  .product-card .product-card__body dl { \n    opacity: 1 !important; \n    transform: translateY(0) !important; \n  }\n  .product-card .product-card__cta { \n    opacity: 1 !important; \n    transform: translateY(0) !important; \n  }\n  .featured-product:hover { \n    transform: none !important; \n    box-shadow: none !important; \n  }\n  .featured-product:hover::after { \n    transform: translateX(-50%) scale(.72) !important; \n    opacity: .35 !important; \n  }\n  .featured-product:hover>img { \n    transform: none !important; \n  }\n  .factory-card:hover img { \n    transform: none !important; \n  }\n}\n\n@media (max-width:700px) {\n  .container { width:min(100% - 28px, 1240px); }\n  .site-header { height:64px; padding:0 14px; }\n  \n  .hero { min-height:760px; height:auto; padding:80px 0 60px; }\n  .hero__background { background-position:62% center; }\n  .hero__shade { background:linear-gradient(180deg,rgba(2,18,47,.92) 0%,rgba(2,25,56,.75) 60%,rgba(2,24,54,.9) 100%); }\n  \n  .hero__content { padding:20px 16px 0; max-width:100%; }\n  .hero h1 { font-size:34px; line-height:1.08; max-width:100%; word-break:break-word; }\n  .hero__copy { font-size:15px; max-width:100%; margin-top:16px; }\n  \n  .hero .cta-row { flex-direction:row; width:100%; margin-top:28px; gap:8px; }\n  .button { min-width:0; flex:1; padding:0 10px; font-size:12px; }\n  \n  .hero__trust { \n    margin-top:24px; \n    flex-wrap: wrap;\n    gap: 6px;\n    align-items: center;\n  }\n  .hero__trust p { \n    width: 100%; \n    margin: 4px 0 0 0; \n    text-align: right; \n    font-size: 10px;\n  }\n\n  .scroll-hint { \n    position: static; \n    margin-top: 24px; \n    justify-content: flex-end; \n    padding-right: 4px;\n  }\n  .scroll-hint span {\n    border-radius: 6px;\n  }\n\n  .section-heading { display:block; margin-bottom:28px; }\n  .section-heading h2 { font-size:32px; }\n  .section-heading>p:last-child { margin-top:14px; font-size:14px; }\n  \n  .flagship, .product-section, .factory, .certificates, .contact { \n    padding: 45px 0 !important; \n  }\n\n  .flagship-side,.product-grid--4,.product-grid--3 { grid-template-columns:1fr; }\n  .product-grid--4,.product-grid--3 { grid-auto-rows:auto; }\n  .product-grid--4 .product-card,.product-grid--4 .product-card--lead,.product-grid--3 .product-card,.product-grid--3 .product-card--lead { grid-column:auto; grid-row:auto; }\n  .featured-product { min-height:620px; }\n  .featured-product>img { height:300px; padding:10px 20px; }\n  .featured-product__content { padding:20px; }\n  .featured-product__content>div:first-child { display:block; }\n  .featured-product__content h3 { font-size:26px; }\n  .featured-product__content dl { grid-template-columns:1fr; }\n  .featured-product__content dl div { display:flex; justify-content:space-between; }\n  .product-card { grid-template-rows:minmax(200px,1fr) auto; min-height:0; }\n  .product-card__body { height:auto; padding:16px; }\n  .company__visual { min-height:390px; }\n  .company__content { padding:45px 18px; }\n  .company__content h2 { font-size:32px; }\n  .metrics { grid-template-columns:1fr 1fr; }\n  .factory-grid { display:block; }\n  .factory-card { height:260px; margin-bottom:14px; }\n  \n  .certificates { padding:45px 0 !important; }\n  .certificate-layout { gap:30px; }\n  .certificate-copy { grid-template-columns:1fr; grid-template-areas: \"eyebrow\" \"title\" \"copy\" \"tags\"; row-gap:0; padding:10px 0 16px 14px; }\n  .certificate-copy::before { top:10px; right:auto; bottom:0; left:0; width:3px; height:auto; background:linear-gradient(var(--blue),rgba(18,153,220,.08)); }\n  .certificate-copy h2 { font-size: 32px !important; margin:0 0 14px; } \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u9002\u4e2d\u5b57\u53f7\u9632\u6b62\u6362\u884c\u6ea2\u51fa\uff0c\u5982\u679c\u624b\u673a\u7aef\u4e5f\u5f3a\u523652px\u53ef\u4ee5\u6539\u621052px *\/\n  .certificate-copy>p:not(.eyebrow) { margin:0 0 18px; font-size:14px; }\n  .certificate-tags { justify-content:flex-start; flex-wrap: wrap; }\n  .certificate-image { padding:12px 12px 40px; }\n  .certificate-image img { aspect-ratio:1.6; width:100%; }\n\n  .contact { padding:45px 0 !important; }\n  .contact-layout { gap:30px; }\n  .contact-copy { padding-top:10px; }\n  .contact-copy h2 { font-size: 32px !important; margin-bottom:14px; } \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u9002\u4e2d\u5b57\u53f7 *\/\n  .contact-details { grid-template-columns:1fr; margin-top:24px; }\n  .contact-details>div { padding:14px 0; border-top:1px solid #2a3a4e; }\n  .contact-form { padding:24px 16px 20px; }\n  .form-heading { display:block; margin-bottom:20px; }\n  .form-heading strong { font-size:20px; }\n}\n\n\/* Page-specific overrides. *\/\n.hero h1 {\n  color: #ffffff !important;\n}\n.contact, .contact h2, .contact p, .contact span, .contact strong {\n  color: #ffffff !important;\n}\n.contact a {\n  color: #ffffff !important;\n  text-decoration: underline;\n}\nsection.contact {\n  padding-bottom: 30px !important;\n  margin-bottom: 0 !important;\n}\n.footer-disclaimer p,\n.footer-bottom span,\n.footer-bottom a {\n  color: #ffffff !important;\n}\n.contact-description {\n  grid-column: 1;\n  grid-row: 3;\n  max-width: 620px;\n  margin: 0;\n}\n@media (max-width:700px) {\n  .contact-description {\n    display: none;\n  }\n}\n<\/style>\n\n\n\n<section class=\"wp-block-themepark-block-themepark-area block_layout thempark-block MovePnly\" id=\"maxw\" style=\"background-color:#0a1729;\" data-swiper-parallax=\"-700\"><div class=\"block_layout_in clomnsmal  clomnnone\" style=\"\">\n<div class=\"wp-block-column block_layout_in is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-themepark-block-themepark-wright content-super-p\" style=\"font-size:12px;line-height:20px;background-color:#ffffff;padding:10px 10px;\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n.us-support-card {\n  position: relative;\n  display: block;\n  width: 100%;\n  margin: 24px 0;\n  padding: 18px 70px 18px 20px;\n  overflow: hidden;\n  isolation: isolate;\n  border: 1px solid rgba(155, 220, 255, 0.42);\n  border-left: 4px solid #1299dc;\n  border-radius: 2px 16px 16px 2px;\n  background: linear-gradient(\n    135deg,\n    rgba(10, 63, 104, 0.95),\n    rgba(3, 21, 54, 0.88)\n  );\n  box-shadow:\n    0 16px 38px rgba(0, 0, 0, 0.25),\n    inset 0 1px 0 rgba(255, 255, 255, 0.14);\n}\n\n.us-support-card::before {\n  content: \"\";\n  position: absolute;\n  width: 180px;\n  height: 180px;\n  right: -70px;\n  top: -95px;\n  z-index: -1;\n  border-radius: 50%;\n  background: radial-gradient(\n    circle,\n    rgba(52, 190, 247, 0.4),\n    transparent 68%\n  );\n}\n\n.us-support-card::after {\n  content: \"US\";\n  position: absolute;\n  right: 16px;\n  top: 50%;\n  z-index: 0;\n  color: rgba(155, 220, 255, 0.2);\n  font-size: 52px;\n  font-weight: 900;\n  letter-spacing: -0.08em;\n  line-height: 1;\n  transform: translateY(-50%);\n}\n\n.us-support-card strong,\n.us-support-card span {\n  position: relative;\n  z-index: 1;\n  display: block;\n}\n\n.us-support-card strong {\n  color: #fff !important;\n  font-size: 16px;\n  line-height: 1.35;\n}\n\n.us-support-card span {\n  margin-top: 6px;\n  color: #9bdcff !important;\n  font-size: 11px;\n  line-height: 1.3;\n  font-weight: 800;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n\n\/* PC \u7aef\u9690\u85cf\uff0c\u4ec5\u79fb\u52a8\u7aef\u663e\u793a *\/\n@media (min-width: 701px) {\n  .us-support-card {\n    display: none;\n  }\n}\n<\/style>\n\n<div class=\"us-support-card\" aria-label=\"Unterst\u00fctzung durch die US-Tochtergesellschaft\">\n  <strong>Lager der U.S.-Tochtergesellschaft<\/strong>\n  <span>USA Lokaler technischer Support<\/span>\n<\/div>\n\n\n\n<div class=\"wp-block-themepark-block-themepark-comment thempark-block themepark-comment fromnopading undefined form-ad\" style=\"padding-top:20px;\"><div class=\"themepark-comment_in\" id=\"ud_form\"><div class=\"themepark-comment_inb2\"><div class=\"themepark-comment_inb\" style=\"\"><div class=\"themepark-comment_form nolable\" style=\"\"><form id=\"commentform-park\" class=\"themepark-c-f twomo\" action=\"https:\/\/www.hbotsale.com\/wp-comments-post.php\" method=\"post\" autocomplete=\"off\" data-trp-original-action=\"https:\/\/www.hbotsale.com\/wp-comments-post.php\"><div class=\"themepark-comment_form_box tptext\" style=\"font-size:14px;\"><lable for=\"tpcommet0\" class=\"\"><input type=\"text\" id=\"tpcommet0\" name=\"tpcommet0\" size=\"28\" style=\"\" placeholder=\"Ihr Name\"\/><\/lable><\/div><div class=\"themepark-comment_form_box tptext\" style=\"font-size:14px;\"><lable for=\"tpcommet1\" class=\"required\"><input type=\"text\" id=\"tpcommet1\" name=\"tpcommet1\" size=\"28\" required style=\"\" placeholder=\"name@company.com\"\/><span class=\"required\">*<div class=\"required_tishi animated\"><i class=\"fas fa-exclamation-circle\"><\/i><span><\/span><\/div><\/span><\/lable><\/div><div class=\"themepark-comment_form_box tpTextarea\" style=\"font-size:14px;\"><lable for=\"tpcommet2\"><textarea id=\"tpcommet2\" name=\"tpcommet2\" style=\"\" placeholder=\"Geben Sie Ihre Nachricht ein\"><\/textarea><\/lable><\/div><div class=\"hiddeninput\"><input name=\"comment_post_ID\" type=\"hidden\" value=\"6569\"\/><input name=\"author\" type=\"hidden\" class=\"author\"\/><input name=\"email\" type=\"hidden\" class=\"email\"\/><textarea name=\"comment\" style=\"display:none\" class=\"comment\"><\/textarea><input name=\"themeparklable\" type=\"hidden\" value=\"Your name|name@company.com|Enter your message\"\/><input name=\"themeparktype\" type=\"hidden\" value=\"text|text|Textarea\"\/><input name=\"redirect_to\" type=\"hidden\" value=\"https:\/\/www.hbotsale.com\"\/><input name=\"inquiryid\" type=\"hidden\"\/><input name=\"inquirytime\" type=\"hidden\"\/><input name=\"position\" type=\"hidden\"\/><\/div><div class=\"submut_box\"><input type=\"submit\" class=\"submut_btn\" name=\"submit\" style=\"\" value=\"Einreichen\"\/><div class=\"tishi\" style=\"\"><div class=\"loading\" style=\"\"><i class=\"fas fa-spinner\"><\/i>Einreichen!<\/div><div class=\"success\" style=\"\"><i class=\"fas fa-check\"><\/i>Einreichung erfolgreich!<\/div><div class=\"erro\" style=\"\"><i class=\"fas fa-exclamation-circle\"><\/i>Einreichung fehlgeschlagen!<\/div><div class=\"e-email\">Ung\u00fcltige E-Mail Adresse!<\/div><div class=\"e-tel\">Falsche Telefonnummer!<\/div><\/div><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form><\/div><div class=\"wp_clear\"><\/div><\/div><div class=\"themepark-comment_in_b\" style=\"opacity:1;undefined0\"><\/div><\/div><\/div><div class=\"wp_clear\"><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><div class=\"layout_badh\"><\/div><\/section>\n\n\n\n<!-- 03-portable-sitting-chambers.html\uff1a\u9875\u9762\u72ec\u7acb\u677f\u5757\uff0c\u4f9d\u8d56 about.html \u5f53\u524d\u4f7f\u7528\u7684 style.css -->\n<section class=\"product-section product-section--white\" id=\"sitting\"><div class=\"container\"><div class=\"section-heading\"><p class=\"eyebrow\">03 \u00b7 Tragbare Sitzkammern<\/p><h2><span class=\"ez-toc-section\" id=\"Space_to_sit_breathe_and_reset\"><\/span>Ein Ort zum Sitzen, Durchatmen und Auftanken<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Aufrecht stehende Kammerausf\u00fchrungen mit kompakter Stellfl\u00e4che und flexibler Kapazit\u00e4t f\u00fcr Einzel- oder Gruppensitzungen.<\/p><\/div><div class=\"product-grid product-grid--4\"><a class=\"product-card product-card--lead\" href=\"https:\/\/www.hbotsale.com\/de\/l1\/\" target=\"_blank\" rel=\"noreferrer\"><div class=\"product-card__image\"><span class=\"product-card__number\">01<\/span><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/l1.png\" alt=\"L1 Kompakte \u00dcberdruck-Sauerstoffkammer\" loading=\"lazy\"><\/div><div class=\"product-card__body\"><div><h3><span class=\"ez-toc-section\" id=\"L1_Compact\"><\/span>L1 Compact<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Kompakt \u00b7 1 Person<\/p><\/div><span class=\"product-card__arrow\" aria-hidden=\"true\">\u2197<\/span><dl><div><dt>Design<\/dt><dd>S \u00b7 55 \u00d7 26 \u00d7 63 Zoll<\/dd><\/div><div><dt>Druck<\/dt><dd>1,3\u20131,5 ATA<\/dd><\/div><\/dl><span class=\"product-card__cta\">Produkt anzeigen <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/a><a class=\"product-card\" href=\"https:\/\/www.hbotsale.com\/de\/st1700\/\" target=\"_blank\" rel=\"noreferrer\"><div class=\"product-card__image\"><span class=\"product-card__number\">02<\/span><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/st1700.png\" alt=\"ST1700 \u00dcberdruck-Sauerstoffkammer\" loading=\"lazy\"><\/div><div class=\"product-card__body\"><div><h3><span class=\"ez-toc-section\" id=\"ST1700\"><\/span>ST1700<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Komfort \u00b7 1 Person<\/p><\/div><span class=\"product-card__arrow\" aria-hidden=\"true\">\u2197<\/span><dl><div><dt>Design<\/dt><dd>Anwendung im privaten Bereich und im Wellnessbereich<\/dd><\/div><div><dt>Druck<\/dt><dd>1,3\u20131,5 ATA<\/dd><\/div><\/dl><span class=\"product-card__cta\">Produkt anzeigen <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/a><a class=\"product-card\" href=\"https:\/\/www.hbotsale.com\/de\/st2200\/\" target=\"_blank\" rel=\"noreferrer\"><div class=\"product-card__image\"><span class=\"product-card__number\">03<\/span><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/st2200.png\" alt=\"ST2200 \u00dcberdruck-Sauerstoffkammer\" loading=\"lazy\"><\/div><div class=\"product-card__body\"><div><h3><span class=\"ez-toc-section\" id=\"ST2200\"><\/span>ST2200<span class=\"ez-toc-section-end\"><\/span><\/h3><p>1 Erwachsener + 1 Kind<\/p><\/div><span class=\"product-card__arrow\" aria-hidden=\"true\">\u2197<\/span><dl><div><dt>Design<\/dt><dd>Ger\u00e4umige Sitzanordnung<\/dd><\/div><div><dt>Druck<\/dt><dd>1,3\u20131,5 ATA<\/dd><\/div><\/dl><span class=\"product-card__cta\">Produkt anzeigen <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/a><a class=\"product-card\" href=\"https:\/\/www.hbotsale.com\/de\/mc4000-u\/\" target=\"_blank\" rel=\"noreferrer\"><div class=\"product-card__image\"><span class=\"product-card__number\">04<\/span><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/mc4000u.png\" alt=\"MC4000 U \u00dcberdruck-Sauerstoffkammer\" loading=\"lazy\"><\/div><div class=\"product-card__body\"><div><h3><span class=\"ez-toc-section\" id=\"MC4000_U\"><\/span>MC4000 U<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Komfort f\u00fcr 2 Erwachsene<\/p><\/div><span class=\"product-card__arrow\" aria-hidden=\"true\">\u2197<\/span><dl><div><dt>Design<\/dt><dd>U-f\u00f6rmige Sitzkammer<\/dd><\/div><div><dt>Druck<\/dt><dd>1,3\u20131,5 ATA<\/dd><\/div><\/dl><span class=\"product-card__cta\">Produkt anzeigen <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/a><\/div><div class=\"cta-row\"><a class=\"button button--primary tawk-btn\" href=\"javascript:void(0)\"><span class=\"button-dot\" aria-hidden=\"true\"><\/span> Jetzt chatten<\/a><a class=\"button button--secondary\" href=\"#contact\">Kontakt <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div><\/div><\/section>\n<style>\n:root { --navy:#061f50; --deep:#031536; --blue:#1299dc; --sky:#eaf4fb; --ice:#f5f8fb; --line:#d8e1ea; --ink:#09172b; --muted:#647083; --white:#fff; }\n* { box-sizing:border-box; }\nhtml { scroll-behavior:smooth; }\nbody { margin:0; background:#fff; color:var(--ink); font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; }\na { color:inherit; text-decoration:none; }\nimg { display:block; max-width:100%; }\n.container { width:min(1240px, calc(100% - 64px)); margin:0 auto; }\n.site-header { height:76px; display:flex; align-items:center; padding:0 4vw; gap:38px; position:absolute; top:0; left:0; right:0; z-index:20; color:#fff; border-bottom:1px solid rgba(255,255,255,.22); }\n.brand { display:flex; align-items:center; gap:11px; font-size:22px; font-weight:800; letter-spacing:.025em; white-space:nowrap; }\n.brand-mark { width:31px; height:31px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:13px; font-weight:900; }\n.site-header nav { display:flex; gap:28px; margin-left:auto; font-size:13px; letter-spacing:.04em; }\n.site-header nav a,.header-actions a { transition:opacity .2s ease; }\n.site-header nav a:hover,.header-actions a:hover { opacity:.68; }\n.header-actions { display:flex; align-items:center; gap:22px; font-size:13px; }\n.header-chat { padding:11px 17px; border:1px solid rgba(255,255,255,.7); }\n.mobile-menu { display:none; margin-left:auto; position:relative; }\n.mobile-menu summary { list-style:none; cursor:pointer; padding:9px 13px; border:1px solid rgba(255,255,255,.5); font-size:13px; }\n.mobile-menu div { position:absolute; right:0; top:45px; width:190px; padding:12px; display:grid; gap:2px; background:#fff; color:var(--ink); box-shadow:0 18px 50px rgba(0,0,0,.18); }\n.mobile-menu div a { padding:11px; }\n\n.hero { min-height:760px; height:92vh; position:relative; color:#fff; display:flex; align-items:center; overflow:hidden; }\n.hero__background { position:absolute; inset:0; background:url('https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/hero.jpg') center center\/cover no-repeat; transform:scale(1.01); }\n.hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,18,47,.92) 0%,rgba(2,25,56,.74) 38%,rgba(2,24,54,.16) 74%,rgba(2,24,54,.08) 100%); }\n.hero__content { position:relative; z-index:2; padding-top:64px; }\n.eyebrow { margin:0 0 17px; text-transform:uppercase; letter-spacing:.16em; font-size:11px; font-weight:800; color:var(--blue); }\n.eyebrow--light { color:#9bdcff; }\n.hero h1 { margin:0; max-width:590px; font-size:clamp(40px,4.2vw,58px); line-height:1.03; letter-spacing:-.045em; font-weight:760; }\n.hero__copy { max-width:590px; margin:26px 0 0; color:rgba(255,255,255,.82); font-size:18px; line-height:1.65; }\n.cta-row { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:42px; }\n.hero .cta-row,.company .cta-row { justify-content:flex-start; }\n.button { min-width:154px; height:49px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 20px; font-size:13px; font-weight:700; transition:transform .2s ease,background .2s ease,color .2s ease; }\n.button:hover { transform:translateY(-2px); }\n.button--primary { color:#fff; background:var(--blue); }\n.button--primary:hover { background:#0b85c3; }\n.button--secondary { color:var(--navy); border:1px solid #9bacbd; background:transparent; }\n.cta-row--light .button--secondary { color:#fff; border-color:rgba(255,255,255,.58); }\n.button-dot { width:7px; height:7px; border-radius:50%; background:#7cf1b5; box-shadow:0 0 0 4px rgba(124,241,181,.14); }\n.hero__trust { margin-top:58px; display:flex; align-items:center; gap:9px; }\n.hero__trust>span { border:1px solid rgba(255,255,255,.32); padding:6px 9px; font-size:10px; font-weight:800; letter-spacing:.08em; }\n.hero__trust p { font-size:11px; color:rgba(255,255,255,.68); margin-left:8px; }\n.scroll-hint { position:absolute; bottom:26px; right:4vw; z-index:3; display:flex; gap:14px; align-items:center; font-size:11px; text-transform:uppercase; letter-spacing:.13em; }\n.scroll-hint span { width:32px; height:32px; border:1px solid rgba(255,255,255,.4); border-radius:50%; display:grid; place-items:center; }\n\n.section-heading { display:block; max-width:1020px; margin:0 0 50px; text-align:left; }\n.section-heading .eyebrow { padding:0; margin:0 0 16px; }\n.section-heading h2 { max-width:1000px; font-size:clamp(34px,3.7vw,52px); line-height:1.07; letter-spacing:-.045em; margin:0; color:var(--navy); text-wrap:balance; }\n.section-heading>p:last-child { max-width:690px; margin:20px 0 0; color:var(--muted); line-height:1.7; font-size:15px; padding:0; }\n.flagship,.product-section,.factory { padding:112px 0; }\n.flagship { background:var(--ice); }\n.flagship-grid { display:grid; grid-template-columns:1.18fr 1fr; gap:20px; }\n.featured-product { min-height:750px; position:relative; overflow:hidden; color:#fff; background:linear-gradient(155deg,#0c2e62,#041632 76%); display:flex; flex-direction:column; transition:transform .35s ease,box-shadow .35s ease; }\n.featured-product:hover { transform:translateY(-5px); box-shadow:0 28px 65px rgba(4,27,66,.24); }\n.featured-product::before { content:\"\"; position:absolute; width:520px; height:520px; border:1px solid rgba(81,183,236,.22); border-radius:50%; top:85px; left:50%; transform:translateX(-50%); }\n.featured-product::after { content:\"\"; position:absolute; width:340px; height:340px; border-radius:50%; left:50%; top:140px; transform:translateX(-50%) scale(.72); background:rgba(61,191,249,.13); filter:blur(42px); opacity:.35; transition:transform .6s ease,opacity .6s ease; }\n.featured-product:hover::after { transform:translateX(-50%) scale(1.15); opacity:.78; }\n.featured-product__topline { display:flex; justify-content:space-between; padding:24px 26px; text-transform:uppercase; letter-spacing:.12em; font-size:10px; color:#9bdcff; position:relative; z-index:2; }\n.featured-product__topline span:first-child { color:#fff; background:var(--blue); padding:7px 10px; }\n.featured-product>img { height:400px; width:100%; object-fit:contain; padding:10px 35px; position:relative; z-index:1; transition:transform .55s cubic-bezier(.2,.8,.2,1); }\n.featured-product:hover>img { transform:translateY(-8px) scale(1.045) rotate(-.6deg); }\n.featured-product__content { margin-top:auto; position:relative; z-index:2; padding:32px; border-top:1px solid rgba(255,255,255,.12); background:rgba(3,21,54,.74); }\n.featured-product__content>div:first-child { display:flex; align-items:end; justify-content:space-between; gap:25px; }\n.featured-product__content h3 { font-size:35px; margin:6px 0 0; letter-spacing:-.035em; }\n.featured-product__content p { color:#bdc9d8; line-height:1.6; font-size:14px; }\n.featured-product__content>div:first-child p { margin:0; text-transform:uppercase; letter-spacing:.1em; font-size:9px; color:#7dcff8; }\n.featured-product__content dl { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:24px 0 0; background:rgba(255,255,255,.14); }\n.featured-product__content dl div { background:#071d43; padding:15px; }\n.featured-product dt,.product-card dt { text-transform:uppercase; letter-spacing:.12em; font-size:8px; color:#8291a5; }\n.featured-product dd,.product-card dd { margin:5px 0 0; font-size:12px; }\n.flagship-side { display:grid; grid-template-columns:1fr 1fr; gap:20px; }\n.flagship-side .product-card { min-height:365px; }\n.product-card { display:grid; grid-template-rows:minmax(190px,1fr) 170px; min-width:0; min-height:360px; position:relative; overflow:hidden; isolation:isolate; background:#eaf1f6; border:1px solid var(--line); transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease; }\n.product-card::before { content:\"\"; position:absolute; z-index:-1; width:280px; height:280px; right:-100px; top:-110px; border-radius:50%; background:rgba(25,157,218,.13); transform:scale(.55); opacity:.2; transition:transform .6s ease,opacity .6s ease; }\n.product-card:hover,.product-card:focus-visible { transform:translateY(-7px); box-shadow:0 25px 60px rgba(13,45,79,.16); border-color:rgba(18,153,220,.5); outline:0; }\n.product-card:hover::before,.product-card:focus-visible::before { transform:scale(1.3); opacity:.72; }\n.product-card__image { position:relative; min-height:0; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#f6f9fb,#e5edf4); }\n.product-card__image::after { content:\"\"; position:absolute; left:15%; right:15%; bottom:22px; height:2px; background:linear-gradient(90deg,transparent,var(--blue),transparent); opacity:0; transform:scaleX(.25); transition:opacity .4s ease,transform .4s ease; }\n.product-card__image img { width:100%; height:100%; object-fit:contain; padding:23px; transform:translateY(0) scale(.96); transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease; }\n.product-card:hover .product-card__image img,.product-card:focus-visible .product-card__image img { transform:translateY(-10px) scale(1.055) rotate(-.7deg); filter:drop-shadow(0 18px 16px rgba(13,45,79,.15)); }\n.product-card:hover .product-card__image::after,.product-card:focus-visible .product-card__image::after { opacity:1; transform:scaleX(1); }\n.product-card__number { position:absolute; top:16px; left:17px; z-index:2; font-size:9px; letter-spacing:.14em; color:#6e7b8e; transition:color .3s ease; }\n.product-card:hover .product-card__number { color:var(--blue); }\n.product-card__body { height:170px; padding:20px; position:relative; z-index:3; overflow:hidden; background:#fff; border-top:1px solid var(--line); }\n.product-card__body h3 { font-size:19px; color:var(--navy); margin:0 0 7px; letter-spacing:-.02em; }\n.product-card__body p { margin:0; color:var(--muted); font-size:12px; }\n.product-card__arrow { position:absolute; right:20px; top:21px; width:28px; height:28px; display:grid; place-items:center; color:var(--blue); border:1px solid #cbd9e5; border-radius:50%; transform:rotate(0deg); transition:background .3s ease,color .3s ease,transform .35s ease; }\n.product-card:hover .product-card__arrow,.product-card:focus-visible .product-card__arrow { color:#fff; background:var(--blue); border-color:var(--blue); transform:rotate(45deg); }\n.product-card__body dl { display:grid; grid-template-columns:1fr 1fr; height:47px; border-top:1px solid var(--line); opacity:0; margin:15px 0 0; padding:12px 0 0; gap:12px; transform:translateY(5px); transition:opacity .3s ease,transform .35s ease; }\n.product-card:hover .product-card__body dl,.product-card:focus-visible .product-card__body dl { opacity:1; transform:translateY(0); }\n.product-card__body dd { color:#334259; }\n.product-card__cta { display:flex; align-items:center; justify-content:space-between; height:15px; margin-top:7px; opacity:0; text-transform:uppercase; letter-spacing:.1em; font-size:9px; font-weight:800; color:var(--navy); transform:translateY(4px); transition:opacity .3s ease,transform .35s ease; }\n.product-card:hover .product-card__cta,.product-card:focus-visible .product-card__cta { opacity:1; transform:translateY(0); }\n\n.product-section--blue { background:#eaf3f9; }\n.product-section--white { background:#fff; }\n.product-section--light { background:#f5f8fb; }\n.product-grid { display:grid; gap:18px; }\n.product-grid .product-card,.flagship-side .product-card { transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease; }\n.product-grid--4 { grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,1fr)); grid-auto-rows:470px; }\n.product-grid--4 .product-card { grid-column:auto; grid-row:auto; }\n.product-grid--4 .product-card--lead .product-card__image img { padding:38px; }\n.product-grid--4 .product-card--lead .product-card__body h3 { font-size:22px; }\n.product-grid--3 { grid-template-columns:2fr 1fr 1fr; grid-auto-rows:500px; }\n.product-grid .product-card { min-height:0; }\n.product-grid .product-card--lead .product-card__image img { padding:44px; }\n.product-grid .product-card--lead .product-card__body { height:170px; padding:20px; }\n.product-grid .product-card--lead .product-card__body h3 { font-size:19px; }\n.product-grid .product-card--lead .product-card__image { min-height:0; }\n.product-grid--3 .product-card--lead .product-card__image img { padding:58px; }\n.product-grid--3 .product-card--lead .product-card__body { padding-left:27px; padding-right:27px; }\n.product-grid--3 .product-card--lead .product-card__body h3 { font-size:25px; }\n.product-section--blue .product-card { background:#dcebf4; }\n.product-section--white .product-card:nth-child(even) .product-card__image { background:linear-gradient(145deg,#edf7fb,#dceef6); }\n.product-section--light .product-card__image { background:linear-gradient(145deg,#f2f5f8,#e0e7ed); }\n.product-section .cta-row,.flagship .cta-row { margin-top:42px; }\n\n.company { min-height:780px; display:grid; grid-template-columns:1fr 1fr; background:var(--deep); color:#fff; }\n.company__visual { position:relative; min-height:620px; overflow:hidden; }\n.company__visual::after { content:\"\"; position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,rgba(3,21,54,.55)); }\n.company__visual img { width:100%; height:100%; object-fit:cover; }\n.company__visual>span { position:absolute; left:35px; bottom:30px; z-index:2; background:#fff; color:var(--navy); padding:12px 16px; text-transform:uppercase; letter-spacing:.14em; font-size:9px; }\n.company__content { padding:90px clamp(50px,7vw,110px) 80px; display:flex; flex-direction:column; justify-content:center; }\n.company__content h2 { margin:0 0 28px; max-width:680px; font-size:clamp(36px,3.2vw,50px); line-height:1.07; letter-spacing:-.045em; text-wrap:balance; }\n.company__content>p:not(.eyebrow) { color:#aeb9ca; font-size:14px; line-height:1.8; margin:0 0 15px; }\n.metrics { margin:34px 0 0; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(255,255,255,.14); border-left:1px solid rgba(255,255,255,.14); }\n.metric { padding:20px; border-right:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); display:flex; flex-direction:column; }\n.metric strong { font-size:27px; color:#fff; }\n.metric span { margin-top:5px; color:#8797ae; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }\n.company .cta-row { margin-top:30px; }\n\n.factory { background:#fff; }\n.factory-grid { display:grid; grid-template-columns:1.08fr .92fr; grid-template-rows:300px 300px; gap:18px; }\n.factory-card { margin:0; position:relative; overflow:hidden; background:#e8eef3; }\n.factory-card--wide { grid-row:1 \/ 3; }\n.factory-card img { width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }\n.factory-card:hover img { transform:scale(1.025); }\n.factory-card::after { content:\"\"; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(2,16,38,.82)); }\n.factory-card figcaption { position:absolute; z-index:2; left:0; right:0; bottom:0; padding:25px; color:#fff; display:flex; align-items:flex-end; gap:18px; }\n.factory-card figcaption>span { color:#73d0ff; font-size:10px; }\n.factory-card strong { font-size:18px; }\n.factory-card p { margin:7px 0 0; color:rgba(255,255,255,.66); font-size:11px; }\n\n.certificates { padding:150px 0 136px; background: radial-gradient(circle at 84% 10%, rgba(18,153,220,.1), transparent 28%), #f3f8fb; }\n.certificate-layout { grid-template-columns:1fr; gap:54px; }\n\n\/* \u5f3a\u5236\u5c06 Quality you can see. Standards you can trust. \u6807\u9898\u5927\u5c0f\u8bbe\u4e3a 52px *\/\n.certificate-copy { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr); grid-template-areas: \"eyebrow tags\" \"title copy\"; column-gap:clamp(42px,7vw,110px); align-items:end; max-width:none; padding:0 0 28px; }\n.certificate-copy::before { top:auto; right:0; bottom:0; left:0; width:100%; height:2px; background:linear-gradient(90deg,var(--blue),rgba(18,153,220,.08)); }\n.certificate-copy .eyebrow { grid-area:eyebrow; }\n.certificate-copy h2 { grid-area:title; max-width:760px; margin:0; font-size: 52px !important; line-height:1.1; }\n.certificate-copy>p:not(.eyebrow) { grid-area:copy; max-width:390px; margin:0 0 2px; }\n\n\/* \u8bc1\u4e66\u677f\u5757\u7684\u6807\u7b7e\u6837\u5f0f\u4e3a\u5e26\u8fb9\u6846\u7684\u65b9\u5757\u7f51\u683c *\/\n.certificate-tags { grid-area:tags; display:flex; gap:12px; justify-content:flex-end; align-self:start; margin:0; }\n.certificate-tags span { border:1px solid #91b5d0; padding:12px 18px; font-size:13px; font-weight:700; color:var(--navy); background:#fcfdff; letter-spacing:.05em; display:inline-grid; place-items:center; min-width:72px; }\n\n\/* \u56fe\u7247\u6837\u5f0f *\/\n.certificate-image { transform:none; padding:18px 18px 78px; box-shadow:0 30px 70px rgba(6,31,80,.14); }\n.certificate-image img { content:url('https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/certificates-filled.png'); aspect-ratio:2.6; object-fit:cover; object-position:center 52%; justify-self:center; }\n\n.contact { position:relative; overflow:hidden; padding:150px 0 160px; background: linear-gradient(135deg,rgba(18,153,220,.08),transparent 34%), #091729; border-top:1px solid rgba(255,255,255,.08); }\n.contact::before { content:\"08\"; position:absolute; top:38px; right:4vw; color:rgba(255,255,255,.045); font-size:clamp(100px,16vw,220px); font-weight:800; letter-spacing:-.12em; line-height:1; pointer-events:none; }\n.contact-layout { position:relative; z-index:1; grid-template-columns:1fr; gap:70px; align-items:center; }\n\n\/* \u5f3a\u5236\u5c06 Tell us what you need. Our team will reply within 12 hours. \u6807\u9898\u5927\u5c0f\u8bbe\u4e3a 52px *\/\n.contact-copy { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr); grid-template-rows:auto auto 1fr; column-gap:clamp(48px,8vw,120px); max-width:none; padding:0; }\n.contact-copy .eyebrow { grid-column:1; grid-row:1; }\n.contact-copy h2 { grid-column:1; grid-row:2; max-width:780px; font-size: 52px !important; line-height:1.1; margin-bottom:25px; }\n.contact-copy>p:not(.eyebrow) { grid-column:1; grid-row:3; max-width:620px; margin:0; }\n\n.contact-details { grid-column:2; grid-row:1 \/ 4; align-self:end; grid-template-columns:1fr 1fr; gap:0 26px; margin:0; padding:0; border-top:1px solid #2a3a4e; border-bottom:1px solid #2a3a4e; }\n.contact-details>div { padding:20px 0; border-top:0; }\n.contact-details>div:last-child { border-bottom:0; }\n.contact-form { display:none; }\n\nfooter { background:#04132d; color:#fff; padding:75px 0 24px; display:none; }\n\n@media (max-width:1000px) {\n  .site-header nav,.header-actions { display:none; }\n  .mobile-menu { display:block; }\n  .section-heading { max-width:860px; }\n  .flagship-grid { grid-template-columns:1fr; }\n  .featured-product { min-height:680px; }\n  .product-grid--4 { grid-template-columns:1fr 1fr; grid-auto-rows:450px; }\n  .product-grid--4 .product-card,.product-grid--4 .product-card--lead { grid-column:auto; grid-row:auto; }\n  .product-grid--3 { grid-template-columns:1fr 1fr; grid-auto-rows:450px; }\n  .product-grid--3 .product-card--lead { grid-column:1 \/ 3; }\n  .company { grid-template-columns:1fr; }\n  .company__visual { min-height:520px; }\n  .certificate-layout,.contact-layout { grid-template-columns:1fr; gap:56px; }\n  .certificate-copy { grid-template-columns:minmax(0,1fr) minmax(220px,.7fr); column-gap:42px; }\n  .contact-copy { grid-template-columns:1fr; grid-template-rows:auto; row-gap:0; }\n  .contact-copy .eyebrow,.contact-copy h2,.contact-copy>p:not(.eyebrow),.contact-details { grid-column:1; grid-row:auto; }\n  .contact-details { margin-top:42px; align-self:auto; }\n  .footer-main { grid-template-columns:1.7fr 1fr 1fr; }\n  .footer-main>div:last-child { display:none; }\n\n  \/* \u79fb\u9664\u5e73\u677f\u4e0e\u79fb\u52a8\u7aef\uff08<=1000px\uff09\u7684\u6240\u6709 HOVER \u52a8\u753b\uff0c\u5e76\u8ba9\u53c2\u6570\u4e0e\u94fe\u63a5\u5e38\u9a7b\u663e\u793a *\/\n  .site-header nav a:hover, \n  .header-actions a:hover, \n  .button:hover { \n    opacity: 1 !important; \n    transform: none !important; \n  }\n  .product-card:hover, \n  .product-card:focus-visible { \n    transform: none !important; \n    box-shadow: none !important; \n    border-color: var(--line) !important; \n  }\n  .product-card:hover::before, \n  .product-card:focus-visible::before { \n    transform: scale(.55) !important; \n    opacity: .2 !important; \n  }\n  .product-card:hover .product-card__image img, \n  .product-card:focus-visible .product-card__image img { \n    transform: translateY(0) scale(.96) !important; \n    filter: none !important; \n  }\n  .product-card:hover .product-card__image::after, \n  .product-card:focus-visible .product-card__image::after { \n    opacity: 0 !important; \n    transform: scaleX(.25) !important; \n  }\n  .product-card:hover .product-card__number { \n    color: #6e7b8e !important; \n  }\n  .product-card:hover .product-card__arrow, \n  .product-card:focus-visible .product-card__arrow { \n    color: var(--blue) !important; \n    background: transparent !important; \n    border-color: #cbd9e5 !important; \n    transform: rotate(0deg) !important; \n  }\n  .product-card .product-card__body dl { \n    opacity: 1 !important; \n    transform: translateY(0) !important; \n  }\n  .product-card .product-card__cta { \n    opacity: 1 !important; \n    transform: translateY(0) !important; \n  }\n  .featured-product:hover { \n    transform: none !important; \n    box-shadow: none !important; \n  }\n  .featured-product:hover::after { \n    transform: translateX(-50%) scale(.72) !important; \n    opacity: .35 !important; \n  }\n  .featured-product:hover>img { \n    transform: none !important; \n  }\n  .factory-card:hover img { \n    transform: none !important; \n  }\n}\n\n@media (max-width:700px) {\n  .container { width:min(100% - 28px, 1240px); }\n  .site-header { height:64px; padding:0 14px; }\n  \n  .hero { min-height:760px; height:auto; padding:80px 0 60px; }\n  .hero__background { background-position:62% center; }\n  .hero__shade { background:linear-gradient(180deg,rgba(2,18,47,.92) 0%,rgba(2,25,56,.75) 60%,rgba(2,24,54,.9) 100%); }\n  \n  .hero__content { padding:20px 16px 0; max-width:100%; }\n  .hero h1 { font-size:34px; line-height:1.08; max-width:100%; word-break:break-word; }\n  .hero__copy { font-size:15px; max-width:100%; margin-top:16px; }\n  \n  .hero .cta-row { flex-direction:row; width:100%; margin-top:28px; gap:8px; }\n  .button { min-width:0; flex:1; padding:0 10px; font-size:12px; }\n  \n  .hero__trust { \n    margin-top:24px; \n    flex-wrap: wrap;\n    gap: 6px;\n    align-items: center;\n  }\n  .hero__trust p { \n    width: 100%; \n    margin: 4px 0 0 0; \n    text-align: right; \n    font-size: 10px;\n  }\n\n  .scroll-hint { \n    position: static; \n    margin-top: 24px; \n    justify-content: flex-end; \n    padding-right: 4px;\n  }\n  .scroll-hint span {\n    border-radius: 6px;\n  }\n\n  .section-heading { display:block; margin-bottom:28px; }\n  .section-heading h2 { font-size:32px; }\n  .section-heading>p:last-child { margin-top:14px; font-size:14px; }\n  \n  .flagship, .product-section, .factory, .certificates, .contact { \n    padding: 45px 0 !important; \n  }\n\n  .flagship-side,.product-grid--4,.product-grid--3 { grid-template-columns:1fr; }\n  .product-grid--4,.product-grid--3 { grid-auto-rows:auto; }\n  .product-grid--4 .product-card,.product-grid--4 .product-card--lead,.product-grid--3 .product-card,.product-grid--3 .product-card--lead { grid-column:auto; grid-row:auto; }\n  .featured-product { min-height:620px; }\n  .featured-product>img { height:300px; padding:10px 20px; }\n  .featured-product__content { padding:20px; }\n  .featured-product__content>div:first-child { display:block; }\n  .featured-product__content h3 { font-size:26px; }\n  .featured-product__content dl { grid-template-columns:1fr; }\n  .featured-product__content dl div { display:flex; justify-content:space-between; }\n  .product-card { grid-template-rows:minmax(200px,1fr) auto; min-height:0; }\n  .product-card__body { height:auto; padding:16px; }\n  .company__visual { min-height:390px; }\n  .company__content { padding:45px 18px; }\n  .company__content h2 { font-size:32px; }\n  .metrics { grid-template-columns:1fr 1fr; }\n  .factory-grid { display:block; }\n  .factory-card { height:260px; margin-bottom:14px; }\n  \n  .certificates { padding:45px 0 !important; }\n  .certificate-layout { gap:30px; }\n  .certificate-copy { grid-template-columns:1fr; grid-template-areas: \"eyebrow\" \"title\" \"copy\" \"tags\"; row-gap:0; padding:10px 0 16px 14px; }\n  .certificate-copy::before { top:10px; right:auto; bottom:0; left:0; width:3px; height:auto; background:linear-gradient(var(--blue),rgba(18,153,220,.08)); }\n  .certificate-copy h2 { font-size: 32px !important; margin:0 0 14px; } \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u9002\u4e2d\u5b57\u53f7\u9632\u6b62\u6362\u884c\u6ea2\u51fa\uff0c\u5982\u679c\u624b\u673a\u7aef\u4e5f\u5f3a\u523652px\u53ef\u4ee5\u6539\u621052px *\/\n  .certificate-copy>p:not(.eyebrow) { margin:0 0 18px; font-size:14px; }\n  .certificate-tags { justify-content:flex-start; flex-wrap: wrap; }\n  .certificate-image { padding:12px 12px 40px; }\n  .certificate-image img { aspect-ratio:1.6; width:100%; }\n\n  .contact { padding:45px 0 !important; }\n  .contact-layout { gap:30px; }\n  .contact-copy { padding-top:10px; }\n  .contact-copy h2 { font-size: 32px !important; margin-bottom:14px; } \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u9002\u4e2d\u5b57\u53f7 *\/\n  .contact-details { grid-template-columns:1fr; margin-top:24px; }\n  .contact-details>div { padding:14px 0; border-top:1px solid #2a3a4e; }\n  .contact-form { padding:24px 16px 20px; }\n  .form-heading { display:block; margin-bottom:20px; }\n  .form-heading strong { font-size:20px; }\n}\n\n\/* Page-specific overrides. *\/\n.hero h1 {\n  color: #ffffff !important;\n}\n.contact, .contact h2, .contact p, .contact span, .contact strong {\n  color: #ffffff !important;\n}\n.contact a {\n  color: #ffffff !important;\n  text-decoration: underline;\n}\nsection.contact {\n  padding-bottom: 30px !important;\n  margin-bottom: 0 !important;\n}\n.footer-disclaimer p,\n.footer-bottom span,\n.footer-bottom a {\n  color: #ffffff !important;\n}\n.contact-description {\n  grid-column: 1;\n  grid-row: 3;\n  max-width: 620px;\n  margin: 0;\n}\n@media (max-width:700px) {\n  .contact-description {\n    display: none;\n  }\n}\n<\/style>\n\n\n\n<section class=\"wp-block-themepark-block-themepark-area block_layout thempark-block MovePnly\" id=\"maxw\" style=\"background-color:#0a1729;\" data-swiper-parallax=\"-700\"><div class=\"block_layout_in clomnsmal  clomnnone\" style=\"\">\n<div class=\"wp-block-column block_layout_in is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-themepark-block-themepark-wright content-super-p\" style=\"font-size:12px;line-height:20px;background-color:#ffffff;padding:10px 10px;\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n.us-support-card {\n  position: relative;\n  display: block;\n  width: 100%;\n  margin: 24px 0;\n  padding: 18px 70px 18px 20px;\n  overflow: hidden;\n  isolation: isolate;\n  border: 1px solid rgba(155, 220, 255, 0.42);\n  border-left: 4px solid #1299dc;\n  border-radius: 2px 16px 16px 2px;\n  background: linear-gradient(\n    135deg,\n    rgba(10, 63, 104, 0.95),\n    rgba(3, 21, 54, 0.88)\n  );\n  box-shadow:\n    0 16px 38px rgba(0, 0, 0, 0.25),\n    inset 0 1px 0 rgba(255, 255, 255, 0.14);\n}\n\n.us-support-card::before {\n  content: \"\";\n  position: absolute;\n  width: 180px;\n  height: 180px;\n  right: -70px;\n  top: -95px;\n  z-index: -1;\n  border-radius: 50%;\n  background: radial-gradient(\n    circle,\n    rgba(52, 190, 247, 0.4),\n    transparent 68%\n  );\n}\n\n.us-support-card::after {\n  content: \"US\";\n  position: absolute;\n  right: 16px;\n  top: 50%;\n  z-index: 0;\n  color: rgba(155, 220, 255, 0.2);\n  font-size: 52px;\n  font-weight: 900;\n  letter-spacing: -0.08em;\n  line-height: 1;\n  transform: translateY(-50%);\n}\n\n.us-support-card strong,\n.us-support-card span {\n  position: relative;\n  z-index: 1;\n  display: block;\n}\n\n.us-support-card strong {\n  color: #fff !important;\n  font-size: 16px;\n  line-height: 1.35;\n}\n\n.us-support-card span {\n  margin-top: 6px;\n  color: #9bdcff !important;\n  font-size: 11px;\n  line-height: 1.3;\n  font-weight: 800;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n\n\/* PC \u7aef\u9690\u85cf\uff0c\u4ec5\u79fb\u52a8\u7aef\u663e\u793a *\/\n@media (min-width: 701px) {\n  .us-support-card {\n    display: none;\n  }\n}\n<\/style>\n\n<div class=\"us-support-card\" aria-label=\"Unterst\u00fctzung durch die US-Tochtergesellschaft\">\n  <strong>Lager der U.S.-Tochtergesellschaft<\/strong>\n  <span>USA Lokaler technischer Support<\/span>\n<\/div>\n\n\n\n<div class=\"wp-block-themepark-block-themepark-comment thempark-block themepark-comment fromnopading undefined form-ad\" style=\"padding-top:20px;\"><div class=\"themepark-comment_in\" id=\"ud_form\"><div class=\"themepark-comment_inb2\"><div class=\"themepark-comment_inb\" style=\"\"><div class=\"themepark-comment_form nolable\" style=\"\"><form id=\"commentform-park\" class=\"themepark-c-f twomo\" action=\"https:\/\/www.hbotsale.com\/wp-comments-post.php\" method=\"post\" autocomplete=\"off\" data-trp-original-action=\"https:\/\/www.hbotsale.com\/wp-comments-post.php\"><div class=\"themepark-comment_form_box tptext\" style=\"font-size:14px;\"><lable for=\"tpcommet0\" class=\"\"><input type=\"text\" id=\"tpcommet0\" name=\"tpcommet0\" size=\"28\" style=\"\" placeholder=\"Ihr Name\"\/><\/lable><\/div><div class=\"themepark-comment_form_box tptext\" style=\"font-size:14px;\"><lable for=\"tpcommet1\" class=\"required\"><input type=\"text\" id=\"tpcommet1\" name=\"tpcommet1\" size=\"28\" required style=\"\" placeholder=\"name@company.com\"\/><span class=\"required\">*<div class=\"required_tishi animated\"><i class=\"fas fa-exclamation-circle\"><\/i><span><\/span><\/div><\/span><\/lable><\/div><div class=\"themepark-comment_form_box tpTextarea\" style=\"font-size:14px;\"><lable for=\"tpcommet2\"><textarea id=\"tpcommet2\" name=\"tpcommet2\" style=\"\" placeholder=\"Geben Sie Ihre Nachricht ein\"><\/textarea><\/lable><\/div><div class=\"hiddeninput\"><input name=\"comment_post_ID\" type=\"hidden\" value=\"6569\"\/><input name=\"author\" type=\"hidden\" class=\"author\"\/><input name=\"email\" type=\"hidden\" class=\"email\"\/><textarea name=\"comment\" style=\"display:none\" class=\"comment\"><\/textarea><input name=\"themeparklable\" type=\"hidden\" value=\"Your name|name@company.com|Enter your message\"\/><input name=\"themeparktype\" type=\"hidden\" value=\"text|text|Textarea\"\/><input name=\"redirect_to\" type=\"hidden\" value=\"https:\/\/www.hbotsale.com\"\/><input name=\"inquiryid\" type=\"hidden\"\/><input name=\"inquirytime\" type=\"hidden\"\/><input name=\"position\" type=\"hidden\"\/><\/div><div class=\"submut_box\"><input type=\"submit\" class=\"submut_btn\" name=\"submit\" style=\"\" value=\"Einreichen\"\/><div class=\"tishi\" style=\"\"><div class=\"loading\" style=\"\"><i class=\"fas fa-spinner\"><\/i>Einreichen!<\/div><div class=\"success\" style=\"\"><i class=\"fas fa-check\"><\/i>Einreichung erfolgreich!<\/div><div class=\"erro\" style=\"\"><i class=\"fas fa-exclamation-circle\"><\/i>Einreichung fehlgeschlagen!<\/div><div class=\"e-email\">Ung\u00fcltige E-Mail Adresse!<\/div><div class=\"e-tel\">Falsche Telefonnummer!<\/div><\/div><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form><\/div><div class=\"wp_clear\"><\/div><\/div><div class=\"themepark-comment_in_b\" style=\"opacity:1;undefined0\"><\/div><\/div><\/div><div class=\"wp_clear\"><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><div class=\"layout_badh\"><\/div><\/section>\n\n\n\n<!-- 04-monoplace-hard-chambers.html\uff1a\u9875\u9762\u72ec\u7acb\u677f\u5757\uff0c\u4f9d\u8d56 about.html \u5f53\u524d\u4f7f\u7528\u7684 style.css -->\n<section class=\"product-section product-section--light\" id=\"monoplace\"><div class=\"container\"><div class=\"section-heading\"><p class=\"eyebrow\">04 \u00b7 Monoplace-Hartkammern<\/p><h2><span class=\"ez-toc-section\" id=\"Clear_views_Confident_performance\"><\/span>Klare Sicht. Souver\u00e4ne Leistung.<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Pr\u00e4zisionsgefertigte, stabile Kammern mit gro\u00dfz\u00fcgigem Innenraum und einer transparenten, vertrauenerweckenden Benutzererfahrung.<\/p><\/div><div class=\"product-grid product-grid--3\"><a class=\"product-card product-card--lead\" href=\"https:\/\/www.hbotsale.com\/de\/hp1501-2202-85\/\" target=\"_blank\" rel=\"noreferrer\"><div class=\"product-card__image\"><span class=\"product-card__number\">01<\/span><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/hp1501.png\" alt=\"\u00dcberdruck-Sauerstoffkammer der Serie HP1501\" loading=\"lazy\"><\/div><div class=\"product-card__body\"><div><h3><span class=\"ez-toc-section\" id=\"HP1501_Series\"><\/span>HP1501-Serie<span class=\"ez-toc-section-end\"><\/span><\/h3><p>In vier Gr\u00f6\u00dfen erh\u00e4ltlich<\/p><\/div><span class=\"product-card__arrow\" aria-hidden=\"true\">\u2197<\/span><dl><div><dt>Design<\/dt><dd>Einzelperson-Hartkammer<\/dd><\/div><div><dt>Druck<\/dt><dd>Bis zu 2,0 ATA<\/dd><\/div><\/dl><span class=\"product-card__cta\">Produkt anzeigen <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/a><a class=\"product-card\" href=\"https:\/\/www.hbotsale.com\/de\/hp1501-2202-90\/\" target=\"_blank\" rel=\"noreferrer\"><div class=\"product-card__image\"><span class=\"product-card__number\">02<\/span><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/hp2202.png\" alt=\"\u00dcberdruck-Sauerstoffkammer der Serie HP2202\" loading=\"lazy\"><\/div><div class=\"product-card__body\"><div><h3><span class=\"ez-toc-section\" id=\"HP2202_Series\"><\/span>HP2202-Serie<span class=\"ez-toc-section-end\"><\/span><\/h3><p>In vier Gr\u00f6\u00dfen erh\u00e4ltlich<\/p><\/div><span class=\"product-card__arrow\" aria-hidden=\"true\">\u2197<\/span><dl><div><dt>Design<\/dt><dd>Komfort nach klinischem Vorbild<\/dd><\/div><div><dt>Druck<\/dt><dd>Bis zu 2,0 ATA<\/dd><\/div><\/dl><span class=\"product-card__cta\">Produkt anzeigen <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/a><a class=\"product-card\" href=\"https:\/\/www.hbotsale.com\/de\/hp1501-2202-100\/\" target=\"_blank\" rel=\"noreferrer\"><div class=\"product-card__image\"><span class=\"product-card__number\">03<\/span><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/diamond100.png\" alt=\"Hyperbare Sauerstoffkammer \u201eDiamond-100\u201c\" loading=\"lazy\"><\/div><div class=\"product-card__body\"><div><h3><span class=\"ez-toc-section\" id=\"Diamond-100\"><\/span>Diamant-100<span class=\"ez-toc-section-end\"><\/span><\/h3><p>Hochtransparente H\u00fclle<\/p><\/div><span class=\"product-card__arrow\" aria-hidden=\"true\">\u2197<\/span><dl><div><dt>Design<\/dt><dd>Breites Rundumsichtfeld<\/dd><\/div><div><dt>Druck<\/dt><dd>Bis zu 2,0 ATA<\/dd><\/div><\/dl><span class=\"product-card__cta\">Produkt anzeigen <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/a><\/div><div class=\"cta-row\"><a class=\"button button--primary tawk-btn\" href=\"javascript:void(0)\"><span class=\"button-dot\" aria-hidden=\"true\"><\/span> Jetzt chatten<\/a><a class=\"button button--secondary\" href=\"#contact\">Kontakt <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div><\/div><\/section>\n<style>\n:root { --navy:#061f50; --deep:#031536; --blue:#1299dc; --sky:#eaf4fb; --ice:#f5f8fb; --line:#d8e1ea; --ink:#09172b; --muted:#647083; --white:#fff; }\n* { box-sizing:border-box; }\nhtml { scroll-behavior:smooth; }\nbody { margin:0; background:#fff; color:var(--ink); font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; }\na { color:inherit; text-decoration:none; }\nimg { display:block; max-width:100%; }\n.container { width:min(1240px, calc(100% - 64px)); margin:0 auto; }\n.site-header { height:76px; display:flex; align-items:center; padding:0 4vw; gap:38px; position:absolute; top:0; left:0; right:0; z-index:20; color:#fff; border-bottom:1px solid rgba(255,255,255,.22); }\n.brand { display:flex; align-items:center; gap:11px; font-size:22px; font-weight:800; letter-spacing:.025em; white-space:nowrap; }\n.brand-mark { width:31px; height:31px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:13px; font-weight:900; }\n.site-header nav { display:flex; gap:28px; margin-left:auto; font-size:13px; letter-spacing:.04em; }\n.site-header nav a,.header-actions a { transition:opacity .2s ease; }\n.site-header nav a:hover,.header-actions a:hover { opacity:.68; }\n.header-actions { display:flex; align-items:center; gap:22px; font-size:13px; }\n.header-chat { padding:11px 17px; border:1px solid rgba(255,255,255,.7); }\n.mobile-menu { display:none; margin-left:auto; position:relative; }\n.mobile-menu summary { list-style:none; cursor:pointer; padding:9px 13px; border:1px solid rgba(255,255,255,.5); font-size:13px; }\n.mobile-menu div { position:absolute; right:0; top:45px; width:190px; padding:12px; display:grid; gap:2px; background:#fff; color:var(--ink); box-shadow:0 18px 50px rgba(0,0,0,.18); }\n.mobile-menu div a { padding:11px; }\n\n.hero { min-height:760px; height:92vh; position:relative; color:#fff; display:flex; align-items:center; overflow:hidden; }\n.hero__background { position:absolute; inset:0; background:url('https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/hero.jpg') center center\/cover no-repeat; transform:scale(1.01); }\n.hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,18,47,.92) 0%,rgba(2,25,56,.74) 38%,rgba(2,24,54,.16) 74%,rgba(2,24,54,.08) 100%); }\n.hero__content { position:relative; z-index:2; padding-top:64px; }\n.eyebrow { margin:0 0 17px; text-transform:uppercase; letter-spacing:.16em; font-size:11px; font-weight:800; color:var(--blue); }\n.eyebrow--light { color:#9bdcff; }\n.hero h1 { margin:0; max-width:590px; font-size:clamp(40px,4.2vw,58px); line-height:1.03; letter-spacing:-.045em; font-weight:760; }\n.hero__copy { max-width:590px; margin:26px 0 0; color:rgba(255,255,255,.82); font-size:18px; line-height:1.65; }\n.cta-row { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:42px; }\n.hero .cta-row,.company .cta-row { justify-content:flex-start; }\n.button { min-width:154px; height:49px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 20px; font-size:13px; font-weight:700; transition:transform .2s ease,background .2s ease,color .2s ease; }\n.button:hover { transform:translateY(-2px); }\n.button--primary { color:#fff; background:var(--blue); }\n.button--primary:hover { background:#0b85c3; }\n.button--secondary { color:var(--navy); border:1px solid #9bacbd; background:transparent; }\n.cta-row--light .button--secondary { color:#fff; border-color:rgba(255,255,255,.58); }\n.button-dot { width:7px; height:7px; border-radius:50%; background:#7cf1b5; box-shadow:0 0 0 4px rgba(124,241,181,.14); }\n.hero__trust { margin-top:58px; display:flex; align-items:center; gap:9px; }\n.hero__trust>span { border:1px solid rgba(255,255,255,.32); padding:6px 9px; font-size:10px; font-weight:800; letter-spacing:.08em; }\n.hero__trust p { font-size:11px; color:rgba(255,255,255,.68); margin-left:8px; }\n.scroll-hint { position:absolute; bottom:26px; right:4vw; z-index:3; display:flex; gap:14px; align-items:center; font-size:11px; text-transform:uppercase; letter-spacing:.13em; }\n.scroll-hint span { width:32px; height:32px; border:1px solid rgba(255,255,255,.4); border-radius:50%; display:grid; place-items:center; }\n\n.section-heading { display:block; max-width:1020px; margin:0 0 50px; text-align:left; }\n.section-heading .eyebrow { padding:0; margin:0 0 16px; }\n.section-heading h2 { max-width:1000px; font-size:clamp(34px,3.7vw,52px); line-height:1.07; letter-spacing:-.045em; margin:0; color:var(--navy); text-wrap:balance; }\n.section-heading>p:last-child { max-width:690px; margin:20px 0 0; color:var(--muted); line-height:1.7; font-size:15px; padding:0; }\n.flagship,.product-section,.factory { padding:112px 0; }\n.flagship { background:var(--ice); }\n.flagship-grid { display:grid; grid-template-columns:1.18fr 1fr; gap:20px; }\n.featured-product { min-height:750px; position:relative; overflow:hidden; color:#fff; background:linear-gradient(155deg,#0c2e62,#041632 76%); display:flex; flex-direction:column; transition:transform .35s ease,box-shadow .35s ease; }\n.featured-product:hover { transform:translateY(-5px); box-shadow:0 28px 65px rgba(4,27,66,.24); }\n.featured-product::before { content:\"\"; position:absolute; width:520px; height:520px; border:1px solid rgba(81,183,236,.22); border-radius:50%; top:85px; left:50%; transform:translateX(-50%); }\n.featured-product::after { content:\"\"; position:absolute; width:340px; height:340px; border-radius:50%; left:50%; top:140px; transform:translateX(-50%) scale(.72); background:rgba(61,191,249,.13); filter:blur(42px); opacity:.35; transition:transform .6s ease,opacity .6s ease; }\n.featured-product:hover::after { transform:translateX(-50%) scale(1.15); opacity:.78; }\n.featured-product__topline { display:flex; justify-content:space-between; padding:24px 26px; text-transform:uppercase; letter-spacing:.12em; font-size:10px; color:#9bdcff; position:relative; z-index:2; }\n.featured-product__topline span:first-child { color:#fff; background:var(--blue); padding:7px 10px; }\n.featured-product>img { height:400px; width:100%; object-fit:contain; padding:10px 35px; position:relative; z-index:1; transition:transform .55s cubic-bezier(.2,.8,.2,1); }\n.featured-product:hover>img { transform:translateY(-8px) scale(1.045) rotate(-.6deg); }\n.featured-product__content { margin-top:auto; position:relative; z-index:2; padding:32px; border-top:1px solid rgba(255,255,255,.12); background:rgba(3,21,54,.74); }\n.featured-product__content>div:first-child { display:flex; align-items:end; justify-content:space-between; gap:25px; }\n.featured-product__content h3 { font-size:35px; margin:6px 0 0; letter-spacing:-.035em; }\n.featured-product__content p { color:#bdc9d8; line-height:1.6; font-size:14px; }\n.featured-product__content>div:first-child p { margin:0; text-transform:uppercase; letter-spacing:.1em; font-size:9px; color:#7dcff8; }\n.featured-product__content dl { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:24px 0 0; background:rgba(255,255,255,.14); }\n.featured-product__content dl div { background:#071d43; padding:15px; }\n.featured-product dt,.product-card dt { text-transform:uppercase; letter-spacing:.12em; font-size:8px; color:#8291a5; }\n.featured-product dd,.product-card dd { margin:5px 0 0; font-size:12px; }\n.flagship-side { display:grid; grid-template-columns:1fr 1fr; gap:20px; }\n.flagship-side .product-card { min-height:365px; }\n.product-card { display:grid; grid-template-rows:minmax(190px,1fr) 170px; min-width:0; min-height:360px; position:relative; overflow:hidden; isolation:isolate; background:#eaf1f6; border:1px solid var(--line); transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease; }\n.product-card::before { content:\"\"; position:absolute; z-index:-1; width:280px; height:280px; right:-100px; top:-110px; border-radius:50%; background:rgba(25,157,218,.13); transform:scale(.55); opacity:.2; transition:transform .6s ease,opacity .6s ease; }\n.product-card:hover,.product-card:focus-visible { transform:translateY(-7px); box-shadow:0 25px 60px rgba(13,45,79,.16); border-color:rgba(18,153,220,.5); outline:0; }\n.product-card:hover::before,.product-card:focus-visible::before { transform:scale(1.3); opacity:.72; }\n.product-card__image { position:relative; min-height:0; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#f6f9fb,#e5edf4); }\n.product-card__image::after { content:\"\"; position:absolute; left:15%; right:15%; bottom:22px; height:2px; background:linear-gradient(90deg,transparent,var(--blue),transparent); opacity:0; transform:scaleX(.25); transition:opacity .4s ease,transform .4s ease; }\n.product-card__image img { width:100%; height:100%; object-fit:contain; padding:23px; transform:translateY(0) scale(.96); transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease; }\n.product-card:hover .product-card__image img,.product-card:focus-visible .product-card__image img { transform:translateY(-10px) scale(1.055) rotate(-.7deg); filter:drop-shadow(0 18px 16px rgba(13,45,79,.15)); }\n.product-card:hover .product-card__image::after,.product-card:focus-visible .product-card__image::after { opacity:1; transform:scaleX(1); }\n.product-card__number { position:absolute; top:16px; left:17px; z-index:2; font-size:9px; letter-spacing:.14em; color:#6e7b8e; transition:color .3s ease; }\n.product-card:hover .product-card__number { color:var(--blue); }\n.product-card__body { height:170px; padding:20px; position:relative; z-index:3; overflow:hidden; background:#fff; border-top:1px solid var(--line); }\n.product-card__body h3 { font-size:19px; color:var(--navy); margin:0 0 7px; letter-spacing:-.02em; }\n.product-card__body p { margin:0; color:var(--muted); font-size:12px; }\n.product-card__arrow { position:absolute; right:20px; top:21px; width:28px; height:28px; display:grid; place-items:center; color:var(--blue); border:1px solid #cbd9e5; border-radius:50%; transform:rotate(0deg); transition:background .3s ease,color .3s ease,transform .35s ease; }\n.product-card:hover .product-card__arrow,.product-card:focus-visible .product-card__arrow { color:#fff; background:var(--blue); border-color:var(--blue); transform:rotate(45deg); }\n.product-card__body dl { display:grid; grid-template-columns:1fr 1fr; height:47px; border-top:1px solid var(--line); opacity:0; margin:15px 0 0; padding:12px 0 0; gap:12px; transform:translateY(5px); transition:opacity .3s ease,transform .35s ease; }\n.product-card:hover .product-card__body dl,.product-card:focus-visible .product-card__body dl { opacity:1; transform:translateY(0); }\n.product-card__body dd { color:#334259; }\n.product-card__cta { display:flex; align-items:center; justify-content:space-between; height:15px; margin-top:7px; opacity:0; text-transform:uppercase; letter-spacing:.1em; font-size:9px; font-weight:800; color:var(--navy); transform:translateY(4px); transition:opacity .3s ease,transform .35s ease; }\n.product-card:hover .product-card__cta,.product-card:focus-visible .product-card__cta { opacity:1; transform:translateY(0); }\n\n.product-section--blue { background:#eaf3f9; }\n.product-section--white { background:#fff; }\n.product-section--light { background:#f5f8fb; }\n.product-grid { display:grid; gap:18px; }\n.product-grid .product-card,.flagship-side .product-card { transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease; }\n.product-grid--4 { grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,1fr)); grid-auto-rows:470px; }\n.product-grid--4 .product-card { grid-column:auto; grid-row:auto; }\n.product-grid--4 .product-card--lead .product-card__image img { padding:38px; }\n.product-grid--4 .product-card--lead .product-card__body h3 { font-size:22px; }\n.product-grid--3 { grid-template-columns:2fr 1fr 1fr; grid-auto-rows:500px; }\n.product-grid .product-card { min-height:0; }\n.product-grid .product-card--lead .product-card__image img { padding:44px; }\n.product-grid .product-card--lead .product-card__body { height:170px; padding:20px; }\n.product-grid .product-card--lead .product-card__body h3 { font-size:19px; }\n.product-grid .product-card--lead .product-card__image { min-height:0; }\n.product-grid--3 .product-card--lead .product-card__image img { padding:58px; }\n.product-grid--3 .product-card--lead .product-card__body { padding-left:27px; padding-right:27px; }\n.product-grid--3 .product-card--lead .product-card__body h3 { font-size:25px; }\n.product-section--blue .product-card { background:#dcebf4; }\n.product-section--white .product-card:nth-child(even) .product-card__image { background:linear-gradient(145deg,#edf7fb,#dceef6); }\n.product-section--light .product-card__image { background:linear-gradient(145deg,#f2f5f8,#e0e7ed); }\n.product-section .cta-row,.flagship .cta-row { margin-top:42px; }\n\n.company { min-height:780px; display:grid; grid-template-columns:1fr 1fr; background:var(--deep); color:#fff; }\n.company__visual { position:relative; min-height:620px; overflow:hidden; }\n.company__visual::after { content:\"\"; position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,rgba(3,21,54,.55)); }\n.company__visual img { width:100%; height:100%; object-fit:cover; }\n.company__visual>span { position:absolute; left:35px; bottom:30px; z-index:2; background:#fff; color:var(--navy); padding:12px 16px; text-transform:uppercase; letter-spacing:.14em; font-size:9px; }\n.company__content { padding:90px clamp(50px,7vw,110px) 80px; display:flex; flex-direction:column; justify-content:center; }\n.company__content h2 { margin:0 0 28px; max-width:680px; font-size:clamp(36px,3.2vw,50px); line-height:1.07; letter-spacing:-.045em; text-wrap:balance; }\n.company__content>p:not(.eyebrow) { color:#aeb9ca; font-size:14px; line-height:1.8; margin:0 0 15px; }\n.metrics { margin:34px 0 0; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(255,255,255,.14); border-left:1px solid rgba(255,255,255,.14); }\n.metric { padding:20px; border-right:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); display:flex; flex-direction:column; }\n.metric strong { font-size:27px; color:#fff; }\n.metric span { margin-top:5px; color:#8797ae; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }\n.company .cta-row { margin-top:30px; }\n\n.factory { background:#fff; }\n.factory-grid { display:grid; grid-template-columns:1.08fr .92fr; grid-template-rows:300px 300px; gap:18px; }\n.factory-card { margin:0; position:relative; overflow:hidden; background:#e8eef3; }\n.factory-card--wide { grid-row:1 \/ 3; }\n.factory-card img { width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }\n.factory-card:hover img { transform:scale(1.025); }\n.factory-card::after { content:\"\"; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(2,16,38,.82)); }\n.factory-card figcaption { position:absolute; z-index:2; left:0; right:0; bottom:0; padding:25px; color:#fff; display:flex; align-items:flex-end; gap:18px; }\n.factory-card figcaption>span { color:#73d0ff; font-size:10px; }\n.factory-card strong { font-size:18px; }\n.factory-card p { margin:7px 0 0; color:rgba(255,255,255,.66); font-size:11px; }\n\n.certificates { padding:150px 0 136px; background: radial-gradient(circle at 84% 10%, rgba(18,153,220,.1), transparent 28%), #f3f8fb; }\n.certificate-layout { grid-template-columns:1fr; gap:54px; }\n\n\/* \u5f3a\u5236\u5c06 Quality you can see. Standards you can trust. \u6807\u9898\u5927\u5c0f\u8bbe\u4e3a 52px *\/\n.certificate-copy { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr); grid-template-areas: \"eyebrow tags\" \"title copy\"; column-gap:clamp(42px,7vw,110px); align-items:end; max-width:none; padding:0 0 28px; }\n.certificate-copy::before { top:auto; right:0; bottom:0; left:0; width:100%; height:2px; background:linear-gradient(90deg,var(--blue),rgba(18,153,220,.08)); }\n.certificate-copy .eyebrow { grid-area:eyebrow; }\n.certificate-copy h2 { grid-area:title; max-width:760px; margin:0; font-size: 52px !important; line-height:1.1; }\n.certificate-copy>p:not(.eyebrow) { grid-area:copy; max-width:390px; margin:0 0 2px; }\n\n\/* \u8bc1\u4e66\u677f\u5757\u7684\u6807\u7b7e\u6837\u5f0f\u4e3a\u5e26\u8fb9\u6846\u7684\u65b9\u5757\u7f51\u683c *\/\n.certificate-tags { grid-area:tags; display:flex; gap:12px; justify-content:flex-end; align-self:start; margin:0; }\n.certificate-tags span { border:1px solid #91b5d0; padding:12px 18px; font-size:13px; font-weight:700; color:var(--navy); background:#fcfdff; letter-spacing:.05em; display:inline-grid; place-items:center; min-width:72px; }\n\n\/* \u56fe\u7247\u6837\u5f0f *\/\n.certificate-image { transform:none; padding:18px 18px 78px; box-shadow:0 30px 70px rgba(6,31,80,.14); }\n.certificate-image img { content:url('https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/certificates-filled.png'); aspect-ratio:2.6; object-fit:cover; object-position:center 52%; justify-self:center; }\n\n.contact { position:relative; overflow:hidden; padding:150px 0 160px; background: linear-gradient(135deg,rgba(18,153,220,.08),transparent 34%), #091729; border-top:1px solid rgba(255,255,255,.08); }\n.contact::before { content:\"08\"; position:absolute; top:38px; right:4vw; color:rgba(255,255,255,.045); font-size:clamp(100px,16vw,220px); font-weight:800; letter-spacing:-.12em; line-height:1; pointer-events:none; }\n.contact-layout { position:relative; z-index:1; grid-template-columns:1fr; gap:70px; align-items:center; }\n\n\/* \u5f3a\u5236\u5c06 Tell us what you need. Our team will reply within 12 hours. \u6807\u9898\u5927\u5c0f\u8bbe\u4e3a 52px *\/\n.contact-copy { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr); grid-template-rows:auto auto 1fr; column-gap:clamp(48px,8vw,120px); max-width:none; padding:0; }\n.contact-copy .eyebrow { grid-column:1; grid-row:1; }\n.contact-copy h2 { grid-column:1; grid-row:2; max-width:780px; font-size: 52px !important; line-height:1.1; margin-bottom:25px; }\n.contact-copy>p:not(.eyebrow) { grid-column:1; grid-row:3; max-width:620px; margin:0; }\n\n.contact-details { grid-column:2; grid-row:1 \/ 4; align-self:end; grid-template-columns:1fr 1fr; gap:0 26px; margin:0; padding:0; border-top:1px solid #2a3a4e; border-bottom:1px solid #2a3a4e; }\n.contact-details>div { padding:20px 0; border-top:0; }\n.contact-details>div:last-child { border-bottom:0; }\n.contact-form { display:none; }\n\nfooter { background:#04132d; color:#fff; padding:75px 0 24px; display:none; }\n\n@media (max-width:1000px) {\n  .site-header nav,.header-actions { display:none; }\n  .mobile-menu { display:block; }\n  .section-heading { max-width:860px; }\n  .flagship-grid { grid-template-columns:1fr; }\n  .featured-product { min-height:680px; }\n  .product-grid--4 { grid-template-columns:1fr 1fr; grid-auto-rows:450px; }\n  .product-grid--4 .product-card,.product-grid--4 .product-card--lead { grid-column:auto; grid-row:auto; }\n  .product-grid--3 { grid-template-columns:1fr 1fr; grid-auto-rows:450px; }\n  .product-grid--3 .product-card--lead { grid-column:1 \/ 3; }\n  .company { grid-template-columns:1fr; }\n  .company__visual { min-height:520px; }\n  .certificate-layout,.contact-layout { grid-template-columns:1fr; gap:56px; }\n  .certificate-copy { grid-template-columns:minmax(0,1fr) minmax(220px,.7fr); column-gap:42px; }\n  .contact-copy { grid-template-columns:1fr; grid-template-rows:auto; row-gap:0; }\n  .contact-copy .eyebrow,.contact-copy h2,.contact-copy>p:not(.eyebrow),.contact-details { grid-column:1; grid-row:auto; }\n  .contact-details { margin-top:42px; align-self:auto; }\n  .footer-main { grid-template-columns:1.7fr 1fr 1fr; }\n  .footer-main>div:last-child { display:none; }\n\n  \/* \u79fb\u9664\u5e73\u677f\u4e0e\u79fb\u52a8\u7aef\uff08<=1000px\uff09\u7684\u6240\u6709 HOVER \u52a8\u753b\uff0c\u5e76\u8ba9\u53c2\u6570\u4e0e\u94fe\u63a5\u5e38\u9a7b\u663e\u793a *\/\n  .site-header nav a:hover, \n  .header-actions a:hover, \n  .button:hover { \n    opacity: 1 !important; \n    transform: none !important; \n  }\n  .product-card:hover, \n  .product-card:focus-visible { \n    transform: none !important; \n    box-shadow: none !important; \n    border-color: var(--line) !important; \n  }\n  .product-card:hover::before, \n  .product-card:focus-visible::before { \n    transform: scale(.55) !important; \n    opacity: .2 !important; \n  }\n  .product-card:hover .product-card__image img, \n  .product-card:focus-visible .product-card__image img { \n    transform: translateY(0) scale(.96) !important; \n    filter: none !important; \n  }\n  .product-card:hover .product-card__image::after, \n  .product-card:focus-visible .product-card__image::after { \n    opacity: 0 !important; \n    transform: scaleX(.25) !important; \n  }\n  .product-card:hover .product-card__number { \n    color: #6e7b8e !important; \n  }\n  .product-card:hover .product-card__arrow, \n  .product-card:focus-visible .product-card__arrow { \n    color: var(--blue) !important; \n    background: transparent !important; \n    border-color: #cbd9e5 !important; \n    transform: rotate(0deg) !important; \n  }\n  .product-card .product-card__body dl { \n    opacity: 1 !important; \n    transform: translateY(0) !important; \n  }\n  .product-card .product-card__cta { \n    opacity: 1 !important; \n    transform: translateY(0) !important; \n  }\n  .featured-product:hover { \n    transform: none !important; \n    box-shadow: none !important; \n  }\n  .featured-product:hover::after { \n    transform: translateX(-50%) scale(.72) !important; \n    opacity: .35 !important; \n  }\n  .featured-product:hover>img { \n    transform: none !important; \n  }\n  .factory-card:hover img { \n    transform: none !important; \n  }\n}\n\n@media (max-width:700px) {\n  .container { width:min(100% - 28px, 1240px); }\n  .site-header { height:64px; padding:0 14px; }\n  \n  .hero { min-height:760px; height:auto; padding:80px 0 60px; }\n  .hero__background { background-position:62% center; }\n  .hero__shade { background:linear-gradient(180deg,rgba(2,18,47,.92) 0%,rgba(2,25,56,.75) 60%,rgba(2,24,54,.9) 100%); }\n  \n  .hero__content { padding:20px 16px 0; max-width:100%; }\n  .hero h1 { font-size:34px; line-height:1.08; max-width:100%; word-break:break-word; }\n  .hero__copy { font-size:15px; max-width:100%; margin-top:16px; }\n  \n  .hero .cta-row { flex-direction:row; width:100%; margin-top:28px; gap:8px; }\n  .button { min-width:0; flex:1; padding:0 10px; font-size:12px; }\n  \n  .hero__trust { \n    margin-top:24px; \n    flex-wrap: wrap;\n    gap: 6px;\n    align-items: center;\n  }\n  .hero__trust p { \n    width: 100%; \n    margin: 4px 0 0 0; \n    text-align: right; \n    font-size: 10px;\n  }\n\n  .scroll-hint { \n    position: static; \n    margin-top: 24px; \n    justify-content: flex-end; \n    padding-right: 4px;\n  }\n  .scroll-hint span {\n    border-radius: 6px;\n  }\n\n  .section-heading { display:block; margin-bottom:28px; }\n  .section-heading h2 { font-size:32px; }\n  .section-heading>p:last-child { margin-top:14px; font-size:14px; }\n  \n  .flagship, .product-section, .factory, .certificates, .contact { \n    padding: 45px 0 !important; \n  }\n\n  .flagship-side,.product-grid--4,.product-grid--3 { grid-template-columns:1fr; }\n  .product-grid--4,.product-grid--3 { grid-auto-rows:auto; }\n  .product-grid--4 .product-card,.product-grid--4 .product-card--lead,.product-grid--3 .product-card,.product-grid--3 .product-card--lead { grid-column:auto; grid-row:auto; }\n  .featured-product { min-height:620px; }\n  .featured-product>img { height:300px; padding:10px 20px; }\n  .featured-product__content { padding:20px; }\n  .featured-product__content>div:first-child { display:block; }\n  .featured-product__content h3 { font-size:26px; }\n  .featured-product__content dl { grid-template-columns:1fr; }\n  .featured-product__content dl div { display:flex; justify-content:space-between; }\n  .product-card { grid-template-rows:minmax(200px,1fr) auto; min-height:0; }\n  .product-card__body { height:auto; padding:16px; }\n  .company__visual { min-height:390px; }\n  .company__content { padding:45px 18px; }\n  .company__content h2 { font-size:32px; }\n  .metrics { grid-template-columns:1fr 1fr; }\n  .factory-grid { display:block; }\n  .factory-card { height:260px; margin-bottom:14px; }\n  \n  .certificates { padding:45px 0 !important; }\n  .certificate-layout { gap:30px; }\n  .certificate-copy { grid-template-columns:1fr; grid-template-areas: \"eyebrow\" \"title\" \"copy\" \"tags\"; row-gap:0; padding:10px 0 16px 14px; }\n  .certificate-copy::before { top:10px; right:auto; bottom:0; left:0; width:3px; height:auto; background:linear-gradient(var(--blue),rgba(18,153,220,.08)); }\n  .certificate-copy h2 { font-size: 32px !important; margin:0 0 14px; } \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u9002\u4e2d\u5b57\u53f7\u9632\u6b62\u6362\u884c\u6ea2\u51fa\uff0c\u5982\u679c\u624b\u673a\u7aef\u4e5f\u5f3a\u523652px\u53ef\u4ee5\u6539\u621052px *\/\n  .certificate-copy>p:not(.eyebrow) { margin:0 0 18px; font-size:14px; }\n  .certificate-tags { justify-content:flex-start; flex-wrap: wrap; }\n  .certificate-image { padding:12px 12px 40px; }\n  .certificate-image img { aspect-ratio:1.6; width:100%; }\n\n  .contact { padding:45px 0 !important; }\n  .contact-layout { gap:30px; }\n  .contact-copy { padding-top:10px; }\n  .contact-copy h2 { font-size: 32px !important; margin-bottom:14px; } \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u9002\u4e2d\u5b57\u53f7 *\/\n  .contact-details { grid-template-columns:1fr; margin-top:24px; }\n  .contact-details>div { padding:14px 0; border-top:1px solid #2a3a4e; }\n  .contact-form { padding:24px 16px 20px; }\n  .form-heading { display:block; margin-bottom:20px; }\n  .form-heading strong { font-size:20px; }\n}\n\n\/* Page-specific overrides. *\/\n.hero h1 {\n  color: #ffffff !important;\n}\n.contact, .contact h2, .contact p, .contact span, .contact strong {\n  color: #ffffff !important;\n}\n.contact a {\n  color: #ffffff !important;\n  text-decoration: underline;\n}\nsection.contact {\n  padding-bottom: 30px !important;\n  margin-bottom: 0 !important;\n}\n.footer-disclaimer p,\n.footer-bottom span,\n.footer-bottom a {\n  color: #ffffff !important;\n}\n.contact-description {\n  grid-column: 1;\n  grid-row: 3;\n  max-width: 620px;\n  margin: 0;\n}\n@media (max-width:700px) {\n  .contact-description {\n    display: none;\n  }\n}\n<\/style>\n\n\n\n<section class=\"wp-block-themepark-block-themepark-area block_layout thempark-block MovePnly\" id=\"maxw\" style=\"background-color:#0a1729;\" data-swiper-parallax=\"-700\"><div class=\"block_layout_in clomnsmal  clomnnone\" style=\"\">\n<div class=\"wp-block-column block_layout_in is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-themepark-block-themepark-wright content-super-p\" style=\"font-size:12px;line-height:20px;background-color:#ffffff;padding:10px 10px;\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n.us-support-card {\n  position: relative;\n  display: block;\n  width: 100%;\n  margin: 24px 0;\n  padding: 18px 70px 18px 20px;\n  overflow: hidden;\n  isolation: isolate;\n  border: 1px solid rgba(155, 220, 255, 0.42);\n  border-left: 4px solid #1299dc;\n  border-radius: 2px 16px 16px 2px;\n  background: linear-gradient(\n    135deg,\n    rgba(10, 63, 104, 0.95),\n    rgba(3, 21, 54, 0.88)\n  );\n  box-shadow:\n    0 16px 38px rgba(0, 0, 0, 0.25),\n    inset 0 1px 0 rgba(255, 255, 255, 0.14);\n}\n\n.us-support-card::before {\n  content: \"\";\n  position: absolute;\n  width: 180px;\n  height: 180px;\n  right: -70px;\n  top: -95px;\n  z-index: -1;\n  border-radius: 50%;\n  background: radial-gradient(\n    circle,\n    rgba(52, 190, 247, 0.4),\n    transparent 68%\n  );\n}\n\n.us-support-card::after {\n  content: \"US\";\n  position: absolute;\n  right: 16px;\n  top: 50%;\n  z-index: 0;\n  color: rgba(155, 220, 255, 0.2);\n  font-size: 52px;\n  font-weight: 900;\n  letter-spacing: -0.08em;\n  line-height: 1;\n  transform: translateY(-50%);\n}\n\n.us-support-card strong,\n.us-support-card span {\n  position: relative;\n  z-index: 1;\n  display: block;\n}\n\n.us-support-card strong {\n  color: #fff !important;\n  font-size: 16px;\n  line-height: 1.35;\n}\n\n.us-support-card span {\n  margin-top: 6px;\n  color: #9bdcff !important;\n  font-size: 11px;\n  line-height: 1.3;\n  font-weight: 800;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n\n\/* PC \u7aef\u9690\u85cf\uff0c\u4ec5\u79fb\u52a8\u7aef\u663e\u793a *\/\n@media (min-width: 701px) {\n  .us-support-card {\n    display: none;\n  }\n}\n<\/style>\n\n<div class=\"us-support-card\" aria-label=\"Unterst\u00fctzung durch die US-Tochtergesellschaft\">\n  <strong>Lager der U.S.-Tochtergesellschaft<\/strong>\n  <span>USA Lokaler technischer Support<\/span>\n<\/div>\n\n\n\n<div class=\"wp-block-themepark-block-themepark-comment thempark-block themepark-comment fromnopading undefined form-ad\" style=\"padding-top:20px;\"><div class=\"themepark-comment_in\" id=\"ud_form\"><div class=\"themepark-comment_inb2\"><div class=\"themepark-comment_inb\" style=\"\"><div class=\"themepark-comment_form nolable\" style=\"\"><form id=\"commentform-park\" class=\"themepark-c-f twomo\" action=\"https:\/\/www.hbotsale.com\/wp-comments-post.php\" method=\"post\" autocomplete=\"off\" data-trp-original-action=\"https:\/\/www.hbotsale.com\/wp-comments-post.php\"><div class=\"themepark-comment_form_box tptext\" style=\"font-size:14px;\"><lable for=\"tpcommet0\" class=\"\"><input type=\"text\" id=\"tpcommet0\" name=\"tpcommet0\" size=\"28\" style=\"\" placeholder=\"Ihr Name\"\/><\/lable><\/div><div class=\"themepark-comment_form_box tptext\" style=\"font-size:14px;\"><lable for=\"tpcommet1\" class=\"required\"><input type=\"text\" id=\"tpcommet1\" name=\"tpcommet1\" size=\"28\" required style=\"\" placeholder=\"name@company.com\"\/><span class=\"required\">*<div class=\"required_tishi animated\"><i class=\"fas fa-exclamation-circle\"><\/i><span><\/span><\/div><\/span><\/lable><\/div><div class=\"themepark-comment_form_box tpTextarea\" style=\"font-size:14px;\"><lable for=\"tpcommet2\"><textarea id=\"tpcommet2\" name=\"tpcommet2\" style=\"\" placeholder=\"Geben Sie Ihre Nachricht ein\"><\/textarea><\/lable><\/div><div class=\"hiddeninput\"><input name=\"comment_post_ID\" type=\"hidden\" value=\"6569\"\/><input name=\"author\" type=\"hidden\" class=\"author\"\/><input name=\"email\" type=\"hidden\" class=\"email\"\/><textarea name=\"comment\" style=\"display:none\" class=\"comment\"><\/textarea><input name=\"themeparklable\" type=\"hidden\" value=\"Your name|name@company.com|Enter your message\"\/><input name=\"themeparktype\" type=\"hidden\" value=\"text|text|Textarea\"\/><input name=\"redirect_to\" type=\"hidden\" value=\"https:\/\/www.hbotsale.com\"\/><input name=\"inquiryid\" type=\"hidden\"\/><input name=\"inquirytime\" type=\"hidden\"\/><input name=\"position\" type=\"hidden\"\/><\/div><div class=\"submut_box\"><input type=\"submit\" class=\"submut_btn\" name=\"submit\" style=\"\" value=\"Einreichen\"\/><div class=\"tishi\" style=\"\"><div class=\"loading\" style=\"\"><i class=\"fas fa-spinner\"><\/i>Einreichen!<\/div><div class=\"success\" style=\"\"><i class=\"fas fa-check\"><\/i>Einreichung erfolgreich!<\/div><div class=\"erro\" style=\"\"><i class=\"fas fa-exclamation-circle\"><\/i>Einreichung fehlgeschlagen!<\/div><div class=\"e-email\">Ung\u00fcltige E-Mail Adresse!<\/div><div class=\"e-tel\">Falsche Telefonnummer!<\/div><\/div><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form><\/div><div class=\"wp_clear\"><\/div><\/div><div class=\"themepark-comment_in_b\" style=\"opacity:1;undefined0\"><\/div><\/div><\/div><div class=\"wp_clear\"><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><div class=\"layout_badh\"><\/div><\/section>\n\n\n\n<!-- 05-about-macypan.html\uff1a\u9875\u9762\u72ec\u7acb\u677f\u5757\uff0c\u4f9d\u8d56 about.html \u5f53\u524d\u4f7f\u7528\u7684 style.css -->\n<section class=\"company\" id=\"company\"><div class=\"company__visual\"><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/factory1.png\" alt=\"MACY-PAN-Hauptsitz in Shanghai\" loading=\"lazy\"><span>Shanghai \u00b7 China<\/span><\/div><div class=\"company__content\"><p class=\"eyebrow eyebrow--light\">05 \u00b7 \u00dcber MACY-PAN<\/p><h2><span class=\"ez-toc-section\" id=\"Engineering_better_ways_to_breathe_since_2007\"><\/span>Seit 2007 entwickeln wir bessere L\u00f6sungen f\u00fcr das Atmen.<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Die Shanghai Baobang Medical Equipment Co., Ltd. entwickelt und fertigt ein umfassendes Sortiment an weichen und harten \u00dcberdruck-Sauerstoffkammern. Unsere Produkte kommen weltweit in Privathaushalten, Wellnesszentren, Sport-Regenerationsr\u00e4umen und professionellen Pflegeeinrichtungen zum Einsatz.<\/p><p>Vom Produktdesign \u00fcber die Pr\u00e4zisionsfertigung bis hin zum weltweiten technischen Support \u2013 jedes Detail ist auf Sicherheit, Komfort und zuverl\u00e4ssige Leistung ausgerichtet.<\/p><div class=\"metrics\"><div class=\"metric\"><strong>18+<\/strong><span>Jahre Erfahrung in der Fertigung<\/span><\/div><div class=\"metric\"><strong>126+<\/strong><span>L\u00e4nder und Regionen<\/span><\/div><div class=\"metric\"><strong>50+<\/strong><span>weltweite Vertriebspartner<\/span><\/div><div class=\"metric\"><strong>100.000+<\/strong><span>Nutzer weltweit<\/span><\/div><\/div><div class=\"cta-row cta-row--light\"><a class=\"button button--primary tawk-btn\" href=\"javascript:void(0)\"><span class=\"button-dot\" aria-hidden=\"true\"><\/span> Jetzt chatten<\/a><a class=\"button button--secondary\" href=\"#contact\">Kontakt <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div><\/div><\/section>\n<style>\n:root { --navy:#061f50; --deep:#031536; --blue:#1299dc; --sky:#eaf4fb; --ice:#f5f8fb; --line:#d8e1ea; --ink:#09172b; --muted:#647083; --white:#fff; }\n* { box-sizing:border-box; }\nhtml { scroll-behavior:smooth; }\nbody { margin:0; background:#fff; color:var(--ink); font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; }\na { color:inherit; text-decoration:none; }\nimg { display:block; max-width:100%; }\n.container { width:min(1240px, calc(100% - 64px)); margin:0 auto; }\n.site-header { height:76px; display:flex; align-items:center; padding:0 4vw; gap:38px; position:absolute; top:0; left:0; right:0; z-index:20; color:#fff; border-bottom:1px solid rgba(255,255,255,.22); }\n.brand { display:flex; align-items:center; gap:11px; font-size:22px; font-weight:800; letter-spacing:.025em; white-space:nowrap; }\n.brand-mark { width:31px; height:31px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:13px; font-weight:900; }\n.site-header nav { display:flex; gap:28px; margin-left:auto; font-size:13px; letter-spacing:.04em; }\n.site-header nav a,.header-actions a { transition:opacity .2s ease; }\n.site-header nav a:hover,.header-actions a:hover { opacity:.68; }\n.header-actions { display:flex; align-items:center; gap:22px; font-size:13px; }\n.header-chat { padding:11px 17px; border:1px solid rgba(255,255,255,.7); }\n.mobile-menu { display:none; margin-left:auto; position:relative; }\n.mobile-menu summary { list-style:none; cursor:pointer; padding:9px 13px; border:1px solid rgba(255,255,255,.5); font-size:13px; }\n.mobile-menu div { position:absolute; right:0; top:45px; width:190px; padding:12px; display:grid; gap:2px; background:#fff; color:var(--ink); box-shadow:0 18px 50px rgba(0,0,0,.18); }\n.mobile-menu div a { padding:11px; }\n\n.hero { min-height:760px; height:92vh; position:relative; color:#fff; display:flex; align-items:center; overflow:hidden; }\n.hero__background { position:absolute; inset:0; background:url('https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/hero.jpg') center center\/cover no-repeat; transform:scale(1.01); }\n.hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,18,47,.92) 0%,rgba(2,25,56,.74) 38%,rgba(2,24,54,.16) 74%,rgba(2,24,54,.08) 100%); }\n.hero__content { position:relative; z-index:2; padding-top:64px; }\n.eyebrow { margin:0 0 17px; text-transform:uppercase; letter-spacing:.16em; font-size:11px; font-weight:800; color:var(--blue); }\n.eyebrow--light { color:#9bdcff; }\n.hero h1 { margin:0; max-width:590px; font-size:clamp(40px,4.2vw,58px); line-height:1.03; letter-spacing:-.045em; font-weight:760; }\n.hero__copy { max-width:590px; margin:26px 0 0; color:rgba(255,255,255,.82); font-size:18px; line-height:1.65; }\n.cta-row { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:42px; }\n.hero .cta-row,.company .cta-row { justify-content:flex-start; }\n.button { min-width:154px; height:49px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 20px; font-size:13px; font-weight:700; transition:transform .2s ease,background .2s ease,color .2s ease; }\n.button:hover { transform:translateY(-2px); }\n.button--primary { color:#fff; background:var(--blue); }\n.button--primary:hover { background:#0b85c3; }\n.button--secondary { color:var(--navy); border:1px solid #9bacbd; background:transparent; }\n.cta-row--light .button--secondary { color:#fff; border-color:rgba(255,255,255,.58); }\n.button-dot { width:7px; height:7px; border-radius:50%; background:#7cf1b5; box-shadow:0 0 0 4px rgba(124,241,181,.14); }\n.hero__trust { margin-top:58px; display:flex; align-items:center; gap:9px; }\n.hero__trust>span { border:1px solid rgba(255,255,255,.32); padding:6px 9px; font-size:10px; font-weight:800; letter-spacing:.08em; }\n.hero__trust p { font-size:11px; color:rgba(255,255,255,.68); margin-left:8px; }\n.scroll-hint { position:absolute; bottom:26px; right:4vw; z-index:3; display:flex; gap:14px; align-items:center; font-size:11px; text-transform:uppercase; letter-spacing:.13em; }\n.scroll-hint span { width:32px; height:32px; border:1px solid rgba(255,255,255,.4); border-radius:50%; display:grid; place-items:center; }\n\n.section-heading { display:block; max-width:1020px; margin:0 0 50px; text-align:left; }\n.section-heading .eyebrow { padding:0; margin:0 0 16px; }\n.section-heading h2 { max-width:1000px; font-size:clamp(34px,3.7vw,52px); line-height:1.07; letter-spacing:-.045em; margin:0; color:var(--navy); text-wrap:balance; }\n.section-heading>p:last-child { max-width:690px; margin:20px 0 0; color:var(--muted); line-height:1.7; font-size:15px; padding:0; }\n.flagship,.product-section,.factory { padding:112px 0; }\n.flagship { background:var(--ice); }\n.flagship-grid { display:grid; grid-template-columns:1.18fr 1fr; gap:20px; }\n.featured-product { min-height:750px; position:relative; overflow:hidden; color:#fff; background:linear-gradient(155deg,#0c2e62,#041632 76%); display:flex; flex-direction:column; transition:transform .35s ease,box-shadow .35s ease; }\n.featured-product:hover { transform:translateY(-5px); box-shadow:0 28px 65px rgba(4,27,66,.24); }\n.featured-product::before { content:\"\"; position:absolute; width:520px; height:520px; border:1px solid rgba(81,183,236,.22); border-radius:50%; top:85px; left:50%; transform:translateX(-50%); }\n.featured-product::after { content:\"\"; position:absolute; width:340px; height:340px; border-radius:50%; left:50%; top:140px; transform:translateX(-50%) scale(.72); background:rgba(61,191,249,.13); filter:blur(42px); opacity:.35; transition:transform .6s ease,opacity .6s ease; }\n.featured-product:hover::after { transform:translateX(-50%) scale(1.15); opacity:.78; }\n.featured-product__topline { display:flex; justify-content:space-between; padding:24px 26px; text-transform:uppercase; letter-spacing:.12em; font-size:10px; color:#9bdcff; position:relative; z-index:2; }\n.featured-product__topline span:first-child { color:#fff; background:var(--blue); padding:7px 10px; }\n.featured-product>img { height:400px; width:100%; object-fit:contain; padding:10px 35px; position:relative; z-index:1; transition:transform .55s cubic-bezier(.2,.8,.2,1); }\n.featured-product:hover>img { transform:translateY(-8px) scale(1.045) rotate(-.6deg); }\n.featured-product__content { margin-top:auto; position:relative; z-index:2; padding:32px; border-top:1px solid rgba(255,255,255,.12); background:rgba(3,21,54,.74); }\n.featured-product__content>div:first-child { display:flex; align-items:end; justify-content:space-between; gap:25px; }\n.featured-product__content h3 { font-size:35px; margin:6px 0 0; letter-spacing:-.035em; }\n.featured-product__content p { color:#bdc9d8; line-height:1.6; font-size:14px; }\n.featured-product__content>div:first-child p { margin:0; text-transform:uppercase; letter-spacing:.1em; font-size:9px; color:#7dcff8; }\n.featured-product__content dl { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:24px 0 0; background:rgba(255,255,255,.14); }\n.featured-product__content dl div { background:#071d43; padding:15px; }\n.featured-product dt,.product-card dt { text-transform:uppercase; letter-spacing:.12em; font-size:8px; color:#8291a5; }\n.featured-product dd,.product-card dd { margin:5px 0 0; font-size:12px; }\n.flagship-side { display:grid; grid-template-columns:1fr 1fr; gap:20px; }\n.flagship-side .product-card { min-height:365px; }\n.product-card { display:grid; grid-template-rows:minmax(190px,1fr) 170px; min-width:0; min-height:360px; position:relative; overflow:hidden; isolation:isolate; background:#eaf1f6; border:1px solid var(--line); transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease; }\n.product-card::before { content:\"\"; position:absolute; z-index:-1; width:280px; height:280px; right:-100px; top:-110px; border-radius:50%; background:rgba(25,157,218,.13); transform:scale(.55); opacity:.2; transition:transform .6s ease,opacity .6s ease; }\n.product-card:hover,.product-card:focus-visible { transform:translateY(-7px); box-shadow:0 25px 60px rgba(13,45,79,.16); border-color:rgba(18,153,220,.5); outline:0; }\n.product-card:hover::before,.product-card:focus-visible::before { transform:scale(1.3); opacity:.72; }\n.product-card__image { position:relative; min-height:0; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#f6f9fb,#e5edf4); }\n.product-card__image::after { content:\"\"; position:absolute; left:15%; right:15%; bottom:22px; height:2px; background:linear-gradient(90deg,transparent,var(--blue),transparent); opacity:0; transform:scaleX(.25); transition:opacity .4s ease,transform .4s ease; }\n.product-card__image img { width:100%; height:100%; object-fit:contain; padding:23px; transform:translateY(0) scale(.96); transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease; }\n.product-card:hover .product-card__image img,.product-card:focus-visible .product-card__image img { transform:translateY(-10px) scale(1.055) rotate(-.7deg); filter:drop-shadow(0 18px 16px rgba(13,45,79,.15)); }\n.product-card:hover .product-card__image::after,.product-card:focus-visible .product-card__image::after { opacity:1; transform:scaleX(1); }\n.product-card__number { position:absolute; top:16px; left:17px; z-index:2; font-size:9px; letter-spacing:.14em; color:#6e7b8e; transition:color .3s ease; }\n.product-card:hover .product-card__number { color:var(--blue); }\n.product-card__body { height:170px; padding:20px; position:relative; z-index:3; overflow:hidden; background:#fff; border-top:1px solid var(--line); }\n.product-card__body h3 { font-size:19px; color:var(--navy); margin:0 0 7px; letter-spacing:-.02em; }\n.product-card__body p { margin:0; color:var(--muted); font-size:12px; }\n.product-card__arrow { position:absolute; right:20px; top:21px; width:28px; height:28px; display:grid; place-items:center; color:var(--blue); border:1px solid #cbd9e5; border-radius:50%; transform:rotate(0deg); transition:background .3s ease,color .3s ease,transform .35s ease; }\n.product-card:hover .product-card__arrow,.product-card:focus-visible .product-card__arrow { color:#fff; background:var(--blue); border-color:var(--blue); transform:rotate(45deg); }\n.product-card__body dl { display:grid; grid-template-columns:1fr 1fr; height:47px; border-top:1px solid var(--line); opacity:0; margin:15px 0 0; padding:12px 0 0; gap:12px; transform:translateY(5px); transition:opacity .3s ease,transform .35s ease; }\n.product-card:hover .product-card__body dl,.product-card:focus-visible .product-card__body dl { opacity:1; transform:translateY(0); }\n.product-card__body dd { color:#334259; }\n.product-card__cta { display:flex; align-items:center; justify-content:space-between; height:15px; margin-top:7px; opacity:0; text-transform:uppercase; letter-spacing:.1em; font-size:9px; font-weight:800; color:var(--navy); transform:translateY(4px); transition:opacity .3s ease,transform .35s ease; }\n.product-card:hover .product-card__cta,.product-card:focus-visible .product-card__cta { opacity:1; transform:translateY(0); }\n\n.product-section--blue { background:#eaf3f9; }\n.product-section--white { background:#fff; }\n.product-section--light { background:#f5f8fb; }\n.product-grid { display:grid; gap:18px; }\n.product-grid .product-card,.flagship-side .product-card { transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease; }\n.product-grid--4 { grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,1fr)); grid-auto-rows:470px; }\n.product-grid--4 .product-card { grid-column:auto; grid-row:auto; }\n.product-grid--4 .product-card--lead .product-card__image img { padding:38px; }\n.product-grid--4 .product-card--lead .product-card__body h3 { font-size:22px; }\n.product-grid--3 { grid-template-columns:2fr 1fr 1fr; grid-auto-rows:500px; }\n.product-grid .product-card { min-height:0; }\n.product-grid .product-card--lead .product-card__image img { padding:44px; }\n.product-grid .product-card--lead .product-card__body { height:170px; padding:20px; }\n.product-grid .product-card--lead .product-card__body h3 { font-size:19px; }\n.product-grid .product-card--lead .product-card__image { min-height:0; }\n.product-grid--3 .product-card--lead .product-card__image img { padding:58px; }\n.product-grid--3 .product-card--lead .product-card__body { padding-left:27px; padding-right:27px; }\n.product-grid--3 .product-card--lead .product-card__body h3 { font-size:25px; }\n.product-section--blue .product-card { background:#dcebf4; }\n.product-section--white .product-card:nth-child(even) .product-card__image { background:linear-gradient(145deg,#edf7fb,#dceef6); }\n.product-section--light .product-card__image { background:linear-gradient(145deg,#f2f5f8,#e0e7ed); }\n.product-section .cta-row,.flagship .cta-row { margin-top:42px; }\n\n.company { min-height:780px; display:grid; grid-template-columns:1fr 1fr; background:var(--deep); color:#fff; }\n.company__visual { position:relative; min-height:620px; overflow:hidden; }\n.company__visual::after { content:\"\"; position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,rgba(3,21,54,.55)); }\n.company__visual img { width:100%; height:100%; object-fit:cover; }\n.company__visual>span { position:absolute; left:35px; bottom:30px; z-index:2; background:#fff; color:var(--navy); padding:12px 16px; text-transform:uppercase; letter-spacing:.14em; font-size:9px; }\n.company__content { padding:90px clamp(50px,7vw,110px) 80px; display:flex; flex-direction:column; justify-content:center; }\n.company__content h2 { margin:0 0 28px; max-width:680px; font-size:clamp(36px,3.2vw,50px); line-height:1.07; letter-spacing:-.045em; text-wrap:balance; }\n.company__content>p:not(.eyebrow) { color:#aeb9ca; font-size:14px; line-height:1.8; margin:0 0 15px; }\n.metrics { margin:34px 0 0; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(255,255,255,.14); border-left:1px solid rgba(255,255,255,.14); }\n.metric { padding:20px; border-right:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); display:flex; flex-direction:column; }\n.metric strong { font-size:27px; color:#fff; }\n.metric span { margin-top:5px; color:#8797ae; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }\n.company .cta-row { margin-top:30px; }\n\n.factory { background:#fff; }\n.factory-grid { display:grid; grid-template-columns:1.08fr .92fr; grid-template-rows:300px 300px; gap:18px; }\n.factory-card { margin:0; position:relative; overflow:hidden; background:#e8eef3; }\n.factory-card--wide { grid-row:1 \/ 3; }\n.factory-card img { width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }\n.factory-card:hover img { transform:scale(1.025); }\n.factory-card::after { content:\"\"; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(2,16,38,.82)); }\n.factory-card figcaption { position:absolute; z-index:2; left:0; right:0; bottom:0; padding:25px; color:#fff; display:flex; align-items:flex-end; gap:18px; }\n.factory-card figcaption>span { color:#73d0ff; font-size:10px; }\n.factory-card strong { font-size:18px; }\n.factory-card p { margin:7px 0 0; color:rgba(255,255,255,.66); font-size:11px; }\n\n.certificates { padding:150px 0 136px; background: radial-gradient(circle at 84% 10%, rgba(18,153,220,.1), transparent 28%), #f3f8fb; }\n.certificate-layout { grid-template-columns:1fr; gap:54px; }\n\n\/* \u5f3a\u5236\u5c06 Quality you can see. Standards you can trust. \u6807\u9898\u5927\u5c0f\u8bbe\u4e3a 52px *\/\n.certificate-copy { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr); grid-template-areas: \"eyebrow tags\" \"title copy\"; column-gap:clamp(42px,7vw,110px); align-items:end; max-width:none; padding:0 0 28px; }\n.certificate-copy::before { top:auto; right:0; bottom:0; left:0; width:100%; height:2px; background:linear-gradient(90deg,var(--blue),rgba(18,153,220,.08)); }\n.certificate-copy .eyebrow { grid-area:eyebrow; }\n.certificate-copy h2 { grid-area:title; max-width:760px; margin:0; font-size: 52px !important; line-height:1.1; }\n.certificate-copy>p:not(.eyebrow) { grid-area:copy; max-width:390px; margin:0 0 2px; }\n\n\/* \u8bc1\u4e66\u677f\u5757\u7684\u6807\u7b7e\u6837\u5f0f\u4e3a\u5e26\u8fb9\u6846\u7684\u65b9\u5757\u7f51\u683c *\/\n.certificate-tags { grid-area:tags; display:flex; gap:12px; justify-content:flex-end; align-self:start; margin:0; }\n.certificate-tags span { border:1px solid #91b5d0; padding:12px 18px; font-size:13px; font-weight:700; color:var(--navy); background:#fcfdff; letter-spacing:.05em; display:inline-grid; place-items:center; min-width:72px; }\n\n\/* \u56fe\u7247\u6837\u5f0f *\/\n.certificate-image { transform:none; padding:18px 18px 78px; box-shadow:0 30px 70px rgba(6,31,80,.14); }\n.certificate-image img { content:url('https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/certificates-filled.png'); aspect-ratio:2.6; object-fit:cover; object-position:center 52%; justify-self:center; }\n\n.contact { position:relative; overflow:hidden; padding:150px 0 160px; background: linear-gradient(135deg,rgba(18,153,220,.08),transparent 34%), #091729; border-top:1px solid rgba(255,255,255,.08); }\n.contact::before { content:\"08\"; position:absolute; top:38px; right:4vw; color:rgba(255,255,255,.045); font-size:clamp(100px,16vw,220px); font-weight:800; letter-spacing:-.12em; line-height:1; pointer-events:none; }\n.contact-layout { position:relative; z-index:1; grid-template-columns:1fr; gap:70px; align-items:center; }\n\n\/* \u5f3a\u5236\u5c06 Tell us what you need. Our team will reply within 12 hours. \u6807\u9898\u5927\u5c0f\u8bbe\u4e3a 52px *\/\n.contact-copy { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr); grid-template-rows:auto auto 1fr; column-gap:clamp(48px,8vw,120px); max-width:none; padding:0; }\n.contact-copy .eyebrow { grid-column:1; grid-row:1; }\n.contact-copy h2 { grid-column:1; grid-row:2; max-width:780px; font-size: 52px !important; line-height:1.1; margin-bottom:25px; }\n.contact-copy>p:not(.eyebrow) { grid-column:1; grid-row:3; max-width:620px; margin:0; }\n\n.contact-details { grid-column:2; grid-row:1 \/ 4; align-self:end; grid-template-columns:1fr 1fr; gap:0 26px; margin:0; padding:0; border-top:1px solid #2a3a4e; border-bottom:1px solid #2a3a4e; }\n.contact-details>div { padding:20px 0; border-top:0; }\n.contact-details>div:last-child { border-bottom:0; }\n.contact-form { display:none; }\n\nfooter { background:#04132d; color:#fff; padding:75px 0 24px; display:none; }\n\n@media (max-width:1000px) {\n  .site-header nav,.header-actions { display:none; }\n  .mobile-menu { display:block; }\n  .section-heading { max-width:860px; }\n  .flagship-grid { grid-template-columns:1fr; }\n  .featured-product { min-height:680px; }\n  .product-grid--4 { grid-template-columns:1fr 1fr; grid-auto-rows:450px; }\n  .product-grid--4 .product-card,.product-grid--4 .product-card--lead { grid-column:auto; grid-row:auto; }\n  .product-grid--3 { grid-template-columns:1fr 1fr; grid-auto-rows:450px; }\n  .product-grid--3 .product-card--lead { grid-column:1 \/ 3; }\n  .company { grid-template-columns:1fr; }\n  .company__visual { min-height:520px; }\n  .certificate-layout,.contact-layout { grid-template-columns:1fr; gap:56px; }\n  .certificate-copy { grid-template-columns:minmax(0,1fr) minmax(220px,.7fr); column-gap:42px; }\n  .contact-copy { grid-template-columns:1fr; grid-template-rows:auto; row-gap:0; }\n  .contact-copy .eyebrow,.contact-copy h2,.contact-copy>p:not(.eyebrow),.contact-details { grid-column:1; grid-row:auto; }\n  .contact-details { margin-top:42px; align-self:auto; }\n  .footer-main { grid-template-columns:1.7fr 1fr 1fr; }\n  .footer-main>div:last-child { display:none; }\n\n  \/* \u79fb\u9664\u5e73\u677f\u4e0e\u79fb\u52a8\u7aef\uff08<=1000px\uff09\u7684\u6240\u6709 HOVER \u52a8\u753b\uff0c\u5e76\u8ba9\u53c2\u6570\u4e0e\u94fe\u63a5\u5e38\u9a7b\u663e\u793a *\/\n  .site-header nav a:hover, \n  .header-actions a:hover, \n  .button:hover { \n    opacity: 1 !important; \n    transform: none !important; \n  }\n  .product-card:hover, \n  .product-card:focus-visible { \n    transform: none !important; \n    box-shadow: none !important; \n    border-color: var(--line) !important; \n  }\n  .product-card:hover::before, \n  .product-card:focus-visible::before { \n    transform: scale(.55) !important; \n    opacity: .2 !important; \n  }\n  .product-card:hover .product-card__image img, \n  .product-card:focus-visible .product-card__image img { \n    transform: translateY(0) scale(.96) !important; \n    filter: none !important; \n  }\n  .product-card:hover .product-card__image::after, \n  .product-card:focus-visible .product-card__image::after { \n    opacity: 0 !important; \n    transform: scaleX(.25) !important; \n  }\n  .product-card:hover .product-card__number { \n    color: #6e7b8e !important; \n  }\n  .product-card:hover .product-card__arrow, \n  .product-card:focus-visible .product-card__arrow { \n    color: var(--blue) !important; \n    background: transparent !important; \n    border-color: #cbd9e5 !important; \n    transform: rotate(0deg) !important; \n  }\n  .product-card .product-card__body dl { \n    opacity: 1 !important; \n    transform: translateY(0) !important; \n  }\n  .product-card .product-card__cta { \n    opacity: 1 !important; \n    transform: translateY(0) !important; \n  }\n  .featured-product:hover { \n    transform: none !important; \n    box-shadow: none !important; \n  }\n  .featured-product:hover::after { \n    transform: translateX(-50%) scale(.72) !important; \n    opacity: .35 !important; \n  }\n  .featured-product:hover>img { \n    transform: none !important; \n  }\n  .factory-card:hover img { \n    transform: none !important; \n  }\n}\n\n@media (max-width:700px) {\n  .container { width:min(100% - 28px, 1240px); }\n  .site-header { height:64px; padding:0 14px; }\n  \n  .hero { min-height:760px; height:auto; padding:80px 0 60px; }\n  .hero__background { background-position:62% center; }\n  .hero__shade { background:linear-gradient(180deg,rgba(2,18,47,.92) 0%,rgba(2,25,56,.75) 60%,rgba(2,24,54,.9) 100%); }\n  \n  .hero__content { padding:20px 16px 0; max-width:100%; }\n  .hero h1 { font-size:34px; line-height:1.08; max-width:100%; word-break:break-word; }\n  .hero__copy { font-size:15px; max-width:100%; margin-top:16px; }\n  \n  .hero .cta-row { flex-direction:row; width:100%; margin-top:28px; gap:8px; }\n  .button { min-width:0; flex:1; padding:0 10px; font-size:12px; }\n  \n  .hero__trust { \n    margin-top:24px; \n    flex-wrap: wrap;\n    gap: 6px;\n    align-items: center;\n  }\n  .hero__trust p { \n    width: 100%; \n    margin: 4px 0 0 0; \n    text-align: right; \n    font-size: 10px;\n  }\n\n  .scroll-hint { \n    position: static; \n    margin-top: 24px; \n    justify-content: flex-end; \n    padding-right: 4px;\n  }\n  .scroll-hint span {\n    border-radius: 6px;\n  }\n\n  .section-heading { display:block; margin-bottom:28px; }\n  .section-heading h2 { font-size:32px; }\n  .section-heading>p:last-child { margin-top:14px; font-size:14px; }\n  \n  .flagship, .product-section, .factory, .certificates, .contact { \n    padding: 45px 0 !important; \n  }\n\n  .flagship-side,.product-grid--4,.product-grid--3 { grid-template-columns:1fr; }\n  .product-grid--4,.product-grid--3 { grid-auto-rows:auto; }\n  .product-grid--4 .product-card,.product-grid--4 .product-card--lead,.product-grid--3 .product-card,.product-grid--3 .product-card--lead { grid-column:auto; grid-row:auto; }\n  .featured-product { min-height:620px; }\n  .featured-product>img { height:300px; padding:10px 20px; }\n  .featured-product__content { padding:20px; }\n  .featured-product__content>div:first-child { display:block; }\n  .featured-product__content h3 { font-size:26px; }\n  .featured-product__content dl { grid-template-columns:1fr; }\n  .featured-product__content dl div { display:flex; justify-content:space-between; }\n  .product-card { grid-template-rows:minmax(200px,1fr) auto; min-height:0; }\n  .product-card__body { height:auto; padding:16px; }\n  .company__visual { min-height:390px; }\n  .company__content { padding:45px 18px; }\n  .company__content h2 { font-size:32px; }\n  .metrics { grid-template-columns:1fr 1fr; }\n  .factory-grid { display:block; }\n  .factory-card { height:260px; margin-bottom:14px; }\n  \n  .certificates { padding:45px 0 !important; }\n  .certificate-layout { gap:30px; }\n  .certificate-copy { grid-template-columns:1fr; grid-template-areas: \"eyebrow\" \"title\" \"copy\" \"tags\"; row-gap:0; padding:10px 0 16px 14px; }\n  .certificate-copy::before { top:10px; right:auto; bottom:0; left:0; width:3px; height:auto; background:linear-gradient(var(--blue),rgba(18,153,220,.08)); }\n  .certificate-copy h2 { font-size: 32px !important; margin:0 0 14px; } \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u9002\u4e2d\u5b57\u53f7\u9632\u6b62\u6362\u884c\u6ea2\u51fa\uff0c\u5982\u679c\u624b\u673a\u7aef\u4e5f\u5f3a\u523652px\u53ef\u4ee5\u6539\u621052px *\/\n  .certificate-copy>p:not(.eyebrow) { margin:0 0 18px; font-size:14px; }\n  .certificate-tags { justify-content:flex-start; flex-wrap: wrap; }\n  .certificate-image { padding:12px 12px 40px; }\n  .certificate-image img { aspect-ratio:1.6; width:100%; }\n\n  .contact { padding:45px 0 !important; }\n  .contact-layout { gap:30px; }\n  .contact-copy { padding-top:10px; }\n  .contact-copy h2 { font-size: 32px !important; margin-bottom:14px; } \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u9002\u4e2d\u5b57\u53f7 *\/\n  .contact-details { grid-template-columns:1fr; margin-top:24px; }\n  .contact-details>div { padding:14px 0; border-top:1px solid #2a3a4e; }\n  .contact-form { padding:24px 16px 20px; }\n  .form-heading { display:block; margin-bottom:20px; }\n  .form-heading strong { font-size:20px; }\n}\n\n\/* Page-specific overrides. *\/\n.hero h1 {\n  color: #ffffff !important;\n}\n.contact, .contact h2, .contact p, .contact span, .contact strong {\n  color: #ffffff !important;\n}\n.contact a {\n  color: #ffffff !important;\n  text-decoration: underline;\n}\nsection.contact {\n  padding-bottom: 30px !important;\n  margin-bottom: 0 !important;\n}\n.footer-disclaimer p,\n.footer-bottom span,\n.footer-bottom a {\n  color: #ffffff !important;\n}\n.contact-description {\n  grid-column: 1;\n  grid-row: 3;\n  max-width: 620px;\n  margin: 0;\n}\n@media (max-width:700px) {\n  .contact-description {\n    display: none;\n  }\n}\n<\/style>\n\n\n\n<!-- 06-our-factory.html\uff1a\u9875\u9762\u72ec\u7acb\u677f\u5757\uff0c\u4f9d\u8d56 about.html \u5f53\u524d\u4f7f\u7528\u7684 style.css -->\n<section class=\"factory\" id=\"factory\"><div class=\"container\"><div class=\"section-heading\"><p class=\"eyebrow\">06 \u00b7 Unser Werk<\/p><h2><span class=\"ez-toc-section\" id=\"From_concept_to_chamber_under_one_standard\"><\/span>Vom Konzept bis zur Kammer \u2013 alles nach einem Standard<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Ein vernetztes System aus Forschung und Entwicklung, Fertigung, Lagerhaltung und Support gew\u00e4hrleistet eine gleichbleibende Qualit\u00e4t in jedem Schritt.<\/p><\/div><div class=\"factory-grid\"><figure class=\"factory-card factory-card--wide\"><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/factory1.png\" alt=\"MACY-PAN-Hauptsitz in Shanghai\" loading=\"lazy\"><figcaption><span>01<\/span><div><strong>Hauptsitz Shanghai<\/strong><p>Forschung und Entwicklung, Design und weltweite Gesch\u00e4ftst\u00e4tigkeit<\/p><\/div><\/figcaption><\/figure><figure class=\"factory-card\"><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/factory2.png\" alt=\"MACY-PAN-Lager in den Vereinigten Staaten\" loading=\"lazy\"><figcaption><span>02<\/span><div><strong>Lager in den USA<\/strong><p>Lokaler Lagerbestand und technischer Support<\/p><\/div><\/figcaption><\/figure><figure class=\"factory-card\"><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/factory3.png\" alt=\"MACY-PAN-Werk f\u00fcr Hartkammerbeh\u00e4lter\" loading=\"lazy\"><figcaption><span>03<\/span><div><strong>Hard HBOT-Werk<\/strong><p>Pr\u00e4zisionsfertigung in Shanghai<\/p><\/div><\/figcaption><\/figure><\/div><\/div><\/section>\n<style>\n:root { --navy:#061f50; --deep:#031536; --blue:#1299dc; --sky:#eaf4fb; --ice:#f5f8fb; --line:#d8e1ea; --ink:#09172b; --muted:#647083; --white:#fff; }\n* { box-sizing:border-box; }\nhtml { scroll-behavior:smooth; }\nbody { margin:0; background:#fff; color:var(--ink); font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; }\na { color:inherit; text-decoration:none; }\nimg { display:block; max-width:100%; }\n.container { width:min(1240px, calc(100% - 64px)); margin:0 auto; }\n.site-header { height:76px; display:flex; align-items:center; padding:0 4vw; gap:38px; position:absolute; top:0; left:0; right:0; z-index:20; color:#fff; border-bottom:1px solid rgba(255,255,255,.22); }\n.brand { display:flex; align-items:center; gap:11px; font-size:22px; font-weight:800; letter-spacing:.025em; white-space:nowrap; }\n.brand-mark { width:31px; height:31px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:13px; font-weight:900; }\n.site-header nav { display:flex; gap:28px; margin-left:auto; font-size:13px; letter-spacing:.04em; }\n.site-header nav a,.header-actions a { transition:opacity .2s ease; }\n.site-header nav a:hover,.header-actions a:hover { opacity:.68; }\n.header-actions { display:flex; align-items:center; gap:22px; font-size:13px; }\n.header-chat { padding:11px 17px; border:1px solid rgba(255,255,255,.7); }\n.mobile-menu { display:none; margin-left:auto; position:relative; }\n.mobile-menu summary { list-style:none; cursor:pointer; padding:9px 13px; border:1px solid rgba(255,255,255,.5); font-size:13px; }\n.mobile-menu div { position:absolute; right:0; top:45px; width:190px; padding:12px; display:grid; gap:2px; background:#fff; color:var(--ink); box-shadow:0 18px 50px rgba(0,0,0,.18); }\n.mobile-menu div a { padding:11px; }\n\n.hero { min-height:760px; height:92vh; position:relative; color:#fff; display:flex; align-items:center; overflow:hidden; }\n.hero__background { position:absolute; inset:0; background:url('https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/hero.jpg') center center\/cover no-repeat; transform:scale(1.01); }\n.hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,18,47,.92) 0%,rgba(2,25,56,.74) 38%,rgba(2,24,54,.16) 74%,rgba(2,24,54,.08) 100%); }\n.hero__content { position:relative; z-index:2; padding-top:64px; }\n.eyebrow { margin:0 0 17px; text-transform:uppercase; letter-spacing:.16em; font-size:11px; font-weight:800; color:var(--blue); }\n.eyebrow--light { color:#9bdcff; }\n.hero h1 { margin:0; max-width:590px; font-size:clamp(40px,4.2vw,58px); line-height:1.03; letter-spacing:-.045em; font-weight:760; }\n.hero__copy { max-width:590px; margin:26px 0 0; color:rgba(255,255,255,.82); font-size:18px; line-height:1.65; }\n.cta-row { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:42px; }\n.hero .cta-row,.company .cta-row { justify-content:flex-start; }\n.button { min-width:154px; height:49px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 20px; font-size:13px; font-weight:700; transition:transform .2s ease,background .2s ease,color .2s ease; }\n.button:hover { transform:translateY(-2px); }\n.button--primary { color:#fff; background:var(--blue); }\n.button--primary:hover { background:#0b85c3; }\n.button--secondary { color:var(--navy); border:1px solid #9bacbd; background:transparent; }\n.cta-row--light .button--secondary { color:#fff; border-color:rgba(255,255,255,.58); }\n.button-dot { width:7px; height:7px; border-radius:50%; background:#7cf1b5; box-shadow:0 0 0 4px rgba(124,241,181,.14); }\n.hero__trust { margin-top:58px; display:flex; align-items:center; gap:9px; }\n.hero__trust>span { border:1px solid rgba(255,255,255,.32); padding:6px 9px; font-size:10px; font-weight:800; letter-spacing:.08em; }\n.hero__trust p { font-size:11px; color:rgba(255,255,255,.68); margin-left:8px; }\n.scroll-hint { position:absolute; bottom:26px; right:4vw; z-index:3; display:flex; gap:14px; align-items:center; font-size:11px; text-transform:uppercase; letter-spacing:.13em; }\n.scroll-hint span { width:32px; height:32px; border:1px solid rgba(255,255,255,.4); border-radius:50%; display:grid; place-items:center; }\n\n.section-heading { display:block; max-width:1020px; margin:0 0 50px; text-align:left; }\n.section-heading .eyebrow { padding:0; margin:0 0 16px; }\n.section-heading h2 { max-width:1000px; font-size:clamp(34px,3.7vw,52px); line-height:1.07; letter-spacing:-.045em; margin:0; color:var(--navy); text-wrap:balance; }\n.section-heading>p:last-child { max-width:690px; margin:20px 0 0; color:var(--muted); line-height:1.7; font-size:15px; padding:0; }\n.flagship,.product-section,.factory { padding:112px 0; }\n.flagship { background:var(--ice); }\n.flagship-grid { display:grid; grid-template-columns:1.18fr 1fr; gap:20px; }\n.featured-product { min-height:750px; position:relative; overflow:hidden; color:#fff; background:linear-gradient(155deg,#0c2e62,#041632 76%); display:flex; flex-direction:column; transition:transform .35s ease,box-shadow .35s ease; }\n.featured-product:hover { transform:translateY(-5px); box-shadow:0 28px 65px rgba(4,27,66,.24); }\n.featured-product::before { content:\"\"; position:absolute; width:520px; height:520px; border:1px solid rgba(81,183,236,.22); border-radius:50%; top:85px; left:50%; transform:translateX(-50%); }\n.featured-product::after { content:\"\"; position:absolute; width:340px; height:340px; border-radius:50%; left:50%; top:140px; transform:translateX(-50%) scale(.72); background:rgba(61,191,249,.13); filter:blur(42px); opacity:.35; transition:transform .6s ease,opacity .6s ease; }\n.featured-product:hover::after { transform:translateX(-50%) scale(1.15); opacity:.78; }\n.featured-product__topline { display:flex; justify-content:space-between; padding:24px 26px; text-transform:uppercase; letter-spacing:.12em; font-size:10px; color:#9bdcff; position:relative; z-index:2; }\n.featured-product__topline span:first-child { color:#fff; background:var(--blue); padding:7px 10px; }\n.featured-product>img { height:400px; width:100%; object-fit:contain; padding:10px 35px; position:relative; z-index:1; transition:transform .55s cubic-bezier(.2,.8,.2,1); }\n.featured-product:hover>img { transform:translateY(-8px) scale(1.045) rotate(-.6deg); }\n.featured-product__content { margin-top:auto; position:relative; z-index:2; padding:32px; border-top:1px solid rgba(255,255,255,.12); background:rgba(3,21,54,.74); }\n.featured-product__content>div:first-child { display:flex; align-items:end; justify-content:space-between; gap:25px; }\n.featured-product__content h3 { font-size:35px; margin:6px 0 0; letter-spacing:-.035em; }\n.featured-product__content p { color:#bdc9d8; line-height:1.6; font-size:14px; }\n.featured-product__content>div:first-child p { margin:0; text-transform:uppercase; letter-spacing:.1em; font-size:9px; color:#7dcff8; }\n.featured-product__content dl { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:24px 0 0; background:rgba(255,255,255,.14); }\n.featured-product__content dl div { background:#071d43; padding:15px; }\n.featured-product dt,.product-card dt { text-transform:uppercase; letter-spacing:.12em; font-size:8px; color:#8291a5; }\n.featured-product dd,.product-card dd { margin:5px 0 0; font-size:12px; }\n.flagship-side { display:grid; grid-template-columns:1fr 1fr; gap:20px; }\n.flagship-side .product-card { min-height:365px; }\n.product-card { display:grid; grid-template-rows:minmax(190px,1fr) 170px; min-width:0; min-height:360px; position:relative; overflow:hidden; isolation:isolate; background:#eaf1f6; border:1px solid var(--line); transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease; }\n.product-card::before { content:\"\"; position:absolute; z-index:-1; width:280px; height:280px; right:-100px; top:-110px; border-radius:50%; background:rgba(25,157,218,.13); transform:scale(.55); opacity:.2; transition:transform .6s ease,opacity .6s ease; }\n.product-card:hover,.product-card:focus-visible { transform:translateY(-7px); box-shadow:0 25px 60px rgba(13,45,79,.16); border-color:rgba(18,153,220,.5); outline:0; }\n.product-card:hover::before,.product-card:focus-visible::before { transform:scale(1.3); opacity:.72; }\n.product-card__image { position:relative; min-height:0; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#f6f9fb,#e5edf4); }\n.product-card__image::after { content:\"\"; position:absolute; left:15%; right:15%; bottom:22px; height:2px; background:linear-gradient(90deg,transparent,var(--blue),transparent); opacity:0; transform:scaleX(.25); transition:opacity .4s ease,transform .4s ease; }\n.product-card__image img { width:100%; height:100%; object-fit:contain; padding:23px; transform:translateY(0) scale(.96); transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease; }\n.product-card:hover .product-card__image img,.product-card:focus-visible .product-card__image img { transform:translateY(-10px) scale(1.055) rotate(-.7deg); filter:drop-shadow(0 18px 16px rgba(13,45,79,.15)); }\n.product-card:hover .product-card__image::after,.product-card:focus-visible .product-card__image::after { opacity:1; transform:scaleX(1); }\n.product-card__number { position:absolute; top:16px; left:17px; z-index:2; font-size:9px; letter-spacing:.14em; color:#6e7b8e; transition:color .3s ease; }\n.product-card:hover .product-card__number { color:var(--blue); }\n.product-card__body { height:170px; padding:20px; position:relative; z-index:3; overflow:hidden; background:#fff; border-top:1px solid var(--line); }\n.product-card__body h3 { font-size:19px; color:var(--navy); margin:0 0 7px; letter-spacing:-.02em; }\n.product-card__body p { margin:0; color:var(--muted); font-size:12px; }\n.product-card__arrow { position:absolute; right:20px; top:21px; width:28px; height:28px; display:grid; place-items:center; color:var(--blue); border:1px solid #cbd9e5; border-radius:50%; transform:rotate(0deg); transition:background .3s ease,color .3s ease,transform .35s ease; }\n.product-card:hover .product-card__arrow,.product-card:focus-visible .product-card__arrow { color:#fff; background:var(--blue); border-color:var(--blue); transform:rotate(45deg); }\n.product-card__body dl { display:grid; grid-template-columns:1fr 1fr; height:47px; border-top:1px solid var(--line); opacity:0; margin:15px 0 0; padding:12px 0 0; gap:12px; transform:translateY(5px); transition:opacity .3s ease,transform .35s ease; }\n.product-card:hover .product-card__body dl,.product-card:focus-visible .product-card__body dl { opacity:1; transform:translateY(0); }\n.product-card__body dd { color:#334259; }\n.product-card__cta { display:flex; align-items:center; justify-content:space-between; height:15px; margin-top:7px; opacity:0; text-transform:uppercase; letter-spacing:.1em; font-size:9px; font-weight:800; color:var(--navy); transform:translateY(4px); transition:opacity .3s ease,transform .35s ease; }\n.product-card:hover .product-card__cta,.product-card:focus-visible .product-card__cta { opacity:1; transform:translateY(0); }\n\n.product-section--blue { background:#eaf3f9; }\n.product-section--white { background:#fff; }\n.product-section--light { background:#f5f8fb; }\n.product-grid { display:grid; gap:18px; }\n.product-grid .product-card,.flagship-side .product-card { transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease; }\n.product-grid--4 { grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,1fr)); grid-auto-rows:470px; }\n.product-grid--4 .product-card { grid-column:auto; grid-row:auto; }\n.product-grid--4 .product-card--lead .product-card__image img { padding:38px; }\n.product-grid--4 .product-card--lead .product-card__body h3 { font-size:22px; }\n.product-grid--3 { grid-template-columns:2fr 1fr 1fr; grid-auto-rows:500px; }\n.product-grid .product-card { min-height:0; }\n.product-grid .product-card--lead .product-card__image img { padding:44px; }\n.product-grid .product-card--lead .product-card__body { height:170px; padding:20px; }\n.product-grid .product-card--lead .product-card__body h3 { font-size:19px; }\n.product-grid .product-card--lead .product-card__image { min-height:0; }\n.product-grid--3 .product-card--lead .product-card__image img { padding:58px; }\n.product-grid--3 .product-card--lead .product-card__body { padding-left:27px; padding-right:27px; }\n.product-grid--3 .product-card--lead .product-card__body h3 { font-size:25px; }\n.product-section--blue .product-card { background:#dcebf4; }\n.product-section--white .product-card:nth-child(even) .product-card__image { background:linear-gradient(145deg,#edf7fb,#dceef6); }\n.product-section--light .product-card__image { background:linear-gradient(145deg,#f2f5f8,#e0e7ed); }\n.product-section .cta-row,.flagship .cta-row { margin-top:42px; }\n\n.company { min-height:780px; display:grid; grid-template-columns:1fr 1fr; background:var(--deep); color:#fff; }\n.company__visual { position:relative; min-height:620px; overflow:hidden; }\n.company__visual::after { content:\"\"; position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,rgba(3,21,54,.55)); }\n.company__visual img { width:100%; height:100%; object-fit:cover; }\n.company__visual>span { position:absolute; left:35px; bottom:30px; z-index:2; background:#fff; color:var(--navy); padding:12px 16px; text-transform:uppercase; letter-spacing:.14em; font-size:9px; }\n.company__content { padding:90px clamp(50px,7vw,110px) 80px; display:flex; flex-direction:column; justify-content:center; }\n.company__content h2 { margin:0 0 28px; max-width:680px; font-size:clamp(36px,3.2vw,50px); line-height:1.07; letter-spacing:-.045em; text-wrap:balance; }\n.company__content>p:not(.eyebrow) { color:#aeb9ca; font-size:14px; line-height:1.8; margin:0 0 15px; }\n.metrics { margin:34px 0 0; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(255,255,255,.14); border-left:1px solid rgba(255,255,255,.14); }\n.metric { padding:20px; border-right:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); display:flex; flex-direction:column; }\n.metric strong { font-size:27px; color:#fff; }\n.metric span { margin-top:5px; color:#8797ae; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }\n.company .cta-row { margin-top:30px; }\n\n.factory { background:#fff; }\n.factory-grid { display:grid; grid-template-columns:1.08fr .92fr; grid-template-rows:300px 300px; gap:18px; }\n.factory-card { margin:0; position:relative; overflow:hidden; background:#e8eef3; }\n.factory-card--wide { grid-row:1 \/ 3; }\n.factory-card img { width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }\n.factory-card:hover img { transform:scale(1.025); }\n.factory-card::after { content:\"\"; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(2,16,38,.82)); }\n.factory-card figcaption { position:absolute; z-index:2; left:0; right:0; bottom:0; padding:25px; color:#fff; display:flex; align-items:flex-end; gap:18px; }\n.factory-card figcaption>span { color:#73d0ff; font-size:10px; }\n.factory-card strong { font-size:18px; }\n.factory-card p { margin:7px 0 0; color:rgba(255,255,255,.66); font-size:11px; }\n\n.certificates { padding:150px 0 136px; background: radial-gradient(circle at 84% 10%, rgba(18,153,220,.1), transparent 28%), #f3f8fb; }\n.certificate-layout { grid-template-columns:1fr; gap:54px; }\n\n\/* \u5f3a\u5236\u5c06 Quality you can see. Standards you can trust. \u6807\u9898\u5927\u5c0f\u8bbe\u4e3a 52px *\/\n.certificate-copy { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr); grid-template-areas: \"eyebrow tags\" \"title copy\"; column-gap:clamp(42px,7vw,110px); align-items:end; max-width:none; padding:0 0 28px; }\n.certificate-copy::before { top:auto; right:0; bottom:0; left:0; width:100%; height:2px; background:linear-gradient(90deg,var(--blue),rgba(18,153,220,.08)); }\n.certificate-copy .eyebrow { grid-area:eyebrow; }\n.certificate-copy h2 { grid-area:title; max-width:760px; margin:0; font-size: 52px !important; line-height:1.1; }\n.certificate-copy>p:not(.eyebrow) { grid-area:copy; max-width:390px; margin:0 0 2px; }\n\n\/* \u8bc1\u4e66\u677f\u5757\u7684\u6807\u7b7e\u6837\u5f0f\u4e3a\u5e26\u8fb9\u6846\u7684\u65b9\u5757\u7f51\u683c *\/\n.certificate-tags { grid-area:tags; display:flex; gap:12px; justify-content:flex-end; align-self:start; margin:0; }\n.certificate-tags span { border:1px solid #91b5d0; padding:12px 18px; font-size:13px; font-weight:700; color:var(--navy); background:#fcfdff; letter-spacing:.05em; display:inline-grid; place-items:center; min-width:72px; }\n\n\/* \u56fe\u7247\u6837\u5f0f *\/\n.certificate-image { transform:none; padding:18px 18px 78px; box-shadow:0 30px 70px rgba(6,31,80,.14); }\n.certificate-image img { content:url('https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/certificates-filled.png'); aspect-ratio:2.6; object-fit:cover; object-position:center 52%; justify-self:center; }\n\n.contact { position:relative; overflow:hidden; padding:150px 0 160px; background: linear-gradient(135deg,rgba(18,153,220,.08),transparent 34%), #091729; border-top:1px solid rgba(255,255,255,.08); }\n.contact::before { content:\"08\"; position:absolute; top:38px; right:4vw; color:rgba(255,255,255,.045); font-size:clamp(100px,16vw,220px); font-weight:800; letter-spacing:-.12em; line-height:1; pointer-events:none; }\n.contact-layout { position:relative; z-index:1; grid-template-columns:1fr; gap:70px; align-items:center; }\n\n\/* \u5f3a\u5236\u5c06 Tell us what you need. Our team will reply within 12 hours. \u6807\u9898\u5927\u5c0f\u8bbe\u4e3a 52px *\/\n.contact-copy { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr); grid-template-rows:auto auto 1fr; column-gap:clamp(48px,8vw,120px); max-width:none; padding:0; }\n.contact-copy .eyebrow { grid-column:1; grid-row:1; }\n.contact-copy h2 { grid-column:1; grid-row:2; max-width:780px; font-size: 52px !important; line-height:1.1; margin-bottom:25px; }\n.contact-copy>p:not(.eyebrow) { grid-column:1; grid-row:3; max-width:620px; margin:0; }\n\n.contact-details { grid-column:2; grid-row:1 \/ 4; align-self:end; grid-template-columns:1fr 1fr; gap:0 26px; margin:0; padding:0; border-top:1px solid #2a3a4e; border-bottom:1px solid #2a3a4e; }\n.contact-details>div { padding:20px 0; border-top:0; }\n.contact-details>div:last-child { border-bottom:0; }\n.contact-form { display:none; }\n\nfooter { background:#04132d; color:#fff; padding:75px 0 24px; display:none; }\n\n@media (max-width:1000px) {\n  .site-header nav,.header-actions { display:none; }\n  .mobile-menu { display:block; }\n  .section-heading { max-width:860px; }\n  .flagship-grid { grid-template-columns:1fr; }\n  .featured-product { min-height:680px; }\n  .product-grid--4 { grid-template-columns:1fr 1fr; grid-auto-rows:450px; }\n  .product-grid--4 .product-card,.product-grid--4 .product-card--lead { grid-column:auto; grid-row:auto; }\n  .product-grid--3 { grid-template-columns:1fr 1fr; grid-auto-rows:450px; }\n  .product-grid--3 .product-card--lead { grid-column:1 \/ 3; }\n  .company { grid-template-columns:1fr; }\n  .company__visual { min-height:520px; }\n  .certificate-layout,.contact-layout { grid-template-columns:1fr; gap:56px; }\n  .certificate-copy { grid-template-columns:minmax(0,1fr) minmax(220px,.7fr); column-gap:42px; }\n  .contact-copy { grid-template-columns:1fr; grid-template-rows:auto; row-gap:0; }\n  .contact-copy .eyebrow,.contact-copy h2,.contact-copy>p:not(.eyebrow),.contact-details { grid-column:1; grid-row:auto; }\n  .contact-details { margin-top:42px; align-self:auto; }\n  .footer-main { grid-template-columns:1.7fr 1fr 1fr; }\n  .footer-main>div:last-child { display:none; }\n\n  \/* \u79fb\u9664\u5e73\u677f\u4e0e\u79fb\u52a8\u7aef\uff08<=1000px\uff09\u7684\u6240\u6709 HOVER \u52a8\u753b\uff0c\u5e76\u8ba9\u53c2\u6570\u4e0e\u94fe\u63a5\u5e38\u9a7b\u663e\u793a *\/\n  .site-header nav a:hover, \n  .header-actions a:hover, \n  .button:hover { \n    opacity: 1 !important; \n    transform: none !important; \n  }\n  .product-card:hover, \n  .product-card:focus-visible { \n    transform: none !important; \n    box-shadow: none !important; \n    border-color: var(--line) !important; \n  }\n  .product-card:hover::before, \n  .product-card:focus-visible::before { \n    transform: scale(.55) !important; \n    opacity: .2 !important; \n  }\n  .product-card:hover .product-card__image img, \n  .product-card:focus-visible .product-card__image img { \n    transform: translateY(0) scale(.96) !important; \n    filter: none !important; \n  }\n  .product-card:hover .product-card__image::after, \n  .product-card:focus-visible .product-card__image::after { \n    opacity: 0 !important; \n    transform: scaleX(.25) !important; \n  }\n  .product-card:hover .product-card__number { \n    color: #6e7b8e !important; \n  }\n  .product-card:hover .product-card__arrow, \n  .product-card:focus-visible .product-card__arrow { \n    color: var(--blue) !important; \n    background: transparent !important; \n    border-color: #cbd9e5 !important; \n    transform: rotate(0deg) !important; \n  }\n  .product-card .product-card__body dl { \n    opacity: 1 !important; \n    transform: translateY(0) !important; \n  }\n  .product-card .product-card__cta { \n    opacity: 1 !important; \n    transform: translateY(0) !important; \n  }\n  .featured-product:hover { \n    transform: none !important; \n    box-shadow: none !important; \n  }\n  .featured-product:hover::after { \n    transform: translateX(-50%) scale(.72) !important; \n    opacity: .35 !important; \n  }\n  .featured-product:hover>img { \n    transform: none !important; \n  }\n  .factory-card:hover img { \n    transform: none !important; \n  }\n}\n\n@media (max-width:700px) {\n  .container { width:min(100% - 28px, 1240px); }\n  .site-header { height:64px; padding:0 14px; }\n  \n  .hero { min-height:760px; height:auto; padding:80px 0 60px; }\n  .hero__background { background-position:62% center; }\n  .hero__shade { background:linear-gradient(180deg,rgba(2,18,47,.92) 0%,rgba(2,25,56,.75) 60%,rgba(2,24,54,.9) 100%); }\n  \n  .hero__content { padding:20px 16px 0; max-width:100%; }\n  .hero h1 { font-size:34px; line-height:1.08; max-width:100%; word-break:break-word; }\n  .hero__copy { font-size:15px; max-width:100%; margin-top:16px; }\n  \n  .hero .cta-row { flex-direction:row; width:100%; margin-top:28px; gap:8px; }\n  .button { min-width:0; flex:1; padding:0 10px; font-size:12px; }\n  \n  .hero__trust { \n    margin-top:24px; \n    flex-wrap: wrap;\n    gap: 6px;\n    align-items: center;\n  }\n  .hero__trust p { \n    width: 100%; \n    margin: 4px 0 0 0; \n    text-align: right; \n    font-size: 10px;\n  }\n\n  .scroll-hint { \n    position: static; \n    margin-top: 24px; \n    justify-content: flex-end; \n    padding-right: 4px;\n  }\n  .scroll-hint span {\n    border-radius: 6px;\n  }\n\n  .section-heading { display:block; margin-bottom:28px; }\n  .section-heading h2 { font-size:32px; }\n  .section-heading>p:last-child { margin-top:14px; font-size:14px; }\n  \n  .flagship, .product-section, .factory, .certificates, .contact { \n    padding: 45px 0 !important; \n  }\n\n  .flagship-side,.product-grid--4,.product-grid--3 { grid-template-columns:1fr; }\n  .product-grid--4,.product-grid--3 { grid-auto-rows:auto; }\n  .product-grid--4 .product-card,.product-grid--4 .product-card--lead,.product-grid--3 .product-card,.product-grid--3 .product-card--lead { grid-column:auto; grid-row:auto; }\n  .featured-product { min-height:620px; }\n  .featured-product>img { height:300px; padding:10px 20px; }\n  .featured-product__content { padding:20px; }\n  .featured-product__content>div:first-child { display:block; }\n  .featured-product__content h3 { font-size:26px; }\n  .featured-product__content dl { grid-template-columns:1fr; }\n  .featured-product__content dl div { display:flex; justify-content:space-between; }\n  .product-card { grid-template-rows:minmax(200px,1fr) auto; min-height:0; }\n  .product-card__body { height:auto; padding:16px; }\n  .company__visual { min-height:390px; }\n  .company__content { padding:45px 18px; }\n  .company__content h2 { font-size:32px; }\n  .metrics { grid-template-columns:1fr 1fr; }\n  .factory-grid { display:block; }\n  .factory-card { height:260px; margin-bottom:14px; }\n  \n  .certificates { padding:45px 0 !important; }\n  .certificate-layout { gap:30px; }\n  .certificate-copy { grid-template-columns:1fr; grid-template-areas: \"eyebrow\" \"title\" \"copy\" \"tags\"; row-gap:0; padding:10px 0 16px 14px; }\n  .certificate-copy::before { top:10px; right:auto; bottom:0; left:0; width:3px; height:auto; background:linear-gradient(var(--blue),rgba(18,153,220,.08)); }\n  .certificate-copy h2 { font-size: 32px !important; margin:0 0 14px; } \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u9002\u4e2d\u5b57\u53f7\u9632\u6b62\u6362\u884c\u6ea2\u51fa\uff0c\u5982\u679c\u624b\u673a\u7aef\u4e5f\u5f3a\u523652px\u53ef\u4ee5\u6539\u621052px *\/\n  .certificate-copy>p:not(.eyebrow) { margin:0 0 18px; font-size:14px; }\n  .certificate-tags { justify-content:flex-start; flex-wrap: wrap; }\n  .certificate-image { padding:12px 12px 40px; }\n  .certificate-image img { aspect-ratio:1.6; width:100%; }\n\n  .contact { padding:45px 0 !important; }\n  .contact-layout { gap:30px; }\n  .contact-copy { padding-top:10px; }\n  .contact-copy h2 { font-size: 32px !important; margin-bottom:14px; } \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u9002\u4e2d\u5b57\u53f7 *\/\n  .contact-details { grid-template-columns:1fr; margin-top:24px; }\n  .contact-details>div { padding:14px 0; border-top:1px solid #2a3a4e; }\n  .contact-form { padding:24px 16px 20px; }\n  .form-heading { display:block; margin-bottom:20px; }\n  .form-heading strong { font-size:20px; }\n}\n\n\/* Page-specific overrides. *\/\n.hero h1 {\n  color: #ffffff !important;\n}\n.contact, .contact h2, .contact p, .contact span, .contact strong {\n  color: #ffffff !important;\n}\n.contact a {\n  color: #ffffff !important;\n  text-decoration: underline;\n}\nsection.contact {\n  padding-bottom: 30px !important;\n  margin-bottom: 0 !important;\n}\n.footer-disclaimer p,\n.footer-bottom span,\n.footer-bottom a {\n  color: #ffffff !important;\n}\n.contact-description {\n  grid-column: 1;\n  grid-row: 3;\n  max-width: 620px;\n  margin: 0;\n}\n@media (max-width:700px) {\n  .contact-description {\n    display: none;\n  }\n}\n<\/style>\n\n\n\n<!-- 07-certified-confidence.html\uff1a\u9875\u9762\u72ec\u7acb\u677f\u5757\uff0c\u4f9d\u8d56 about.html \u5f53\u524d\u4f7f\u7528\u7684 style.css -->\n<section class=\"certificates\" id=\"certificates\"><div class=\"container certificate-layout\"><div class=\"certificate-copy\"><p class=\"eyebrow eyebrow--light\">07 \u00b7 Zertifiziertes Vertrauen<\/p><h2><span class=\"ez-toc-section\" id=\"Quality_you_can_see_Standards_you_can_trust\"><\/span>Qualit\u00e4t, die man sieht. Standards, denen man vertrauen kann.<span class=\"ez-toc-section-end\"><\/span><\/h2><p>Umfassende Sicherheitssysteme, strenge Qualit\u00e4tskontrollen und international anerkannte Zertifizierungen zeichnen jede MACY-PAN-Kammer aus.<\/p><div class=\"certificate-tags\"><span>PVHO<\/span><span>CE<\/span><span>ISO<\/span><span>SGS<\/span><\/div><\/div><div class=\"certificate-image\"><img decoding=\"async\" src=\"https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/certificates.jpg\" alt=\"MACY-PAN-Zertifizierung und Ehrentafel\" loading=\"lazy\"><div><strong>100+<\/strong><span>Patente, Zertifizierungen und Auszeichnungen<\/span><\/div><\/div><\/div><\/section>\n<style>\n:root { --navy:#061f50; --deep:#031536; --blue:#1299dc; --sky:#eaf4fb; --ice:#f5f8fb; --line:#d8e1ea; --ink:#09172b; --muted:#647083; --white:#fff; }\n* { box-sizing:border-box; }\nhtml { scroll-behavior:smooth; }\nbody { margin:0; background:#fff; color:var(--ink); font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; }\na { color:inherit; text-decoration:none; }\nimg { display:block; max-width:100%; }\n.container { width:min(1240px, calc(100% - 64px)); margin:0 auto; }\n.site-header { height:76px; display:flex; align-items:center; padding:0 4vw; gap:38px; position:absolute; top:0; left:0; right:0; z-index:20; color:#fff; border-bottom:1px solid rgba(255,255,255,.22); }\n.brand { display:flex; align-items:center; gap:11px; font-size:22px; font-weight:800; letter-spacing:.025em; white-space:nowrap; }\n.brand-mark { width:31px; height:31px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:13px; font-weight:900; }\n.site-header nav { display:flex; gap:28px; margin-left:auto; font-size:13px; letter-spacing:.04em; }\n.site-header nav a,.header-actions a { transition:opacity .2s ease; }\n.site-header nav a:hover,.header-actions a:hover { opacity:.68; }\n.header-actions { display:flex; align-items:center; gap:22px; font-size:13px; }\n.header-chat { padding:11px 17px; border:1px solid rgba(255,255,255,.7); }\n.mobile-menu { display:none; margin-left:auto; position:relative; }\n.mobile-menu summary { list-style:none; cursor:pointer; padding:9px 13px; border:1px solid rgba(255,255,255,.5); font-size:13px; }\n.mobile-menu div { position:absolute; right:0; top:45px; width:190px; padding:12px; display:grid; gap:2px; background:#fff; color:var(--ink); box-shadow:0 18px 50px rgba(0,0,0,.18); }\n.mobile-menu div a { padding:11px; }\n\n.hero { min-height:760px; height:92vh; position:relative; color:#fff; display:flex; align-items:center; overflow:hidden; }\n.hero__background { position:absolute; inset:0; background:url('https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/hero.jpg') center center\/cover no-repeat; transform:scale(1.01); }\n.hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,18,47,.92) 0%,rgba(2,25,56,.74) 38%,rgba(2,24,54,.16) 74%,rgba(2,24,54,.08) 100%); }\n.hero__content { position:relative; z-index:2; padding-top:64px; }\n.eyebrow { margin:0 0 17px; text-transform:uppercase; letter-spacing:.16em; font-size:11px; font-weight:800; color:var(--blue); }\n.eyebrow--light { color:#9bdcff; }\n.hero h1 { margin:0; max-width:590px; font-size:clamp(40px,4.2vw,58px); line-height:1.03; letter-spacing:-.045em; font-weight:760; }\n.hero__copy { max-width:590px; margin:26px 0 0; color:rgba(255,255,255,.82); font-size:18px; line-height:1.65; }\n.cta-row { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:42px; }\n.hero .cta-row,.company .cta-row { justify-content:flex-start; }\n.button { min-width:154px; height:49px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 20px; font-size:13px; font-weight:700; transition:transform .2s ease,background .2s ease,color .2s ease; }\n.button:hover { transform:translateY(-2px); }\n.button--primary { color:#fff; background:var(--blue); }\n.button--primary:hover { background:#0b85c3; }\n.button--secondary { color:var(--navy); border:1px solid #9bacbd; background:transparent; }\n.cta-row--light .button--secondary { color:#fff; border-color:rgba(255,255,255,.58); }\n.button-dot { width:7px; height:7px; border-radius:50%; background:#7cf1b5; box-shadow:0 0 0 4px rgba(124,241,181,.14); }\n.hero__trust { margin-top:58px; display:flex; align-items:center; gap:9px; }\n.hero__trust>span { border:1px solid rgba(255,255,255,.32); padding:6px 9px; font-size:10px; font-weight:800; letter-spacing:.08em; }\n.hero__trust p { font-size:11px; color:rgba(255,255,255,.68); margin-left:8px; }\n.scroll-hint { position:absolute; bottom:26px; right:4vw; z-index:3; display:flex; gap:14px; align-items:center; font-size:11px; text-transform:uppercase; letter-spacing:.13em; }\n.scroll-hint span { width:32px; height:32px; border:1px solid rgba(255,255,255,.4); border-radius:50%; display:grid; place-items:center; }\n\n.section-heading { display:block; max-width:1020px; margin:0 0 50px; text-align:left; }\n.section-heading .eyebrow { padding:0; margin:0 0 16px; }\n.section-heading h2 { max-width:1000px; font-size:clamp(34px,3.7vw,52px); line-height:1.07; letter-spacing:-.045em; margin:0; color:var(--navy); text-wrap:balance; }\n.section-heading>p:last-child { max-width:690px; margin:20px 0 0; color:var(--muted); line-height:1.7; font-size:15px; padding:0; }\n.flagship,.product-section,.factory { padding:112px 0; }\n.flagship { background:var(--ice); }\n.flagship-grid { display:grid; grid-template-columns:1.18fr 1fr; gap:20px; }\n.featured-product { min-height:750px; position:relative; overflow:hidden; color:#fff; background:linear-gradient(155deg,#0c2e62,#041632 76%); display:flex; flex-direction:column; transition:transform .35s ease,box-shadow .35s ease; }\n.featured-product:hover { transform:translateY(-5px); box-shadow:0 28px 65px rgba(4,27,66,.24); }\n.featured-product::before { content:\"\"; position:absolute; width:520px; height:520px; border:1px solid rgba(81,183,236,.22); border-radius:50%; top:85px; left:50%; transform:translateX(-50%); }\n.featured-product::after { content:\"\"; position:absolute; width:340px; height:340px; border-radius:50%; left:50%; top:140px; transform:translateX(-50%) scale(.72); background:rgba(61,191,249,.13); filter:blur(42px); opacity:.35; transition:transform .6s ease,opacity .6s ease; }\n.featured-product:hover::after { transform:translateX(-50%) scale(1.15); opacity:.78; }\n.featured-product__topline { display:flex; justify-content:space-between; padding:24px 26px; text-transform:uppercase; letter-spacing:.12em; font-size:10px; color:#9bdcff; position:relative; z-index:2; }\n.featured-product__topline span:first-child { color:#fff; background:var(--blue); padding:7px 10px; }\n.featured-product>img { height:400px; width:100%; object-fit:contain; padding:10px 35px; position:relative; z-index:1; transition:transform .55s cubic-bezier(.2,.8,.2,1); }\n.featured-product:hover>img { transform:translateY(-8px) scale(1.045) rotate(-.6deg); }\n.featured-product__content { margin-top:auto; position:relative; z-index:2; padding:32px; border-top:1px solid rgba(255,255,255,.12); background:rgba(3,21,54,.74); }\n.featured-product__content>div:first-child { display:flex; align-items:end; justify-content:space-between; gap:25px; }\n.featured-product__content h3 { font-size:35px; margin:6px 0 0; letter-spacing:-.035em; }\n.featured-product__content p { color:#bdc9d8; line-height:1.6; font-size:14px; }\n.featured-product__content>div:first-child p { margin:0; text-transform:uppercase; letter-spacing:.1em; font-size:9px; color:#7dcff8; }\n.featured-product__content dl { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:24px 0 0; background:rgba(255,255,255,.14); }\n.featured-product__content dl div { background:#071d43; padding:15px; }\n.featured-product dt,.product-card dt { text-transform:uppercase; letter-spacing:.12em; font-size:8px; color:#8291a5; }\n.featured-product dd,.product-card dd { margin:5px 0 0; font-size:12px; }\n.flagship-side { display:grid; grid-template-columns:1fr 1fr; gap:20px; }\n.flagship-side .product-card { min-height:365px; }\n.product-card { display:grid; grid-template-rows:minmax(190px,1fr) 170px; min-width:0; min-height:360px; position:relative; overflow:hidden; isolation:isolate; background:#eaf1f6; border:1px solid var(--line); transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease; }\n.product-card::before { content:\"\"; position:absolute; z-index:-1; width:280px; height:280px; right:-100px; top:-110px; border-radius:50%; background:rgba(25,157,218,.13); transform:scale(.55); opacity:.2; transition:transform .6s ease,opacity .6s ease; }\n.product-card:hover,.product-card:focus-visible { transform:translateY(-7px); box-shadow:0 25px 60px rgba(13,45,79,.16); border-color:rgba(18,153,220,.5); outline:0; }\n.product-card:hover::before,.product-card:focus-visible::before { transform:scale(1.3); opacity:.72; }\n.product-card__image { position:relative; min-height:0; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#f6f9fb,#e5edf4); }\n.product-card__image::after { content:\"\"; position:absolute; left:15%; right:15%; bottom:22px; height:2px; background:linear-gradient(90deg,transparent,var(--blue),transparent); opacity:0; transform:scaleX(.25); transition:opacity .4s ease,transform .4s ease; }\n.product-card__image img { width:100%; height:100%; object-fit:contain; padding:23px; transform:translateY(0) scale(.96); transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease; }\n.product-card:hover .product-card__image img,.product-card:focus-visible .product-card__image img { transform:translateY(-10px) scale(1.055) rotate(-.7deg); filter:drop-shadow(0 18px 16px rgba(13,45,79,.15)); }\n.product-card:hover .product-card__image::after,.product-card:focus-visible .product-card__image::after { opacity:1; transform:scaleX(1); }\n.product-card__number { position:absolute; top:16px; left:17px; z-index:2; font-size:9px; letter-spacing:.14em; color:#6e7b8e; transition:color .3s ease; }\n.product-card:hover .product-card__number { color:var(--blue); }\n.product-card__body { height:170px; padding:20px; position:relative; z-index:3; overflow:hidden; background:#fff; border-top:1px solid var(--line); }\n.product-card__body h3 { font-size:19px; color:var(--navy); margin:0 0 7px; letter-spacing:-.02em; }\n.product-card__body p { margin:0; color:var(--muted); font-size:12px; }\n.product-card__arrow { position:absolute; right:20px; top:21px; width:28px; height:28px; display:grid; place-items:center; color:var(--blue); border:1px solid #cbd9e5; border-radius:50%; transform:rotate(0deg); transition:background .3s ease,color .3s ease,transform .35s ease; }\n.product-card:hover .product-card__arrow,.product-card:focus-visible .product-card__arrow { color:#fff; background:var(--blue); border-color:var(--blue); transform:rotate(45deg); }\n.product-card__body dl { display:grid; grid-template-columns:1fr 1fr; height:47px; border-top:1px solid var(--line); opacity:0; margin:15px 0 0; padding:12px 0 0; gap:12px; transform:translateY(5px); transition:opacity .3s ease,transform .35s ease; }\n.product-card:hover .product-card__body dl,.product-card:focus-visible .product-card__body dl { opacity:1; transform:translateY(0); }\n.product-card__body dd { color:#334259; }\n.product-card__cta { display:flex; align-items:center; justify-content:space-between; height:15px; margin-top:7px; opacity:0; text-transform:uppercase; letter-spacing:.1em; font-size:9px; font-weight:800; color:var(--navy); transform:translateY(4px); transition:opacity .3s ease,transform .35s ease; }\n.product-card:hover .product-card__cta,.product-card:focus-visible .product-card__cta { opacity:1; transform:translateY(0); }\n\n.product-section--blue { background:#eaf3f9; }\n.product-section--white { background:#fff; }\n.product-section--light { background:#f5f8fb; }\n.product-grid { display:grid; gap:18px; }\n.product-grid .product-card,.flagship-side .product-card { transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease; }\n.product-grid--4 { grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,1fr)); grid-auto-rows:470px; }\n.product-grid--4 .product-card { grid-column:auto; grid-row:auto; }\n.product-grid--4 .product-card--lead .product-card__image img { padding:38px; }\n.product-grid--4 .product-card--lead .product-card__body h3 { font-size:22px; }\n.product-grid--3 { grid-template-columns:2fr 1fr 1fr; grid-auto-rows:500px; }\n.product-grid .product-card { min-height:0; }\n.product-grid .product-card--lead .product-card__image img { padding:44px; }\n.product-grid .product-card--lead .product-card__body { height:170px; padding:20px; }\n.product-grid .product-card--lead .product-card__body h3 { font-size:19px; }\n.product-grid .product-card--lead .product-card__image { min-height:0; }\n.product-grid--3 .product-card--lead .product-card__image img { padding:58px; }\n.product-grid--3 .product-card--lead .product-card__body { padding-left:27px; padding-right:27px; }\n.product-grid--3 .product-card--lead .product-card__body h3 { font-size:25px; }\n.product-section--blue .product-card { background:#dcebf4; }\n.product-section--white .product-card:nth-child(even) .product-card__image { background:linear-gradient(145deg,#edf7fb,#dceef6); }\n.product-section--light .product-card__image { background:linear-gradient(145deg,#f2f5f8,#e0e7ed); }\n.product-section .cta-row,.flagship .cta-row { margin-top:42px; }\n\n.company { min-height:780px; display:grid; grid-template-columns:1fr 1fr; background:var(--deep); color:#fff; }\n.company__visual { position:relative; min-height:620px; overflow:hidden; }\n.company__visual::after { content:\"\"; position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,rgba(3,21,54,.55)); }\n.company__visual img { width:100%; height:100%; object-fit:cover; }\n.company__visual>span { position:absolute; left:35px; bottom:30px; z-index:2; background:#fff; color:var(--navy); padding:12px 16px; text-transform:uppercase; letter-spacing:.14em; font-size:9px; }\n.company__content { padding:90px clamp(50px,7vw,110px) 80px; display:flex; flex-direction:column; justify-content:center; }\n.company__content h2 { margin:0 0 28px; max-width:680px; font-size:clamp(36px,3.2vw,50px); line-height:1.07; letter-spacing:-.045em; text-wrap:balance; }\n.company__content>p:not(.eyebrow) { color:#aeb9ca; font-size:14px; line-height:1.8; margin:0 0 15px; }\n.metrics { margin:34px 0 0; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(255,255,255,.14); border-left:1px solid rgba(255,255,255,.14); }\n.metric { padding:20px; border-right:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); display:flex; flex-direction:column; }\n.metric strong { font-size:27px; color:#fff; }\n.metric span { margin-top:5px; color:#8797ae; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }\n.company .cta-row { margin-top:30px; }\n\n.factory { background:#fff; }\n.factory-grid { display:grid; grid-template-columns:1.08fr .92fr; grid-template-rows:300px 300px; gap:18px; }\n.factory-card { margin:0; position:relative; overflow:hidden; background:#e8eef3; }\n.factory-card--wide { grid-row:1 \/ 3; }\n.factory-card img { width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }\n.factory-card:hover img { transform:scale(1.025); }\n.factory-card::after { content:\"\"; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(2,16,38,.82)); }\n.factory-card figcaption { position:absolute; z-index:2; left:0; right:0; bottom:0; padding:25px; color:#fff; display:flex; align-items:flex-end; gap:18px; }\n.factory-card figcaption>span { color:#73d0ff; font-size:10px; }\n.factory-card strong { font-size:18px; }\n.factory-card p { margin:7px 0 0; color:rgba(255,255,255,.66); font-size:11px; }\n\n.certificates { padding:150px 0 136px; background: radial-gradient(circle at 84% 10%, rgba(18,153,220,.1), transparent 28%), #f3f8fb; }\n.certificate-layout { grid-template-columns:1fr; gap:54px; }\n\n\/* \u5f3a\u5236\u5c06 Quality you can see. Standards you can trust. \u6807\u9898\u5927\u5c0f\u8bbe\u4e3a 52px *\/\n.certificate-copy { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr); grid-template-areas: \"eyebrow tags\" \"title copy\"; column-gap:clamp(42px,7vw,110px); align-items:end; max-width:none; padding:0 0 28px; }\n.certificate-copy::before { top:auto; right:0; bottom:0; left:0; width:100%; height:2px; background:linear-gradient(90deg,var(--blue),rgba(18,153,220,.08)); }\n.certificate-copy .eyebrow { grid-area:eyebrow; }\n.certificate-copy h2 { grid-area:title; max-width:760px; margin:0; font-size: 52px !important; line-height:1.1; }\n.certificate-copy>p:not(.eyebrow) { grid-area:copy; max-width:390px; margin:0 0 2px; }\n\n\/* \u8bc1\u4e66\u677f\u5757\u7684\u6807\u7b7e\u6837\u5f0f\u4e3a\u5e26\u8fb9\u6846\u7684\u65b9\u5757\u7f51\u683c *\/\n.certificate-tags { grid-area:tags; display:flex; gap:12px; justify-content:flex-end; align-self:start; margin:0; }\n.certificate-tags span { border:1px solid #91b5d0; padding:12px 18px; font-size:13px; font-weight:700; color:var(--navy); background:#fcfdff; letter-spacing:.05em; display:inline-grid; place-items:center; min-width:72px; }\n\n\/* \u56fe\u7247\u6837\u5f0f *\/\n.certificate-image { transform:none; padding:18px 18px 78px; box-shadow:0 30px 70px rgba(6,31,80,.14); }\n.certificate-image img { content:url('https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/certificates-filled.png'); aspect-ratio:2.6; object-fit:cover; object-position:center 52%; justify-self:center; }\n\n.contact { position:relative; overflow:hidden; padding:150px 0 160px; background: linear-gradient(135deg,rgba(18,153,220,.08),transparent 34%), #091729; border-top:1px solid rgba(255,255,255,.08); }\n.contact::before { content:\"08\"; position:absolute; top:38px; right:4vw; color:rgba(255,255,255,.045); font-size:clamp(100px,16vw,220px); font-weight:800; letter-spacing:-.12em; line-height:1; pointer-events:none; }\n.contact-layout { position:relative; z-index:1; grid-template-columns:1fr; gap:70px; align-items:center; }\n\n\/* \u5f3a\u5236\u5c06 Tell us what you need. Our team will reply within 12 hours. \u6807\u9898\u5927\u5c0f\u8bbe\u4e3a 52px *\/\n.contact-copy { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr); grid-template-rows:auto auto 1fr; column-gap:clamp(48px,8vw,120px); max-width:none; padding:0; }\n.contact-copy .eyebrow { grid-column:1; grid-row:1; }\n.contact-copy h2 { grid-column:1; grid-row:2; max-width:780px; font-size: 52px !important; line-height:1.1; margin-bottom:25px; }\n.contact-copy>p:not(.eyebrow) { grid-column:1; grid-row:3; max-width:620px; margin:0; }\n\n.contact-details { grid-column:2; grid-row:1 \/ 4; align-self:end; grid-template-columns:1fr 1fr; gap:0 26px; margin:0; padding:0; border-top:1px solid #2a3a4e; border-bottom:1px solid #2a3a4e; }\n.contact-details>div { padding:20px 0; border-top:0; }\n.contact-details>div:last-child { border-bottom:0; }\n.contact-form { display:none; }\n\nfooter { background:#04132d; color:#fff; padding:75px 0 24px; display:none; }\n\n@media (max-width:1000px) {\n  .site-header nav,.header-actions { display:none; }\n  .mobile-menu { display:block; }\n  .section-heading { max-width:860px; }\n  .flagship-grid { grid-template-columns:1fr; }\n  .featured-product { min-height:680px; }\n  .product-grid--4 { grid-template-columns:1fr 1fr; grid-auto-rows:450px; }\n  .product-grid--4 .product-card,.product-grid--4 .product-card--lead { grid-column:auto; grid-row:auto; }\n  .product-grid--3 { grid-template-columns:1fr 1fr; grid-auto-rows:450px; }\n  .product-grid--3 .product-card--lead { grid-column:1 \/ 3; }\n  .company { grid-template-columns:1fr; }\n  .company__visual { min-height:520px; }\n  .certificate-layout,.contact-layout { grid-template-columns:1fr; gap:56px; }\n  .certificate-copy { grid-template-columns:minmax(0,1fr) minmax(220px,.7fr); column-gap:42px; }\n  .contact-copy { grid-template-columns:1fr; grid-template-rows:auto; row-gap:0; }\n  .contact-copy .eyebrow,.contact-copy h2,.contact-copy>p:not(.eyebrow),.contact-details { grid-column:1; grid-row:auto; }\n  .contact-details { margin-top:42px; align-self:auto; }\n  .footer-main { grid-template-columns:1.7fr 1fr 1fr; }\n  .footer-main>div:last-child { display:none; }\n\n  \/* \u79fb\u9664\u5e73\u677f\u4e0e\u79fb\u52a8\u7aef\uff08<=1000px\uff09\u7684\u6240\u6709 HOVER \u52a8\u753b\uff0c\u5e76\u8ba9\u53c2\u6570\u4e0e\u94fe\u63a5\u5e38\u9a7b\u663e\u793a *\/\n  .site-header nav a:hover, \n  .header-actions a:hover, \n  .button:hover { \n    opacity: 1 !important; \n    transform: none !important; \n  }\n  .product-card:hover, \n  .product-card:focus-visible { \n    transform: none !important; \n    box-shadow: none !important; \n    border-color: var(--line) !important; \n  }\n  .product-card:hover::before, \n  .product-card:focus-visible::before { \n    transform: scale(.55) !important; \n    opacity: .2 !important; \n  }\n  .product-card:hover .product-card__image img, \n  .product-card:focus-visible .product-card__image img { \n    transform: translateY(0) scale(.96) !important; \n    filter: none !important; \n  }\n  .product-card:hover .product-card__image::after, \n  .product-card:focus-visible .product-card__image::after { \n    opacity: 0 !important; \n    transform: scaleX(.25) !important; \n  }\n  .product-card:hover .product-card__number { \n    color: #6e7b8e !important; \n  }\n  .product-card:hover .product-card__arrow, \n  .product-card:focus-visible .product-card__arrow { \n    color: var(--blue) !important; \n    background: transparent !important; \n    border-color: #cbd9e5 !important; \n    transform: rotate(0deg) !important; \n  }\n  .product-card .product-card__body dl { \n    opacity: 1 !important; \n    transform: translateY(0) !important; \n  }\n  .product-card .product-card__cta { \n    opacity: 1 !important; \n    transform: translateY(0) !important; \n  }\n  .featured-product:hover { \n    transform: none !important; \n    box-shadow: none !important; \n  }\n  .featured-product:hover::after { \n    transform: translateX(-50%) scale(.72) !important; \n    opacity: .35 !important; \n  }\n  .featured-product:hover>img { \n    transform: none !important; \n  }\n  .factory-card:hover img { \n    transform: none !important; \n  }\n}\n\n@media (max-width:700px) {\n  .container { width:min(100% - 28px, 1240px); }\n  .site-header { height:64px; padding:0 14px; }\n  \n  .hero { min-height:760px; height:auto; padding:80px 0 60px; }\n  .hero__background { background-position:62% center; }\n  .hero__shade { background:linear-gradient(180deg,rgba(2,18,47,.92) 0%,rgba(2,25,56,.75) 60%,rgba(2,24,54,.9) 100%); }\n  \n  .hero__content { padding:20px 16px 0; max-width:100%; }\n  .hero h1 { font-size:34px; line-height:1.08; max-width:100%; word-break:break-word; }\n  .hero__copy { font-size:15px; max-width:100%; margin-top:16px; }\n  \n  .hero .cta-row { flex-direction:row; width:100%; margin-top:28px; gap:8px; }\n  .button { min-width:0; flex:1; padding:0 10px; font-size:12px; }\n  \n  .hero__trust { \n    margin-top:24px; \n    flex-wrap: wrap;\n    gap: 6px;\n    align-items: center;\n  }\n  .hero__trust p { \n    width: 100%; \n    margin: 4px 0 0 0; \n    text-align: right; \n    font-size: 10px;\n  }\n\n  .scroll-hint { \n    position: static; \n    margin-top: 24px; \n    justify-content: flex-end; \n    padding-right: 4px;\n  }\n  .scroll-hint span {\n    border-radius: 6px;\n  }\n\n  .section-heading { display:block; margin-bottom:28px; }\n  .section-heading h2 { font-size:32px; }\n  .section-heading>p:last-child { margin-top:14px; font-size:14px; }\n  \n  .flagship, .product-section, .factory, .certificates, .contact { \n    padding: 45px 0 !important; \n  }\n\n  .flagship-side,.product-grid--4,.product-grid--3 { grid-template-columns:1fr; }\n  .product-grid--4,.product-grid--3 { grid-auto-rows:auto; }\n  .product-grid--4 .product-card,.product-grid--4 .product-card--lead,.product-grid--3 .product-card,.product-grid--3 .product-card--lead { grid-column:auto; grid-row:auto; }\n  .featured-product { min-height:620px; }\n  .featured-product>img { height:300px; padding:10px 20px; }\n  .featured-product__content { padding:20px; }\n  .featured-product__content>div:first-child { display:block; }\n  .featured-product__content h3 { font-size:26px; }\n  .featured-product__content dl { grid-template-columns:1fr; }\n  .featured-product__content dl div { display:flex; justify-content:space-between; }\n  .product-card { grid-template-rows:minmax(200px,1fr) auto; min-height:0; }\n  .product-card__body { height:auto; padding:16px; }\n  .company__visual { min-height:390px; }\n  .company__content { padding:45px 18px; }\n  .company__content h2 { font-size:32px; }\n  .metrics { grid-template-columns:1fr 1fr; }\n  .factory-grid { display:block; }\n  .factory-card { height:260px; margin-bottom:14px; }\n  \n  .certificates { padding:45px 0 !important; }\n  .certificate-layout { gap:30px; }\n  .certificate-copy { grid-template-columns:1fr; grid-template-areas: \"eyebrow\" \"title\" \"copy\" \"tags\"; row-gap:0; padding:10px 0 16px 14px; }\n  .certificate-copy::before { top:10px; right:auto; bottom:0; left:0; width:3px; height:auto; background:linear-gradient(var(--blue),rgba(18,153,220,.08)); }\n  .certificate-copy h2 { font-size: 32px !important; margin:0 0 14px; } \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u9002\u4e2d\u5b57\u53f7\u9632\u6b62\u6362\u884c\u6ea2\u51fa\uff0c\u5982\u679c\u624b\u673a\u7aef\u4e5f\u5f3a\u523652px\u53ef\u4ee5\u6539\u621052px *\/\n  .certificate-copy>p:not(.eyebrow) { margin:0 0 18px; font-size:14px; }\n  .certificate-tags { justify-content:flex-start; flex-wrap: wrap; }\n  .certificate-image { padding:12px 12px 40px; }\n  .certificate-image img { aspect-ratio:1.6; width:100%; }\n\n  .contact { padding:45px 0 !important; }\n  .contact-layout { gap:30px; }\n  .contact-copy { padding-top:10px; }\n  .contact-copy h2 { font-size: 32px !important; margin-bottom:14px; } \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u9002\u4e2d\u5b57\u53f7 *\/\n  .contact-details { grid-template-columns:1fr; margin-top:24px; }\n  .contact-details>div { padding:14px 0; border-top:1px solid #2a3a4e; }\n  .contact-form { padding:24px 16px 20px; }\n  .form-heading { display:block; margin-bottom:20px; }\n  .form-heading strong { font-size:20px; }\n}\n\n\/* Page-specific overrides. *\/\n.hero h1 {\n  color: #ffffff !important;\n}\n.contact, .contact h2, .contact p, .contact span, .contact strong {\n  color: #ffffff !important;\n}\n.contact a {\n  color: #ffffff !important;\n  text-decoration: underline;\n}\nsection.contact {\n  padding-bottom: 30px !important;\n  margin-bottom: 0 !important;\n}\n.footer-disclaimer p,\n.footer-bottom span,\n.footer-bottom a {\n  color: #ffffff !important;\n}\n.contact-description {\n  grid-column: 1;\n  grid-row: 3;\n  max-width: 620px;\n  margin: 0;\n}\n@media (max-width:700px) {\n  .contact-description {\n    display: none;\n  }\n}\n<\/style>\n\n\n\n<!-- 08-contact.html\uff1a\u9875\u9762\u72ec\u7acb\u677f\u5757\uff0c\u4f9d\u8d56 about.html \u5f53\u524d\u4f7f\u7528\u7684 style.css -->\n<section class=\"contact\" id=\"contact\"><div class=\"container contact-layout\"><div class=\"contact-copy\"><p class=\"eyebrow eyebrow--light\">08 \u00b7 Ein Gespr\u00e4ch beginnen<\/p><h2><span class=\"ez-toc-section\" id=\"Contact_us\"><\/span>Kontaktieren Sie uns<span class=\"ez-toc-section-end\"><\/span><\/h2><p class=\"contact-description\">Ganz gleich, ob Sie f\u00fcr den privaten Gebrauch, f\u00fcr ein Wellness-Unternehmen oder f\u00fcr den Vertrieb einkaufen \u2013 unsere Produktspezialisten empfehlen Ihnen gerne die passende Kammer und den passenden Lieferplan.<\/p><div class=\"contact-details\"><div><span>Adresse<\/span><p>Geb\u00e4ude 15, Nr. 899, Guinan Road,<br>Bezirk Songjiang, Shanghai, China<\/p><\/div><div><span>Kontakt<\/span><p><a href=\"mailto:contact@macypan.com\">contact@macypan.com<\/a><br><a href=\"tel:+8618017023916\">+86 180 1702 3916<\/a><\/p><\/div><\/div><\/div><form class=\"contact-form\" action=\"https:\/\/www.hbotsale.com\/wp-comments-post.php\" method=\"post\" data-trp-original-action=\"https:\/\/www.hbotsale.com\/wp-comments-post.php\"><div class=\"form-heading\"><span>Senden Sie Ihre Anfrage ab<\/span><strong>Wir helfen Ihnen gerne weiter.<\/strong><\/div><div class=\"form-row\"><label>Name *<input type=\"text\" placeholder=\"Ihr Name\" required=\"\" name=\"tpcommet0\"><\/label><label>E-Mail *<input type=\"email\" placeholder=\"name@company.com\" required=\"\" name=\"tpcommet1\"><\/label><\/div><div class=\"form-row\"><label>Telefon<input type=\"tel\" placeholder=\"L\u00e4ndervorwahl + Nummer\" name=\"tpcommet2\"><\/label><label>Land *<input type=\"text\" placeholder=\"Ihr Land\" required=\"\" name=\"tpcommet3\"><\/label><\/div><fieldset><legend>Bitte w\u00e4hlen Sie Ihren Bedarfstyp<\/legend><label><input type=\"checkbox\" name=\"tpcommet4[]\" value=\"Need Retail\"> Bedarf Einzelhandel<\/label><label><input type=\"checkbox\" name=\"tpcommet4[]\" value=\"Need Wholesale\"> Bedarf Gro\u00dfhandel<\/label><label><input type=\"checkbox\" name=\"tpcommet4[]\" value=\"Want To Be Agent\"> M\u00f6chte Agent werden<\/label><\/fieldset><label>Ihre Frage<textarea name=\"tpcommet5\" placeholder=\"Teilen Sie uns bitte mit, f\u00fcr welches Modell oder welche Anwendung Sie sich interessieren\" rows=\"4\"><\/textarea><\/label><input type=\"hidden\" name=\"comment_post_ID\" value=\"502\"><input type=\"hidden\" name=\"themeparklable\" value=\"Name|Email|Phone|Country|Please select your requirement type|Your question\"><input type=\"hidden\" name=\"themeparktype\" value=\"text|text2|text|text|checkbox|Textarea\"><input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/www.hbotsale.com\"><button type=\"submit\">Anfrage absenden <span aria-hidden=\"true\">\u2192<\/span><\/button><p class=\"form-note\">Mit dem Absenden erkl\u00e4ren Sie sich damit einverstanden, dass wir Sie bez\u00fcglich Ihrer Anfrage kontaktieren d\u00fcrfen.<\/p><input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form><\/div><\/section>\n<style>\n:root { --navy:#061f50; --deep:#031536; --blue:#1299dc; --sky:#eaf4fb; --ice:#f5f8fb; --line:#d8e1ea; --ink:#09172b; --muted:#647083; --white:#fff; }\n* { box-sizing:border-box; }\nhtml { scroll-behavior:smooth; }\nbody { margin:0; background:#fff; color:var(--ink); font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; }\na { color:inherit; text-decoration:none; }\nimg { display:block; max-width:100%; }\n.container { width:min(1240px, calc(100% - 64px)); margin:0 auto; }\n.site-header { height:76px; display:flex; align-items:center; padding:0 4vw; gap:38px; position:absolute; top:0; left:0; right:0; z-index:20; color:#fff; border-bottom:1px solid rgba(255,255,255,.22); }\n.brand { display:flex; align-items:center; gap:11px; font-size:22px; font-weight:800; letter-spacing:.025em; white-space:nowrap; }\n.brand-mark { width:31px; height:31px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:13px; font-weight:900; }\n.site-header nav { display:flex; gap:28px; margin-left:auto; font-size:13px; letter-spacing:.04em; }\n.site-header nav a,.header-actions a { transition:opacity .2s ease; }\n.site-header nav a:hover,.header-actions a:hover { opacity:.68; }\n.header-actions { display:flex; align-items:center; gap:22px; font-size:13px; }\n.header-chat { padding:11px 17px; border:1px solid rgba(255,255,255,.7); }\n.mobile-menu { display:none; margin-left:auto; position:relative; }\n.mobile-menu summary { list-style:none; cursor:pointer; padding:9px 13px; border:1px solid rgba(255,255,255,.5); font-size:13px; }\n.mobile-menu div { position:absolute; right:0; top:45px; width:190px; padding:12px; display:grid; gap:2px; background:#fff; color:var(--ink); box-shadow:0 18px 50px rgba(0,0,0,.18); }\n.mobile-menu div a { padding:11px; }\n\n.hero { min-height:760px; height:92vh; position:relative; color:#fff; display:flex; align-items:center; overflow:hidden; }\n.hero__background { position:absolute; inset:0; background:url('https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/hero.jpg') center center\/cover no-repeat; transform:scale(1.01); }\n.hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,18,47,.92) 0%,rgba(2,25,56,.74) 38%,rgba(2,24,54,.16) 74%,rgba(2,24,54,.08) 100%); }\n.hero__content { position:relative; z-index:2; padding-top:64px; }\n.eyebrow { margin:0 0 17px; text-transform:uppercase; letter-spacing:.16em; font-size:11px; font-weight:800; color:var(--blue); }\n.eyebrow--light { color:#9bdcff; }\n.hero h1 { margin:0; max-width:590px; font-size:clamp(40px,4.2vw,58px); line-height:1.03; letter-spacing:-.045em; font-weight:760; }\n.hero__copy { max-width:590px; margin:26px 0 0; color:rgba(255,255,255,.82); font-size:18px; line-height:1.65; }\n.cta-row { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:42px; }\n.hero .cta-row,.company .cta-row { justify-content:flex-start; }\n.button { min-width:154px; height:49px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 20px; font-size:13px; font-weight:700; transition:transform .2s ease,background .2s ease,color .2s ease; }\n.button:hover { transform:translateY(-2px); }\n.button--primary { color:#fff; background:var(--blue); }\n.button--primary:hover { background:#0b85c3; }\n.button--secondary { color:var(--navy); border:1px solid #9bacbd; background:transparent; }\n.cta-row--light .button--secondary { color:#fff; border-color:rgba(255,255,255,.58); }\n.button-dot { width:7px; height:7px; border-radius:50%; background:#7cf1b5; box-shadow:0 0 0 4px rgba(124,241,181,.14); }\n.hero__trust { margin-top:58px; display:flex; align-items:center; gap:9px; }\n.hero__trust>span { border:1px solid rgba(255,255,255,.32); padding:6px 9px; font-size:10px; font-weight:800; letter-spacing:.08em; }\n.hero__trust p { font-size:11px; color:rgba(255,255,255,.68); margin-left:8px; }\n.scroll-hint { position:absolute; bottom:26px; right:4vw; z-index:3; display:flex; gap:14px; align-items:center; font-size:11px; text-transform:uppercase; letter-spacing:.13em; }\n.scroll-hint span { width:32px; height:32px; border:1px solid rgba(255,255,255,.4); border-radius:50%; display:grid; place-items:center; }\n\n.section-heading { display:block; max-width:1020px; margin:0 0 50px; text-align:left; }\n.section-heading .eyebrow { padding:0; margin:0 0 16px; }\n.section-heading h2 { max-width:1000px; font-size:clamp(34px,3.7vw,52px); line-height:1.07; letter-spacing:-.045em; margin:0; color:var(--navy); text-wrap:balance; }\n.section-heading>p:last-child { max-width:690px; margin:20px 0 0; color:var(--muted); line-height:1.7; font-size:15px; padding:0; }\n.flagship,.product-section,.factory { padding:112px 0; }\n.flagship { background:var(--ice); }\n.flagship-grid { display:grid; grid-template-columns:1.18fr 1fr; gap:20px; }\n.featured-product { min-height:750px; position:relative; overflow:hidden; color:#fff; background:linear-gradient(155deg,#0c2e62,#041632 76%); display:flex; flex-direction:column; transition:transform .35s ease,box-shadow .35s ease; }\n.featured-product:hover { transform:translateY(-5px); box-shadow:0 28px 65px rgba(4,27,66,.24); }\n.featured-product::before { content:\"\"; position:absolute; width:520px; height:520px; border:1px solid rgba(81,183,236,.22); border-radius:50%; top:85px; left:50%; transform:translateX(-50%); }\n.featured-product::after { content:\"\"; position:absolute; width:340px; height:340px; border-radius:50%; left:50%; top:140px; transform:translateX(-50%) scale(.72); background:rgba(61,191,249,.13); filter:blur(42px); opacity:.35; transition:transform .6s ease,opacity .6s ease; }\n.featured-product:hover::after { transform:translateX(-50%) scale(1.15); opacity:.78; }\n.featured-product__topline { display:flex; justify-content:space-between; padding:24px 26px; text-transform:uppercase; letter-spacing:.12em; font-size:10px; color:#9bdcff; position:relative; z-index:2; }\n.featured-product__topline span:first-child { color:#fff; background:var(--blue); padding:7px 10px; }\n.featured-product>img { height:400px; width:100%; object-fit:contain; padding:10px 35px; position:relative; z-index:1; transition:transform .55s cubic-bezier(.2,.8,.2,1); }\n.featured-product:hover>img { transform:translateY(-8px) scale(1.045) rotate(-.6deg); }\n.featured-product__content { margin-top:auto; position:relative; z-index:2; padding:32px; border-top:1px solid rgba(255,255,255,.12); background:rgba(3,21,54,.74); }\n.featured-product__content>div:first-child { display:flex; align-items:end; justify-content:space-between; gap:25px; }\n.featured-product__content h3 { font-size:35px; margin:6px 0 0; letter-spacing:-.035em; }\n.featured-product__content p { color:#bdc9d8; line-height:1.6; font-size:14px; }\n.featured-product__content>div:first-child p { margin:0; text-transform:uppercase; letter-spacing:.1em; font-size:9px; color:#7dcff8; }\n.featured-product__content dl { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:24px 0 0; background:rgba(255,255,255,.14); }\n.featured-product__content dl div { background:#071d43; padding:15px; }\n.featured-product dt,.product-card dt { text-transform:uppercase; letter-spacing:.12em; font-size:8px; color:#8291a5; }\n.featured-product dd,.product-card dd { margin:5px 0 0; font-size:12px; }\n.flagship-side { display:grid; grid-template-columns:1fr 1fr; gap:20px; }\n.flagship-side .product-card { min-height:365px; }\n.product-card { display:grid; grid-template-rows:minmax(190px,1fr) 170px; min-width:0; min-height:360px; position:relative; overflow:hidden; isolation:isolate; background:#eaf1f6; border:1px solid var(--line); transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease; }\n.product-card::before { content:\"\"; position:absolute; z-index:-1; width:280px; height:280px; right:-100px; top:-110px; border-radius:50%; background:rgba(25,157,218,.13); transform:scale(.55); opacity:.2; transition:transform .6s ease,opacity .6s ease; }\n.product-card:hover,.product-card:focus-visible { transform:translateY(-7px); box-shadow:0 25px 60px rgba(13,45,79,.16); border-color:rgba(18,153,220,.5); outline:0; }\n.product-card:hover::before,.product-card:focus-visible::before { transform:scale(1.3); opacity:.72; }\n.product-card__image { position:relative; min-height:0; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#f6f9fb,#e5edf4); }\n.product-card__image::after { content:\"\"; position:absolute; left:15%; right:15%; bottom:22px; height:2px; background:linear-gradient(90deg,transparent,var(--blue),transparent); opacity:0; transform:scaleX(.25); transition:opacity .4s ease,transform .4s ease; }\n.product-card__image img { width:100%; height:100%; object-fit:contain; padding:23px; transform:translateY(0) scale(.96); transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease; }\n.product-card:hover .product-card__image img,.product-card:focus-visible .product-card__image img { transform:translateY(-10px) scale(1.055) rotate(-.7deg); filter:drop-shadow(0 18px 16px rgba(13,45,79,.15)); }\n.product-card:hover .product-card__image::after,.product-card:focus-visible .product-card__image::after { opacity:1; transform:scaleX(1); }\n.product-card__number { position:absolute; top:16px; left:17px; z-index:2; font-size:9px; letter-spacing:.14em; color:#6e7b8e; transition:color .3s ease; }\n.product-card:hover .product-card__number { color:var(--blue); }\n.product-card__body { height:170px; padding:20px; position:relative; z-index:3; overflow:hidden; background:#fff; border-top:1px solid var(--line); }\n.product-card__body h3 { font-size:19px; color:var(--navy); margin:0 0 7px; letter-spacing:-.02em; }\n.product-card__body p { margin:0; color:var(--muted); font-size:12px; }\n.product-card__arrow { position:absolute; right:20px; top:21px; width:28px; height:28px; display:grid; place-items:center; color:var(--blue); border:1px solid #cbd9e5; border-radius:50%; transform:rotate(0deg); transition:background .3s ease,color .3s ease,transform .35s ease; }\n.product-card:hover .product-card__arrow,.product-card:focus-visible .product-card__arrow { color:#fff; background:var(--blue); border-color:var(--blue); transform:rotate(45deg); }\n.product-card__body dl { display:grid; grid-template-columns:1fr 1fr; height:47px; border-top:1px solid var(--line); opacity:0; margin:15px 0 0; padding:12px 0 0; gap:12px; transform:translateY(5px); transition:opacity .3s ease,transform .35s ease; }\n.product-card:hover .product-card__body dl,.product-card:focus-visible .product-card__body dl { opacity:1; transform:translateY(0); }\n.product-card__body dd { color:#334259; }\n.product-card__cta { display:flex; align-items:center; justify-content:space-between; height:15px; margin-top:7px; opacity:0; text-transform:uppercase; letter-spacing:.1em; font-size:9px; font-weight:800; color:var(--navy); transform:translateY(4px); transition:opacity .3s ease,transform .35s ease; }\n.product-card:hover .product-card__cta,.product-card:focus-visible .product-card__cta { opacity:1; transform:translateY(0); }\n\n.product-section--blue { background:#eaf3f9; }\n.product-section--white { background:#fff; }\n.product-section--light { background:#f5f8fb; }\n.product-grid { display:grid; gap:18px; }\n.product-grid .product-card,.flagship-side .product-card { transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease; }\n.product-grid--4 { grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,1fr)); grid-auto-rows:470px; }\n.product-grid--4 .product-card { grid-column:auto; grid-row:auto; }\n.product-grid--4 .product-card--lead .product-card__image img { padding:38px; }\n.product-grid--4 .product-card--lead .product-card__body h3 { font-size:22px; }\n.product-grid--3 { grid-template-columns:2fr 1fr 1fr; grid-auto-rows:500px; }\n.product-grid .product-card { min-height:0; }\n.product-grid .product-card--lead .product-card__image img { padding:44px; }\n.product-grid .product-card--lead .product-card__body { height:170px; padding:20px; }\n.product-grid .product-card--lead .product-card__body h3 { font-size:19px; }\n.product-grid .product-card--lead .product-card__image { min-height:0; }\n.product-grid--3 .product-card--lead .product-card__image img { padding:58px; }\n.product-grid--3 .product-card--lead .product-card__body { padding-left:27px; padding-right:27px; }\n.product-grid--3 .product-card--lead .product-card__body h3 { font-size:25px; }\n.product-section--blue .product-card { background:#dcebf4; }\n.product-section--white .product-card:nth-child(even) .product-card__image { background:linear-gradient(145deg,#edf7fb,#dceef6); }\n.product-section--light .product-card__image { background:linear-gradient(145deg,#f2f5f8,#e0e7ed); }\n.product-section .cta-row,.flagship .cta-row { margin-top:42px; }\n\n.company { min-height:780px; display:grid; grid-template-columns:1fr 1fr; background:var(--deep); color:#fff; }\n.company__visual { position:relative; min-height:620px; overflow:hidden; }\n.company__visual::after { content:\"\"; position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,rgba(3,21,54,.55)); }\n.company__visual img { width:100%; height:100%; object-fit:cover; }\n.company__visual>span { position:absolute; left:35px; bottom:30px; z-index:2; background:#fff; color:var(--navy); padding:12px 16px; text-transform:uppercase; letter-spacing:.14em; font-size:9px; }\n.company__content { padding:90px clamp(50px,7vw,110px) 80px; display:flex; flex-direction:column; justify-content:center; }\n.company__content h2 { margin:0 0 28px; max-width:680px; font-size:clamp(36px,3.2vw,50px); line-height:1.07; letter-spacing:-.045em; text-wrap:balance; }\n.company__content>p:not(.eyebrow) { color:#aeb9ca; font-size:14px; line-height:1.8; margin:0 0 15px; }\n.metrics { margin:34px 0 0; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(255,255,255,.14); border-left:1px solid rgba(255,255,255,.14); }\n.metric { padding:20px; border-right:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); display:flex; flex-direction:column; }\n.metric strong { font-size:27px; color:#fff; }\n.metric span { margin-top:5px; color:#8797ae; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }\n.company .cta-row { margin-top:30px; }\n\n.factory { background:#fff; }\n.factory-grid { display:grid; grid-template-columns:1.08fr .92fr; grid-template-rows:300px 300px; gap:18px; }\n.factory-card { margin:0; position:relative; overflow:hidden; background:#e8eef3; }\n.factory-card--wide { grid-row:1 \/ 3; }\n.factory-card img { width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }\n.factory-card:hover img { transform:scale(1.025); }\n.factory-card::after { content:\"\"; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(2,16,38,.82)); }\n.factory-card figcaption { position:absolute; z-index:2; left:0; right:0; bottom:0; padding:25px; color:#fff; display:flex; align-items:flex-end; gap:18px; }\n.factory-card figcaption>span { color:#73d0ff; font-size:10px; }\n.factory-card strong { font-size:18px; }\n.factory-card p { margin:7px 0 0; color:rgba(255,255,255,.66); font-size:11px; }\n\n.certificates { padding:150px 0 136px; background: radial-gradient(circle at 84% 10%, rgba(18,153,220,.1), transparent 28%), #f3f8fb; }\n.certificate-layout { grid-template-columns:1fr; gap:54px; }\n\n\/* \u5f3a\u5236\u5c06 Quality you can see. Standards you can trust. \u6807\u9898\u5927\u5c0f\u8bbe\u4e3a 52px *\/\n.certificate-copy { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr); grid-template-areas: \"eyebrow tags\" \"title copy\"; column-gap:clamp(42px,7vw,110px); align-items:end; max-width:none; padding:0 0 28px; }\n.certificate-copy::before { top:auto; right:0; bottom:0; left:0; width:100%; height:2px; background:linear-gradient(90deg,var(--blue),rgba(18,153,220,.08)); }\n.certificate-copy .eyebrow { grid-area:eyebrow; }\n.certificate-copy h2 { grid-area:title; max-width:760px; margin:0; font-size: 52px !important; line-height:1.1; }\n.certificate-copy>p:not(.eyebrow) { grid-area:copy; max-width:390px; margin:0 0 2px; }\n\n\/* \u8bc1\u4e66\u677f\u5757\u7684\u6807\u7b7e\u6837\u5f0f\u4e3a\u5e26\u8fb9\u6846\u7684\u65b9\u5757\u7f51\u683c *\/\n.certificate-tags { grid-area:tags; display:flex; gap:12px; justify-content:flex-end; align-self:start; margin:0; }\n.certificate-tags span { border:1px solid #91b5d0; padding:12px 18px; font-size:13px; font-weight:700; color:var(--navy); background:#fcfdff; letter-spacing:.05em; display:inline-grid; place-items:center; min-width:72px; }\n\n\/* \u56fe\u7247\u6837\u5f0f *\/\n.certificate-image { transform:none; padding:18px 18px 78px; box-shadow:0 30px 70px rgba(6,31,80,.14); }\n.certificate-image img { content:url('https:\/\/www.hbotsale.com\/wp-content\/uploads\/2026\/08\/certificates-filled.png'); aspect-ratio:2.6; object-fit:cover; object-position:center 52%; justify-self:center; }\n\n.contact { position:relative; overflow:hidden; padding:90px 0 30px; background: linear-gradient(135deg,rgba(18,153,220,.08),transparent 34%), #091729; border-top:1px solid rgba(255,255,255,.08); }\n.contact::before { content:\"08\"; position:absolute; top:38px; right:4vw; color:rgba(255,255,255,.045); font-size:clamp(100px,16vw,220px); font-weight:800; letter-spacing:-.12em; line-height:1; pointer-events:none; }\n.contact-layout { position:relative; z-index:1; grid-template-columns:1fr; gap:70px; align-items:center; }\n\n\/* \u5f3a\u5236\u5c06 Tell us what you need. Our team will reply within 12 hours. \u6807\u9898\u5927\u5c0f\u8bbe\u4e3a 52px *\/\n.contact-copy { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr); grid-template-rows:auto auto 1fr; column-gap:clamp(48px,8vw,120px); max-width:none; padding:0; }\n.contact-copy .eyebrow { grid-column:1; grid-row:1; }\n.contact-copy h2 { grid-column:1; grid-row:2; max-width:780px; font-size: 52px !important; line-height:1.1; margin-bottom:25px; }\n.contact-copy>p:not(.eyebrow) { grid-column:1; grid-row:3; max-width:620px; margin:0; }\n\n.contact-details { grid-column:2; grid-row:1 \/ 4; align-self:end; grid-template-columns:1fr 1fr; gap:0 26px; margin:0; padding:0; border-top:1px solid #2a3a4e; border-bottom:1px solid #2a3a4e; }\n.contact-details>div { padding:20px 0; border-top:0; }\n.contact-details>div:last-child { border-bottom:0; }\n.contact-form { display:none; }\n\nfooter { background:#04132d; color:#fff; padding:75px 0 24px; display:none; }\n\n@media (max-width:1000px) {\n  .site-header nav,.header-actions { display:none; }\n  .mobile-menu { display:block; }\n  .section-heading { max-width:860px; }\n  .flagship-grid { grid-template-columns:1fr; }\n  .featured-product { min-height:680px; }\n  .product-grid--4 { grid-template-columns:1fr 1fr; grid-auto-rows:450px; }\n  .product-grid--4 .product-card,.product-grid--4 .product-card--lead { grid-column:auto; grid-row:auto; }\n  .product-grid--3 { grid-template-columns:1fr 1fr; grid-auto-rows:450px; }\n  .product-grid--3 .product-card--lead { grid-column:1 \/ 3; }\n  .company { grid-template-columns:1fr; }\n  .company__visual { min-height:520px; }\n  .certificate-layout,.contact-layout { grid-template-columns:1fr; gap:56px; }\n  .certificate-copy { grid-template-columns:minmax(0,1fr) minmax(220px,.7fr); column-gap:42px; }\n  .contact-copy { grid-template-columns:1fr; grid-template-rows:auto; row-gap:0; }\n  .contact-copy .eyebrow,.contact-copy h2,.contact-copy>p:not(.eyebrow),.contact-details { grid-column:1; grid-row:auto; }\n  .contact-details { margin-top:42px; align-self:auto; }\n  .footer-main { grid-template-columns:1.7fr 1fr 1fr; }\n  .footer-main>div:last-child { display:none; }\n\n  \/* \u79fb\u9664\u5e73\u677f\u4e0e\u79fb\u52a8\u7aef\uff08<=1000px\uff09\u7684\u6240\u6709 HOVER \u52a8\u753b\uff0c\u5e76\u8ba9\u53c2\u6570\u4e0e\u94fe\u63a5\u5e38\u9a7b\u663e\u793a *\/\n  .site-header nav a:hover, \n  .header-actions a:hover, \n  .button:hover { \n    opacity: 1 !important; \n    transform: none !important; \n  }\n  .product-card:hover, \n  .product-card:focus-visible { \n    transform: none !important; \n    box-shadow: none !important; \n    border-color: var(--line) !important; \n  }\n  .product-card:hover::before, \n  .product-card:focus-visible::before { \n    transform: scale(.55) !important; \n    opacity: .2 !important; \n  }\n  .product-card:hover .product-card__image img, \n  .product-card:focus-visible .product-card__image img { \n    transform: translateY(0) scale(.96) !important; \n    filter: none !important; \n  }\n  .product-card:hover .product-card__image::after, \n  .product-card:focus-visible .product-card__image::after { \n    opacity: 0 !important; \n    transform: scaleX(.25) !important; \n  }\n  .product-card:hover .product-card__number { \n    color: #6e7b8e !important; \n  }\n  .product-card:hover .product-card__arrow, \n  .product-card:focus-visible .product-card__arrow { \n    color: var(--blue) !important; \n    background: transparent !important; \n    border-color: #cbd9e5 !important; \n    transform: rotate(0deg) !important; \n  }\n  .product-card .product-card__body dl { \n    opacity: 1 !important; \n    transform: translateY(0) !important; \n  }\n  .product-card .product-card__cta { \n    opacity: 1 !important; \n    transform: translateY(0) !important; \n  }\n  .featured-product:hover { \n    transform: none !important; \n    box-shadow: none !important; \n  }\n  .featured-product:hover::after { \n    transform: translateX(-50%) scale(.72) !important; \n    opacity: .35 !important; \n  }\n  .featured-product:hover>img { \n    transform: none !important; \n  }\n  .factory-card:hover img { \n    transform: none !important; \n  }\n}\n\n@media (max-width:700px) {\n  .container { width:min(100% - 28px, 1240px); }\n  .site-header { height:64px; padding:0 14px; }\n  \n  .hero { min-height:760px; height:auto; padding:80px 0 60px; }\n  .hero__background { background-position:62% center; }\n  .hero__shade { background:linear-gradient(180deg,rgba(2,18,47,.92) 0%,rgba(2,25,56,.75) 60%,rgba(2,24,54,.9) 100%); }\n  \n  .hero__content { padding:20px 16px 0; max-width:100%; }\n  .hero h1 { font-size:34px; line-height:1.08; max-width:100%; word-break:break-word; }\n  .hero__copy { font-size:15px; max-width:100%; margin-top:16px; }\n  \n  .hero .cta-row { flex-direction:row; width:100%; margin-top:28px; gap:8px; }\n  .button { min-width:0; flex:1; padding:0 10px; font-size:12px; }\n  \n  .hero__trust { \n    margin-top:24px; \n    flex-wrap: wrap;\n    gap: 6px;\n    align-items: center;\n  }\n  .hero__trust p { \n    width: 100%; \n    margin: 4px 0 0 0; \n    text-align: right; \n    font-size: 10px;\n  }\n\n  .scroll-hint { \n    position: static; \n    margin-top: 24px; \n    justify-content: flex-end; \n    padding-right: 4px;\n  }\n  .scroll-hint span {\n    border-radius: 6px;\n  }\n\n  .section-heading { display:block; margin-bottom:28px; }\n  .section-heading h2 { font-size:32px; }\n  .section-heading>p:last-child { margin-top:14px; font-size:14px; }\n  \n  .flagship, .product-section, .factory, .certificates, .contact { \n    padding: 45px 0 !important; \n  }\n\n  .flagship-side,.product-grid--4,.product-grid--3 { grid-template-columns:1fr; }\n  .product-grid--4,.product-grid--3 { grid-auto-rows:auto; }\n  .product-grid--4 .product-card,.product-grid--4 .product-card--lead,.product-grid--3 .product-card,.product-grid--3 .product-card--lead { grid-column:auto; grid-row:auto; }\n  .featured-product { min-height:620px; }\n  .featured-product>img { height:300px; padding:10px 20px; }\n  .featured-product__content { padding:20px; }\n  .featured-product__content>div:first-child { display:block; }\n  .featured-product__content h3 { font-size:26px; }\n  .featured-product__content dl { grid-template-columns:1fr; }\n  .featured-product__content dl div { display:flex; justify-content:space-between; }\n  .product-card { grid-template-rows:minmax(200px,1fr) auto; min-height:0; }\n  .product-card__body { height:auto; padding:16px; }\n  .company__visual { min-height:390px; }\n  .company__content { padding:45px 18px; }\n  .company__content h2 { font-size:32px; }\n  .metrics { grid-template-columns:1fr 1fr; }\n  .factory-grid { display:block; }\n  .factory-card { height:260px; margin-bottom:14px; }\n  \n  .certificates { padding:45px 0 !important; }\n  .certificate-layout { gap:30px; }\n  .certificate-copy { grid-template-columns:1fr; grid-template-areas: \"eyebrow\" \"title\" \"copy\" \"tags\"; row-gap:0; padding:10px 0 16px 14px; }\n  .certificate-copy::before { top:10px; right:auto; bottom:0; left:0; width:3px; height:auto; background:linear-gradient(var(--blue),rgba(18,153,220,.08)); }\n  .certificate-copy h2 { font-size: 32px !important; margin:0 0 14px; } \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u9002\u4e2d\u5b57\u53f7\u9632\u6b62\u6362\u884c\u6ea2\u51fa\uff0c\u5982\u679c\u624b\u673a\u7aef\u4e5f\u5f3a\u523652px\u53ef\u4ee5\u6539\u621052px *\/\n  .certificate-copy>p:not(.eyebrow) { margin:0 0 18px; font-size:14px; }\n  .certificate-tags { justify-content:flex-start; flex-wrap: wrap; }\n  .certificate-image { padding:12px 12px 40px; }\n  .certificate-image img { aspect-ratio:1.6; width:100%; }\n\n  .contact { padding:32px 0 20px !important; }\n  .contact-layout { gap:30px; }\n  .contact-copy { padding-top:10px; }\n  .contact-copy h2 { font-size: 32px !important; margin-bottom:14px; } \/* \u79fb\u52a8\u7aef\u4fdd\u6301\u9002\u4e2d\u5b57\u53f7 *\/\n  .contact-details { grid-template-columns:1fr; margin-top:24px; }\n  .contact-details>div { padding:14px 0; border-top:1px solid #2a3a4e; }\n  .contact-form { padding:24px 16px 20px; }\n  .form-heading { display:block; margin-bottom:20px; }\n  .form-heading strong { font-size:20px; }\n}\n\n\/* Page-specific overrides. *\/\n.hero h1 {\n  color: #ffffff !important;\n}\n.contact, .contact h2, .contact p, .contact span, .contact strong {\n  color: #ffffff !important;\n}\n.contact a {\n  color: #ffffff !important;\n  text-decoration: underline;\n}\nsection.contact {\n  padding-bottom: 30px !important;\n  margin-bottom: 0 !important;\n}\n.footer-disclaimer p,\n.footer-bottom span,\n.footer-bottom a {\n  color: #ffffff !important;\n}\n.contact-description {\n  grid-column: 1;\n  grid-row: 3;\n  max-width: 620px;\n  margin: 0;\n}\n@media (max-width:700px) {\n  .contact-description {\n    display: none;\n  }\n}\n<\/style>\n\n\n\n<section class=\"wp-block-themepark-block-themepark-area block_layout thempark-block PcOnly\" id=\"maxw\" style=\"background-color:#0a1729;\" data-swiper-parallax=\"-700\"><div class=\"block_layout_in clomnsmal  clomnnone\" style=\"\">\n<div class=\"wp-block-column block_layout_in is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-themepark-block-themepark-wright content-super-p\" style=\"font-size:12px;line-height:20px;padding:10px 10px;\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-themepark-block-themepark-comment thempark-block themepark-comment undefined form-ad\" style=\"padding-bottom:20px;padding-top:20px;\"><div class=\"themepark-comment_in\" id=\"ud_form\"><div class=\"themepark-comment_inb2\"><div class=\"themepark-comment_inb\" style=\"\"><div class=\"themepark-comment_form nolable\" style=\"\"><form id=\"commentform-park\" class=\"themepark-c-f twomo\" action=\"https:\/\/www.hbotsale.com\/wp-comments-post.php\" method=\"post\" autocomplete=\"off\" data-trp-original-action=\"https:\/\/www.hbotsale.com\/wp-comments-post.php\"><div class=\"themepark-comment_form_box tptext\" style=\"font-size:14px;\"><lable for=\"tpcommet0\" class=\"\"><input type=\"text\" id=\"tpcommet0\" name=\"tpcommet0\" size=\"28\" style=\"\" placeholder=\"Ihr Name\"\/><\/lable><\/div><div class=\"themepark-comment_form_box tptext\" style=\"font-size:14px;\"><lable for=\"tpcommet1\" class=\"required\"><input type=\"text\" id=\"tpcommet1\" name=\"tpcommet1\" size=\"28\" required style=\"\" placeholder=\"name@company.com\"\/><span class=\"required\">*<div class=\"required_tishi animated\"><i class=\"fas fa-exclamation-circle\"><\/i><span><\/span><\/div><\/span><\/lable><\/div><div class=\"themepark-comment_form_box tpTextarea\" style=\"font-size:14px;\"><lable for=\"tpcommet2\"><textarea id=\"tpcommet2\" name=\"tpcommet2\" style=\"\" placeholder=\"Geben Sie Ihre Nachricht ein\"><\/textarea><\/lable><\/div><div class=\"hiddeninput\"><input name=\"comment_post_ID\" type=\"hidden\" value=\"6569\"\/><input name=\"author\" type=\"hidden\" class=\"author\"\/><input name=\"email\" type=\"hidden\" class=\"email\"\/><textarea name=\"comment\" style=\"display:none\" class=\"comment\"><\/textarea><input name=\"themeparklable\" type=\"hidden\" value=\"Your name|name@company.com|Enter your message\"\/><input name=\"themeparktype\" type=\"hidden\" value=\"text|text|Textarea\"\/><input name=\"redirect_to\" type=\"hidden\" value=\"https:\/\/www.hbotsale.com\"\/><input name=\"inquiryid\" type=\"hidden\"\/><input name=\"inquirytime\" type=\"hidden\"\/><input name=\"position\" type=\"hidden\"\/><\/div><div class=\"submut_box\"><input type=\"submit\" class=\"submut_btn\" name=\"submit\" style=\"\" value=\"Einreichen\"\/><div class=\"tishi\" style=\"\"><div class=\"loading\" style=\"\"><i class=\"fas fa-spinner\"><\/i>Einreichen!<\/div><div class=\"success\" style=\"\"><i class=\"fas fa-check\"><\/i>Einreichung erfolgreich!<\/div><div class=\"erro\" style=\"\"><i class=\"fas fa-exclamation-circle\"><\/i>Einreichung fehlgeschlagen!<\/div><div class=\"e-email\">Ung\u00fcltige E-Mail Adresse!<\/div><div class=\"e-tel\">Falsche Telefonnummer!<\/div><\/div><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form><\/div><div class=\"wp_clear\"><\/div><\/div><div class=\"themepark-comment_in_b\" style=\"opacity:1;undefined0\"><\/div><\/div><\/div><div class=\"wp_clear\"><\/div><\/div>\n\n\n\n<style>\n\/* ==========================================\n   1. \u8868\u5355\u6574\u4f53\u5bb9\u5668\u4e0e\u9876\u90e8\u6807\u9898\u5e03\u5c40\n   ========================================== *\/\n\n.wp-block-themepark-block-themepark-comment.form-ad {\n    max-width: 1200px;\n    margin: 0 auto;\n    background: #ffffff;\n    padding: 50px 40px 40px 40px;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    position: relative;\n    box-sizing: border-box;\n}\n\n.form-ad::before {\n    content: \"SUBMIT YOUR REQUEST\";\n    display: block;\n    font-size: 11px;\n    font-weight: 700;\n    color: #3b82f6;\n    letter-spacing: 1px;\n    margin-bottom: 0;\n}\n\n\/* ==========================================\n   2. \u8868\u5355\u4e3b\u4f53\n   ========================================== *\/\n\n.form-ad #commentform-park.themepark-c-f {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px 40px;\n    background: transparent;\n    padding: 0;\n    margin-top: 40px;\n    border-top: 1px solid #e2e8f0;\n    padding-top: 35px;\n}\n\n\/* ==========================================\n   3. \u8f93\u5165\u6846\u4e0e\u6807\u9898\n   ========================================== *\/\n\n.form-ad .themepark-comment_form_box.tptext {\n    grid-column: span 1;\n    font-size: 14px;\n    width: 100%;\n}\n\n.form-ad .tptext lable,\n.form-ad .tptext label {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    font-size: 15px;\n    font-weight: 700;\n    color: #64748b;\n    letter-spacing: 0.5px;\n}\n\n\/* \u9ed8\u8ba4\u6807\u9898 *\/\n\n.form-ad .themepark-comment_form_box.tptext:nth-child(1) :is(lable, label)::before {\n    content: \"NAME\" !important;\n    order: -1;\n    margin-bottom: 6px;\n    font-size: 15px !important;\n}\n\n.form-ad .themepark-comment_form_box.tptext:nth-child(2) :is(lable, label)::before {\n    content: \"EMAIL *\";\n    order: -1;\n    margin-bottom: 6px;\n}\n\n\/* \u8f93\u5165\u6846 *\/\n\n.form-ad .tptext input[type=\"text\"] {\n    width: 100% !important;\n    max-width: 100%;\n    border: none;\n    border-bottom: 1px solid #cbd5e1;\n    background: transparent;\n    padding: 12px 0;\n    font-size: 15px;\n    color: #1e293b;\n    outline: none;\n    order: 2;\n    box-sizing: border-box;\n}\n\n.form-ad .tptext input[type=\"text\"]:focus {\n    border-bottom-color: #3b82f6;\n}\n\n\/* Message \u5168\u5bbd *\/\n\n.form-ad #commentform-park.themepark-c-f\n.themepark-comment_form_box:has(textarea) {\n    grid-column: 1 \/ -1;\n    width: 100%;\n}\n\n.form-ad #commentform-park.themepark-c-f textarea {\n    width: 100% !important;\n    max-width: 100%;\n    box-sizing: border-box;\n    font-size: 15px;\n}\n\n\/* Message \u6807\u9898 *\/\n\n.form-ad #commentform-park.themepark-c-f\n.themepark-comment_form_box:has(textarea)\n:is(lable, label) {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    font-size: 15px;\n    font-weight: 700;\n    color: #64748b;\n    letter-spacing: 0.5px;\n}\n\n.form-ad #commentform-park.themepark-c-f\n.themepark-comment_form_box:has(textarea)\n:is(lable, label)::before {\n    content: \"MESSAGE *\" !important;\n    order: -1;\n    margin-bottom: 6px;\n    font-size: 15px !important;\n}\n\n\/* \u4fdd\u8bc1 NAME \u6b63\u5e38\u663e\u793a *\/\n\n.form-ad .themepark-comment_form_box.tptext:nth-child(1)\n:is(lable, label)::before {\n    content: \"NAME\" !important;\n    display: block !important;\n    order: -1;\n    font-size: 15px !important;\n    font-weight: 700;\n    color: #64748b;\n    letter-spacing: 0.5px;\n    margin-bottom: 6px;\n}\n\n\/* ==========================================\n   4. \u590d\u9009\u6846\u533a\u57df\n   ========================================== *\/\n\n.form-ad .tpcheckbox {\n    grid-column: span 2;\n    margin-top: 10px;\n}\n\n.form-ad .tpcheckbox .msspan {\n    display: block;\n    font-size: 11px;\n    font-weight: 700;\n    color: #64748b;\n    letter-spacing: 0.5px;\n    margin-bottom: 12px;\n}\n\n.form-ad .tpcheckbox .rideo {\n    display: inline-flex;\n    align-items: center;\n    border: 1px solid #cbd5e1;\n    padding: 12px 20px;\n    margin-right: 15px;\n    margin-bottom: 10px;\n    border-radius: 4px;\n    background: #fff;\n    cursor: pointer;\n    font-size: 14px;\n    color: #334155;\n}\n\n.form-ad .tpcheckbox input[type=\"checkbox\"] {\n    margin-right: 8px;\n    accent-color: #1e293b;\n    width: 16px;\n    height: 16px;\n}\n\n.form-ad .tpcheckbox .active {\n    display: none;\n}\n\n.form-ad .hiddeninput {\n    display: none;\n}\n\n\/* ==========================================\n   5. \u63d0\u4ea4\u6309\u94ae\n   ========================================== *\/\n\n.form-ad .submut_box {\n    grid-column: span 2;\n    margin-top: 25px;\n    background: #061c46;\n    padding: 16px 25px;\n    position: relative;\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.form-ad .submut_btn {\n    background: transparent;\n    border: none;\n    color: #ffffff;\n    font-size: 15px;\n    font-weight: 600;\n    cursor: pointer;\n    text-align: left;\n    padding: 0;\n    flex-grow: 1;\n}\n\n.form-ad .submut_box::after {\n    content: \"\u2192\";\n    color: #ffffff;\n    font-size: 18px;\n    font-weight: 300;\n    pointer-events: none;\n}\n\n.form-ad .tishi {\n    font-size: 13px;\n    color: #94a3b8;\n    grid-column: span 2;\n    text-align: center;\n    margin-top: 15px;\n}\n\n.form-ad .tishi div {\n    display: none;\n}\n\n\/* ==========================================\n   6. \u79fb\u52a8\u7aef\u9002\u914d\n   ========================================== *\/\n\n@media screen and (max-width: 768px) {\n    .wp-block-themepark-block-themepark-comment.form-ad {\n        padding: 25px 15px;\n    }\n\n    .form-ad #commentform-park.themepark-c-f {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        margin-top: 20px;\n        padding-top: 20px;\n    }\n\n    .form-ad .tpcheckbox,\n    .form-ad .submut_box,\n    .form-ad .tishi {\n        grid-column: span 1;\n    }\n\n    .form-ad .tpcheckbox .rideo {\n        display: flex;\n        margin-right: 0;\n        margin-bottom: 8px;\n    }\n}\n\n\/* ==========================================\n   7. \u6700\u7ec8\u8986\u76d6\u89c4\u5219\n   ========================================== *\/\n\n\/* \u9690\u85cf NAME \u540e\u7531\u65e7\u6837\u5f0f\u751f\u6210\u7684\u661f\u53f7 *\/\n\n.form-ad.actions #commentform-park.themepark-c-f\n> .themepark-comment_form_box.tptext:nth-child(1)\n> :is(lable, label)::after,\n\n.form-ad.actions #commentform-park.themepark-c-f\n> .themepark-comment_form_box.tptext:nth-child(1)::after {\n    content: none !important;\n    display: none !important;\n}\n\n\/* \u53ea\u663e\u793a NAME *\/\n\n.form-ad.actions #commentform-park.themepark-c-f\n> .themepark-comment_form_box.tptext:nth-child(1)\n> :is(lable, label)::before {\n    content: \"NAME\" !important;\n    display: block !important;\n    order: -1;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    color: #64748b !important;\n    letter-spacing: 0.5px;\n    margin-bottom: 6px;\n}\n\n\/* \u9690\u85cf Message \u540e\u53ef\u80fd\u5b58\u5728\u7684\u65e7 after *\/\n\n.form-ad.actions #commentform-park.themepark-c-f\n> .themepark-comment_form_box.tpTextarea\n> :is(lable, label)::after {\n    content: none !important;\n    display: none !important;\n}\n\/* \u4fee\u590d NAME \u8f93\u5165\u6846\u5bbd\u5ea6\u548c\u6587\u5b57\u663e\u793a *\/\n.form-ad.actions #commentform-park.themepark-c-f\n> .themepark-comment_form_box.tptext:first-child {\n    width: 100% !important;\n    min-width: 0 !important;\n}\n\n\/* NAME \u6807\u7b7e *\/\n.form-ad.actions #commentform-park.themepark-c-f\n> .themepark-comment_form_box.tptext:first-child\n> :is(lable, label) {\n    display: flex !important;\n    flex-direction: column !important;\n    width: 100% !important;\n    min-width: 0 !important;\n    font-size: 15px !important;\n    color: #64748b !important;\n}\n\n\/* NAME \u6807\u9898 *\/\n.form-ad.actions #commentform-park.themepark-c-f\n> .themepark-comment_form_box.tptext:first-child\n> :is(lable, label)::before {\n    content: \"NAME\" !important;\n    display: block !important;\n    order: -1 !important;\n    font-size: 15px !important;\n    margin-bottom: 6px !important;\n}\n\n\/* \u9690\u85cf NAME \u540e\u9762\u7684\u661f\u53f7 *\/\n.form-ad.actions #commentform-park.themepark-c-f\n> .themepark-comment_form_box.tptext:first-child\n> :is(lable, label)::after {\n    content: none !important;\n    display: none !important;\n}\n\n\/* NAME \u8f93\u5165\u6846 *\/\n.form-ad.actions #commentform-park.themepark-c-f\n> .themepark-comment_form_box.tptext:first-child\n> :is(lable, label) > input[name=\"tpcommet0\"] {\n    display: block !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0 !important;\n    height: 52px !important;\n    padding: 12px 0 !important;\n    box-sizing: border-box !important;\n    font-size: 15px !important;\n    line-height: 1.4 !important;\n    color: #1e293b !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n\n\/* NAME \u5360\u4f4d\u6587\u5b57 *\/\n.form-ad.actions #commentform-park.themepark-c-f\n> .themepark-comment_form_box.tptext:first-child\n> :is(lable, label) > input[name=\"tpcommet0\"]::placeholder {\n    color: #64748b !important;\n    opacity: 1 !important;\n}\n<\/style>\n<\/div>\n<\/div>\n<\/div>\n<\/div><div class=\"layout_badh\"><\/div><\/section>\n\n\n\n<section class=\"wp-block-themepark-block-themepark-area block_layout thempark-block MovePnly\" id=\"maxw\" style=\"background-color:#0a1729;\" data-swiper-parallax=\"-700\"><div class=\"block_layout_in clomnsmal  clomnnone\" style=\"\">\n<div class=\"wp-block-column block_layout_in is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-themepark-block-themepark-wright content-super-p\" style=\"font-size:12px;line-height:20px;background-color:#ffffff;padding:10px 10px;\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n.us-support-card {\n  position: relative;\n  display: block;\n  width: 100%;\n  margin: 24px 0;\n  padding: 18px 70px 18px 20px;\n  overflow: hidden;\n  isolation: isolate;\n  border: 1px solid rgba(155, 220, 255, 0.42);\n  border-left: 4px solid #1299dc;\n  border-radius: 2px 16px 16px 2px;\n  background: linear-gradient(\n    135deg,\n    rgba(10, 63, 104, 0.95),\n    rgba(3, 21, 54, 0.88)\n  );\n  box-shadow:\n    0 16px 38px rgba(0, 0, 0, 0.25),\n    inset 0 1px 0 rgba(255, 255, 255, 0.14);\n}\n\n.us-support-card::before {\n  content: \"\";\n  position: absolute;\n  width: 180px;\n  height: 180px;\n  right: -70px;\n  top: -95px;\n  z-index: -1;\n  border-radius: 50%;\n  background: radial-gradient(\n    circle,\n    rgba(52, 190, 247, 0.4),\n    transparent 68%\n  );\n}\n\n.us-support-card::after {\n  content: \"US\";\n  position: absolute;\n  right: 16px;\n  top: 50%;\n  z-index: 0;\n  color: rgba(155, 220, 255, 0.2);\n  font-size: 52px;\n  font-weight: 900;\n  letter-spacing: -0.08em;\n  line-height: 1;\n  transform: translateY(-50%);\n}\n\n.us-support-card strong,\n.us-support-card span {\n  position: relative;\n  z-index: 1;\n  display: block;\n}\n\n.us-support-card strong {\n  color: #fff !important;\n  font-size: 16px;\n  line-height: 1.35;\n}\n\n.us-support-card span {\n  margin-top: 6px;\n  color: #9bdcff !important;\n  font-size: 11px;\n  line-height: 1.3;\n  font-weight: 800;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n\n\/* PC \u7aef\u9690\u85cf\uff0c\u4ec5\u79fb\u52a8\u7aef\u663e\u793a *\/\n@media (min-width: 701px) {\n  .us-support-card {\n    display: none;\n  }\n}\n<\/style>\n\n<div class=\"us-support-card\" aria-label=\"Unterst\u00fctzung durch die US-Tochtergesellschaft\">\n  <strong>Lager der U.S.-Tochtergesellschaft<\/strong>\n  <span>USA Lokaler technischer Support<\/span>\n<\/div>\n\n\n\n<div class=\"wp-block-themepark-block-themepark-comment thempark-block themepark-comment fromnopading undefined form-ad\" style=\"padding-top:20px;\"><div class=\"themepark-comment_in\" id=\"ud_form\"><div class=\"themepark-comment_inb2\"><div class=\"themepark-comment_inb\" style=\"\"><div class=\"themepark-comment_form nolable\" style=\"\"><form id=\"commentform-park\" class=\"themepark-c-f twomo\" action=\"https:\/\/www.hbotsale.com\/wp-comments-post.php\" method=\"post\" autocomplete=\"off\" data-trp-original-action=\"https:\/\/www.hbotsale.com\/wp-comments-post.php\"><div class=\"themepark-comment_form_box tptext\" style=\"font-size:14px;\"><lable for=\"tpcommet0\" class=\"\"><input type=\"text\" id=\"tpcommet0\" name=\"tpcommet0\" size=\"28\" style=\"\" placeholder=\"Ihr Name\"\/><\/lable><\/div><div class=\"themepark-comment_form_box tptext\" style=\"font-size:14px;\"><lable for=\"tpcommet1\" class=\"required\"><input type=\"text\" id=\"tpcommet1\" name=\"tpcommet1\" size=\"28\" required style=\"\" placeholder=\"name@company.com\"\/><span class=\"required\">*<div class=\"required_tishi animated\"><i class=\"fas fa-exclamation-circle\"><\/i><span><\/span><\/div><\/span><\/lable><\/div><div class=\"themepark-comment_form_box tpTextarea\" style=\"font-size:14px;\"><lable for=\"tpcommet2\"><textarea id=\"tpcommet2\" name=\"tpcommet2\" style=\"\" placeholder=\"Geben Sie Ihre Nachricht ein\"><\/textarea><\/lable><\/div><div class=\"hiddeninput\"><input name=\"comment_post_ID\" type=\"hidden\" value=\"6569\"\/><input name=\"author\" type=\"hidden\" class=\"author\"\/><input name=\"email\" type=\"hidden\" class=\"email\"\/><textarea name=\"comment\" style=\"display:none\" class=\"comment\"><\/textarea><input name=\"themeparklable\" type=\"hidden\" value=\"Your name|name@company.com|Enter your message\"\/><input name=\"themeparktype\" type=\"hidden\" value=\"text|text|Textarea\"\/><input name=\"redirect_to\" type=\"hidden\" value=\"https:\/\/www.hbotsale.com\"\/><input name=\"inquiryid\" type=\"hidden\"\/><input name=\"inquirytime\" type=\"hidden\"\/><input name=\"position\" type=\"hidden\"\/><\/div><div class=\"submut_box\"><input type=\"submit\" class=\"submut_btn\" name=\"submit\" style=\"\" value=\"Einreichen\"\/><div class=\"tishi\" style=\"\"><div class=\"loading\" style=\"\"><i class=\"fas fa-spinner\"><\/i>Einreichen!<\/div><div class=\"success\" style=\"\"><i class=\"fas fa-check\"><\/i>Einreichung erfolgreich!<\/div><div class=\"erro\" style=\"\"><i class=\"fas fa-exclamation-circle\"><\/i>Einreichung fehlgeschlagen!<\/div><div class=\"e-email\">Ung\u00fcltige E-Mail Adresse!<\/div><div class=\"e-tel\">Falsche Telefonnummer!<\/div><\/div><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form><\/div><div class=\"wp_clear\"><\/div><\/div><div class=\"themepark-comment_in_b\" style=\"opacity:1;undefined0\"><\/div><\/div><\/div><div class=\"wp_clear\"><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><div class=\"layout_badh\"><\/div><\/section>\n\n\n\n\n<script type=\"text\/javascript\">\nvar Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();\n(function(){\n  var s1=document.createElement(\"script\"),s0=document.getElementsByTagName(\"script\")[0];\n  s1.async=true;\n  s1.src='https:\/\/embed.tawk.to\/YOUR_PROPERTY_ID\/default'; \/\/ \u66ff\u6362\u4f60\u7684ID\n  s1.charset='UTF-8';\n  s1.setAttribute('crossorigin','*');\n  s0.parentNode.insertBefore(s1,s0);\n})();\n\n\/\/ \u7edf\u4e00\u7ed1\u5b9a\u591a\u4e2a\u6309\u94ae\nTawk_API.onLoad = function() {\n    document.querySelectorAll('.tawk-btn').forEach(function(btn){\n        btn.addEventListener('click', function(e){\n            e.preventDefault(); \/\/ \u963b\u6b62\u9ed8\u8ba4\u8df3\u8f6c\n            Tawk_API.maximize(); \/\/ \u547c\u51fa Tawk.to\n        });\n    });\n};\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Hyperbaric oxygen chambers \u00b7 since 2007 More oxygen.More possibility. Premium hyperbaric chambers engineered for modern homes, wellness centers, athletes and professional care. Chat NowContact Us \u2197 PVHOCEISOSGS Global quality standards \u00b7 shipped to 126+ countries U.S. Subsidiary&#8217;s WarehouseUSA Local Technical Support Explore the range \u2193 01 \u00b7 Flagship hard chambers Built for elevated oxygen experiences [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"themepark_post_bcolor":"#ffffff","themepark_post_width":"100%","themepark_post_img":"","themepark_post_img_po":"left","themepark_post_img_re":false,"themepark_post_img_cover":false,"themepark_post_img_fixed":false,"themepark_post_hide_title":true,"themepark_post_main_b":"","themepark_post_main_p":100,"themepark_paddingblock":true,"footnotes":""},"class_list":["post-6569","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hbotsale.com\/de\/wp-json\/wp\/v2\/pages\/6569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hbotsale.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hbotsale.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hbotsale.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hbotsale.com\/de\/wp-json\/wp\/v2\/comments?post=6569"}],"version-history":[{"count":9,"href":"https:\/\/www.hbotsale.com\/de\/wp-json\/wp\/v2\/pages\/6569\/revisions"}],"predecessor-version":[{"id":10733,"href":"https:\/\/www.hbotsale.com\/de\/wp-json\/wp\/v2\/pages\/6569\/revisions\/10733"}],"wp:attachment":[{"href":"https:\/\/www.hbotsale.com\/de\/wp-json\/wp\/v2\/media?parent=6569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}