:root{--blue:#456db2;--blue-2:#244e90;--navy:#132b4d;--dark:#101f35;--ink:#1b2b3d;--soft:#f3f6fa;--off:#f7f8fa;--muted:#67788c;--line:#dbe4ed;--white:#fff;--ease:cubic-bezier(.22,1,.36,1);--container:1360px;--gutter:clamp(20px,4.2vw,64px)}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fff;color:var(--ink);font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;line-height:1.52;-webkit-font-smoothing:antialiased;overflow-x:clip}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9fcbff;outline-offset:3px}::selection{background:#afc8ee;color:#102c55}.wrap{width:min(calc(100% - 2*var(--gutter)),var(--container));margin-inline:auto}.skip-link{position:absolute;z-index:100;top:-100px;left:10px;padding:14px;background:#fff}.skip-link:focus{top:10px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;line-height:1.6;text-transform:uppercase;color:var(--blue);margin:0 0 22px}.eyebrow.light{color:#abc9f7}.blue-dot{display:inline-block;width:7px;height:7px;margin-right:13px;border-radius:50%;background:var(--blue)}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{letter-spacing:-.045em}h1{font-weight:710}h2{font-size:clamp(38px,4.4vw,69px);font-weight:650;line-height:1.09;margin:0}h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--blue);letter-spacing:-.06em}.btn{display:inline-flex;gap:25px;align-items:center;justify-content:space-between;border:1px solid transparent;padding:17px 23px;font-weight:700;font-size:14px;border-radius:4px;min-height:56px;transition:transform .35s var(--ease),background .3s,color .3s}.btn:hover{transform:translateY(-3px)}.btn span{font-size:21px;font-weight:400}.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue-2)}.btn-underline{border:0;border-bottom:1px solid #99a8b9;border-radius:0;padding-inline:4px 8px;background:transparent;color:var(--dark)}.btn-underline:hover{border-color:var(--blue)}.text-link{display:inline-flex;gap:34px;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;border-bottom:1px solid var(--blue);padding-bottom:12px;color:var(--blue)}.text-link span{font-size:22px}
/* Identity and navigation deliberately reference Hummel's existing blue-and-white identity. */
.site-header{z-index:70;position:sticky;top:0;height:85px;background:#fff;border-bottom:1px solid #e5ebf4;transition:box-shadow .35s}.site-header.is-scrolled{box-shadow:0 13px 32px rgba(20,49,92,.09)}.header-inner{height:100%;width:min(calc(100% - 2*var(--gutter)),var(--container));margin:auto;display:flex;align-items:center;gap:35px}.brand{flex:0 0 auto;min-width:246px;line-height:1;display:flex;align-items:center}.brand-type{display:inline-flex;flex-direction:column;align-items:flex-start;color:#1f4274;white-space:nowrap;font-size:22px;line-height:1.04;font-weight:800;letter-spacing:-.035em}.brand-type strong{font-size:18px;font-weight:750;letter-spacing:-.03em;margin-top:4px}.brand-type i{height:2px;background:var(--blue);width:144px;position:absolute;transform:translate(76px,18px);pointer-events:none}.brand-custom{max-width:240px;max-height:65px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:clamp(14px,2.1vw,32px);justify-content:center;margin-inline:auto}.desktop-nav a{font-size:13px;font-weight:650;white-space:nowrap;color:#2f4158;position:relative}.desktop-nav a:after{content:'';position:absolute;bottom:-8px;left:0;right:100%;height:2px;background:var(--blue);transition:right .4s var(--ease)}.desktop-nav a:hover:after{right:0}.header-actions{display:flex;gap:10px;align-items:center}.header-contact{font-size:12px;font-weight:700;white-space:nowrap;padding:13px 14px;color:#fff;background:var(--blue);border-radius:3px}.header-contact span{margin-left:7px}.notdienst{background:#111;color:#fff;padding:13px 15px;border-radius:3px;font-weight:750;font-size:12px;white-space:nowrap}.menu-toggle{display:none;border:0;background:transparent;width:44px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{display:block;width:23px;height:2px;background:#1d4278;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{display:none;position:absolute;top:85px;left:0;right:0;background:#fff;padding:15px var(--gutter) 30px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(30,50,80,.1)}.mobile-menu:not([hidden]){display:flex;flex-direction:column;gap:0}.mobile-menu a{padding:13px 4px;border-bottom:1px solid #e9eff8;font-size:17px;font-weight:600}
/* Hero: architectural editorial, not a generic gradient SaaS hero */
.hero{position:relative;background:#fff}.hero-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);min-height:clamp(650px,74vh,810px);align-items:center;column-gap:clamp(30px,5.8vw,94px);padding-block:44px 25px}.hero-copy{padding-block:65px;position:relative;z-index:2}.hero h1{font-size:clamp(54px,5.7vw,91px);max-width:730px;line-height:1.035;margin:0;color:#19283d;text-wrap:balance}.hero h1::first-line{color:#1c2d44}.hero-lead{color:#526479;font-size:clamp(15px,1.15vw,18px);line-height:1.75;max-width:470px;margin:27px 0 34px}.hero-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.hero-mini{margin-top:clamp(56px,9vh,100px);display:grid;gap:7px}.mini-line{width:38px;height:3px;background:var(--blue);margin-bottom:12px}.hero-mini b{font-size:10px;letter-spacing:.145em;color:#365077}.hero-mini small{color:#6d7e92;font-size:12px}.hero-visual{position:relative;align-self:stretch;min-height:600px;background:#dfe5ee;overflow:hidden;isolation:isolate}.hero-photo{position:absolute;inset:0;overflow:hidden}.hero-photo img{width:100%;height:110%;object-fit:cover;object-position:45% center;transform:translate3d(0,var(--hero-offset,0px),0) scale(1.055);will-change:transform}.hero-visual:before{position:absolute;content:'';z-index:1;inset:auto 0 0 0;height:30%;background:linear-gradient(transparent,rgba(9,36,74,.36))}.hero-visual:after{content:'';position:absolute;z-index:1;top:0;right:0;width:20%;height:100%;background:linear-gradient(to right,transparent,rgba(25,72,135,.12))}.hero-visual-label{position:absolute;bottom:32px;left:36px;z-index:2;background:rgba(255,255,255,.87);backdrop-filter:blur(14px);font-size:10px;letter-spacing:.1em;color:#173866;font-weight:850;padding:13px 16px}.hero-visual-label .pulse{display:inline-block;border-radius:50%;background:var(--blue);width:7px;height:7px;box-shadow:0 0 0 4px #abc8ed;margin-right:12px}.hero-corner{position:absolute;right:18px;top:5px;font-size:clamp(170px,25vw,370px);font-weight:850;line-height:1;color:rgba(255,255,255,.35);z-index:2;pointer-events:none;letter-spacing:-.14em}.hero-corner span{font-size:20px;vertical-align:top;letter-spacing:0}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding-block:23px 29px;border-top:1px solid var(--line);gap:24px}.hero-bottom div{display:flex;align-items:center;gap:28px}.hero-bottom div span{font-size:11px;letter-spacing:.16em;font-weight:800;color:#365d96}.hero-bottom a{font-size:10px;letter-spacing:.13em;font-weight:800;color:#536e91}.hero-bottom a span{font-size:20px;margin-left:18px}.statement-band{background:var(--blue);color:rgba(255,255,255,.9);height:56px;display:flex;align-items:center;white-space:nowrap;overflow:hidden}.statement-band span{font-size:13px;font-weight:800;letter-spacing:.19em;animation:marquee 33s linear infinite;padding-left:10%;white-space:nowrap}.statement-band i{margin-inline:30px;font-style:normal;opacity:.5}@keyframes marquee{to{transform:translateX(-30%)}}
/* Three editorial services, animated without fake metrics */
.services-section{padding-block:clamp(110px,12vw,165px)}.section-intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:46px}.section-intro>p{max-width:400px;margin:0 0 4px;color:#68788b;font-size:16px;line-height:1.7}.service-stage{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);min-height:510px;border:1px solid #dce5f0}.service-list{display:flex;flex-direction:column;background:#f8fafc}.service-tab{flex:1;display:flex;align-items:center;gap:20px;width:100%;border:0;border-bottom:1px solid #dae4f0;text-align:left;background:#f8fafc;padding:25px clamp(18px,3vw,38px);transition:background .3s}.service-tab:last-child{border-bottom:0}.service-tab.is-active{background:var(--blue);color:#fff}.service-symbol{width:43px;height:43px;border:1px solid #b5c5db;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-size:19px;color:var(--blue)}.service-tab.is-active .service-symbol{border-color:rgba(255,255,255,.65);color:#fff}.service-tab>span:nth-child(2){min-width:0}.service-tab b{font-size:clamp(19px,2.1vw,27px);display:block;letter-spacing:-.03em;line-height:1.2}.service-tab small{display:block;color:#7e91a7;font-size:12px;margin-top:9px}.service-tab.is-active small{color:#dce9fa}.tab-arrow{margin-left:auto;font-size:21px;opacity:.55}.service-feature{position:relative;min-height:510px;overflow:hidden;background:#18395c}.service-feature-image{position:absolute;inset:0}.service-feature-image:after{content:'';position:absolute;inset:20% 0 0 0;background:linear-gradient(transparent,rgba(5,22,46,.85))}.service-feature-image img{width:100%;height:100%;object-fit:cover;transition:opacity .3s,transform 1.4s var(--ease)}.service-feature-caption{position:absolute;z-index:2;bottom:39px;left:45px;right:45px;color:#fff;display:grid;grid-template-columns:1fr auto;column-gap:35px;align-items:end}.service-feature-caption>span{grid-column:1/-1;font-size:10px;letter-spacing:.17em;font-weight:800;color:#b8d8ff}.service-feature-caption p{max-width:510px;line-height:1.57;font-size:20px;font-weight:540;margin:13px 0 0}.service-feature-caption a{border-bottom:1px solid rgba(255,255,255,.6);font-size:13px;white-space:nowrap;font-weight:800;padding-bottom:9px}.service-feature-caption a span{font-size:20px;margin-left:15px}
/* Technical graphic: real educational interaction, NOT a fabricated photorealistic test */
.system-section{background:#113261;color:#fff;padding-block:clamp(110px,10vw,150px);position:relative;overflow:hidden}.system-section:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,rgba(94,148,226,.28),transparent 50%);pointer-events:none}.system-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(35px,5vw,70px);align-items:center}.system-copy h2{color:#fff;font-size:clamp(39px,4.1vw,66px)}.system-copy h2 em{color:#b9d7ff}.system-copy>p:not(.eyebrow){font-size:15px;color:#bbcee8;max-width:480px;margin:28px 0 32px;line-height:1.75}.system-tabs{display:flex;gap:7px;flex-wrap:wrap}.system-tab{border:1px solid rgba(184,219,255,.32);background:transparent;color:#dfedff;padding:12px 14px;font-size:13px;font-weight:700;display:inline-flex;gap:18px;transition:background .3s}.system-tab.is-active{background:#fff;color:#1d4c87}.system-detail{margin-top:27px;min-height:133px;border-left:2px solid #78b6ff;padding:5px 0 2px 20px;max-width:480px}.system-detail strong{font-size:19px;line-height:1.4}.system-detail p{font-size:14px;color:#c0d3e9;margin:10px 0 0;line-height:1.7}.diagram-note{font-size:10px;letter-spacing:.1em;color:#a0b9dd;display:block;margin-top:30px}.system-art{align-self:stretch;position:relative;background:rgba(6,32,72,.44);border:1px solid rgba(171,214,255,.23);min-width:0;display:flex;flex-direction:column;padding:20px 22px 16px;isolation:isolate}.art-topline{display:flex;justify-content:space-between;gap:15px;color:#adc5e7;font-size:10px;font-weight:750;letter-spacing:.11em}.live-label{color:#eaf6ff}.live-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b1d8ff;margin-right:8px;box-shadow:0 0 0 4px #234b82}.house-drawing{width:100%;height:auto;flex:1;overflow:visible;filter:drop-shadow(0 18px 30px rgba(0,0,0,.09))}.pipe{stroke-width:9;opacity:0;transition:opacity .4s}.ghost-pipe{stroke:rgba(185,205,231,.17);opacity:1}.heat-pipe{stroke:#86beff;stroke-dasharray:9 17;animation:flow 4s linear infinite}.water-pipe{stroke:#e7f7ff;stroke-dasharray:9 17;animation:flow 5s linear infinite;animation-direction:reverse}.system-art[data-mode=heizung] .heat-pipe{opacity:1}.system-art[data-mode=wasser] .water-pipe{opacity:1}.system-art[data-mode=service] .circuit-service{opacity:1}.circuit-service{opacity:0;transition:opacity .5s}.house-outline{transition:stroke .5s}@keyframes flow{to{stroke-dashoffset:-260}}.system-rotate-note{font-size:9px;letter-spacing:.10em;align-self:center;text-align:center;color:#9dbbe4;margin-bottom:5px}
/* actual company story in strong corporate-blue brand block */
.story{padding-block:clamp(100px,10vw,160px);background:#fff}.story-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:clamp(40px,6vw,100px);align-items:center}.story-blue{background:var(--blue);padding:clamp(35px,5.5vw,75px);min-height:555px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.story-year{font-size:clamp(92px,13.7vw,206px);font-weight:760;letter-spacing:-.1em;line-height:1;white-space:nowrap}.story-blue p:not(.eyebrow){font-size:clamp(24px,2.2vw,33px);line-height:1.22;letter-spacing:-.04em;font-weight:590;max-width:440px;margin:10px 0 30px}.story-rule{height:1px;background:rgba(255,255,255,.38)}.story-blue small{letter-spacing:.15em;font-size:10px;color:#e8f0ff}.story-copy h2{font-size:clamp(38px,3.8vw,64px)}.story-copy>p:not(.eyebrow){max-width:490px;color:#63768e;font-size:15px;line-height:1.9;margin:25px 0}.story-copy .text-link{margin-top:24px}
/* before/after is truly a concept plan vs conceptual photo, not fake case results */
.bath-section{background:#f0f5fa;padding-block:clamp(95px,9vw,140px)}.bath-intro{margin-bottom:42px}.bath-comparison{height:clamp(355px,42vw,630px);position:relative;overflow:hidden;background:#eaf1f9;cursor:ew-resize;touch-action:pan-y;isolation:isolate;border:1px solid #cbd9eb}.bath-plan,.bath-photo{position:absolute;inset:0}.bath-plan>svg,.bath-photo>img{display:block;width:100%;height:100%;object-fit:cover}.bath-photo{clip-path:inset(0 0 0 var(--compare));will-change:clip-path}.bath-photo img{object-position:center 45%}.compare-badge{display:inline-block;position:absolute;bottom:23px;z-index:2;font-size:10px;font-weight:800;letter-spacing:.1em;padding:11px 14px}.left-badge{left:23px;color:#21477a;background:rgba(255,255,255,.91)}.right-badge{right:23px;background:rgba(7,30,67,.78);color:#fff}.comparison-divider{position:absolute;top:0;bottom:0;left:var(--compare);width:2px;background:#fff;z-index:3;pointer-events:none;box-shadow:0 0 0 1px rgba(0,30,75,.2)}.compare-knob{width:52px;height:52px;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#fff;border:2px solid var(--blue);box-shadow:0 8px 20px rgba(16,41,82,.2);color:var(--blue);font-size:25px}.bath-comparison input[type=range]{position:absolute;inset:0;z-index:5;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.bath-under{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-top:20px;font-size:10px;letter-spacing:.15em;font-weight:850;color:#3b6098}.bath-under p{margin:0;text-align:center;letter-spacing:0;font-weight:400;font-size:12px;color:#667c96;max-width:590px}
/* service panorama */
.help-section{background:#fff;padding-block:clamp(110px,11vw,158px)}.help-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:clamp(40px,8vw,118px);align-items:center}.help-grid h2{font-size:clamp(37px,3.8vw,61px)}.help-grid p:not(.eyebrow){font-size:15px;color:#6e7e92;line-height:1.85;max-width:500px;margin:25px 0 35px}.btn-white-outline{border-color:#b5c7df;color:var(--blue)}.help-photo{position:relative;min-height:450px;height:clamp(440px,37vw,560px);overflow:hidden}.help-photo img{width:100%;height:100%;object-fit:cover}.help-photo span{position:absolute;bottom:20px;left:20px;color:#fff;background:rgba(20,48,90,.83);font-size:10px;letter-spacing:.15em;font-weight:750;padding:13px 17px}
/* contact & proper mailto-only behavior */
.contact-section{padding-block:clamp(100px,10vw,150px);background:#ebf2fa}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,90px);align-items:start}.contact-grid h2{font-size:clamp(38px,4.2vw,67px)}.contact-grid>div>p:not(.eyebrow){line-height:1.8;color:#647b98;font-size:16px;max-width:490px;margin:25px 0 45px}.contact-points{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.contact-points a{font-size:clamp(16px,1.75vw,23px);font-weight:680;display:flex;gap:20px;align-items:center;border-bottom:1px solid #b4c8df;padding-bottom:10px}.contact-points a span{color:var(--blue)}.request-form{background:#fff;padding:clamp(22px,3.4vw,48px);box-shadow:0 25px 65px rgba(35,72,119,.08);display:flex;flex-direction:column;gap:9px}.request-form h3{font-size:28px;font-weight:650;line-height:1.2;margin:0 0 16px}.request-form label{font-size:12px;font-weight:750;color:#435b77;margin-top:8px}.request-form input,.request-form select,.request-form textarea{width:100%;border:1px solid #d8e3f0;border-radius:0;background:#f9fbfd;color:#153253;padding:13px 14px;font-size:14px;min-height:48px}.request-form textarea{resize:vertical}.request-form .btn{margin-top:18px;width:100%;cursor:pointer}.form-note{font-size:11px;color:#7287a0;line-height:1.5;margin:7px 0 0}
.site-footer{background:#10294b;color:#eef5ff;padding-top:83px}.foot-grid{display:grid;grid-template-columns:1.5fr .65fr .95fr;gap:50px;padding-bottom:85px}.foot-eyebrow{font-size:10px;letter-spacing:.17em;color:#9fc4f6}.foot-about h2{font-size:clamp(50px,6vw,90px);letter-spacing:-.05em;font-weight:720;line-height:1;margin:24px 0}.foot-about h2 small{display:block;font-size:clamp(17px,1.7vw,24px);letter-spacing:-.02em;margin-top:8px}.foot-about>p{font-size:14px;color:#aac0dd;max-width:350px}.foot-links{display:flex;flex-direction:column;gap:12px}.foot-links>b{font-size:11px;letter-spacing:.13em;color:#c2d8f4;margin-bottom:12px}.foot-links>a,.foot-links>p{font-size:14px;color:#bdd0e9;overflow-wrap:anywhere;margin:0}.foot-links>a:hover{color:#fff}.foot-bottom{border-top:1px solid #416189;padding-block:25px;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:12px;color:#a1b7d1}.foot-bottom>div{display:flex;gap:25px}.wp-page{padding-block:90px;min-height:55vh}.wp-page h1{font-size:clamp(40px,5vw,75px)}.wp-page article{max-width:850px;margin-bottom:40px}.wp-page p{max-width:780px;line-height:1.9}
/* Entrances are additive and never hide content if JS is blocked */
.has-js [data-reveal]{opacity:0;transform:translate3d(0,24px,0);transition:opacity .9s var(--ease),transform .9s var(--ease)}.has-js [data-reveal].is-visible{opacity:1;transform:none}.has-js [data-entrance]{animation:enter-soft 1.1s var(--ease) both}.has-js .hero-visual[data-entrance]{animation-delay:.17s}@keyframes enter-soft{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1230px){.header-inner{gap:18px}.brand{min-width:225px}.desktop-nav{gap:17px}.desktop-nav a{font-size:12px}.header-contact{display:none}.hero h1{font-size:clamp(53px,5.2vw,75px)}.service-feature-caption{left:27px;right:27px}.service-feature-caption{grid-template-columns:1fr}.service-feature-caption a{margin-top:14px;justify-self:start}.system-grid{gap:34px}}
@media(max-width:1020px){.desktop-nav{display:none}.menu-toggle{display:flex}.header-inner{justify-content:space-between}.header-actions{margin-left:auto}.hero-main{gap:30px;min-height:650px}.hero h1{font-size:clamp(48px,5.5vw,68px)}.hero-visual{min-height:570px}.hero-mini{margin-top:54px}.service-stage{grid-template-columns:.88fr 1.12fr}.service-tab{gap:11px;padding:20px 14px}.service-symbol{width:36px;height:36px}.service-tab b{font-size:20px}.service-tab small{font-size:11px}.system-grid{grid-template-columns:1fr;gap:45px}.system-copy h2{max-width:770px}.system-copy>p:not(.eyebrow){max-width:730px}.system-art{width:100%;max-width:850px;margin:auto}.house-drawing{max-height:600px}.story-blue{min-height:470px}.story-grid{gap:35px}.story-year{font-size:clamp(86px,12vw,150px)}}
@media(max-width:760px){:root{--gutter:20px}.site-header{height:72px}.mobile-menu{top:72px}.brand{min-width:0}.brand-type{font-size:19px}.brand-type strong{font-size:15px}.brand-type i{width:114px;transform:translate(67px,16px)}.brand-custom{max-width:180px;max-height:48px}.notdienst{padding:11px 13px;font-size:11px}.hero-main{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-height:unset;padding-top:32px}.hero-copy{padding-block:38px 21px}.hero h1{font-size:clamp(42px,9vw,68px);max-width:680px}.hero-lead{margin:19px 0 26px;font-size:15px}.hero-buttons{gap:9px}.btn{min-height:50px;padding:13px 15px;font-size:12px;gap:11px}.hero-mini{margin-top:36px}.hero-visual{height:clamp(360px,87vw,540px);min-height:0;align-self:auto}.hero-photo img{object-position:40% 37%}.hero-bottom{padding-block:18px 20px}.hero-bottom div{gap:14px;flex-wrap:wrap}.hero-bottom div span{font-size:9px}.hero-bottom a{font-size:9px;white-space:nowrap}.statement-band{height:45px}.statement-band span{font-size:11px}.services-section,.story,.help-section{padding-block:85px}.section-intro{display:block;margin-bottom:27px}.section-intro>p{margin-top:20px}.section-intro h2{font-size:clamp(37px,7.9vw,54px)}.service-stage{display:flex;flex-direction:column}.service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.service-tab{display:block;text-align:center;min-height:127px;padding:14px 6px;border-right:1px solid #d9e4f2;border-bottom:0}.service-tab:last-child{border-right:0}.service-symbol,.tab-arrow{display:none}.service-tab b{font-size:clamp(13px,2.6vw,20px);line-height:1.18}.service-tab small{font-size:10px;margin-top:8px;line-height:1.4}.service-feature{min-height:410px}.service-feature-caption p{font-size:17px}.system-section{padding-block:85px}.system-copy h2{font-size:clamp(37px,7.6vw,54px)}.system-art{padding:15px}.story-grid{display:flex;flex-direction:column;align-items:stretch;gap:45px}.story-blue{min-height:340px}.story-year{font-size:clamp(100px,23vw,180px)}.story-copy h2{font-size:clamp(35px,7.6vw,53px)}.bath-section{padding-block:82px}.bath-comparison{height:clamp(310px,65vw,490px)}.bath-under{gap:12px;align-items:start}.bath-under>p{font-size:10px;max-width:360px}.bath-under span{white-space:nowrap;font-size:9px}.help-grid{display:flex;flex-direction:column;align-items:stretch;gap:35px}.help-photo{height:390px;min-height:0}.contact-section{padding-block:85px}.contact-grid{display:flex;flex-direction:column;gap:43px}.contact-grid>div>p:not(.eyebrow){margin:18px 0 28px}.request-form{width:100%}.foot-grid{grid-template-columns:1fr 1fr;gap:38px}.foot-about{grid-column:1/-1}.foot-bottom{flex-wrap:wrap}.hero-visual-label{bottom:16px;left:16px;font-size:8px;padding:12px}}
@media(max-width:460px){.header-inner{gap:8px}.brand-type{font-size:16px}.brand-type strong{font-size:13px}.brand-type i{height:1px;transform:translate(57px,14px);width:105px}.notdienst{font-size:10px;padding:10px}.hero h1{font-size:clamp(41px,10.25vw,53px)}.hero-buttons .btn-underline{flex:0 1 auto}.hero-buttons .btn-blue{flex:0 1 auto}.hero-mini{margin-top:30px}.hero-visual{height:390px}.hero-bottom{gap:12px;flex-wrap:wrap}.hero-bottom a{margin-left:auto}.service-tab{min-height:115px}.service-tab b{font-size:12px;hyphens:auto}.service-tab small{font-size:9px;line-height:1.36}.service-feature{min-height:345px}.service-feature-caption{left:18px;right:18px;bottom:22px}.service-feature-caption p{font-size:16px}.system-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.system-tab{font-size:11px;padding:10px;gap:5px}.art-topline{font-size:8px}.system-rotate-note{font-size:7px}.story-blue{padding:26px}.story-year{font-size:clamp(90px,22vw,135px)}.bath-comparison{height:320px}.compare-badge{font-size:7px;padding:8px;bottom:15px}.left-badge{left:10px}.right-badge{right:10px}.bath-under p{display:none}.help-photo{height:310px}.contact-points a{font-size:15px}.foot-grid{grid-template-columns:1fr 1fr;gap:25px}.foot-links a{font-size:12px}.foot-bottom{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.has-js [data-reveal]{opacity:1;transform:none}.has-js [data-entrance]{animation:none}.pipe{animation:none!important}}

.admin-bar .site-header{top:32px}@media(max-width:782px){.admin-bar .site-header{top:46px}}