/* M3.0-R4-HF3 - delivered photography + editorial page types. No fonts or trackers. */
.hf3-photo{margin:0;min-width:0;width:100%;color:var(--ink)}
.hf3-photo-stage{background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:28px;min-width:0;min-height:240px}
.hf3-photo-stage img{display:block;width:100%;height:260px;object-fit:contain;max-width:100%;max-height:none;transform:none}
.hf3-photo figcaption{font-size:12px;line-height:1.5;padding:13px 4px;margin:0;color:inherit;opacity:.85}
.hf3-photo-arbeitsplaetze .hf3-photo-stage img,.hf3-photo-software .hf3-photo-stage img{height:320px}
/* The shop cards contain full product photos, never translucent decorative icons. */
.hf3-world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hf3-world{position:relative;display:flex;flex-direction:column;min-width:0;background:#f1f5f2;border-bottom:8px solid var(--aqua);padding:28px;transition:transform .18s ease,box-shadow .18s ease;color:var(--ink);overflow:hidden}
.hf3-world:hover{transform:translateY(-4px);box-shadow:0 12px 30px #1c383318}
.hf3-world>.eyebrow{margin:0;font-size:11px;letter-spacing:.12em}
.hf3-world h3{font:600 clamp(32px,3vw,54px)/.99 var(--display);margin:16px 0 22px;min-height:2em;text-transform:uppercase;letter-spacing:-.01em;overflow-wrap:break-word}
.hf3-world-image{height:245px;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 -6px 20px;padding:20px;min-width:0;overflow:hidden;border:1px solid #e3e9e5}
.hf3-world-image img{width:100%;height:100%;object-fit:contain;display:block;max-width:100%;transform:none;opacity:1}
.hf3-world>p{font-size:16px;margin:0 32px 8px 0;line-height:1.4}
.hf3-world>small{display:block;font-size:11px;line-height:1.4;max-width:calc(100% - 28px);margin-top:auto;min-height:32px}
.hf3-world-arrow{position:absolute;bottom:24px;right:20px;display:flex;width:28px;height:28px;align-items:center;justify-content:center}
.hf3-world-arrow svg{width:24px;height:24px}
.hf3-world-security{background:#353536;color:#fff}
.hf3-world-security .hf3-world-image{background:#242827;border-color:#51625c}
.hf3-world-arbeitsplaetze,.hf3-world-video{background:var(--aqua);border-bottom-color:var(--ink)}
.hf3-world-software{background:#edf1ed}
.hf3-world-placeholder{font:600 27px/1.1 var(--display)}
/* One product-led composition for each of the five additional campaigns. */
.vc-slider .vc-campaign-stage{min-height:650px;grid-template-columns:1.05fr 1fr;gap:50px;padding-block:60px 32px}
.vc-slider .vc-campaign-copy{min-width:0}
.vc-slider .vc-campaign-copy .display{font-size:clamp(54px,5.5vw,116px);max-width:14ch;line-height:.98;color:#fff;overflow-wrap:break-word}
.vc-slider .vc-campaign-copy>.eyebrow{color:var(--aqua)}
.vc-slider .vc-campaign-copy .lead{font-size:clamp(17px,1.2vw,23px);line-height:1.6}
.vc-slider .vc-campaign-art{background:#fff;border-right:22px solid var(--aqua);border-bottom:22px solid var(--aqua);padding:30px 25px 14px;min-width:0;position:relative}
.vc-slider .vc-campaign-art img{height:350px!important;width:100%;object-fit:contain!important;display:block;filter:none!important;transform:none!important}
.vc-slider .vc-art-security{background:#252b29}
.vc-slider .vc-art-security figcaption{color:#e4ece8}
.vc-slider .vc-campaign-art figcaption{font-size:12px;line-height:1.5;margin:0;min-height:40px}
.vc-slider-controls{background:#fff;color:var(--ink);justify-content:flex-end;border-bottom:1px solid #d9e3dd;min-height:66px}
.vc-slider-controls button{border:1px solid #c6d5d0;min-height:44px;padding:10px 15px}
.vc-slider-controls button:hover{background:#e5f1eb}
.vc-slider-controls [data-vc-play]{font-size:13px;min-width:160px}
/* Photographic evidence uses supplied product examples, not invented facilities. */
.hf3-evidence{background:#f3f6f2;padding:76px 0 86px}
.hf3-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.hf3-evidence-grid>article{background:#fff;padding:26px;display:flex;flex-direction:column;border-bottom:7px solid var(--aqua);min-width:0}
.hf3-evidence-grid h3{font:600 clamp(29px,2.4vw,44px)/1 var(--display);margin:0 0 14px}
.hf3-evidence-grid .hf3-photo-stage{padding:8px;min-height:235px;height:235px}
.hf3-evidence-grid .hf3-photo-stage img{height:220px}
.hf3-evidence-grid .hf3-photo figcaption{font-size:11px;min-height:62px}
.hf3-evidence-grid .button{margin-top:auto;min-height:45px;font-size:13px;padding:12px 15px}
.manifesto.section{padding-block:90px}
.vc-material-detail{background-image:linear-gradient(90deg,#353536 0%,rgba(53,53,54,.18) 70%),url('/assets/brand/r4hf3-workplace-detail.png');background-size:100% 100%,cover;opacity:.22;filter:grayscale(1)}
.vc-home-material .vc-material-credit{font-size:11px}
.hf3-infra-assembly{display:grid;gap:24px;padding:45px 28px 65px;min-height:370px;width:100%;align-content:center}
.hf3-infra-assembly>img{position:static!important;width:100%!important;height:auto!important;max-height:190px!important;object-fit:contain!important;transform:none!important;filter:none!important;opacity:1!important}
.hf3-infra-assembly>figcaption{font-size:12px;line-height:1.5;color:#ecf2ee}
.hf3-infra-assembly .hf3-infra-second{width:80%!important;max-height:115px!important;justify-self:end;background:white;padding:8px}
.vc-infra-material .infra-visual:before{background:linear-gradient(90deg,rgba(35,42,39,.9),rgba(35,42,39,.83)),url('/assets/brand/r4hf3-security-detail.png') center/cover no-repeat}
.commerce-hero:has(.commerce-device[src="/assets/brand/rueckhalt-vxrail-original.png"]){background-image:linear-gradient(90deg,#242827 0%,rgba(36,40,39,.94) 48%,rgba(36,40,39,.86)),url('/assets/brand/r4hf3-workplace-detail.png');background-size:100% 100%,auto 135%}
.hf3-security-campaign{background:#353536;position:relative;overflow:hidden;color:#fff}
.hf3-security-campaign:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#353536 35%,rgba(53,53,54,.8)),url('/assets/brand/r4hf3-security-detail.png') right center/auto 120% no-repeat;opacity:.6}
.hf3-security-campaign .wrap{position:relative;display:grid;grid-template-columns:1fr 1.3fr;gap:65px;align-items:center;padding-block:80px}
.hf3-security-campaign .display em{color:var(--aqua)}
.hf3-security-campaign .hf3-photo{color:#e8eeea;border-right:22px solid var(--aqua);border-bottom:22px solid var(--aqua);padding:25px}
.hf3-security-campaign .hf3-photo-stage{background:transparent;padding:0;min-height:210px}
.hf3-security-campaign .hf3-photo-stage img{height:240px}
/* Fully pictured service entrypoints + a less empty service detail. */
.hf3-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:52px}
.hf3-services-grid>article{border:1px solid #dce4de;border-bottom:6px solid var(--aqua);padding:24px;display:flex;flex-direction:column;min-width:0}
.hf3-services-grid .hf3-photo-stage{height:190px;min-height:0;padding:0}
.hf3-services-grid .hf3-photo-stage img{height:180px}
.hf3-services-grid h2{font:600 35px/1.1 var(--display);margin:24px 0 12px}
.hf3-services-grid .button{margin-top:auto;font-size:13px;padding:12px 14px}
.hf3-services-grid figcaption{font-size:10px;min-height:45px}
.hf3-service-hero{background:#f6f8f4;border-bottom:1px solid #e2e8e2}
.hf3-service-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding-block:70px}
.hf3-service-hero .display{font-size:clamp(45px,5.7vw,106px);overflow-wrap:anywhere;max-width:16ch;line-height:.99}
.hf3-service-hero .copy{font-size:17px;max-width:53ch;line-height:1.7}
.hf3-service-image{background:white;border-right:20px solid var(--aqua);border-bottom:20px solid var(--aqua);padding:20px}
.hf3-service-image .hf3-photo-stage img{height:330px}
.hf3-service-image figcaption{padding-inline:10px}
.hf3-service-scope{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start;padding-block:80px}
.hf3-service-scope>.display{font-size:64px}
.hf3-service-scope .feature-list li{font-size:18px;line-height:1.5;padding-block:18px}
.hf3-service-scope p:not(.eyebrow){max-width:62ch;font-size:16px;line-height:1.7}
.hf3-process{background:#353536;color:#fff;padding:70px 0 80px}
.hf3-process .eyebrow{color:var(--aqua)}
.hf3-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.hf3-process-grid article{border-top:1px solid #91b7ab;padding-top:25px;min-width:0}
.hf3-step{font:600 45px/1 var(--display);color:var(--aqua)}
.hf3-process-grid h3{font:600 32px/1.1 var(--display);margin:24px 0 18px}
.hf3-process-grid p{font-size:17px;line-height:1.75;color:#e4eae6}
.hf3-service-bottom{display:grid;grid-template-columns:1.4fr .8fr;gap:75px;align-items:start;padding-block:85px}
.hf3-service-bottom .display{font-size:clamp(38px,4.3vw,72px)}
.hf3-service-bottom .support-card{padding:30px}
/* Editorial photographs, a lead article, and a centred readable body. */
.hf3-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:48px}
.hf3-article-card{display:flex;flex-direction:column;min-width:0;background:#f1f5f2;border-bottom:6px solid var(--aqua);overflow:hidden}
.hf3-article-card-image{background:#f1f5f2;aspect-ratio:1.9;overflow:hidden}
.hf3-article-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.hf3-article-card:hover .hf3-article-card-image img{transform:scale(1.025)}
.hf3-article-card-copy{padding:30px;display:flex;flex-direction:column;flex:1}
.hf3-article-card-copy h2{font:600 33px/1.13 var(--display);margin:20px 0 15px}
.hf3-article-card-copy p{font-size:16px;line-height:1.65}
.hf3-article-card-copy small{font-size:12px;color:#4e655e}
.hf3-article-card-copy>span{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:600;margin-top:auto;padding-top:18px}
.hf3-article-card-copy>span svg{width:22px;height:22px}
.hf3-lead-article{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr}
.hf3-lead-article .hf3-article-card-image{height:100%;min-height:360px;aspect-ratio:auto}
.hf3-lead-article .hf3-article-card-image img{object-fit:contain}
.hf3-lead-article .hf3-article-card-copy{padding:42px}
.hf3-lead-article h2{font-size:clamp(33px,3.5vw,58px)}
.hf3-article{max-width:1350px!important;padding-top:65px}
.hf3-article-head{max-width:1080px;margin:36px auto 40px}
.hf3-article-head .display{font-size:clamp(40px,5.5vw,90px);max-width:21ch;line-height:1.03}
.hf3-article-head .lead{max-width:66ch}
.hf3-article-head .small-copy{font-size:13px}
.hf3-article-cover{margin:0 auto 58px;max-width:1150px}
.hf3-article-cover>img{display:block;width:100%;height:auto;max-height:490px;object-fit:contain;background:#f1f5f2}
.hf3-article-cover figcaption{font-size:12px;line-height:1.5;padding:12px 0;color:#58635e}
.hf3-reading-grid{display:grid;grid-template-columns:265px minmax(0,780px);gap:65px;justify-content:center;align-items:start}
.hf3-reading-grid>aside{position:sticky;top:calc(var(--vc-head-height,90px) + 24px)}
.hf3-reading-grid .vc-article-toc{padding:20px;background:#f1f5f2;width:100%;margin:0}
.hf3-reading-grid .vc-article-toc a{font-size:14px;line-height:1.6;padding-block:4px}
.hf3-reading-copy{min-width:0}
.hf3-reading-copy .vc-article-text{margin:0 0 32px;max-width:none}
.hf3-reading-copy .vc-article-text>h2:first-child{margin-top:0}
.hf3-reading-copy .vc-article-text h2{font-size:36px;line-height:1.13;margin-top:45px}
.hf3-reading-copy .vc-article-text p,.hf3-reading-copy .vc-article-text li{font-size:18px;line-height:1.85}
/* An actual rack image needs a landscape gallery, not a huge empty square. */
.vc-gallery-rack .vc-gallery-main,.vc-demo-page .vc-gallery-rack .vc-gallery-main{aspect-ratio:1.95;min-height:220px;max-height:450px;background:#f1f5f2;padding:32px}
.vc-gallery-rack .vc-gallery-main img{width:100%;height:auto;max-height:100%;object-fit:contain}
.vc-product-top{align-items:start}
@media(min-width:981px){
 .product-detail-body .vc-assistance{position:fixed;left:auto;right:22px;bottom:22px;top:auto;width:262px;max-width:calc(100vw - 44px);display:flex;flex-direction:column;gap:6px;margin:0;padding:0;align-items:stretch;justify-content:flex-start;height:auto}
 .product-detail-body .vc-assistance>.vc-claus-launch,.product-detail-body .vc-assistance>.vc-trust-launch{width:100%;max-width:none;flex:0 0 auto;min-height:0;height:auto;margin:0;padding:12px 14px}
 .product-detail-body .vc-assistance>.vc-trust-launch{display:flex;flex-wrap:wrap;flex-direction:row;gap:2px 8px;align-items:center}
 .product-detail-body .vc-assistance>.vc-trust-launch>small{flex-basis:100%}
 .hf3-service-bottom .support-card{position:sticky;top:110px}
}
@media(min-width:1920px){
 .hf3-world-image{height:285px}.hf3-world>small{font-size:12px}.hf3-world h3{font-size:57px}.hf3-world{padding:34px}
 .hf3-evidence-grid .hf3-photo-stage{height:280px}.hf3-evidence-grid .hf3-photo-stage img{height:260px}
 .vc-slider .vc-campaign-stage{min-height:790px}.vc-slider .vc-campaign-art img{height:430px!important}
}
@media(max-width:1100px){
 .hf3-world{padding:22px}.hf3-world-image{height:190px;padding:12px}.hf3-world h3{font-size:35px}
 .hf3-service-hero-grid,.hf3-service-bottom{gap:30px}.hf3-service-scope{gap:40px}
 .hf3-reading-grid{grid-template-columns:220px minmax(0,700px);gap:35px}
 .hf3-evidence-grid{gap:16px}.hf3-evidence-grid>article{padding:18px}
 .vc-slider .vc-campaign-stage{gap:28px;min-height:580px}.vc-slider .vc-campaign-art{padding:20px;border-width:14px}
 .vc-slider .vc-campaign-art img{height:290px!important}
}
@media(max-width:800px){
 .hf3-world-grid,.hf3-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hf3-evidence-grid{grid-template-columns:1fr}.hf3-evidence-grid>article{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
 .hf3-evidence-grid>article>h3{grid-column:1}.hf3-evidence-grid .hf3-photo{grid-column:2;grid-row:1/3}.hf3-evidence-grid .button{align-self:start}
 .hf3-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hf3-lead-article{display:flex}.hf3-lead-article .hf3-article-card-image{aspect-ratio:1.9;min-height:0}
 .hf3-reading-grid{grid-template-columns:1fr;gap:30px}.hf3-reading-grid>aside{position:static}
 .hf3-article .vc-breadcrumb{overflow-wrap:anywhere}
 .hf3-service-hero-grid{grid-template-columns:1fr;gap:35px;padding-block:45px}.hf3-service-hero .display{max-width:none;font-size:clamp(42px,7.6vw,72px)}
 .hf3-service-image .hf3-photo-stage img{height:250px}.hf3-service-scope,.hf3-service-bottom{grid-template-columns:1fr;gap:30px;padding-block:55px}
 .hf3-process-grid{grid-template-columns:1fr;gap:30px}.hf3-process-grid article{display:grid;grid-template-columns:50px 1fr;gap:10px 20px}.hf3-process-grid h3{margin:4px 0}.hf3-process-grid p{grid-column:2;margin:0}
 .hf3-security-campaign .wrap{grid-template-columns:1fr;gap:32px;padding-block:55px}
 .vc-slider .vc-campaign-stage{grid-template-columns:1fr;gap:30px;min-height:0;padding-block:36px 24px}.vc-slider .vc-campaign-copy .display{font-size:clamp(43px,9vw,72px);max-width:none}
 .vc-slider .vc-campaign-art img{height:270px!important}.vc-campaign-signature{font-size:27px}.vc-slider-controls{justify-content:center;padding-inline:12px}
}
@media(max-width:540px){
 .hf3-world-grid,.hf3-services-grid,.hf3-article-grid{grid-template-columns:1fr;gap:22px}
 .hf3-world h3{font-size:40px;min-height:0;margin-bottom:20px}.hf3-world{padding:23px}.hf3-world-image{height:220px;margin-bottom:18px;padding:12px}
 .hf3-world-arbeitsplaetze .hf3-world-image,.hf3-world-software .hf3-world-image{height:260px}
 .hf3-world>p{font-size:16px}.hf3-world>small{font-size:11px;line-height:1.5;min-height:0}
 .hf3-evidence{padding-block:50px}.hf3-evidence-grid>article{display:flex;align-items:stretch;gap:0}.hf3-evidence-grid h3{font-size:36px}
 .hf3-evidence-grid .hf3-photo-stage{height:220px;min-height:220px}.hf3-evidence-grid .hf3-photo-stage img{height:205px}.hf3-evidence-grid .hf3-photo figcaption{min-height:0;padding-bottom:18px}
 .manifesto.section{padding-block:55px}.hf3-service-hero-grid{padding-block:38px}.hf3-service-hero .display{font-size:43px;line-height:1.02}
 .hf3-service-image{padding:14px;border-width:12px}.hf3-service-image .hf3-photo-stage{padding:10px;min-height:190px}.hf3-service-image .hf3-photo-stage img{height:210px}
 .hf3-service-image.hf3-photo-arbeitsplaetze .hf3-photo-stage img{height:280px}.hf3-service-scope .display,.hf3-service-bottom .display{font-size:40px}
 .hf3-service-scope .feature-list li{font-size:16px}.hf3-process{padding-block:45px}.hf3-process-grid h3{font-size:27px}.hf3-process-grid p{font-size:16px}
 .hf3-security-campaign .hf3-photo{padding:14px;border-width:12px}.hf3-security-campaign .hf3-photo-stage{min-height:150px}.hf3-security-campaign .hf3-photo-stage img{height:160px}
 .hf3-article{padding-top:38px}.hf3-article-head{margin:25px 0}.hf3-article-head .display{font-size:40px;line-height:1.03;max-width:none}.hf3-article-head .lead{font-size:18px}
 .hf3-article-cover{margin-bottom:32px}.hf3-article-cover figcaption{font-size:11px}.hf3-article-card-copy,.hf3-lead-article .hf3-article-card-copy{padding:24px}
 .hf3-lead-article{grid-column:auto}.hf3-article-card-copy h2,.hf3-lead-article h2{font-size:32px}.hf3-article-card-image{aspect-ratio:1.9}
 .hf3-reading-copy .vc-article-text p,.hf3-reading-copy .vc-article-text li{font-size:17px;line-height:1.8}.hf3-reading-copy .vc-article-text h2{font-size:31px}
 .vc-gallery-rack .vc-gallery-main,.vc-demo-page .vc-gallery-rack .vc-gallery-main{aspect-ratio:1.7;min-height:165px;padding:18px}.vc-zoom-hint{font-size:10px;padding:6px 8px}
 .vc-slider .vc-campaign-art img{height:230px!important}.vc-slider .vc-campaign-art{border-width:12px;padding:16px}.vc-slider-controls [data-vc-play]{min-width:130px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.hf3-world,.hf3-article-card-image img{transition:none}.hf3-world:hover{transform:none}}
@media print{.hf3-reading-grid{display:block}.hf3-reading-grid>aside{display:none}.hf3-photo-stage{break-inside:avoid}.hf3-article-cover{max-width:650px}}
/* Contrast correction for the controls inherited from the dark slider. */
.vc-slider-controls,.vc-slider-controls [data-vc-slide-status]{color:#353536}
.vc-slider-controls button{background:#eef4ef;color:#353536;border-color:#bdcfc7}
.vc-gallery.hf3-gallery-wide .vc-gallery-main{aspect-ratio:1.95;min-height:200px;max-height:450px}
.vc-gallery.hf3-gallery-portrait .vc-gallery-main{aspect-ratio:1.15;min-height:270px;max-height:540px}
.hf3-article-image-note{display:block;font-size:11px;line-height:1.4;color:#50615a;padding:12px 22px 0}
@media(max-width:540px){.vc-gallery.hf3-gallery-wide .vc-gallery-main{aspect-ratio:1.7;min-height:165px}.hf3-article-image-note{padding-inline:24px}}

/* Wide appliances keep a landscape stage instead of a square empty box. */
.hf3-service-image.hf3-photo-server-storage .hf3-photo-stage,
.hf3-service-image.hf3-photo-netzwerk .hf3-photo-stage,
.hf3-service-image.hf3-photo-security .hf3-photo-stage{min-height:180px;padding:12px}
.hf3-service-image.hf3-photo-server-storage .hf3-photo-stage img,
.hf3-service-image.hf3-photo-netzwerk .hf3-photo-stage img{height:175px}
.hf3-service-image.hf3-photo-security .hf3-photo-stage img{height:210px}
@media(max-width:540px){
.hf3-service-image.hf3-photo-server-storage .hf3-photo-stage,
.hf3-service-image.hf3-photo-netzwerk .hf3-photo-stage,
.hf3-service-image.hf3-photo-security .hf3-photo-stage{min-height:120px;padding:5px}
.hf3-service-image.hf3-photo-server-storage .hf3-photo-stage img,
.hf3-service-image.hf3-photo-netzwerk .hf3-photo-stage img{height:120px}
.hf3-service-image.hf3-photo-security .hf3-photo-stage img{height:150px}}