
:root{--bg:#101214;--surface:#171a1d;--text:#f3f2ef;--muted:#a5aaaf;--line:#ffffff18;--orange:#ff8c32;--wrap:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:6px}::selection{background:#ff8c3240}.wrap{width:min(100% - 64px,var(--wrap));margin-inline:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}h1,h2{letter-spacing:-.055em;line-height:1.04}h1{font-size:clamp(52px,5.9vw,86px)}h2{font-size:clamp(36px,4.1vw,58px)}h3{font-size:23px;line-height:1.25;letter-spacing:-.025em}em{font-style:normal;color:var(--orange)}p{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;line-height:1.5;color:var(--orange);margin-bottom:25px}.skip{position:fixed;left:16px;top:-100px;z-index:100;background:var(--orange);color:#111;padding:10px 18px}.skip:focus{top:12px}.header{position:sticky;top:0;z-index:30;background:#101214f5;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:98px;gap:28px}.brand{display:block;flex:none}.brand-symbol{display:block;width:66px;height:69px;position:relative;overflow:hidden}.brand-symbol img{position:absolute;width:140px;height:140px;max-width:none;left:-36px;top:-19px;mix-blend-mode:lighten}nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:600}nav a{padding:10px 0;color:#c5c7c9;transition:color .18s}nav a:hover,nav a[aria-current]{color:var(--orange)}nav .nav-contact{color:var(--text);border:1px solid #ffffff30;border-radius:5px;padding:11px 16px;display:flex;gap:25px;align-items:center}nav .nav-contact:hover{border-color:var(--orange)}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 86% 32%,#4f2e1b45,transparent 48%),linear-gradient(120deg,#101214,#131619)}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:28px;padding-block:82px 64px;min-height:620px}.hero-copy{position:relative;z-index:2}.hero .eyebrow{display:flex;align-items:center;gap:10px;color:#c8b8a9}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--orange)}.hero-description{max-width:480px;margin-top:28px;font-size:16px;line-height:1.85}.actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 21px;border-radius:5px;font-size:13px;font-weight:700;transition:background .18s,transform .18s}.button.primary{background:var(--orange);color:#141414}.button.primary:hover{background:#ffa65e;transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:17px;font-size:12px;font-weight:600;line-height:1.5}.text-link:hover{color:var(--orange)}.hero-note{display:flex;align-items:center;gap:15px;margin-top:43px;color:#747c83;font-size:10px;line-height:1.8}.hero-note strong{font-weight:400;color:#b9bec2}.rule{width:30px;height:1px;background:#59616a}.hero-art{position:relative;min-width:0;isolation:isolate;display:grid;place-items:center;align-self:stretch}.hero-logo{width:100%;max-width:510px;height:auto;mix-blend-mode:lighten;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect;z-index:1}.orbit{position:absolute;inset:16% 3%;border:1px solid #ff8c321a;border-radius:50%;transform:rotate(-28deg);z-index:-1}.orbit-two{inset:5% 15%;transform:rotate(31deg);border-color:#ffffff07}.art-label{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:space-between;gap:12px;color:#6e757c;font-size:8px;letter-spacing:.13em}.capabilities{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-block:24px;color:#969da3;font-size:10px;letter-spacing:.11em;text-transform:uppercase}.capabilities span+span:before{content:'+';margin-right:22px;color:var(--orange)}.section{padding-block:105px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:43px}.section-heading .eyebrow{margin-bottom:18px}.section-intro{max-width:310px;font-size:13px;line-height:1.85;margin-bottom:2px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{background:linear-gradient(145deg,#1b1f22,#15181b);border:1px solid var(--line);border-radius:8px;padding:30px 28px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.service-card:hover{border-color:#ff8c3255;transform:translateY(-4px)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:42px}.icon{color:var(--orange);width:30px;height:30px}.icon svg{width:100%;height:100%}.index{color:#69727a;font-size:10px}.service-card h3{margin-bottom:17px}.service-card p{font-size:13px;line-height:1.85;flex:1}.service-card>a{border-top:1px solid var(--line);padding-top:20px;margin-top:29px;font-size:11px;display:flex;justify-content:space-between;gap:16px}.service-card>a span{color:var(--orange)}.applications{padding-top:5px}.application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.application-card{padding-top:24px;border-top:1px solid #ffffff30}.application-number{font-size:9px;letter-spacing:.14em;color:#6f7982}.application-card h3{font-size:21px;margin-block:24px 14px}.application-card p{font-size:13px;max-width:290px;min-height:70px}.application-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#6f7982;padding-top:23px;margin-top:22px;border-top:1px solid var(--line)}.application-bottom>span:last-child{color:var(--orange);font-size:18px}.process{background:#191d20;border-block:1px solid var(--line)}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.steps li{border-top:1px solid #ffffff25;padding-top:25px}.step-number{color:var(--orange);font-size:11px}.steps h3{font-size:20px;margin-block:25px 15px}.steps p{font-size:13px;line-height:1.85}.business-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.business h2{margin-bottom:27px}.business p{max-width:480px;font-size:14px;line-height:1.85;margin-bottom:19px}.business .text-link{margin-top:14px;color:var(--text)}.materials-panel{padding:34px;border:1px solid #ffffff25;border-radius:8px;background:radial-gradient(ellipse at top right,#57341c38,transparent 60%),#181b1e}.panel-heading{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#9da4aa;margin-bottom:35px}.panel-heading>span:last-child{color:var(--orange);font-size:18px}.materials-panel h3{font-size:30px;line-height:1.2}.material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-block:28px 22px;gap:8px}.material-grid span{border:1px solid #ffffff20;padding:17px 5px;text-align:center;font-size:13px;font-weight:600;color:#dbdcd9;background:#ffffff03;border-radius:4px}.materials-panel p{font-size:12px;max-width:350px}.panel-foot{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em;border-top:1px solid var(--line);padding-top:19px;margin-top:28px;color:#89929a}.panel-foot span{color:var(--orange)}.contact{background:radial-gradient(ellipse at 15% 100%,#55311933,transparent 50%),#191d20;border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:100px;align-items:center}.contact h2{margin-bottom:25px}.contact p{font-size:13px;line-height:1.9}.contact-email{display:inline-flex;align-items:center;gap:25px;color:var(--orange);font-size:clamp(20px,2.6vw,32px);line-height:1.5;letter-spacing:-.025em;margin-top:30px;border-bottom:1px solid #ff8c3260;padding-bottom:9px;overflow-wrap:anywhere}.contact-email:hover{color:#ffb375}.brief{border-left:1px solid #ffffff25;padding-left:35px}.brief h3{font-size:15px;margin-bottom:23px}.brief ul{list-style:none;padding:0;margin:0 0 22px;color:#bfc3c6;font-size:12px}.brief li{margin-bottom:13px;padding-left:20px;position:relative}.brief li:before{content:'+';position:absolute;left:0;color:var(--orange)}.brief p{font-size:11px;max-width:270px;color:#78828a}footer{background:#0c0e10}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-block:40px}.footer-top strong{font-size:14px;letter-spacing:.03em}.footer-top p{font-size:10px;margin-top:12px;color:#757e85;line-height:1.9}.back-top{font-size:10px;color:#9ba1a6;display:flex;gap:18px;align-items:flex-start;padding-top:3px}.footer-bottom{border-top:1px solid var(--line);padding-block:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:#69747d}.footer-bottom div{display:flex;gap:24px}.footer-bottom a:hover,.back-top:hover{color:var(--orange)}
@media(min-width:1500px){.hero-grid{padding-block:95px 80px;min-height:670px}}@media(max-width:1000px){nav{gap:20px;font-size:11px}.business-grid,.contact-grid{gap:50px}.hero-grid{gap:15px}.service-card{padding:25px 21px}.actions{gap:20px}.capabilities{font-size:9px}.capabilities span+span:before{margin-right:10px}}@media(max-width:760px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:80px;position:relative}.brand-symbol{width:55px;height:58px}.brand-symbol img{width:118px;height:118px;left:-31px;top:-16px}.menu-toggle{display:flex;align-items:center;gap:15px;background:none;border:1px solid #ffffff25;border-radius:4px;padding:8px 11px;color:#ddd;font-size:11px}.menu-lines{width:15px;height:10px;display:block;border-block:1px solid currentColor}.header nav{display:none;position:absolute;top:100%;left:-20px;right:-20px;background:#161a1d;border-bottom:1px solid #ffffff25;padding:18px 20px 25px;flex-direction:column;align-items:stretch;gap:2px;font-size:13px;box-shadow:0 15px 25px #0004}.header nav.is-open{display:flex}.header nav>a{padding:12px 10px}.header nav .nav-contact{margin-top:9px;justify-content:space-between;padding:13px 14px}.hero-grid{grid-template-columns:1fr;padding-block:55px 35px;min-height:0;gap:10px}h1{font-size:clamp(46px,9vw,66px)}h2{font-size:clamp(34px,7vw,44px)}.hero .eyebrow{font-size:8px;letter-spacing:.12em}.hero-description{font-size:14px;max-width:460px;margin-top:24px}.actions{gap:24px;margin-top:29px}.button{font-size:12px;padding:14px 18px;gap:25px}.hero-note{margin-top:29px}.hero-art{min-height:0;max-width:400px;width:100%;margin:0 auto}.hero-logo{max-width:360px}.art-label{display:none}.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-block:20px;font-size:8px}.capabilities span+span:before{display:none}.capabilities span:before{content:'+';margin-right:10px;color:var(--orange)}.section{padding-block:67px}.section-heading{display:block;margin-bottom:32px}.section-intro{max-width:450px;margin-top:23px;font-size:12px}.section-heading .eyebrow{margin-bottom:15px}.service-grid{grid-template-columns:1fr;gap:13px}.service-card{padding:26px}.card-top{margin-bottom:26px}.service-card h3{font-size:23px}.service-card p{max-width:500px}.service-card>a{margin-top:23px}.application-grid{grid-template-columns:1fr;gap:26px}.applications{padding-top:0}.application-card p{min-height:0;max-width:450px}.application-card h3{margin-top:18px}.application-bottom{margin-top:18px;padding-top:16px}.steps{grid-template-columns:1fr;gap:30px}.steps li{display:grid;grid-template-columns:35px 1fr;column-gap:14px;padding-top:20px}.step-number{grid-row:1 / 3;padding-top:2px}.steps h3{margin:0 0 12px}.steps p{grid-column:2;max-width:460px}.business-grid,.contact-grid{grid-template-columns:1fr;gap:36px}.business .eyebrow{margin-bottom:19px}.business p{font-size:13px}.materials-panel{padding:26px}.material-grid span{font-size:12px;padding:14px 4px}.contact h2{font-size:clamp(34px,7vw,46px)}.contact-email{font-size:clamp(19px,5.3vw,29px);gap:16px}.brief{border-left:none;border-top:1px solid #ffffff25;padding:27px 0 0}.brief p{max-width:420px}.footer-top{padding-block:30px;gap:20px}.footer-bottom{flex-wrap:wrap;font-size:9px;gap:15px}.footer-bottom>span:last-child{display:none}.back-top{font-size:9px;gap:10px}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.more-materials{display:block;color:#e5e3df;font-weight:600;margin-bottom:8px}
/* Klarere Lesbarkeit und reduzierte Logo-Darstellung */
:root{--muted:#b7bdc2}body{font-size:18px}nav{font-size:15px;gap:28px}.header-inner{min-height:108px}.brand-symbol{width:80px;height:82px}.brand-symbol img{width:169px;height:169px;left:-44px;top:-23px}.hero-art{isolation:auto;min-height:410px}.hero-emblem{position:relative;width:clamp(260px,28vw,360px);aspect-ratio:84 / 86;overflow:hidden}.hero-emblem .hero-logo{position:absolute;width:210.715%;max-width:none;height:auto;left:-54.762%;top:-27.907%;mask-image:none;mix-blend-mode:lighten;z-index:auto}.orbit,.art-label{display:none}.hero-description{font-size:19px;line-height:1.75;max-width:540px}.hero .eyebrow,.eyebrow{font-size:12px;letter-spacing:.13em}.hero-note{font-size:13px;color:#a1aab1}.hero-note strong{color:#c8cdd1}.button{font-size:16px}.text-link{font-size:15px}.capabilities{font-size:12px;color:#b2b8bd;letter-spacing:.06em}.section-intro{font-size:16px;max-width:350px}.service-card h3{font-size:26px}.service-card p,.application-card p,.steps p{font-size:16px;line-height:1.8}.service-card>a{font-size:14px}.index,.step-number,.application-number{font-size:12px}.application-card h3,.steps h3{font-size:24px}.application-card p{min-height:88px}.application-bottom{font-size:11px;color:#a3adb5}.business p{font-size:17px}.materials-panel p{font-size:15px}.material-grid span{font-size:17px}.panel-heading{font-size:12px}.panel-foot{font-size:11px;color:#a3adb5}.contact p{font-size:16px}.brief h3{font-size:19px}.brief ul{font-size:16px}.brief p{font-size:14px;color:#a0aab2}.footer-top strong{font-size:18px}.footer-top p,.back-top,.footer-bottom{font-size:13px}.footer-top p,.footer-bottom{color:#a1aab2}.contact-email{font-size:clamp(25px,2.7vw,35px)}
@media(max-width:1000px) and (min-width:761px){nav{gap:16px;font-size:13px}.capabilities{font-size:10px}.hero-description{font-size:17px}.section-intro{max-width:300px}.hero-emblem{width:280px}}
@media(max-width:760px){body{font-size:17px}.header-inner{min-height:88px}.brand-symbol{width:64px;height:66px}.brand-symbol img{width:135px;height:135px;left:-35px;top:-18px}.menu-toggle{font-size:14px;padding:9px 13px}.header nav{font-size:16px}.hero .eyebrow,.eyebrow{font-size:11px}.hero-description{font-size:17px;line-height:1.75}.button{font-size:16px}.text-link{font-size:15px}.hero-note{font-size:12px}.hero-art{min-height:310px;margin-top:20px}.hero-emblem{width:260px}.capabilities{font-size:11px;letter-spacing:.03em}.section-intro{font-size:16px}.service-card p,.application-card p,.steps p,.business p{font-size:16px}.service-card>a{font-size:14px}.service-card h3,.application-card h3,.steps h3{font-size:24px}.application-card p{min-height:0}.application-bottom{font-size:11px}.material-grid span{font-size:16px}.materials-panel p{font-size:15px}.panel-foot{font-size:10px;letter-spacing:.05em}.contact p,.brief ul{font-size:16px}.brief p{font-size:14px}.contact-email{font-size:clamp(21px,5.7vw,29px);gap:14px}.footer-top{flex-direction:column;gap:20px}.footer-top p,.back-top,.footer-bottom{font-size:12px}}
.hero-grid{display:block;min-height:0;padding-block:90px 75px}.hero-copy{max-width:980px}.hero h1{font-size:clamp(60px,6.5vw,96px)}.hero-description{max-width:680px}.hero-note{margin-top:37px}.hero{background:radial-gradient(ellipse at 95% 50%,#4f2e1b35,transparent 55%),#121518}@media(max-width:760px){.hero-grid{padding-block:52px 44px}.hero h1{font-size:clamp(43px,8.8vw,62px)}.hero-description{max-width:100%}.hero-note{margin-top:30px}}

.footer-bottom{flex-wrap:wrap}.footer-bottom div{flex-wrap:wrap;gap:14px 22px}@media(max-width:760px){.footer-bottom>div{width:100%}}
