:root{--orange:#f39200;--ink:#0c1110;--deep:#101715;--white:#fff;--muted:#64706d;--line:#dee3df;--pale:#f6f7f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 'DM Sans',Arial,sans-serif;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:-.055em}h2{font-size:clamp(2.8rem,5.2vw,5.5rem);font-weight:600;line-height:1.08}h3{line-height:1.22}.container{width:min(1400px,100%);margin:auto;padding:0 58px}.orange{color:var(--orange)}.site-header{position:fixed;inset:0 0 auto;background:rgba(12,17,16,.95);backdrop-filter:blur(18px);z-index:100;border-bottom:1px solid #ffffff19}.site-header.scrolled{box-shadow:0 10px 35px #0005}.nav{height:110px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;width:182px;flex:0 0 182px;height:88px;overflow:hidden}.brand img{width:182px;height:auto;object-fit:contain}.nav nav{margin-left:auto;display:flex;align-items:center;gap:30px}.nav nav a{color:#eee;font-size:13px;font-weight:600}.nav nav a:hover,.up:hover{color:var(--orange)}.nav-action{padding:14px 19px;border:1px solid #f3920077;color:var(--orange);font-size:13px;font-weight:700;white-space:nowrap}.nav-action span{padding-left:15px}.menu{display:none}.hero{position:relative;background:var(--ink);color:white;padding:190px 0 36px;min-height:890px;overflow:hidden}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:95px 95px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:25px}.hero-content{position:relative;z-index:2}.kicker,.section-index{font-size:11px;font-weight:700;letter-spacing:.19em}.kicker{display:flex;align-items:center;gap:14px;color:#b1b9b5;margin-bottom:30px}.dot{height:9px;width:9px;border-radius:100%;background:var(--orange);box-shadow:0 0 0 5px #f3920020}.hero h1{font-size:clamp(3.1rem,5vw,5.6rem);line-height:1.11;margin-bottom:29px;font-weight:600}.hero h1 em{font-style:normal;color:var(--orange)}.intro{max-width:650px;color:#acb6b1;font-size:16px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid transparent;padding:16px 22px;min-height:55px;font-size:13px;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-3px)}.primary{background:var(--orange);color:#111}.primary:hover{background:#ffac22}.outline{border-color:#ffffff66;color:white}.outline:hover{border-color:var(--orange)}.hero-foot{margin-top:58px;border-left:2px solid var(--orange);padding-left:15px;color:#99a29d;font-size:11px;letter-spacing:.16em}.hero-foot span{color:var(--orange);padding:0 10px}.hero-art{min-height:550px;display:flex;align-items:center;justify-content:center;position:relative;transform:translateX(15px)}.orbit{position:absolute;border-radius:50%;aspect-ratio:1;border:1px solid #f392002b}.orbit-a{width:min(100%,460px);box-shadow:0 0 0 52px #ffffff03,0 0 0 104px #ffffff02;animation:turn 30s linear infinite}.orbit-a:before,.orbit-a:after{content:'';position:absolute;border-radius:50%;background:var(--orange);width:7px;height:7px;top:13%;left:14%;box-shadow:0 0 20px #f39200aa}.orbit-a:after{top:auto;left:auto;right:13%;bottom:13%}.orbit-b{width:350px;border-style:dashed;border-color:#f3920060;animation:turn 38s linear infinite reverse}.orbit-c{width:255px;border-color:#ffffff23;box-shadow:0 0 55px #f3920010}.center-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#f392003d,transparent 70%)}.orange-mark{position:relative;font:bold clamp(7rem,13vw,12.5rem)/1 'Space Grotesk';letter-spacing:-.1em;color:var(--orange);text-shadow:0 0 65px #f3920040;animation:rise .9s ease both}.orange-mark span{font-size:.55em;vertical-align:top;letter-spacing:0}.art-label{position:absolute;color:#b8c0b8;letter-spacing:.2em;font-size:10px}.art-label b{color:var(--orange)}.l1{left:3%;top:20%}.l2{right:1%;bottom:18%}.spark{position:absolute;color:var(--orange);font-size:25px}.s1{top:9%;right:21%}.s2{bottom:9%;left:24%}.hero-bottom{position:relative;display:flex;justify-content:space-between;color:#6d7a73;font-size:10px;letter-spacing:.15em;padding-top:55px}.section{padding:125px 0}.light{background:var(--pale)}.section-index{color:#717a75;margin-bottom:28px}.section-index.on-dark{color:#afb5ae}.section-top{display:grid;grid-template-columns:1fr .67fr;gap:100px;align-items:end;margin-bottom:70px}.section-top h2{margin:0}.section-lede{color:var(--muted);margin-bottom:5px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service{background:#fff;border:1px solid #e6eae5;min-height:365px;padding:26px;display:flex;flex-direction:column;transition:.25s}.service:hover{background:var(--ink);color:#fff;transform:translateY(-5px);border-color:var(--ink)}.service-id{color:var(--orange);font-size:11px;font-weight:700}.service-icon{font-size:42px;color:var(--orange);margin:28px 0 20px;line-height:1}.service h3{font-size:24px;margin-bottom:15px}.service p{font-size:13px;color:#6b756e;line-height:1.7;margin-bottom:30px}.service:hover p{color:#bfc9c2}.service a{font-size:12px;font-weight:700;margin-top:auto;display:flex;justify-content:space-between}.service a span{color:var(--orange);font-size:19px}.marquee-section{background:var(--orange);padding:22px 0;overflow:hidden}.marquee-track{display:flex;align-items:center;gap:38px;width:max-content;font:bold 27px 'Space Grotesk';letter-spacing:-.025em;animation:marquee 25s linear infinite}.marquee-track b{font-size:25px;color:#fff}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:125px}.about-grid h2{margin-bottom:35px}.about-lede{color:#64706d;max-width:550px;font-size:17px;line-height:1.75}.text-cta{display:inline-flex;align-items:center;gap:24px;padding-bottom:10px;border-bottom:2px solid var(--orange);font-weight:700;font-size:13px;margin-top:15px}.text-cta span{color:var(--orange)}.about-side{padding-top:58px}.principle{border-top:1px solid var(--line);display:grid;grid-template-columns:54px 1fr;gap:18px;padding:24px 0}.principle:last-child{border-bottom:1px solid var(--line)}.principle>span{color:var(--orange);font-size:12px;font-weight:700}.principle h3{font-size:24px;margin-bottom:10px}.principle p{color:#66706a;font-size:14px;margin-bottom:0}.workflow{background:#131b17;color:#fff}.workflow-grid{display:grid;grid-template-columns:1fr .8fr;gap:120px}.workflow-grid h2{margin:0 0 27px}.workflow-grid>div>p:last-child{color:#b8c3ba;max-width:550px}.steps>div{display:grid;grid-template-columns:55px 1fr;gap:0 15px;border-top:1px solid #ffffff30;padding:24px 0}.steps>div>span{grid-row:span 2;color:var(--orange);font-size:12px}.steps strong{font:600 21px 'Space Grotesk'}.steps p{color:#b8c3ba;font-size:14px;margin:8px 0 0}.callout{margin-top:70px;background:var(--orange);color:#101410;padding:38px 45px;display:flex;align-items:center;justify-content:space-between;gap:30px}.callout>div>span{font-size:11px;letter-spacing:.18em;font-weight:700}.callout h3{font-size:clamp(1.8rem,3vw,3rem);margin:15px 0 0}.btn.dark{background:#101510;color:#fff;white-space:nowrap}.contact{background:#0c1210;color:#fff}.contact-heading{display:grid;grid-template-columns:1fr .55fr;gap:100px;align-items:end;margin-bottom:65px}.contact-heading h2{margin:0}.contact-heading p{color:#bec8c0;font-size:16px}.contact-grid{display:grid;grid-template-columns:1fr .7fr;gap:90px;border-top:1px solid #ffffff35;padding-top:50px}.contact-grid h3{font-size:28px;margin-bottom:28px}.contact-form .fields{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}.contact-form label{display:block;margin-bottom:20px;color:#bbc6bd;font-size:12px;font-weight:700}.contact-form input:not([type=checkbox]),.contact-form textarea{width:100%;display:block;background:#19231c;color:#fff;border:1px solid #3b473d;border-radius:0;padding:14px 16px;margin-top:8px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--orange)}.contact-form textarea{resize:vertical}.contact-form .privacy{display:flex;gap:12px;align-items:flex-start;font-size:11px;font-weight:400}.privacy input{margin-top:4px;accent-color:var(--orange)}.privacy a{text-decoration:underline}.form-hint{color:#9ca79f;font-size:11px;line-height:1.7;margin:16px 0}.contact-info{padding:32px;background:#17211a;align-self:start}.contact-info>p{color:#a9b5aa}.info-line{padding:21px 0;border-top:1px solid #ffffff22}.info-line small{color:var(--orange);font-size:10px;letter-spacing:.18em;display:block;margin-bottom:9px}.info-line strong{font-size:16px}.info-line a{color:var(--orange);font-weight:700}.info-line p{font-size:13px;color:#bbc6bd;margin:0}.info-accent{font:700 52px 'Space Grotesk';color:var(--orange);border-top:1px solid #ffffff22;padding-top:22px}.info-accent span{font:700 10px 'DM Sans';letter-spacing:.12em;color:#fff}footer{background:#080c0a;color:white;padding:54px 0 25px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:50px}.footer-brand{width:200px}.footer-brand img{width:100%}.footer-inner p{font-size:13px;color:#b0bbb1}.up{color:var(--orange);font-size:11px;letter-spacing:.14em}.footer-bottom{border-top:1px solid #ffffff1c;padding-top:23px;display:flex;justify-content:space-between;color:#7c887e;font-size:11px}.footer-bottom div{display:flex;gap:22px}@keyframes turn{to{transform:rotate(360deg)}}@keyframes rise{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1150px){.container{padding:0 32px}.nav nav{gap:18px}.hero h1{font-size:clamp(3rem,5vw,5rem)}.hero-art{transform:none}.services{grid-template-columns:repeat(2,1fr)}.about-grid,.workflow-grid{gap:65px}.contact-grid{gap:45px}}
@media(max-width:800px){.nav{height:82px}.brand{width:135px;flex-basis:135px;height:70px}.brand img{width:135px}.nav-action{display:none}.menu{display:block;margin-left:auto;width:42px;height:42px;border:0;background:transparent}.menu span{display:block;background:#fff;height:2px;width:26px;margin:7px auto}.nav nav{display:none;position:absolute;top:82px;left:0;right:0;padding:28px 32px;background:#101713;flex-direction:column;align-items:flex-start;gap:20px}.nav nav.open{display:flex}.hero{padding:145px 0 38px}.hero-inner,.section-top,.about-grid,.workflow-grid,.contact-heading,.contact-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(2.8rem,7.8vw,5.4rem)}.hero-art{min-height:370px;max-width:500px;width:100%;margin:10px auto 0}.orbit-a{width:min(92%,380px)}.orbit-b{width:270px}.orbit-c{width:190px}.center-glow{width:190px;height:190px}.orange-mark{font-size:8rem}.section{padding:85px 0}.section-top{margin-bottom:35px}.section-lede{max-width:650px}.about-side{padding-top:0}.contact-heading{gap:20px}.footer-inner{flex-wrap:wrap}.callout{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.container{padding:0 20px}.hero h1{font-size:clamp(2.3rem,10vw,3.5rem)}.actions{flex-direction:column}.actions .btn{width:100%}.hero-bottom span:last-child{display:none}.services,.contact-form .fields{grid-template-columns:1fr}.service{min-height:285px}.hero-art{min-height:295px}.orbit-a{width:270px}.orbit-b{width:215px}.orbit-c{width:150px}.orange-mark{font-size:5.9rem}.l1,.l2{display:none}.callout{padding:26px}.footer-bottom{flex-direction:column;gap:20px}.footer-inner{gap:15px}.footer-inner p{flex-basis:100%}.contact-info{padding:25px}.info-accent{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit,.marquee-track,.orange-mark{animation:none!important}}

/* Header logo: complete original artwork with room for descender and 360 mark */
@media (min-width:801px){
  .nav{height:130px}
  .brand{width:220px;flex:0 0 220px;height:auto;min-height:112px;overflow:visible;justify-content:flex-start}
  .brand img{width:210px;height:auto;max-height:112px;object-fit:contain}
  .hero{padding-top:205px}
}
@media (max-width:800px){
  .brand{height:auto;min-height:70px;overflow:visible}
  .brand img{width:135px;height:auto;max-height:72px;object-fit:contain}
}
/* Fixed 3-line desktop headline, with enlarged text area */
@media (min-width:801px){
  .hero-inner{grid-template-columns:minmax(0,1.48fr) minmax(0,.52fr);gap:16px}
  .hero h1{font-size:clamp(2.95rem,4.2vw,4.7rem);line-height:1.14;letter-spacing:-.06em}
  .hero-line{display:block;white-space:nowrap}
  .hero-art{transform:translateX(35px)}
}
@media (min-width:801px) and (max-width:1150px){
  .hero h1{font-size:clamp(2.65rem,4.15vw,3.5rem)}
  .hero-art{transform:translateX(16px)}
}
@media (max-width:800px){
  .hero-line{display:block}
}

/* Original 360° mark, isolated from supplied image (transparent PNG). */
.orange-mark-original{display:block;width:min(92%,430px);max-width:100%;height:auto;object-fit:contain;letter-spacing:normal;filter:drop-shadow(0 0 36px #f3920035);text-shadow:none;flex-shrink:0}
@media(max-width:760px){.orange-mark-original{width:min(88%,380px)}}

/* Zweizeilige Zwischenueberschriften: Desktop fix, mobil flexibel */
.two-line-title .title-line{display:block;white-space:nowrap}
.about-grid .two-line-title{font-size:clamp(2rem,3.15vw,3.2rem);letter-spacing:-.055em}
.workflow-grid .two-line-title{font-size:clamp(2.4rem,4vw,4.1rem);letter-spacing:-.055em}
@media(max-width:800px){.two-line-title .title-line{white-space:normal}.about-grid .two-line-title,.workflow-grid .two-line-title{font-size:clamp(2.3rem,7vw,4rem)}}

/* Einheitliche Typografie: Alle Abschnitts-H2 entsprechen der Hero-H1. */
@media (min-width:1151px){
  .hero h1,
  .section h2,
  .about-grid .two-line-title,
  .workflow-grid .two-line-title,
  .contact-heading h2{font-size:clamp(2.95rem,4.2vw,4.7rem);line-height:1.14;letter-spacing:-.06em;font-weight:600}
}
@media (min-width:801px) and (max-width:1150px){
  .hero h1,
  .section h2,
  .about-grid .two-line-title,
  .workflow-grid .two-line-title,
  .contact-heading h2{font-size:clamp(2.65rem,4.15vw,3.5rem);line-height:1.14;letter-spacing:-.06em;font-weight:600}
}
@media (max-width:800px){
  .hero h1,
  .section h2,
  .about-grid .two-line-title,
  .workflow-grid .two-line-title,
  .contact-heading h2{font-size:clamp(2.8rem,7.8vw,5.4rem);line-height:1.14;letter-spacing:-.06em;font-weight:600}
}
@media (max-width:520px){
  .hero h1,
  .section h2,
  .about-grid .two-line-title,
  .workflow-grid .two-line-title,
  .contact-heading h2{font-size:clamp(2.3rem,10vw,3.5rem)}
}
/* Lange Zeilen auf schmalen Ansichten umbrechen statt abschneiden. */
.two-line-title .title-line{white-space:normal;overflow-wrap:normal}

/* Unser Anspruch: exakt drei Zeilen auf Desktop. */
@media(min-width:801px){.about-grid .three-line-title .title-line{display:block;white-space:nowrap}}
@media(max-width:800px){.about-grid .three-line-title .title-line{display:block;white-space:normal}}

/* crewX Unternehmensgruppe im Footer */
.group-affiliation{border-top:1px solid #ffffff24;padding-top:38px;padding-bottom:38px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.group-affiliation-copy{max-width:440px}
.group-affiliation-kicker{color:#f39200;font-size:11px;font-weight:700;letter-spacing:.18em}
.group-affiliation-copy p{margin:12px 0 0;color:#d8dfd9;font-size:16px;line-height:1.55}
.group-affiliation-copy strong{color:#fff}
.group-affiliation img{width:min(100%,340px);height:auto;max-height:190px;object-fit:contain;object-position:center right;flex-shrink:0}
@media(max-width:760px){.group-affiliation{flex-direction:column;align-items:flex-start;gap:20px;padding-top:30px;padding-bottom:30px}.group-affiliation img{width:min(100%,310px);max-height:none;object-position:left center}}


/* Rechtliche Unterseiten */
.legal-main{background:var(--pale);min-height:70vh}.legal-hero{background:var(--ink);color:#fff;padding:220px 0 80px}.legal-hero h1{font-size:clamp(3rem,7vw,6.7rem);line-height:1;margin:0 0 22px}.legal-hero>div>p:last-child{color:#aeb8b2;max-width:620px}.legal-section{padding:90px 0 120px}.legal-grid{display:grid;grid-template-columns:240px minmax(0,850px);gap:90px;align-items:start}.legal-nav{position:sticky;top:160px;display:flex;flex-direction:column;border-top:1px solid var(--line)}.legal-nav span{font-size:10px;letter-spacing:.18em;color:#778079;font-weight:700;padding:18px 0 12px}.legal-nav a{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:700}.legal-nav a:hover{color:var(--orange)}.legal-copy{background:#fff;border:1px solid #e5e9e5;padding:clamp(28px,5vw,64px)}.legal-copy h2{font-size:clamp(2.2rem,4vw,4rem);margin-bottom:30px}.legal-copy h3{font-size:22px;margin:38px 0 10px}.legal-copy p{color:#5d6862;line-height:1.8}.legal-copy a{color:#bc7000;text-decoration:underline}.legal-table{margin:28px 0;border-top:1px solid var(--line)}.legal-table>div{display:grid;grid-template-columns:180px 1fr;gap:25px;padding:18px 0;border-bottom:1px solid var(--line)}.legal-table span{color:#5d6862}.cookie-notice{position:fixed;left:24px;right:24px;bottom:24px;z-index:300;background:#121a16;color:#fff;border:1px solid #ffffff24;box-shadow:0 18px 50px #0008;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:980px;margin:auto}.cookie-notice[hidden]{display:none}.cookie-notice strong{font-family:'Space Grotesk',Arial,sans-serif}.cookie-notice p{margin:4px 0 0;color:#b9c3bc;font-size:13px}.cookie-notice a{color:var(--orange);text-decoration:underline}.cookie-notice button{border:0;background:var(--orange);color:#111;padding:12px 18px;font-weight:700;white-space:nowrap}.footer-bottom div{flex-wrap:wrap}
@media(max-width:800px){.legal-hero{padding:150px 0 55px}.legal-section{padding:55px 0 80px}.legal-grid{grid-template-columns:1fr;gap:30px}.legal-nav{position:static}.legal-copy{padding:28px}.cookie-notice{left:14px;right:14px;bottom:14px;align-items:flex-start;flex-direction:column;gap:14px}.cookie-notice button{width:100%}.legal-table>div{grid-template-columns:1fr;gap:5px}}