/* Ultra CRM Next: bestehende Website-Tokens, keine neue UI-Bibliothek. */
.ultra-page{background:var(--bg);color:var(--cream)}
.ultra-page main{overflow:clip}
/* Exakte Anker und SVG-Sichtbarkeit: keine geschätzten 900px-Sektionshöhen.
   Bilder laden weiter lazy; die kleine SVG-Szene pausiert separat offscreen. */
.ultra-page main>section,.ultra-page>footer{content-visibility:visible;contain-intrinsic-size:none}
.u-wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}
.u-section{padding-block:clamp(72px,9vw,132px);scroll-margin-top:130px}
.u-kicker{font:650 .75rem/1.5 var(--body);letter-spacing:.15em;text-transform:uppercase;color:var(--lime);margin:0 0 24px;display:flex;gap:12px;align-items:center}
.u-kicker:before{content:"";width:24px;height:1px;background:currentColor}
.u-title{font:400 clamp(3rem,6vw,6.1rem)/1.03 var(--serif);letter-spacing:-.055em;text-wrap:balance;margin:0 0 28px;color:var(--cream)}
.u-title em{font-weight:400;color:var(--lime)}
.u-intro{max-width:53ch;font:400 1.08rem/1.75 var(--body);color:#bdc3b2;margin:0}
.u-hero{position:relative;padding:140px 0 0;background:radial-gradient(ellipse at 75% 40%,#9dc52e12,transparent 55%)}
.preisaktion-aktiv .u-hero{padding-top:70px}
.u-breadcrumb{display:flex;gap:12px;font-size:.75rem;color:var(--muted);margin-bottom:44px;align-items:center}
.u-breadcrumb a{text-decoration:none;color:var(--muted)}
.u-hero-top{display:grid;grid-template-columns:1.9fr 1fr;gap:48px;align-items:end;margin-bottom:46px}
.u-hero h1{font:400 clamp(4.3rem,6.6vw,7rem)/.98 var(--serif);letter-spacing:-.063em;margin:0;color:var(--cream)}
.u-hero h1 em{color:var(--lime);font-weight:400}
.u-hero-copy{padding-bottom:8px}
.u-hero-copy p{font-size:1.08rem;line-height:1.7;color:#c2c6b8;max-width:38ch;margin:0 0 26px}
.u-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.u-button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:54px;padding:15px 23px;background:var(--lime);color:#0a0d0b!important;border:1px solid var(--lime);border-radius:5px;font:700 .9rem/1.4 var(--body);text-decoration:none!important;transition:transform .2s,background .2s;cursor:pointer}
.u-button:hover{transform:translateY(-2px);background:#c9f353}
.u-link{display:inline-flex;align-items:center;min-height:44px;gap:12px;font-weight:600;font-size:.86rem;color:var(--cream);text-underline-offset:5px}
.u-hero-note{display:block;font-size:.72rem;line-height:1.6;color:#bdc3b2;margin-top:17px}
.u-window{margin:0;position:relative;border:1px solid #434e36;border-radius:12px;overflow:hidden;background:#10170f;box-shadow:0 28px 90px #0007}
.u-window-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;border-bottom:1px solid #35402a;font-size:.68rem;color:#c3cbbb;letter-spacing:.035em}
.u-window-dots{display:flex;gap:5px}.u-window-dots i{display:block;width:6px;height:6px;background:#5e6b51;border-radius:50%}.u-window-dots i:first-child{background:var(--lime)}
.u-sample{display:flex;align-items:center;gap:7px;color:#d9e9bb}.u-sample:before{content:"";height:5px;width:5px;border-radius:50%;background:var(--lime)}
.u-window img{width:100%;height:auto;display:block}
.u-hero-screen{max-height:600px;overflow:hidden;position:relative}.u-hero-screen img{object-fit:cover;object-position:top;min-height:300px}
.u-hero-screen:after{content:"";position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#0a0d0bd9);pointer-events:none}
.u-image-link{display:block;position:relative;background:none!important}
.u-image-link:hover .u-expand{background:var(--lime);color:var(--bg)}
.u-expand{position:absolute;right:20px;bottom:20px;z-index:1;border:1px solid #78865d;background:#14200ff2;color:#edeadd;padding:11px 16px;font-size:.75rem;border-radius:4px;transition:background .2s}
.u-legend{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:16px 0 0;color:#aeb6a3;font-size:.72rem;line-height:1.6}
.u-subnav{border-block:1px solid var(--line);margin-top:52px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;font-size:.78rem}
.u-subnav>span{color:#aeb6a3}.u-subnav nav{display:flex;gap:28px;flex-wrap:wrap}.u-subnav a{min-height:32px;display:inline-flex;align-items:center;color:var(--cream);text-decoration:none}
.u-subnav a:hover{color:var(--lime)}
.u-section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;margin-bottom:48px}
.u-section-head .u-title{margin:0}.u-section-head .u-intro{padding-bottom:4px}
.u-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:64px}
.u-capability{border-top:1px solid #4b563a;padding-top:23px}.u-capability>span{font:500 .73rem var(--body);color:var(--lime)}
.u-capability h3{font:500 1.35rem/1.3 var(--body);letter-spacing:-.025em;margin:25px 0 15px}.u-capability p{color:#b7beac;font-size:.94rem;line-height:1.75;margin:0}
.u-gallery{background:#0f150e;border-block:1px solid var(--line)}
.u-gallery-controls{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}
.u-gallery-controls button{border:1px solid #47523a;background:transparent;color:#cbd1c0;border-radius:4px;padding:12px 20px;min-height:46px;font:600 .8rem var(--body);cursor:pointer;transition:background .2s}
.u-gallery-controls button[aria-pressed=true]{background:var(--lime);color:var(--bg);border-color:var(--lime)}
.u-gallery figure{margin:0}.u-gallery figcaption{padding:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:30px}.u-gallery figcaption h3{font:500 1.35rem var(--body);margin:0 0 10px}.u-gallery figcaption p{color:#bcc4af;font-size:.9rem;line-height:1.65;margin:0;max-width:55ch}.u-gallery figcaption>small{font-size:.76rem;line-height:1.65;color:#b5bea9;text-align:right;max-width:44ch;justify-self:end}
.u-gallery .u-window img{aspect-ratio:1600/1050;object-fit:contain;background:#0a0d0b}
.u-office{background:radial-gradient(ellipse at 30% 45%,#b8e8340b,transparent 65%)}
.u-office-panel{border:1px solid #455235;background:#11190f;border-radius:12px;overflow:hidden;margin-top:45px}
.u-office-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 26px;border-bottom:1px solid #35412b;font-size:.77rem;color:#cbd6bd}
.u-office-controls{display:flex;gap:8px;flex-wrap:wrap}.u-office-controls button{padding:9px 13px;background:#1c2818;border:1px solid #687651;border-radius:4px;color:#edeadd;font:550 .76rem var(--body);min-height:44px;cursor:pointer}
.u-office-controls button:disabled{opacity:.65;cursor:default}
.u-office-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px}
.u-office-room{padding:32px 10px 15px;min-width:0}.u-office-room .nxoffice-room-svg{width:100%;height:auto;margin:0}
.u-office-room .nxoffice-desk.is-away .nxoffice-person{visibility:hidden}
.u-office-caption{font-size:.8rem;line-height:1.6;text-align:center;padding:20px 12px 0;color:#c9d7b9;min-height:60px}
.u-office-story{border-left:1px solid #35412b;padding:32px 25px;display:flex;flex-direction:column}
.u-office-story>span{font-size:.66rem;text-transform:uppercase;letter-spacing:.13em;color:#b8c6a5}
.u-office-story h3{font:400 1.85rem/1.1 var(--serif);letter-spacing:-.04em;margin:28px 0 18px;min-height:62px}
.u-office-story p{font-size:.84rem;line-height:1.7;color:#c0cab4;margin:0 0 26px;min-height:90px}
.u-office-flow{list-style:none;padding:0;margin:auto 0 0;display:flex;flex-direction:column;gap:3px}
.u-office-flow button{display:flex;gap:12px;align-items:center;width:100%;min-height:44px;background:transparent;border:0;color:#bac5af;text-align:left;cursor:pointer;font:.8rem var(--body);padding:6px}
.u-office-flow b{display:grid;place-items:center;width:26px;height:26px;border:1px solid #667750;border-radius:50%;font-size:.7rem;font-weight:500}
.u-office-flow [aria-current=step]{color:#e2f0cc}.u-office-flow [aria-current=step] b{color:#0a0d0b;background:var(--lime);border-color:var(--lime)}
.u-roster{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:17px 26px;border-top:1px solid #35412b}
.u-roster button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;min-height:61px;padding:10px 13px;background:transparent;border:1px solid transparent;border-radius:4px;color:#d2dbc6;cursor:pointer;font:500 .85rem var(--body)}
.u-roster button[aria-pressed=true]{background:#26341d;border-color:#91ac65}.u-roster small{font:.68rem var(--body);color:#b8c4aa}
.u-agent-detail{padding:0 39px 22px;font-size:.8rem;line-height:1.6;color:#c4d0b6;min-height:50px}
.u-office-disclosure{padding:20px 0;display:flex;gap:24px;justify-content:space-between;color:#b5c0a7;font-size:.76rem;line-height:1.7}.u-office-disclosure p{margin:0;max-width:86ch}.u-office-disclosure a{color:var(--cream);white-space:nowrap;text-underline-offset:4px}
.u-connection{border-top:1px solid var(--line)}
.u-process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:50px;border-block:1px solid #424e34}
.u-process>div{padding:28px 25px 30px 0;position:relative}.u-process>div+div{border-left:1px solid #424e34;padding-left:25px}
.u-process span{font:.72rem var(--body);color:var(--lime)}.u-process h3{font:500 1.15rem/1.3 var(--body);margin:25px 0 12px}.u-process p{font:.87rem/1.7 var(--body);color:#b8c0ad;margin:0}
.u-faq{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;border-top:1px solid var(--line)}
.u-faq details{border-bottom:1px solid #46513a;padding:0}.u-faq summary{cursor:pointer;font:500 1.03rem/1.5 var(--body);padding:23px 34px 23px 0;position:relative;list-style:none}.u-faq summary::-webkit-details-marker{display:none}.u-faq summary:after{content:"+";position:absolute;right:3px;color:var(--lime);font-size:1.3rem}.u-faq details[open] summary:after{content:"−"}.u-faq details p{color:#bdc6b0;font-size:.91rem;line-height:1.8;margin:0;padding:0 20px 25px 0}
.ultra-page .crmtest h2{font-family:var(--serif);font-weight:400}.ultra-page .crmtest{border-bottom:0}.ultra-page .crmtest-copy{position:relative}.u-signature{display:block;font:italic 1.35rem/1.4 var(--serif);color:var(--cream);margin-top:30px}
.u-footer{padding:36px 0!important;border-top:1px solid var(--line);background:#0a0d0b!important}.u-footer .u-wrap{display:flex;justify-content:space-between;gap:22px;align-items:center}.u-footer a{font-size:.8rem;color:#c6cdbb;text-decoration:none}.u-footer nav{display:flex;gap:22px;flex-wrap:wrap}.u-footer-brand{font-weight:700}
.u-lightbox{width:min(96vw,1700px);max-width:none;max-height:96dvh;padding:16px;border:1px solid #5f6e49;border-radius:8px;background:#0c130d;color:var(--cream);margin:auto;overflow:auto;box-shadow:0 20px 100px #0008}
.u-lightbox::backdrop{background:#020602ed}.u-lightbox header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 14px;font-size:.85rem}.u-lightbox button{min-height:44px;min-width:44px;padding:8px 15px;background:#223019;color:#edeadd;border:1px solid #6d8152;border-radius:4px;font:600 .8rem var(--body);cursor:pointer}.u-lightbox img{display:block;width:100%;height:auto}.u-lightbox p{font-size:.74rem;margin:14px 0 0;color:#c5cfb6}
.ultra-page :focus-visible{outline:3px solid var(--lime);outline-offset:5px}
.ultra-page [hidden]{display:none!important}
.u-product-teaser{background:#11190f;border-block:1px solid #3d4d2c;padding:68px 0}.u-product-teaser .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center}.u-product-teaser h2{font:400 clamp(2.6rem,4vw,4.4rem)/1.08 var(--serif);letter-spacing:-.045em;margin:0 0 22px}.u-product-teaser p{color:#bec7b0;line-height:1.7;margin-bottom:25px}.u-product-teaser img{display:block;width:100%;height:auto;border:1px solid #607346;border-radius:6px}.u-product-teaser small{display:block;color:#b4bfa4;font-size:.72rem;line-height:1.5;margin-top:12px}
@media(min-width:1500px){.u-hero-screen{max-height:680px}}
@media(max-width:1000px){.u-hero-top{gap:32px;grid-template-columns:1.2fr 1fr}.u-hero h1{font-size:clamp(3.8rem,8.5vw,7rem)}.u-section-head{gap:35px}.u-office-layout{grid-template-columns:1fr}.u-office-story{border-left:0;border-top:1px solid #35412b;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.u-office-story>span,.u-office-story h3,.u-office-story p{grid-column:1}.u-office-story h3{min-height:0;margin:18px 0}.u-office-story p{min-height:0}.u-office-flow{grid-column:2;grid-row:1/4}.u-faq{gap:40px}.u-roster{padding-inline:16px}.u-roster button{padding:10px 7px}}
@media(max-width:700px){.u-wrap{width:calc(100% - 36px)}.u-hero{padding-top:130px}.u-breadcrumb{margin-bottom:28px}.u-hero-top,.u-section-head{grid-template-columns:1fr;gap:28px}.u-hero h1{font-size:clamp(3.6rem,12vw,5.5rem)}.u-hero-copy p{max-width:43ch;font-size:1rem}.u-hero-top{margin-bottom:32px}.u-kicker{font-size:.68rem;margin-bottom:20px}.u-window-bar{padding:12px;font-size:.58rem;gap:8px}.u-window-dots{display:none}.u-hero-screen{max-height:none}.u-hero-screen img{min-height:0}.u-hero-screen:after{display:none}.u-expand{right:8px;bottom:8px;padding:9px;font-size:.65rem}.u-legend{font-size:.65rem}.u-subnav{margin-top:28px;padding:16px 0}.u-subnav>span{display:none}.u-subnav nav{gap:22px}.u-title{font-size:clamp(2.6rem,9.5vw,4rem)}.u-intro{font-size:.98rem}.u-capabilities{grid-template-columns:1fr;gap:28px;margin-top:35px}.u-capability h3{margin:12px 0;font-size:1.25rem}.u-gallery-controls{gap:5px}.u-gallery-controls button{padding:11px 12px;font-size:.73rem}.u-gallery figcaption{grid-template-columns:1fr;gap:15px}.u-gallery figcaption>small{text-align:left;justify-self:start}.u-office-toolbar{padding:17px 14px;align-items:flex-start;flex-direction:column;gap:14px}.u-office-room{padding:25px 0 0}.u-office-story{padding:24px 18px;grid-template-columns:1fr}.u-office-flow{grid-column:1;grid-row:auto;flex-direction:row;flex-wrap:wrap;gap:8px}.u-office-flow button{width:auto;font-size:.7rem;padding:4px;gap:7px}.u-office-flow b{width:23px;height:23px}.u-office-story h3{font-size:1.6rem}.u-office-story p{margin-bottom:20px}.u-roster{grid-template-columns:repeat(3,1fr);padding:12px}.u-roster button{padding:10px}.u-agent-detail{padding:6px 22px 20px}.u-office-disclosure{flex-direction:column;gap:12px}.u-process{grid-template-columns:1fr 1fr}.u-process>div{padding:22px 20px 24px 0}.u-process>div+div{padding-left:20px}.u-process>div:nth-child(3){border-left:0;padding-left:0;border-top:1px solid #424e34}.u-process>div:nth-child(4){border-top:1px solid #424e34}.u-process h3{margin-top:15px}.u-faq{grid-template-columns:1fr;gap:20px}.u-footer .u-wrap{align-items:flex-start;flex-direction:column}.u-lightbox{padding:10px}.u-lightbox header{font-size:.7rem;gap:8px}.u-lightbox button{font-size:.7rem;padding:6px 9px}.u-product-teaser .wrap{grid-template-columns:1fr;gap:30px}}
@media(prefers-reduced-motion:reduce){.ultra-page *, .ultra-page *:before, .ultra-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.u-button:hover{transform:none}}
