:root{--ink:#1c2a35;--dark:#111d2a;--dark2:#1c2c3d;--muted:#617080;--white:#fff;--off:#f3f6fa;--line:#e2eaf1;--lime:#2685dd;--teal:#72b4ea;--radius:5px;--wide:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#2685dd;color:#1c2a35}a{color:inherit;text-decoration:none}button{font:inherit}svg{display:block}img{max-width:100%}.container{width:min(calc(100% - 72px),var(--wide));margin:0 auto}.skip-link{position:absolute;top:-100px;left:12px;z-index:1000;padding:12px;background:#fff}.skip-link:focus{top:12px}
.site-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid #e5ebf0}.header-row{min-height:87px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-symbol{width:35px;height:40px;color:#20354a}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{letter-spacing:-.085em;font-weight:900;font-size:26px}.brand-copy strong span{color:#1866b0}.brand-copy small{font-weight:800;font-size:9px;letter-spacing:.32em;padding-left:1px;margin-top:5px}.nav{display:flex;align-items:center;gap:34px;margin-left:auto}.nav a{font-size:13px;font-weight:700;color:#36495c;transition:color .15s}.nav a:hover,.nav a:focus-visible{color:#0d63b2}.header-phone{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800;border:1px solid #d9e4ee;padding:12px 15px;white-space:nowrap}.header-phone svg{width:18px;height:18px}.header-phone:hover{background:#eff5fa}.menu-toggle{display:none;border:0;background:transparent;width:42px;height:42px;padding:10px;cursor:pointer}.menu-toggle span{display:block;height:2px;margin:5px 0;background:#1c2a35}
.hero{position:relative;overflow:hidden;background:var(--dark);color:#fff}.hero-grid-lines{pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(90deg,#fff 1px,transparent 1px),linear-gradient(#fff 1px,transparent 1px);background-size:84px 84px;opacity:.035;mask-image:linear-gradient(to right,transparent,#000)}.hero-grid{position:relative;display:grid;grid-template-columns:1fr .91fr;gap:14px;align-items:center;min-height:650px;padding:60px 0 55px}.hero-content{position:relative;z-index:2;padding:0 0 30px}.eyebrow,.section-kicker{display:flex;align-items:center;gap:13px;letter-spacing:.17em;font-weight:850;font-size:11px;line-height:1.5}.eyebrow{color:var(--lime)}.eyebrow-line{width:22px;height:2px;background:var(--lime)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(45px,5.25vw,76px);line-height:1.095;letter-spacing:-.062em;font-weight:820;margin:27px 0 26px}h1 em{font-style:normal;color:var(--lime)}h1 span{color:#a9b8b7}.hero-lead{max-width:510px;color:#c0d0e0;font-size:18px;line-height:1.75;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 19px;min-height:55px;font-size:13px;font-weight:850;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#ffffff;background:var(--lime)}.btn-primary:hover{background:#0b69b7}.btn-primary span{font-size:20px;line-height:1}.btn-text{color:#e6f0fa;padding-left:0;padding-right:0;gap:12px}.btn-text span{color:var(--lime);font-size:20px}.hero-proof{display:flex;align-items:center;gap:9px;color:#a9b8b7;margin-top:40px;font-size:12px;font-weight:650;letter-spacing:.01em}.proof-mark{display:grid;place-items:center;border:1px solid #436482;color:var(--lime);width:24px;height:24px;border-radius:50%;font-size:13px}.hero-visual{position:relative;align-self:stretch;min-height:510px;background:radial-gradient(circle at 55% 44%,#2b4865 0,#1c3045 36%,#122235 75%);border:1px solid #2f4f6b;box-shadow:inset 0 0 0 11px #ffffff06;margin-left:10px;overflow:hidden}.visual-tag{position:absolute;z-index:2;color:#c4d8ed;letter-spacing:.13em;font-weight:800;font-size:9px}.visual-tag-top{left:24px;top:22px;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 14px var(--lime)}.system-art{position:absolute;width:110%;height:100%;max-width:none;left:-5%;top:5%;filter:drop-shadow(0 12px 20px #0004)}.visual-bottom{position:absolute;left:22px;right:22px;bottom:20px;display:flex;align-items:center;gap:13px;background:#111e2eee;border:1px solid #41628878;padding:15px 18px;z-index:2}.pulse-icon{font-size:27px;color:var(--lime)}.visual-bottom strong{display:block;font-size:12px;font-weight:800}.visual-bottom small{display:block;font-size:11px;color:#b5c8dc;margin-top:3px}.hero-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #41628877;padding:17px 0 19px;color:#9eb8ce;letter-spacing:.16em;font-weight:700;font-size:9px}
.section-pad{padding:105px 0}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end}.section-kicker{color:#156ebd;margin-bottom:21px}.section-title{font-size:clamp(37px,4.3vw,58px);letter-spacing:-.062em;line-height:1.11;font-weight:820;margin-bottom:0}.section-title span{color:#7e97ae}.intro-right>p{font-size:17px;line-height:1.85;color:#526476;margin-bottom:24px}.intro-detail{display:flex;align-items:center;gap:15px;font-size:13px;font-weight:750}.mini-icon{display:grid;place-items:center;background:#e5f1ff;color:#176dbc;width:35px;height:35px;font-size:22px;flex-shrink:0}
.services{background:var(--off)}.section-heading{display:flex;justify-content:space-between;gap:80px;align-items:end;margin-bottom:41px}.section-heading>p{max-width:345px;color:#637384;margin:0 0 5px;line-height:1.75}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card{min-height:306px;background:#fff;padding:30px;display:flex;flex-direction:column;border:1px solid #e1e9f2;transition:transform .18s,border-color .18s}.service-card:hover{transform:translateY(-4px);border-color:#b1cce7}.service-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:40px}.service-number{color:#7e91a5;font-size:11px;font-weight:800;letter-spacing:.15em}.service-icon{display:grid;place-items:center;background:#e8f2fc;width:53px;height:53px}.service-icon svg{width:29px;height:29px;fill:none;stroke:#116cbf;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.service-card h3{font-size:21px;letter-spacing:-.04em;line-height:1.3;margin:0 0 13px}.service-card p{color:#647586;line-height:1.65;font-size:14px;margin:0 0 25px}.card-accent{margin-top:auto;color:#136ab8;font-size:11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.featured-service{background:#2685dd;border-color:#2685dd;position:relative}.featured-service .service-number{color:#ffffff}.featured-service h3{font-size:28px;line-height:1.15;margin-top:auto}.featured-service p{color:#eaf4ff}.feature-symbol{position:absolute;top:17px;right:29px;font-size:78px;line-height:1;color:#64afe7;font-weight:200}.feature-link{font-size:13px;font-weight:850;border-top:1px solid #94c6ed;padding-top:17px;display:flex;justify-content:space-between}.feature-link span{font-size:18px}.services-footnote{max-width:820px;font-size:11px;line-height:1.55;color:#78889a;margin:20px 0 0}
.approach{background:var(--dark);color:#fff}.light-kicker{color:var(--lime)}.approach-head{display:flex;gap:80px;align-items:end;justify-content:space-between}.light-title span{color:var(--lime)}.approach-head>p{max-width:350px;color:#bbcadc;line-height:1.75;margin-bottom:0}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:65px;border-top:1px solid #3e5a76}.step{padding:28px 26px 0 0;margin-right:24px;border-right:1px solid #3b5570}.step:last-child{border-right:0;margin-right:0}.step>span{font-size:11px;letter-spacing:.1em;color:var(--lime);font-weight:850}.step h3{font-size:21px;letter-spacing:-.04em;margin:34px 0 13px}.step p{color:#b6c7d8;font-size:13px;line-height:1.8;margin-bottom:0}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.about-art{height:435px;background:#e8f0fa;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:28px;overflow:hidden}.about-art:before{content:"";position:absolute;width:480px;height:480px;left:10%;top:-17%;transform:rotate(30deg);border:1px solid #cadaeb;box-shadow:0 0 0 65px #dce8f5,0 0 0 130px #e8f0f8;opacity:.7}.corner-note,.about-art-foot{position:relative;z-index:1;font-size:10px;letter-spacing:.14em;font-weight:850;color:#597c9f}.about-monogram{position:relative;z-index:1;align-self:center;color:#153e64;font-size:clamp(95px,11vw,155px);letter-spacing:-.10em;font-weight:900;line-height:1}.about-monogram span{color:#e9652a}.about-art-foot{display:flex;justify-content:space-between;gap:10px}.about-copy .section-title{margin-bottom:27px}.about-copy>p{color:#5e7185;line-height:1.82;font-size:15px;max-width:580px}.about-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #d8e4ef;margin-top:29px;padding-top:26px}.about-facts strong{display:block;font-size:14px}.about-facts small{display:block;font-size:12px;color:#778ca0;line-height:1.5;margin-top:4px}
.contact{background:#edf3fa;padding-top:35px}.contact-panel{display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border:1px solid #dbe6ef}.contact-intro{padding:67px 67px 74px}.contact-intro .section-title{margin-bottom:22px}.contact-intro>p{font-size:15px;line-height:1.8;color:#5c7185;max-width:510px;margin-bottom:30px}.contact-details{padding:56px 54px;background:#e4edf7;display:flex;flex-direction:column;justify-content:center}.contact-item{padding:19px 0;border-bottom:1px solid #c6d7cb}.contact-item:first-child{padding-top:0}.contact-item:last-child{border:0}.contact-item>span:first-child{display:block;font-weight:850;color:#507da9;letter-spacing:.16em;font-size:10px;margin-bottom:6px}.contact-item a{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:21px;line-height:1.4;font-weight:750;letter-spacing:-.035em;overflow-wrap:anywhere}.contact-item a:hover{color:#1265ae}.contact-item a span{color:#517b9d}.contact-item strong{font-size:19px;font-weight:750;line-height:1.45}.contact-item.small-note{font-size:12px;color:#6b849b;line-height:1.6;padding-top:16px}
.site-footer{background:var(--dark);color:#fff}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:50px 0 45px}.footer-brand .brand-symbol{color:var(--lime)}.footer-brand .brand-copy strong span{color:var(--lime)}.footer-slogan{font-size:16px;color:#aac2d8}.site-footer nav{display:flex;gap:26px}.site-footer nav a{color:#cbdbe8;font-size:12px;font-weight:750}.site-footer nav a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #3b546e;padding:19px 0 22px;font-size:11px;color:#8bacc8}
.legal-header{background:#142235;color:#fff;padding:71px 0 73px}.legal-header .section-kicker{color:var(--lime)}.legal-header h1{font-size:clamp(40px,5vw,60px);margin:0 0 12px}.legal-header p{color:#b5c6d8;margin:0}.legal-main{padding:66px 0 85px}.legal-content{max-width:810px}.legal-content h2{font-size:23px;letter-spacing:-.035em;margin:40px 0 12px}.legal-content h2:first-child{margin-top:0}.legal-content h3{font-size:17px;margin-top:30px}.legal-content p,.legal-content li{font-size:15px;line-height:1.83;color:#5a7188}.legal-content a{text-decoration:underline;text-underline-offset:3px}.legal-content address{font-style:normal;line-height:1.85}.legal-content .editor-note{border-left:4px solid #e0aa4f;padding:16px 18px;background:#fff8e9;color:#6b4e1b;font-size:13px;line-height:1.75;margin:22px 0 29px}.legal-content .editor-note strong{color:#614311}.legal-content ul{padding-left:22px}
@media(max-width:1070px){.container{width:min(calc(100% - 48px),var(--wide))}.header-row{gap:18px}.nav{gap:16px}.header-phone{padding:10px}.hero-grid{min-height:610px}.hero-lead{font-size:16px}.service-card{padding:23px}.about-grid{gap:50px}.contact-intro{padding:53px 40px}.contact-details{padding:45px 35px}}
@media(max-width:810px){.header-row{min-height:76px}.nav{position:absolute;top:100%;left:0;right:0;background:#fff;padding:10px 24px 23px;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 18px 30px #18252619}.nav.is-open{display:flex}.nav a{display:block;padding:11px 6px;font-size:15px;border-bottom:1px solid #e8eef4}.header-phone{margin-left:auto}.menu-toggle{display:block}.hero-grid{grid-template-columns:1fr;gap:20px;padding-top:68px}.hero-content{padding-bottom:0}.hero-visual{height:460px;min-height:0;margin:0}.hero-bottom{font-size:8px}.intro-grid,.about-grid{grid-template-columns:1fr;gap:36px}.intro-right{max-width:680px}.section-heading{gap:30px}.service-grid{grid-template-columns:repeat(2,1fr)}.approach-head{gap:30px}.step-grid{grid-template-columns:repeat(2,1fr);gap:30px}.step{margin:0;padding-right:25px}.step:nth-child(2){border-right:0}.about-art{height:290px;max-width:100%}.about-monogram{font-size:140px}.contact-panel{grid-template-columns:1fr}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.contact-item:nth-child(3),.contact-item:last-child{border-bottom:0}}
@media(max-width:550px){.container{width:min(calc(100% - 34px),var(--wide))}.header-row{min-height:71px}.brand-symbol{height:33px;width:29px}.brand-copy strong{font-size:22px}.brand-copy small{font-size:8px}.header-phone{padding:9px;border:0}.header-phone span{display:none}.header-phone svg{height:22px;width:22px}.hero-grid{padding-top:52px;padding-bottom:25px}.eyebrow{font-size:9px;letter-spacing:.14em}.hero h1{font-size:clamp(42px,11vw,61px);margin:21px 0}.hero-lead{font-size:15px}.hero-actions{align-items:stretch;gap:6px 18px}.btn{min-height:50px}.hero-proof{margin-top:25px}.hero-visual{height:335px}.visual-tag{font-size:8px}.visual-tag-top{left:16px;top:16px}.visual-bottom{left:12px;right:12px;bottom:12px;padding:10px}.visual-bottom strong{font-size:10px}.system-art{width:125%;height:117%;left:-12.5%;top:-6%}.hero-bottom{flex-direction:column;gap:3px;padding-top:14px;font-size:8px}.section-pad{padding:66px 0}.section-title{font-size:clamp(35px,9vw,48px)}.intro-right>p{font-size:15px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:20px;font-size:14px}.service-grid{grid-template-columns:1fr;gap:10px}.service-card{min-height:230px;padding:25px}.service-top{margin-bottom:21px}.featured-service{min-height:250px}.services-footnote{font-size:10px}.approach-head{display:block}.approach-head>p{margin-top:23px;font-size:14px}.step-grid{grid-template-columns:1fr;gap:0;margin-top:35px}.step{padding:23px 0 24px;border-right:0;border-bottom:1px solid #354e6b}.step:last-child{border:0}.step h3{margin:12px 0 8px}.about-art{height:260px;padding:21px}.about-monogram{font-size:110px}.about-copy>p{font-size:14px}.about-facts{grid-template-columns:1fr 1fr;gap:12px}.about-facts strong{font-size:12px}.about-facts small{font-size:11px}.contact{padding-top:22px}.contact-intro{padding:39px 23px 42px}.contact-details{padding:25px 24px;display:block}.contact-item:nth-child(3){border-bottom:1px solid #c6d7cb}.contact-item a{font-size:19px}.footer-main{padding:38px 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-slogan{grid-column:1/-1;grid-row:2;font-size:13px}.site-footer nav{justify-content:flex-end;gap:13px;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:3px}.legal-header{padding:57px 0}.legal-main{padding:36px 0 65px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Original HEB Solutions logo (replaces the former placeholder mark). */
.brand-image {display:block;width:245px;max-width:100%;height:auto;object-fit:contain;}
.footer-brand {display:inline-flex;align-items:center;}
.footer-brand .brand-image {box-sizing:content-box;background:#fff;border-radius:8px;padding:7px 11px;width:230px;max-width:none;}
@media(max-width:1070px){.brand-image{width:220px;}.footer-brand .brand-image{width:218px;}}
@media(max-width:810px){.header-row{padding-top:4px;padding-bottom:4px;}.brand-image{width:198px;}}
@media(max-width:550px){.brand-image{width:168px;}.header-row{gap:12px;}.footer-main{grid-template-columns:1fr;}.footer-brand .brand-image{width:215px;}.footer-slogan{grid-column:auto;grid-row:auto;}.site-footer nav{justify-content:flex-start;}}
@media(max-width:360px){.brand-image{width:151px;}.header-row{gap:8px;}}


/* ===========================================
   HEB – Markenauftritt Anthrazit / Blau / Orange
   Gestaltung an das HEB-Logo angeglichen
   =========================================== */
:root{--ink:#1e2b35;--dark:#111d2a;--dark2:#203147;--muted:#637487;--white:#fff;--off:#f3f6fb;--line:#e2eaf2;--lime:#1b73c5;--teal:#7aadd9;--blue:#156dbc;--blue-bright:#2a8bdd;--blue-light:#ebf5ff;--flame:#f06527;--wide:1220px}
html{scroll-padding-top:88px}body{background:#fff;color:var(--ink)}::selection{background:#b7d9ff;color:#11283e}
.site-header{position:relative;background:#fff;border-bottom:1px solid #e3eaf2;box-shadow:0 1px 0 #d2e0ee2b}
.header-row{min-height:98px}.nav a{font-weight:750;color:#24384b;position:relative}.nav a:hover,.nav a:focus-visible{color:#126cbd}.nav a:after{content:"";position:absolute;height:2px;background:#176fbd;left:0;right:100%;bottom:-9px;transition:right .18s}.nav a:hover:after{right:0}
.header-phone{border:1px solid #c9dced;border-radius:3px;color:#145c9b}.header-phone:hover{background:#eef6ff}
.brand-image{width:248px}.footer-brand .brand-image{background:#fff;padding:10px 13px;border-radius:4px}
.hero{background:radial-gradient(ellipse at 77% 35%,#24476a 0%,#15263a 39%,#0e1a29 85%);}
.hero:after{content:"";position:absolute;left:-180px;bottom:-255px;width:390px;height:390px;border:1px solid #4075ae40;transform:rotate(30deg);pointer-events:none}
.hero-grid-lines{opacity:.055;background-size:76px 76px}.hero-grid{min-height:652px;gap:25px}
.eyebrow{color:#87c5ff}.eyebrow-line{background:#f26a2d;width:29px;height:3px}
h1{letter-spacing:-.059em}.hero h1 em{color:#65b6f7}.hero h1 span{color:#d6e3f2}
.hero-lead{color:#bacada}.hero-proof{color:#b4c9de}.proof-mark{border-color:#d56a38;color:#ff9d69}
.btn{border-radius:3px}.btn-primary{background:#176fc1;color:#fff;box-shadow:0 12px 24px #0b1c3060}.btn-primary:hover{background:#0d5da9}.btn-text span{color:#80bcf3}
.hero-visual{border:1px solid #41638685;background:radial-gradient(ellipse at center,#294c6c 0%,#172b41 64%,#101f31 100%);box-shadow:inset 0 0 0 9px #ffffff06,0 22px 75px #07121f55;}
.hero-visual:before{content:"";position:absolute;z-index:0;left:13%;top:13%;width:72%;aspect-ratio:1;border:1px solid #6aa0ce27;clip-path:polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);background:linear-gradient(145deg,#5c9cdb0a,#1d6aa400)}
.visual-tag-top{color:#d4e3f2}.status-dot{background:#f36d2f;box-shadow:0 0 18px #e96d30}.visual-bottom{background:#13263de8;border:1px solid #5a84aa66}.pulse-icon{color:#ff934a}.visual-bottom small{color:#a8c1d9}
.hero-bottom{color:#9ab5ce;border-color:#5c7eaa35}
.section-kicker{color:#126cb8}.section-kicker:before{content:"";width:23px;height:3px;background:#ed682c;flex:none}
.section-title span{color:#668eaf}.intro-detail{color:#1f4161}.mini-icon{background:#e6f3ff;color:#0f6cbd;clip-path:polygon(50% 0%,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%);width:43px;height:45px}
.services{background:#f3f6fb}.service-grid{gap:18px}.service-card{position:relative;background:white;border:1px solid #e0e8f0;border-radius:4px;min-height:310px;box-shadow:0 5px 22px #122a3d07;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.service-card:hover{box-shadow:0 18px 42px #172d4822;border-color:#afcde9}.service-card:not(.featured-service):before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#176fc1}.service-card:nth-child(1):before,.service-card:nth-child(5):before{background:#ed672d}.service-top{margin-bottom:38px}.service-number{color:#6f879c}.service-icon{width:58px;height:60px;clip-path:polygon(50% 0%,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%);background:#e8f3ff}.service-icon svg{stroke:#156cbb}.service-card:nth-child(1) .service-icon,.service-card:nth-child(5) .service-icon{background:#fff0e9}.service-card:nth-child(1) .service-icon svg,.service-card:nth-child(5) .service-icon svg{stroke:#e2642e}
.card-accent{color:#1269b5}.service-card:nth-child(1) .card-accent,.service-card:nth-child(5) .card-accent{color:#be571f}
.featured-service{background:linear-gradient(140deg,#217ecf 0%,#135c9e 100%);border-color:#1f78be;color:#fff}.featured-service .service-number,.featured-service p{color:#d6e9fc}.featured-service .feature-symbol{color:#ffffff32}.featured-service .feature-link{color:white;border-color:#ffffff59}.featured-service h3{color:#fff}
.approach{position:relative;background:#142337;overflow:hidden}.approach:after{content:"";position:absolute;width:460px;height:520px;right:-220px;top:-230px;border:2px solid #4b79a338;transform:rotate(30deg);pointer-events:none}.light-kicker{color:#86bff3}.light-title span{color:#69b9f7}.step-grid{border-color:#3b5470}.step>span{color:#f28a52}.step{border-color:#35516d}.step p{color:#b9ccde}
.about-art{background:linear-gradient(143deg,#14263b 0%,#285587 100%);border-radius:4px;isolation:isolate;box-shadow:0 22px 36px #12233818}.about-art:before{left:-10%;top:-30%;width:510px;height:510px;border:1px solid #81b5e129;box-shadow:0 0 0 60px #1b477038,0 0 0 120px #416f9e21;transform:rotate(30deg)}.about-art:after{content:"";position:absolute;right:-100px;bottom:-120px;width:270px;height:270px;border:2px solid #e9682d60;transform:rotate(30deg)}.corner-note,.about-art-foot{color:#b4cfea}
.about-brandmark{position:relative;z-index:1;align-self:center;width:min(88%,420px);background:#fff;padding:22px 25px;box-shadow:0 22px 32px #091b30aa;border-radius:3px;transform:rotate(-2deg);border-bottom:5px solid #ea6c33}.about-brandmark img{width:100%;height:auto;display:block}
.about-facts{border-color:#dbe5f0}.contact{background:#edf4fb}.contact-panel{box-shadow:0 15px 50px #152b4210;border-color:#d6e3ef}.contact-intro{background:#fff}.contact-details{background:#e3effa}.contact-item{border-color:#c5d9ea}.contact-item>span:first-child{color:#436f9c}.contact-item a{color:#145d9e}.contact-item a:hover{color:#0b80cf}
.site-footer{background:#101c2b}.footer-bottom{border-color:#35516d}.site-footer nav a:hover{color:#84beed}
.legal-header{background:#edf4fb}.legal-content a{color:#176fc1}
/* brand hexagonal geometry in the main header */
@media(max-width:1070px){.brand-image{width:220px}}
@media(max-width:810px){.brand-image{width:198px}.nav a:after{display:none}.hero-grid{gap:30px}}
@media(max-width:550px){.header-row{min-height:73px}.brand-image{width:166px}.eyebrow{color:#9bcaf1}.hero{background:linear-gradient(130deg,#102035,#1d3857)}.hero-visual{height:345px}.service-card{min-height:235px}.about-brandmark{padding:14px 16px}.footer-brand .brand-image{width:215px}.section-kicker:before{width:18px}}
@media(max-width:360px){.brand-image{width:151px}}


/* Fotointegration HEB Solutions / Oktober 2026 */
.hero-visual {isolation:isolate;background:#132739;}
.hero-photo {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:49% 47%;display:block;}
.hero-visual::after {content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(12,25,39,.48),transparent 35%,rgba(12,25,39,.38));pointer-events:none;}
.hero-visual .visual-tag,.hero-visual .visual-bottom {z-index:2;}
.showcase {background:#fff;}
.showcase-head {display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:37px;}
.showcase-head>p {max-width:400px;font-size:15px;color:#5c7185;line-height:1.8;margin:0;}
.showcase-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.showcase-card {overflow:hidden;background:#f6f8fb;border:1px solid #dfe8f1;border-radius:4px;box-shadow:0 10px 32px #10283c08;}
.showcase-media {aspect-ratio:1.25/1;background:#d2dbe4;overflow:hidden;}
.showcase-media img {width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block;transition:transform .3s ease;}
.showcase-card:hover .showcase-media img {transform:scale(1.035);}
.showcase-copy {padding:25px 26px 28px;}
.showcase-copy>span {font-size:10px;letter-spacing:.15em;color:#d35d24;font-weight:850;}
.showcase-copy h3 {font-size:23px;letter-spacing:-.035em;line-height:1.25;margin:10px 0 11px;}
.showcase-copy p {font-size:13px;line-height:1.7;color:#61758a;margin-bottom:0;}
.showcase-note {font-size:11px;color:#667b90;margin-top:18px;line-height:1.5;}
.about-portrait {position:relative;min-height:550px;overflow:hidden;background:#20344c;border-radius:4px;box-shadow:0 17px 40px #10253a20;}
.about-portrait>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 26%;display:block;}
.about-portrait:after {content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(11,24,36,.85));pointer-events:none;}
.portrait-badge {position:absolute;z-index:2;bottom:25px;left:27px;right:27px;color:#fff;display:flex;flex-direction:column;gap:1px;}
.portrait-badge span {font-size:10px;letter-spacing:.18em;color:#ffaa72;font-weight:850;margin-bottom:8px;}
.portrait-badge strong {font-size:28px;line-height:1.18;font-weight:820;letter-spacing:-.035em;}
.portrait-badge small {font-size:13px;color:#e2edf6;}
.sitelock-badge {text-align:center;border-top:1px solid #34516a;padding:21px 0;}
.sitelock-badge a {display:inline-block;}
.sitelock-badge img {max-width:160px;height:auto;vertical-align:middle;}
@media(max-width:1070px) {.showcase-copy {padding:22px 19px 25px;}.showcase-copy h3 {font-size:20px;}.about-portrait {min-height:510px;}}
@media(max-width:810px) {.showcase-head {display:block;}.showcase-head>p {margin-top:25px;max-width:700px;}.showcase-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.showcase-card:last-child {grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;}.showcase-card:last-child .showcase-media {height:100%;aspect-ratio:auto;}.showcase-card:last-child .showcase-copy {align-self:center;}.about-portrait {min-height:550px;max-width:520px;width:100%;margin:0 auto;}}
@media(max-width:550px) {.hero-visual {height:355px;}.hero-photo {object-position:center 35%;}.showcase-head>p {font-size:14px;}.showcase-grid {grid-template-columns:1fr;gap:13px;}.showcase-card:last-child {grid-column:auto;display:block;}.showcase-card:last-child .showcase-media {height:auto;aspect-ratio:1.25/1;}.showcase-media {aspect-ratio:1.5/1;}.showcase-copy {padding:19px 21px 23px;}.showcase-copy h3 {font-size:20px;}.about-portrait {min-height:485px;}.portrait-badge {bottom:21px;left:19px;right:19px;}.portrait-badge strong {font-size:26px;}}
@media(prefers-reduced-motion:reduce) {.showcase-media img {transition:none;}}

/* Kontrast der rechtlichen Seiten */
.legal-header {background:#edf4fb;color:#1c2a35;}
.legal-header h1 {color:#1c2a35;}
.legal-header p {color:#5c7185;}


/* Layout-Optimierung 15.10.2026: Bildbeispiele vor Leistungen, Porträt und Sprechblase */
.showcase{background:#f7fafe;padding-top:86px;padding-bottom:91px;border-top:1px solid #e8eff6}
.showcase-head{margin-bottom:32px}
.showcase-card{background:#fff;border-color:#dce7f2}
.showcase-copy{padding:25px 26px 30px}
.showcase-copy p{font-size:14px;line-height:1.72}
.services{background:#eff4fa}
.about-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:75px;align-items:center}
.about-person-card{width:min(100%,400px);margin:0 auto;background:#fff;padding:10px;border:1px solid #dbe6ef;border-radius:6px;box-shadow:0 20px 48px #0f2b4120;min-height:0;overflow:visible}
.about-person-card>img{position:static;display:block;width:100%;height:auto;object-fit:contain;object-position:center;aspect-ratio:3/4;background:#e9edf3;border-radius:3px}
.about-person-card::after{display:none}
.portrait-caption{display:flex;flex-direction:column;padding:15px 12px 10px;gap:2px;position:static;color:#182b3c}
.portrait-caption strong{font-size:19px;letter-spacing:-.03em}
.portrait-caption span{font-size:12px;color:#62768a}
.about-copy .section-title{margin-bottom:24px;font-size:clamp(34px,3.5vw,51px)}
.about-speech{position:relative;margin:0 0 23px;padding:35px 34px 29px 42px;background:#f1f7fe;border:1px solid #d6e5f5;border-radius:15px 15px 15px 5px;box-shadow:0 12px 28px #122d4408}
.about-speech:before{content:'“';position:absolute;top:1px;left:11px;color:#ea692f;font-family:Georgia,serif;font-size:57px;line-height:1}
.about-speech:after{content:'';position:absolute;left:37px;bottom:-12px;width:19px;height:19px;background:#f1f7fe;border-left:1px solid #d6e5f5;border-bottom:1px solid #d6e5f5;transform:rotate(-45deg)}
.about-speech p{font-size:15px;line-height:1.8;color:#344e66;margin:0 0 13px}
.about-speech p:last-child{margin:0}
.about-signature{font-size:14px;color:#1b3953;margin:18px 0 24px!important;font-weight:800}
.about-signature span{display:block;color:#6f8498;font-size:12px;font-weight:500}
.about-facts{margin-top:24px;padding-top:23px}
@media(max-width:1070px){.about-grid{gap:45px}.about-speech{padding:31px 26px 25px 37px}.about-speech p{font-size:14px}}
@media(max-width:810px){.showcase{padding-top:68px;padding-bottom:70px}.about-grid{grid-template-columns:1fr;gap:34px}.about-person-card{max-width:355px;width:min(100%,355px);margin:0 auto}.about-copy{max-width:690px;margin:0 auto}.about-speech p{font-size:15px}}
@media(max-width:550px){.showcase{padding-top:59px;padding-bottom:64px}.showcase-head{margin-bottom:24px}.showcase-copy{padding:22px 21px 25px}.showcase-copy p{font-size:13px}.about-person-card{width:min(100%,295px);max-width:295px;min-height:0;padding:7px}.about-person-card>img{height:auto;aspect-ratio:3/4;object-fit:contain;object-position:center}.portrait-caption{padding:12px 9px 7px}.portrait-caption strong{font-size:17px}.portrait-caption span{font-size:11px}.about-speech{padding:29px 21px 24px 30px}.about-speech:before{top:1px;left:7px;font-size:50px}.about-speech p{font-size:14px;line-height:1.72}.about-copy .section-title{font-size:clamp(34px,9vw,43px)}}


/* 15.10.2026 – große, abwechselnd angeordnete Technikbereiche */
.showcase{padding-top:98px;padding-bottom:100px;background:#f8fafd}
.showcase-head{margin-bottom:46px;align-items:end}
.showcase-head>p{max-width:440px}
.showcase-stack{display:flex;flex-direction:column;gap:36px}
.showcase-stack .showcase-card{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  min-height:395px;border:1px solid #dce6f1;border-radius:5px;
  background:#fff;box-shadow:0 14px 36px #112b4112;overflow:hidden;
}
.showcase-stack .showcase-media{aspect-ratio:auto;height:100%;min-height:395px;overflow:hidden;background:#183049}
.showcase-stack .showcase-media img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.showcase-stack .showcase-copy{padding:45px clamp(24px,4vw,62px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.showcase-stack .showcase-copy>span{font-size:11px;letter-spacing:.17em;color:#d66127}
.showcase-stack .showcase-copy h3{font-size:clamp(29px,3.2vw,43px);letter-spacing:-.053em;line-height:1.12;margin:19px 0 21px;max-width:440px;color:#172d40}
.showcase-stack .showcase-copy p{font-size:15px;line-height:1.8;color:#546c80;margin:0 0 15px;max-width:490px}
.showcase-stack .showcase-copy p + p{margin-top:0}
.showcase-tagline{display:flex;align-items:center;gap:11px;border-top:1px solid #dfebf5;margin-top:15px;padding-top:18px;font-size:12px;line-height:1.5;color:#176fc1;font-weight:750}
.showcase-tagline i{display:block;flex:none;width:8px;height:8px;background:#e9652a;border-radius:2px;transform:rotate(45deg)}
.showcase-stack .showcase-row-reverse .showcase-media{order:2}
.showcase-stack .showcase-row-reverse .showcase-copy{order:1;background:#edf5fd}
.showcase-stack .showcase-card:last-child{grid-column:auto}
.showcase-note{margin-top:21px}
.about-speech{padding-top:38px;padding-bottom:34px}
.about-speech p{margin-bottom:17px}
@media(max-width:1070px){
 .showcase-stack .showcase-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .showcase-stack .showcase-copy{padding:29px 31px}
 .showcase-stack .showcase-copy p{font-size:14px}
 .showcase-stack .showcase-copy h3{font-size:clamp(28px,3vw,36px)}
}
@media(max-width:810px){
 .showcase{padding-top:73px;padding-bottom:78px}
 .showcase-stack{gap:27px}
 .showcase-stack .showcase-card{display:grid;grid-template-columns:1fr 1fr;min-height:0}
 .showcase-stack .showcase-media{height:100%;min-height:340px;aspect-ratio:auto}
 .showcase-stack .showcase-card:last-child{display:grid;grid-template-columns:1fr 1fr}
 .showcase-stack .showcase-card:last-child .showcase-media{height:100%;aspect-ratio:auto}
 .showcase-stack .showcase-copy{padding:23px 21px}
 .showcase-stack .showcase-copy h3{font-size:26px;margin:11px 0 13px}
 .showcase-stack .showcase-copy p{font-size:13px;line-height:1.65;margin-bottom:11px}
 .showcase-tagline{font-size:11px;margin-top:8px;padding-top:12px}
}
@media(max-width:620px){
 .showcase{padding-top:62px;padding-bottom:70px}
 .showcase-head{margin-bottom:28px}
 .showcase-stack{gap:21px}
 .showcase-stack .showcase-card,.showcase-stack .showcase-card:last-child{display:flex;flex-direction:column}
 .showcase-stack .showcase-media,.showcase-stack .showcase-card:last-child .showcase-media{order:0;width:100%;height:auto;min-height:0;aspect-ratio:1.45/1}
 .showcase-stack .showcase-media img{object-position:center 40%}
 .showcase-stack .showcase-copy,.showcase-stack .showcase-row-reverse .showcase-copy{order:1;padding:25px 23px 29px;background:#fff}
 .showcase-stack .showcase-copy h3{font-size:clamp(28px,8vw,38px);margin:12px 0 15px}
 .showcase-stack .showcase-copy p{font-size:14px;line-height:1.72}
 .showcase-tagline{margin-top:9px}
}

@media(max-width:620px){.showcase-stack .showcase-row-reverse .showcase-media{order:0}}


/* Oktober 2026 – konsistente Bildausschnitte und gut lesbare Beispielbereiche */
.showcase { background:#f5f8fc; padding-block:88px 100px; }
.showcase-head { gap:44px; margin-bottom:43px; }
.showcase-head>p { font-size:16px;line-height:1.75;max-width:425px;color:#445c70; }
.showcase-stack { gap:32px; }
.showcase-stack .showcase-card,
.showcase-stack .showcase-card:last-child {
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  min-height:480px;
  background:#fff;
  border:1px solid #dae6f2;
  border-radius:9px;
  overflow:hidden;
  box-shadow:0 13px 34px rgba(14,43,68,.075);
}
.showcase-stack .showcase-card:nth-child(2) { grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr); }
.showcase-stack .showcase-media,
.showcase-stack .showcase-card:last-child .showcase-media {
  position:relative;
  height:auto;
  min-height:0;
  aspect-ratio:auto;
  overflow:hidden;
  background:#dce7f0;
}
.showcase-stack .showcase-media img,
.showcase-stack .showcase-card:last-child .showcase-media img {
  display:block;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  max-width:none;
  transform:none;
}
.showcase-stack .showcase-card:nth-child(1) .showcase-media img { object-position:51% 50%; }
.showcase-stack .showcase-card:nth-child(2) .showcase-media img { object-position:50% 53%; }
.showcase-stack .showcase-card:nth-child(3) .showcase-media img { object-position:50% 48%; }
.showcase-stack .showcase-card:hover .showcase-media img { transform:none; }
.showcase-photo-label {
  position:absolute;
  left:22px;
  bottom:20px;
  z-index:1;
  background:rgba(12,29,46,.85);
  border:1px solid rgba(255,255,255,.35);
  border-radius:3px;
  padding:7px 11px;
  font-size:10px;
  font-weight:750;
  line-height:1.3;
  letter-spacing:.1em;
  color:white;
}
.showcase-stack .showcase-copy,
.showcase-stack .showcase-card:last-child .showcase-copy {
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:37px clamp(27px,3.65vw,55px);
  background:#fff;
}
.showcase-stack .showcase-row-reverse .showcase-media { order:2; }
.showcase-stack .showcase-row-reverse .showcase-copy { order:1; background:#eaf3fc; }
.showcase-stack .showcase-copy > span {
  display:block;
  font-size:12px;
  line-height:1.45;
  letter-spacing:.115em;
  font-weight:850;
  color:#a94619;
}
.showcase-stack .showcase-copy h3 {
  font-size:clamp(30px,3.05vw,41px);
  line-height:1.15;
  letter-spacing:-.042em;
  font-weight:790;
  color:#152d43;
  max-width:14em;
  margin:18px 0 19px;
  text-wrap:balance;
  overflow-wrap:normal;
}
.showcase-stack .showcase-copy p {
  max-width:56ch;
  font-size:16px;
  font-weight:400;
  line-height:1.72;
  letter-spacing:0;
  color:#364e63;
  margin:0 0 15px;
  overflow-wrap:break-word;
}
.showcase-stack .showcase-copy p + p { margin-top:0; }
.showcase-tagline {
  max-width:100%;
  margin-top:9px;
  border-top:1px solid #cedde9;
  padding-top:16px;
  color:#0c5f9c;
  font-size:13px;
  line-height:1.6;
  font-weight:700;
  overflow-wrap:break-word;
}
.showcase-tagline i { width:7px;height:7px; }
.showcase-note { font-size:12px;line-height:1.65;color:#5b7185;margin-top:19px; }
@media(max-width:1100px) and (min-width:981px) {
  .showcase-stack .showcase-copy,
  .showcase-stack .showcase-card:last-child .showcase-copy { padding:29px 28px; }
  .showcase-stack .showcase-copy p { font-size:15px;line-height:1.67; }
  .showcase-stack .showcase-copy h3 { font-size:32px; }
}
/* Tablet und Smartphone: Bild immer über dem Text, ohne eingeklemmte Spalten. */
@media(max-width:980px) {
  .showcase { padding-block:69px 78px; }
  .showcase-head { display:block;margin-bottom:30px; }
  .showcase-head>p { max-width:650px;margin-top:22px; }
  .showcase-stack { gap:25px; }
  .showcase-stack .showcase-card,
  .showcase-stack .showcase-card:last-child,
  .showcase-stack .showcase-card:nth-child(2) {
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .showcase-stack .showcase-media,
  .showcase-stack .showcase-card:last-child .showcase-media,
  .showcase-stack .showcase-row-reverse .showcase-media {
    order:0;
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:16/10;
  }
  .showcase-stack .showcase-copy,
  .showcase-stack .showcase-card:last-child .showcase-copy,
  .showcase-stack .showcase-row-reverse .showcase-copy {
    order:1;
    background:#fff;
    padding:30px 37px 34px;
  }
  .showcase-stack .showcase-copy h3 { font-size:clamp(30px,5vw,39px); }
  .showcase-stack .showcase-copy p { max-width:68ch; }
}
@media(max-width:550px) {
  .showcase { padding-block:56px 65px; }
  .showcase-stack { gap:18px; }
  .showcase-stack .showcase-media,
  .showcase-stack .showcase-card:last-child .showcase-media,
  .showcase-stack .showcase-row-reverse .showcase-media { aspect-ratio:5/4; }
  .showcase-stack .showcase-card:nth-child(2) .showcase-media img { object-position:center 56%; }
  .showcase-stack .showcase-copy,
  .showcase-stack .showcase-card:last-child .showcase-copy,
  .showcase-stack .showcase-row-reverse .showcase-copy { padding:25px 23px 28px; }
  .showcase-stack .showcase-copy>span { font-size:11px; }
  .showcase-stack .showcase-copy h3 { font-size:clamp(29px,8.2vw,35px);line-height:1.17;margin:12px 0 16px; }
  .showcase-stack .showcase-copy p { font-size:15px;line-height:1.69;margin-bottom:13px; }
  .showcase-tagline { font-size:12px;margin-top:5px;padding-top:14px; }
  .showcase-photo-label { left:15px;bottom:15px;font-size:9px;padding:6px 9px; }
}