@charset "UTF-8";
:root{--paper:#f5f5f2;--white:#fff;--ink:#171a1b;--secondary:#53585a;--line:#d5d8d6;--night:#15191b;--ease:cubic-bezier(.22,1,.36,1);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:105px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img{max-width:100%;height:auto;display:block}button{color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #446a89;outline-offset:5px}p,h1,h2,h3{margin:0}::selection{background:#cfd8dc;color:#15191b}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding-block:112px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;line-height:1.6}.skip-link{position:fixed;z-index:20;top:8px;left:8px;padding:12px 18px;background:#fff;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.preview-note{min-height:29px;padding:8px 28px;display:flex;justify-content:space-between;gap:18px;align-items:center;background:#e8eae7;font-size:10px;letter-spacing:.08em;color:#444a4b}.preview-note span:first-child{text-transform:uppercase;font-weight:700;white-space:nowrap}.site-header{position:sticky;top:0;z-index:10;background:rgba(245,245,242,.95);border-bottom:1px solid rgba(21,25,27,.1);backdrop-filter:blur(15px)}.header-inner{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{display:block;flex-shrink:0}.brand img{width:146px;height:83px;object-fit:contain}.navigation{display:flex;align-items:center;gap:44px;font-size:12px;font-weight:500}.navigation>a{position:relative;padding-block:12px}.navigation>a:after{content:"";height:1px;position:absolute;bottom:6px;left:0;right:0;transform:scaleX(0);transform-origin:left;background:currentColor;transition:transform .3s var(--ease)}.navigation>a:hover:after{transform:scaleX(1)}.navigation .nav-contact{display:flex;align-items:center;gap:28px}.nav-contact span{font-size:19px}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;min-height:700px;overflow:hidden;background:#f1f2f0}.hero-art{position:absolute;z-index:-3;inset:0 0 0 21%;overflow:hidden}.hero-art img{height:100%;width:100%;object-fit:cover;object-position:57% 45%;animation:image-enter 1.7s var(--ease) both}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#f5f5f2 0%,#f5f5f2 26%,rgba(245,245,242,.97) 33%,rgba(245,245,242,.62) 44%,rgba(245,245,242,.08) 60%,transparent 72%)}.hero-content{padding-top:76px;padding-bottom:115px}.hero-content>.eyebrow{margin-bottom:28px}.hero h1{font-weight:500;font-size:clamp(58px,6.15vw,90px);letter-spacing:-.066em;line-height:1.025;max-width:750px}.hero h1 span{color:#646b6d}.hero-copy{font-size:15px;line-height:1.75;max-width:350px;margin-top:31px;color:#444c4f}.text-link{display:inline-flex;align-items:center;gap:26px;font-size:12px;font-weight:700;line-height:1.4}.hero .text-link{margin-top:31px}.round-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid #a4a9a8;border-radius:50%;font-size:17px;transition:transform .35s var(--ease),background .35s var(--ease)}.text-link:hover .round-arrow{transform:translateY(3px);background:#fff}.text-link>span:not(.round-arrow){font-size:20px;transition:transform .35s var(--ease)}.text-link:hover>span:not(.round-arrow){transform:translate(3px,-3px)}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:.055em}.hero-bottom>span:last-child{display:flex;gap:32px;align-items:center;color:#fff;text-shadow:0 1px 5px #000}.down-mark{font-size:17px}.hero-enter{animation:enter 1s var(--ease) both}.hero .eyebrow{animation-delay:.08s}.hero h1{animation-delay:.16s}.hero-copy{animation-delay:.24s}.hero .text-link{animation-delay:.32s}
h2{font-size:clamp(32px,3.3vw,46px);font-weight:500;line-height:1.12;letter-spacing:-.05em}h3{font-size:29px;line-height:1.18;letter-spacing:-.04em;font-weight:500}.introduction{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;border-bottom:1px solid var(--line)}.introduction .eyebrow{margin-bottom:25px}.intro-copy{padding-top:40px;max-width:410px;font-size:15px;line-height:1.85;color:var(--secondary)}.intro-copy p+p{margin-top:15px}.areas{padding-top:95px;background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:48px}.section-heading .eyebrow{margin-bottom:22px}.heading-aside{font-size:12px;line-height:1.8;color:var(--secondary);padding-bottom:4px}.area-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.area-visual{position:relative;min-height:240px;background:#e9ece9;display:flex;align-items:center;justify-content:center;overflow:hidden}.area-visual-public{background:#e6e8e5}.area-visual img{width:246px;height:145px;object-fit:contain;transition:transform .7s var(--ease);position:relative;z-index:1}.area:hover .area-visual img{transform:translateY(-3px)}.area-index{position:absolute;top:23px;left:26px;font-size:9px;letter-spacing:.13em;color:#505a58}.area-visual-line{position:absolute;bottom:0;right:0;width:120px;height:120px;border:1px solid rgba(80,90,88,.12);transform:translate(45%,45%) rotate(45deg)}.area-visual-line:before{content:"";position:absolute;inset:-20px;border:1px solid rgba(80,90,88,.07)}.area-text{padding:29px 2px 0}.area-text .eyebrow{font-size:10px;margin-bottom:16px;color:#596263}.area-text h3{margin-bottom:18px}.area-text>p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--secondary);max-width:470px}.area-text>.text-link{margin-top:24px;padding-block:5px;border-bottom:1px solid #969d9d;gap:40px}
.contact{background:var(--night);color:#f7f8f6;position:relative}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.contact-intro .eyebrow{color:#a9b2b3;margin-bottom:29px}.contact-intro h2{font-size:clamp(38px,4vw,54px);line-height:1.07}.contact-intro>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#bfc7c8;max-width:300px;margin-top:27px}.contact-signoff{display:flex;align-items:center;gap:16px;margin-top:69px;font-size:10px;color:#b4bebf;letter-spacing:.04em}.small-rule{width:34px;height:1px;background:#82908f}.audience-tabs{display:flex;border-bottom:1px solid #4f585b;gap:34px;margin-bottom:30px}.audience-tabs button{position:relative;appearance:none;background:none;border:0;color:#aab5b8;padding:0 0 17px;font-size:12px;line-height:1.5;text-align:left;min-height:40px}.audience-tabs button[aria-selected=true]{color:#fff}.audience-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;height:2px;left:0;right:0;background:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:24px;min-width:0}.field label{font-size:11px;color:#d2d9d9;line-height:1.5}.field input,.field textarea{width:100%;border:1px solid #596367;background:#1c2225;color:#fff;border-radius:0;padding:13px 14px;line-height:1.5;font-size:15px;transition:border-color .2s,background .2s}.field input:hover,.field textarea:hover{border-color:#8b969a}.field input:focus,.field textarea:focus{border-color:#dfe5e5;background:#222a2e;outline:2px solid #c5d4dc;outline-offset:3px}.field textarea{resize:vertical;min-height:120px;max-height:500px}.field textarea::placeholder{color:#9ca9ad}.privacy-note{font-size:10px;line-height:1.8;color:#aebabc;max-width:440px}.privacy-note a{text-decoration:underline;text-underline-offset:3px}.form-bottom{margin-top:23px;display:flex;align-items:center;justify-content:space-between;gap:22px}.form-preview{font-size:10px;line-height:1.7;max-width:160px;color:#b6c1c3}.send-button{display:flex;justify-content:space-between;align-items:center;gap:26px;background:#f5f6f2;color:#171d20;border:1px solid #f5f6f2;padding:15px 21px;font-size:12px;font-weight:700;transition:background .2s;white-space:nowrap}.send-button span{font-size:19px;line-height:1}.send-button:hover{background:#d7e0df}.form-status{font-size:12px;line-height:1.7;color:#d8e4e3;margin-top:16px}.form-status:empty{display:none}.contact a:focus-visible,.contact button:focus-visible{outline-color:#d9e7ee}
.site-footer{background:var(--paper);padding-top:38px;padding-bottom:24px}.footer-main{display:flex;align-items:center;gap:37px;padding-bottom:27px}.footer-brand img{width:118px;height:67px}.footer-main>p{font-size:11px;color:#61686a}.back-top{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:11px}.back-top span{font-size:20px}.footer-bottom{border-top:1px solid var(--line);padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#62696a}.footer-bottom nav{display:flex;gap:28px;align-items:center}.footer-link{background:none;border:0;padding:0;font-size:inherit;color:inherit}.footer-bottom a:hover,.footer-link:hover{text-decoration:underline;text-underline-offset:3px}.service-dialog{width:min(520px,calc(100% - 40px));padding:50px;border:0;color:var(--ink);background:var(--paper)}.service-dialog::backdrop{background:rgba(12,16,18,.6);backdrop-filter:blur(5px)}.service-dialog h2{font-size:32px;margin-top:18px}.service-dialog>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--secondary);margin-top:22px}.dialog-close{position:absolute;top:12px;right:14px;width:36px;height:36px;border:0;background:transparent;font-size:28px}.dialog-okay{margin-top:30px;display:flex;gap:40px;align-items:center;background:var(--ink);color:#fff;border:0;padding:14px 20px;font-size:12px}.dialog-okay span{font-size:20px}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.js-motion .reveal.is-visible{opacity:1;transform:none}.area:nth-child(2){transition-delay:.1s}
.legal-main{max-width:760px;min-height:65vh;padding-block:95px}.legal-main h1{font-size:clamp(38px,5vw,62px);font-weight:500;letter-spacing:-.05em;margin-top:22px;margin-bottom:30px}.legal-main p{font-size:16px;color:var(--secondary);line-height:1.85;margin-bottom:22px}.legal-main .draft-box{border-left:2px solid var(--ink);padding-left:22px}.legal-back{display:inline-block;margin-top:20px;border-bottom:1px solid var(--ink);padding-bottom:8px;font-size:13px}
@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes image-enter{from{opacity:0;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
@media(min-width:1600px){.hero-art{left:25%}.hero-content{padding-top:90px;padding-bottom:135px}.hero{min-height:760px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero{min-height:660px}.hero h1{font-size:72px}.hero-art{left:20%}.hero-shade{background:linear-gradient(90deg,#f5f5f2 0%,#f5f5f2 22%,rgba(245,245,242,.9) 36%,rgba(245,245,242,.2) 62%,transparent 82%)}.introduction{gap:55px}.contact-layout{gap:55px;grid-template-columns:.8fr 1.2fr}.form-bottom{align-items:flex-start;flex-direction:column}.form-preview{max-width:none}.section{padding-block:88px}.area-visual{min-height:220px}}
@media(max-width:760px){:root{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.section{padding-block:65px}.preview-note{padding:7px 20px;font-size:9px}.preview-note>span:last-child{max-width:190px;text-align:right;line-height:1.4}.header-inner{height:83px;position:relative;flex-wrap:wrap}.brand img{width:118px;height:67px}.menu-toggle{display:flex;align-items:center;gap:18px;border:0;background:none;font-size:12px;padding:12px 0 12px 18px;min-height:44px}.menu-toggle span{font-size:21px;font-weight:400}.navigation{display:none;position:absolute;left:-20px;right:-20px;top:83px;background:#f5f5f2;padding:15px 20px 24px;box-shadow:0 12px 20px rgba(10,20,20,.06);gap:8px;border-bottom:1px solid var(--line)}.navigation.is-open{display:flex;flex-direction:column;align-items:stretch}.navigation>a{padding:13px 0;min-height:44px}.navigation .nav-contact{justify-content:space-between}.navigation>a:after{display:none}.hero{min-height:790px}.hero-content{padding-top:45px;padding-bottom:330px}.hero-content>.eyebrow{font-size:9px;margin-bottom:25px;letter-spacing:.11em}.hero h1{font-size:clamp(45px,8.5vw,64px);letter-spacing:-.06em;line-height:1.04;max-width:100%}.hero-copy{font-size:14px;max-width:350px;margin-top:23px}.hero .text-link{margin-top:21px}.hero-art{inset:330px -15px 0 0}.hero-art img{object-position:65% 55%;object-fit:cover}.hero-shade{background:linear-gradient(180deg,#f5f5f2 0%,#f5f5f2 36%,rgba(245,245,242,.85) 48%,rgba(245,245,242,.15) 63%,transparent 77%)}.hero-bottom{bottom:23px;font-size:9px}.hero-bottom>span:first-child{display:none}.hero-bottom>span:last-child{margin-left:auto;gap:18px}.introduction{grid-template-columns:1fr;gap:25px}.introduction .eyebrow{margin-bottom:20px}.intro-copy{padding-top:0;font-size:14px;max-width:100%}h2{font-size:34px}.section-heading{margin-bottom:33px}.heading-aside{display:none}.area-grid{grid-template-columns:1fr;gap:52px}.area-visual{min-height:220px}.area-visual img{width:230px;height:140px}.area-text{padding-top:25px}.area-text h3{font-size:29px}.area-text>p:not(.eyebrow){font-size:14px;max-width:100%}.area-text>.text-link{margin-top:18px}.contact-layout{grid-template-columns:1fr;gap:42px}.contact-intro h2{font-size:44px}.contact-intro .eyebrow{margin-bottom:22px}.contact-intro>p:not(.eyebrow){margin-top:22px;max-width:390px}.contact-signoff{display:none}.audience-tabs{gap:22px}.audience-tabs button{font-size:11px;min-height:44px}.form-row{gap:16px}.field input,.field textarea{font-size:16px}.field label{font-size:11px}.privacy-note{font-size:11px}.form-bottom{flex-direction:row;align-items:center;gap:14px}.form-preview{font-size:10px;max-width:145px}.send-button{padding:14px 15px;font-size:11px;gap:17px;min-height:46px}.footer-main{flex-wrap:wrap;gap:20px;position:relative;padding-bottom:25px}.footer-brand img{width:105px;height:60px}.footer-main>p{font-size:10px}.back-top{width:100%;justify-content:flex-end}.footer-bottom{font-size:10px;align-items:flex-start;gap:22px;flex-direction:column}.footer-bottom nav{width:100%;gap:24px;flex-wrap:wrap}.footer-bottom nav>a,.footer-link{min-height:34px;display:flex;align-items:center}.site-footer{padding-top:28px}.service-dialog{padding:42px 26px 30px}.legal-main{padding-block:65px}}
@media(max-width:380px){.hero h1{font-size:44px}.hero-content>.eyebrow{font-size:8px}.hero-copy{max-width:275px}.hero{min-height:810px}.hero-art{top:360px}.hero-shade{background:linear-gradient(180deg,#f5f5f2 0%,#f5f5f2 39%,rgba(245,245,242,.8) 53%,rgba(245,245,242,.1) 67%,transparent 80%)}.form-row{grid-template-columns:1fr;gap:0}.form-bottom{align-items:flex-start;flex-direction:column}.form-preview{max-width:none}.send-button{width:100%}.audience-tabs{gap:15px}.audience-tabs button{font-size:10px}.footer-main>p{max-width:130px;line-height:1.8}h2{font-size:31px}}
.text-link,.back-top,.legal-back{min-height:44px}.dialog-close{width:44px;height:44px}
@media(max-width:760px){.footer-bottom nav>a,.footer-link{min-height:44px}}
@media(max-width:380px){.audience-tabs button{font-size:11px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

/* Entwurf 02: Signet, feste Markentypografie, drei Bereiche und ruhige Scrollbewegung. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.header-inner{height:84px}.brand-symbol img{width:46px;height:44px;object-fit:contain;transform:scale(var(--brand-scale,1));transform-origin:center;transition:transform .2s linear}
.reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#171a1b;transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}
.hero-art{top:-36px;bottom:-36px;transform:translateY(var(--hero-shift,0px));will-change:transform}
.brand-word{display:block;position:relative;padding-top:.06em}.brand-word>img{height:.78em;width:auto;max-width:100%;object-fit:contain;object-position:left;display:block;margin-top:.06em;margin-bottom:.06em}
.brand-line{display:block;position:relative;margin-bottom:.19em}.brand-line>img{height:.71em;width:auto;max-width:100%;object-fit:contain;object-position:left}
.introduction{grid-template-columns:.82fr 1.18fr;gap:90px;align-items:center}.company-brand{display:flex;flex-direction:column;align-items:flex-start}.company-brand>.eyebrow{margin-bottom:34px}.company-brand>img{width:250px;height:142px;object-fit:contain}.intro-description{max-width:550px}.intro-description h2{font-size:37px;margin-bottom:25px}.intro-description p{font-size:14px;line-height:1.85;color:var(--secondary)}.intro-description p+p{margin-top:13px}
.area-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.area-visual{min-height:220px}.area-visual img{width:220px;height:130px}.area-visual-commerce{background:#eeefeb}.area-text{display:flex;flex-direction:column;flex:1}.area{display:flex;flex-direction:column}.area-text h3{font-size:25px}.area-text>p:not(.eyebrow){font-size:13px;line-height:1.85;margin-bottom:23px}.area-text>.text-link{align-self:flex-start;margin-top:auto;gap:25px}.text-link-button{appearance:none;border:0;border-bottom:1px solid #969d9d;background:transparent;padding:5px 0;text-align:left}.area:nth-child(2){transition-delay:.1s}.area:nth-child(3){transition-delay:.2s}
.area-visual-line{transform:translate(calc(45% + var(--detail-shift,0px)),45%) rotate(45deg)}
.legal-footer{padding-top:0;padding-bottom:0}.legal-footer .footer-bottom{padding-block:25px;border-top:0}.legal-footer nav a{min-height:40px;display:flex;align-items:center}
.legal-main{max-width:1120px;min-height:65vh;padding-block:75px 95px}.legal-heading{max-width:800px;margin-bottom:45px}.legal-heading h1{margin-top:24px;margin-bottom:24px}.legal-title-art{display:block;position:relative}.legal-title-art img{height:.77em;width:auto;max-width:100%;object-fit:contain;object-position:left}.legal-heading>p:not(.eyebrow){font-size:14px;max-width:640px;margin-bottom:0}.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.legal-card{border-top:1px solid var(--line);padding-top:25px;min-width:0}.legal-card h2{font-size:25px;margin-bottom:24px}.legal-card p{font-size:14px;line-height:1.8;margin-bottom:15px}.legal-card dl{margin:0}.legal-card dt{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#667072;line-height:1.6;margin-top:20px}.legal-card dt:first-child{margin-top:0}.legal-card dd{margin:5px 0 0;font-size:15px;line-height:1.7;overflow-wrap:anywhere}.legal-card dd a,.legal-copy a{border-bottom:1px solid #9ba3a3}.legal-card address{font-style:normal}.legal-card-wide{grid-column:1/-1}.registration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:26px}.registration-grid dl dt{margin-top:0}.registration-grid dd{font-size:17px;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.legal-fineprint{font-size:12px!important;color:#667072!important;line-height:1.8!important}.legal-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:23px}.legal-download{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#171a1b;color:#fff;padding:16px 21px;font-size:12px;min-height:48px}.legal-download:hover{background:#3d4649}.legal-actions .text-link{font-size:12px}.legal-copy{max-width:820px}.legal-copy section{padding-block:27px;border-top:1px solid var(--line)}.legal-copy h2{font-size:27px;margin-bottom:19px}.legal-copy p{font-size:15px;line-height:1.85;margin-bottom:15px}.legal-copy ul{padding-left:22px;color:var(--secondary);font-size:15px;line-height:1.9}.privacy-draft-note{padding:22px 25px;background:#e9ece9;margin-bottom:35px}.privacy-draft-note p{font-size:13px;line-height:1.85;margin:0}
@media(max-width:1100px){.introduction{gap:50px;grid-template-columns:.78fr 1.22fr}.company-brand>img{width:220px;height:125px}.intro-description h2{font-size:33px}.area-grid{gap:20px}.area-visual{min-height:190px}.area-visual img{width:190px;height:115px}.area-index{left:18px;font-size:8px}.area-text h3{font-size:23px}.area-text>.text-link{gap:12px;font-size:11px}.registration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}}
@media(max-width:900px) and (min-width:761px){.area-grid{gap:17px}.area-text h3{font-size:21px}.area-text>p:not(.eyebrow){font-size:12px}.area-visual img{width:170px;height:110px}.area-visual{min-height:180px}.area-index{font-size:7px;letter-spacing:.08em}.area-text .eyebrow{font-size:8px}}
@media(max-width:760px){:root{scroll-padding-top:80px}.header-inner{height:72px}.brand-symbol img{width:42px;height:40px}.navigation{top:72px}.hero-art{top:315px;bottom:-25px}.brand-word>img{height:.8em}.introduction{grid-template-columns:1fr;gap:32px}.company-brand{align-items:flex-start}.company-brand>.eyebrow{margin-bottom:22px}.company-brand>img{width:195px;height:110px}.intro-description h2{font-size:32px;margin-bottom:22px}.intro-description p{font-size:14px}.area-grid{grid-template-columns:1fr;gap:50px}.area-visual{min-height:220px}.area-visual img{width:230px;height:140px}.area-index{top:23px;left:26px;font-size:9px}.area-text h3{font-size:29px}.area-text>p:not(.eyebrow){font-size:14px;margin-bottom:18px}.area-text>.text-link{margin-top:0;gap:30px;font-size:12px}.area-text .eyebrow{font-size:10px}.legal-footer .footer-bottom{flex-direction:row;align-items:center;font-size:10px;gap:14px}.legal-footer .footer-bottom nav{width:auto;gap:18px}.legal-main{padding-block:50px 65px}.legal-heading{margin-bottom:35px}.legal-grid{grid-template-columns:1fr;gap:30px}.legal-card-wide{grid-column:auto}.legal-card h2{font-size:25px}.registration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.registration-grid dd{font-size:15px}.legal-actions{align-items:flex-start;flex-direction:column;gap:12px}.legal-download{width:100%;font-size:11px;padding-inline:16px;gap:14px}.legal-title-art img{height:.66em}.privacy-draft-note{padding:20px}.legal-copy p,.legal-copy ul{font-size:14px}}
@media(max-width:380px){.hero-art{top:350px}.legal-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:9px}.legal-footer .footer-bottom nav{gap:25px}.registration-grid{grid-template-columns:1fr}.intro-description h2{font-size:29px}}
.brand-symbol{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.legal-footer nav a{min-height:44px}
@media(min-width:761px) and (max-width:1050px){.area-grid{grid-template-columns:1fr;gap:34px}.area{display:grid;grid-template-columns:.7fr 1fr;gap:35px}.area-visual{min-height:240px}.area-visual img{width:220px;height:135px}.area-index{font-size:9px;left:23px}.area-text{padding-top:10px}.area-text h3{font-size:27px}.area-text>p:not(.eyebrow){font-size:14px;line-height:1.85;margin-bottom:15px}.area-text .eyebrow{font-size:10px}.area-text>.text-link{margin-top:auto;font-size:12px;gap:28px}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none;will-change:auto}.area-visual-line{transform:translate(45%,45%) rotate(45deg)}.brand-symbol img{transform:none}}

/* Entwurf 03: jede vollständige Überschrift in derselben Markenschrift. */
.heading-art{position:relative;line-height:1!important;letter-spacing:0!important;min-width:0}.heading-art picture{display:block}.heading-art picture>img{display:block;width:var(--heading-image-width);height:auto;max-width:100%;object-fit:contain;object-position:left}
.hero .heading-art{max-width:730px}.hero-copy{margin-top:33px}.section-heading>div{min-width:0}.section-heading .heading-art{max-width:730px}
.contact-channel-note{font-size:12px!important;line-height:1.8!important;color:var(--secondary)!important;margin:10px 0 0!important;max-width:420px}.contact-channel-note a{border-bottom:1px solid #9ba3a3}.legal-card dd .contact-channel-note a{overflow-wrap:normal}
@media(min-width:1051px){.area-text h3.heading-art{min-height:75px}}
@media(max-width:760px){.heading-art picture>img{width:var(--heading-mobile-width);max-width:100%;height:auto}.hero .heading-art{max-width:100%}.hero-copy{margin-top:26px}.contact-intro .heading-art{max-width:100%}}

/* Entwurf 04: gleiche Außenränder, DE/EN und ein sichtbarer Markenmoment. */
.header-inner{gap:30px}.navigation{margin-left:auto}.language-switch{display:flex;align-items:center;gap:10px;margin-left:8px;font-size:11px;flex-shrink:0}.language-switch a{display:flex;align-items:center;justify-content:center;min-width:30px;min-height:44px;opacity:.6;border-bottom:1px solid transparent}.language-switch a[aria-current=page]{opacity:1;border-bottom-color:currentColor;font-weight:700}.language-switch a:hover{opacity:1}.language-switch span{opacity:.3}.header-inner>.text-link{margin-left:auto}
.hero{width:min(1280px,calc(100% - 112px));margin:26px auto 0;min-height:710px;background:#f2f3f0}.hero-content{width:calc(100% - 96px);padding-top:66px;padding-bottom:90px}.hero-art{inset:-32px;transform:none}.hero-art img{object-position:65% 48%}.hero-shade{background:linear-gradient(90deg,#f5f5f2 0%,rgba(245,245,242,.99) 26%,rgba(245,245,242,.88) 40%,rgba(245,245,242,.28) 63%,transparent 81%)}.hero .heading-art{max-width:690px}.motion-enabled .hero-art{transform:translate3d(var(--hero-image-x,0px),var(--hero-image-y,0px),0) scale(var(--hero-image-scale,1));will-change:transform}.motion-enabled .hero h1 picture{transform:translate3d(var(--hero-title-x,0px),var(--hero-title-y,0px),0);will-change:transform}
.brand-stage{position:relative;width:100%;max-width:450px;min-height:310px;background:#eceeeb;overflow:hidden;isolation:isolate}.company-brand>.eyebrow{margin-bottom:23px}.brand-stage-mark{position:relative;display:flex;align-items:center;justify-content:center;min-height:310px;z-index:1;transform:scale(var(--mark-scale,1))}.brand-stage-mark>img{width:265px;height:150px;object-fit:contain}.brand-stage-screen{position:absolute;inset:0;background:#171b1d;z-index:3;transform:translateX(103%);will-change:transform;display:flex;align-items:center;justify-content:center}.brand-stage-screen>img{width:116px;height:110px;object-fit:contain}.motion-enabled .brand-stage-screen{transform:translateX(var(--screen-shift,103%))}.brand-routes{position:absolute;inset:0;width:100%;height:100%;opacity:.22;pointer-events:none}.brand-routes path{fill:none;stroke:#525e60;stroke-width:1.1;stroke-dasharray:1;stroke-dashoffset:0}.motion-enabled .brand-routes path{stroke-dashoffset:var(--route-offset,0)}.brand-routes path:nth-child(2){opacity:.45}.brand-routes path:nth-child(3){opacity:.65}
.area-grid{perspective:1500px}.js-motion .area.reveal{transform:translateY(58px) rotateX(7deg) scale(.965);transform-origin:center bottom;transition:opacity .9s var(--ease),transform 1.05s var(--ease)}.js-motion .area.reveal.is-visible{opacity:1;transform:none}.area:nth-child(2){transition-delay:.14s}.area:nth-child(3){transition-delay:.28s}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden!important}.privacy-toc{max-width:820px;padding:22px 0 27px;border-top:1px solid var(--line)}.privacy-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:10px 34px;padding-left:23px;margin:0;color:var(--secondary);font-size:12px;line-height:1.65}.privacy-toc a:hover{text-decoration:underline;text-underline-offset:3px}.legal-copy section{scroll-margin-top:110px}.legal-copy section:has(#privacy-objection){background:#e9ece9;padding:27px 24px}.legal-copy p:last-child{margin-bottom:0}.legal-copy a{overflow-wrap:anywhere}
@media(max-width:1100px){.header-inner{gap:24px}.navigation{gap:30px}.language-switch{margin-left:0}.hero{width:calc(100% - 72px);min-height:660px}.hero-content{width:calc(100% - 72px);padding-top:60px;padding-bottom:80px}.hero .heading-art{max-width:650px}.brand-stage,.brand-stage-mark{min-height:280px}.brand-stage-mark>img{width:235px;height:140px}}
@media(max-width:760px){.header-inner{gap:11px}.brand-symbol{margin-right:auto}.menu-toggle{padding-left:9px;gap:9px;margin-left:0}.navigation{margin-left:0}.language-switch{gap:5px;margin-left:0;font-size:10px}.language-switch a{min-width:26px;min-height:44px}.hero{width:calc(100% - 40px);margin-top:18px;min-height:830px}.hero-content{width:calc(100% - 40px);padding-top:38px;padding-bottom:345px}.hero-art{inset:350px -24px -24px}.hero-art img{object-position:65% 52%}.hero-shade{background:linear-gradient(180deg,#f5f5f2 0%,#f5f5f2 44%,rgba(245,245,242,.9) 54%,rgba(245,245,242,.15) 70%,transparent 82%)}.hero .heading-art{max-width:100%}.hero-content>.eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:22px}.hero-copy{font-size:13px;line-height:1.8;margin-top:23px}.hero .text-link{font-size:11px}.company-brand{width:100%}.brand-stage{max-width:100%}.brand-stage,.brand-stage-mark{min-height:270px}.brand-stage-mark>img{width:230px;height:135px}.js-motion .area.reveal{transform:translateY(38px)}.js-motion .area.reveal.is-visible{transform:none}.privacy-toc ol{grid-template-columns:1fr;gap:9px;font-size:12px}.legal-copy section{scroll-margin-top:90px}}
@media(max-width:380px){.hero{min-height:850px}.hero-content{width:calc(100% - 32px)}.hero-art{top:360px}.header-inner{gap:7px}.language-switch{gap:3px}.menu-toggle{font-size:11px;gap:7px;padding-left:5px}.hero .heading-art{max-width:100%}.hero-content>.eyebrow{font-size:7px;letter-spacing:.06em}.hero .text-link{gap:18px}.brand-stage,.brand-stage-mark{min-height:240px}}
@media(prefers-reduced-motion:reduce){.hero-art,.hero h1 picture,.brand-stage-mark{transform:none!important;will-change:auto}.brand-stage-screen{display:none!important}.brand-routes path{stroke-dashoffset:0!important}.js-motion .area.reveal{transform:none!important;opacity:1!important}}

/* Version 05: einklappende Originalmarke und helle Verbindungen. */
.brand-adaptive{--brand-wordmark-width:280px;position:relative;display:block;width:calc(var(--brand-wordmark-width) * (1 - var(--brand-collapse,0)) + 44px * var(--brand-collapse,0));height:48px;min-width:44px;flex-shrink:0;transition:width .12s linear}
.brand-adaptive .brand-full{position:absolute;inset:0 auto 0 0;display:flex;align-items:center;width:var(--brand-wordmark-width);overflow:hidden;clip-path:inset(0 calc(var(--brand-collapse,0) * 100%) 0 0);opacity:calc(1 - var(--brand-collapse,0) * 1.5)}
.brand-adaptive .brand-full img{width:var(--brand-wordmark-width);height:auto;max-width:none;object-fit:contain}
.brand-adaptive .brand-compact{position:absolute;left:0;top:2px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;opacity:clamp(0,calc((var(--brand-collapse,0) - .2) * 1.5),1);transform:scale(calc(.9 + var(--brand-collapse,0) * .1))}
.brand-adaptive .brand-compact img{width:44px;height:44px;object-fit:contain;transform:none}
.brand-stage{background:linear-gradient(135deg,#f0f2ee,#f6f7f3);border:1px solid #dfe4df;overflow:hidden}
.brand-stage-mark{transform:translateY(var(--mark-y,0)) scale(var(--mark-scale,1));will-change:transform}
.brand-stage-mark>img{position:relative;z-index:2}
.brand-orbits{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:var(--orbit-opacity,.8);transform:rotate(var(--orbit-turn,0deg));transform-origin:center;pointer-events:none}
.orbit-ring{fill:none;stroke:#b7c4bd;stroke-width:1;stroke-dasharray:2 8;transform-origin:center}
.orbit-ring-inner{stroke:#c9d3cc;stroke-dasharray:none;opacity:.5}
.orbit-route{fill:none;stroke:#899e95;stroke-width:1.1;stroke-dasharray:1;stroke-dashoffset:0}
.orbit-route-secondary{opacity:.45;stroke:#acbab2}
.motion-enabled .orbit-route{stroke-dashoffset:var(--route-offset,0)}
.orbit-node{fill:#637e72;stroke:#f5f5f2;stroke-width:5;paint-order:stroke;opacity:.7}
.form-bottom{justify-content:flex-end}.send-button .send-label{font-size:12px;line-height:1.4}.send-button:disabled{opacity:.65;cursor:wait}.form-status[data-state=error]{color:#ffdbce}.form-status[data-state=success]{color:#d9eee2}
.confirmation-back{margin-top:30px}
@media(max-width:1100px){.brand-adaptive{--brand-wordmark-width:230px}.header-inner{gap:20px}.navigation{gap:23px}}
@media(max-width:760px){.brand-adaptive{--brand-wordmark-width:clamp(115px,calc(100vw - 225px),180px);margin-right:auto}.header-inner{gap:11px}.header-inner>.text-link{font-size:11px;gap:9px}.header-inner>.text-link>span{font-size:16px}.send-button .send-label{font-size:11px}.brand-stage,.brand-stage-mark{min-height:270px}}
@media(max-width:380px){.header-inner{gap:7px}.header-inner>.text-link{font-size:10px;gap:0}.header-inner>.text-link>span{display:none}.brand-stage,.brand-stage-mark{min-height:240px}}
@media(prefers-reduced-motion:reduce){.brand-adaptive,.brand-adaptive *{transition:none!important}.brand-stage-mark,.brand-orbits{transform:none!important;will-change:auto}.brand-orbits{opacity:.8}.orbit-route{stroke-dashoffset:0!important}}
@media(max-width:380px){html[data-page=home] .brand-adaptive{--brand-wordmark-width:140px}.menu-toggle{min-width:44px;min-height:44px;padding:0;justify-content:center}.menu-toggle .menu-label{display:none}.menu-toggle .menu-icon{font-size:20px}}
@media(max-width:760px){.header-inner{flex-wrap:nowrap}.menu-toggle .menu-label{font-size:inherit;font-weight:inherit}}

/* Lokales Kontaktmotiv: ausschließlich dekorativer Hintergrund mit weichem Verlauf. */
.contact{isolation:isolate;overflow:hidden}
.contact-art{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.contact-art img{width:100%;height:100%;object-fit:cover;object-position:28% 54%;opacity:var(--contact-image-opacity,.43);filter:grayscale(1);transform:translateY(var(--contact-image-y,0px)) scale(1.045);will-change:transform,opacity}
.contact-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,25,27,.20) 0%,rgba(21,25,27,.38) 28%,rgba(21,25,27,.89) 53%,#15191b 78%),linear-gradient(180deg,#15191b 0%,rgba(21,25,27,.10) 24%,rgba(21,25,27,.12) 74%,#15191b 100%)}
.contact-layout{position:relative;z-index:1}
@media(max-width:1050px){.contact-art img{object-position:24% 50%}.contact-art:after{background:linear-gradient(90deg,rgba(21,25,27,.3),rgba(21,25,27,.82) 60%,#15191b 95%),linear-gradient(180deg,#15191b,transparent 25%,#15191b 94%)}}
@media(max-width:760px){.contact-art{height:620px;bottom:auto}.contact-art img{object-position:31% 50%;opacity:.36}.contact-art:after{background:linear-gradient(90deg,rgba(21,25,27,.32),rgba(21,25,27,.48) 65%,rgba(21,25,27,.66)),linear-gradient(180deg,#15191b 0%,rgba(21,25,27,.08) 25%,rgba(21,25,27,.36) 60%,#15191b 94%)}}
@media(prefers-reduced-motion:reduce){.contact-art img{transform:none;will-change:auto;opacity:.38}}
@media(max-width:760px){.contact-art img{opacity:calc(var(--contact-image-opacity,.43) * .84)}}
@media(prefers-reduced-motion:reduce){.contact-art img{opacity:.38}}

/* Version 06: langsamer Markenwechsel, freie Marke und seitenbreite Verbindungen. */
.brand-adaptive .brand-full{clip-path:none;opacity:var(--brand-full-opacity,1);pointer-events:none}
.brand-adaptive .brand-compact{opacity:var(--brand-symbol-opacity,0)}
.introduction{position:relative;isolation:isolate;display:block;width:100%;max-width:none;margin-inline:0;overflow:hidden;border:0}
.intro-layout{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:center}
.introduction .brand-stage{background:none;border:0;overflow:visible;isolation:auto;max-width:450px}
.introduction .brand-stage-mark{position:relative;z-index:1}
.intro-description{position:relative;z-index:1;isolation:isolate}
.intro-description:before{content:"";position:absolute;inset:-50px -60px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(245,245,242,.99) 12%,rgba(245,245,242,.94) 44%,rgba(245,245,242,0) 74%)}
.connection-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none}
.connection-route,.connection-tracer{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.connection-route{stroke:#8d9f94;stroke-width:1.85;opacity:.62}
.route-two{stroke:#a1afa5;stroke-width:1.5;opacity:.55}
.route-three{stroke:#b1bdb3;stroke-width:1.3;opacity:.5}
.connection-tracer{stroke:#607e6b;stroke-width:3.1;stroke-dasharray:.035 .965;opacity:0}
.connection-points{fill:#7f9787;stroke:#f5f5f2;stroke-width:3;opacity:.65}
.js-motion .connection-route{stroke-dashoffset:1}
.js-motion .connection-points{opacity:0}
.js-motion .is-drawing .connection-route{animation:connection-draw 3.2s cubic-bezier(.3,.08,.18,1) both}
.js-motion .is-drawing .route-two{animation-delay:.32s}
.js-motion .is-drawing .route-three{animation-delay:.68s}
.js-motion .is-drawing .connection-tracer{animation:connection-travel 3.2s cubic-bezier(.3,.08,.18,1) both}
.js-motion .is-drawing .tracer-two{animation-delay:.32s}
.js-motion .is-drawing .connection-points{animation:connection-points-in 1.1s 1.25s ease both}
@keyframes connection-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes connection-travel{0%{stroke-dashoffset:1;opacity:0}8%{opacity:.85}86%{opacity:.85}100%{stroke-dashoffset:0;opacity:0}}
@keyframes connection-points-in{from{opacity:0}to{opacity:.65}}
.contact-art img[data-contact-audience]{position:absolute;inset:0;opacity:0;transition:opacity 1.25s ease-in-out}
.contact-art img[data-contact-audience].is-active{opacity:var(--contact-image-opacity,.43)}
@media(max-width:1100px){.intro-layout{grid-template-columns:.78fr 1.22fr;gap:50px}}
@media(max-width:760px){.intro-layout{grid-template-columns:1fr;gap:32px}.introduction .brand-stage{max-width:100%}.connection-route{stroke-width:1.5}.connection-tracer{stroke-width:2.6}.intro-description:before{inset:-45px -25px}.contact-art img[data-contact-audience].is-active{opacity:calc(var(--contact-image-opacity,.43) * .84)}}
@media(prefers-reduced-motion:reduce){.connection-route{stroke-dashoffset:0!important;animation:none!important}.connection-tracer{display:none}.connection-points{opacity:.65!important;animation:none!important}.contact-art img[data-contact-audience]{transition:none!important}.contact-art img[data-contact-audience].is-active{opacity:.38}}
.intro-description:before{background:radial-gradient(ellipse at center,rgba(245,245,242,.99) 0%,rgba(245,245,242,.99) 60%,rgba(245,245,242,.8) 80%,rgba(245,245,242,0) 100%)}

/* Wortmarke wieder einschieben, ohne Transparenzanimation. */
.brand-adaptive .brand-full{clip-path:inset(0 calc(var(--brand-collapse,0) * (100% - 44px)) 0 0);opacity:1;visibility:visible;transform:none}
.brand-adaptive .brand-compact{opacity:1;visibility:hidden;transform:none}
:root.brand-is-compact .brand-adaptive .brand-full{visibility:hidden}
:root.brand-is-compact .brand-adaptive .brand-compact{visibility:visible}
.contact-art img[data-contact-audience=public]{object-position:24% 54%}
@media(max-width:760px){.contact-art img[data-contact-audience=public]{object-position:20% 50%}}

/* Version 07: ruhige, dauerhafte Signale auf den freigehaltenen Routen. */
.js-motion .is-drawing .connection-tracer{animation:connection-signal 9s linear 0s infinite}
.js-motion .is-drawing .tracer-two{animation-duration:11s;animation-delay:2.2s}
.js-motion .is-drawing .tracer-three{animation-duration:13s;animation-delay:4.6s}
@keyframes connection-signal{0%{stroke-dashoffset:1;opacity:0}5%{opacity:.85}95%{opacity:.85}100%{stroke-dashoffset:0;opacity:0}}
.connection-map{visibility:hidden}
.connections-laid-out>.connection-map{visibility:visible}

/* Zwei spiegelgleiche, ruhig laufende Verbindungen. */
.introduction .brand-stage-mark{transform:none!important;will-change:auto}
.js-motion .is-drawing .route-two{animation-delay:0s}
.js-motion .is-drawing .connection-tracer{animation-duration:10s;animation-delay:0s}

/* Freie Schwünge mit geschützten Inhaltsbereichen und ruhigen Dauersignalen. */
.js-motion .is-drawing .connection-tracer{animation-duration:10s;animation-delay:0s}
.js-motion .is-drawing .tracer-two{animation-duration:12s;animation-delay:2s}
.js-motion .is-drawing .tracer-three{animation-duration:14s;animation-delay:4s}
.js-motion .is-drawing .route-two{animation-delay:.32s}