:root{--red:#ee0015;--ink:#1b242b;--muted:#535b62;--paper:#f1f4f6;--line:#d6dce0;--gutter:clamp(24px,5.1vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:1.0625rem;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.06;letter-spacing:-.045em}h2{font-size:clamp(1.875rem,3.7vw,3.625rem);font-weight:800}h3{font-size:clamp(1.6875rem,3vw,2.875rem);font-weight:800}p+p{margin-top:1em}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #1258b3;outline-offset:6px}a:hover{color:var(--red)}.skip{position:fixed;left:20px;top:-100px;z-index:20;background:white;padding:12px 20px}.skip:focus{top:10px}.site-header{height:104px;padding:12px var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10;background:#fff}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:72px;height:70px;object-fit:contain}.brand-type{font-weight:950;font-size:1.6875rem;line-height:.99;letter-spacing:-1px}.brand-type span{display:block;color:var(--red)}.nav{display:flex;align-items:center;gap:36px;font-size:1rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:54px;padding:13px 28px;background:var(--red);color:#fff;font-weight:700;border:1px solid var(--red);transition:background .2s,transform .2s}.button:hover{background:#c60012;color:#fff;transform:translateY(-2px)}.nav .button{margin-left:6px;min-width:168px}.arrow{font-size:1.5rem;font-weight:400;line-height:1}.menu-toggle{display:none;background:#fff;border:1px solid var(--line);padding:8px 14px;color:var(--ink)}.hero{min-height:640px;position:relative;display:grid;grid-template-columns:53% 47%;isolation:isolate}.hero-content{padding:clamp(55px,6vw,96px) 0 64px var(--gutter);position:relative;z-index:2;align-self:center}.eyebrow{font-size:0.8125rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;margin-bottom:17px}.hero h1{font-size:clamp(3rem,6.15vw,7rem);font-weight:950;line-height:.91;letter-spacing:-.06em;margin-left:0;text-align:left}.hero h1 span{display:block;color:var(--red)}.hero-content>p:not(.eyebrow){max-width:540px;margin-top:26px;padding-right:24px;line-height:1.5;font-size:clamp(1.0625rem,1.45vw,1.375rem)}.actions{display:flex;align-items:center;gap:32px;margin-top:30px;flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;gap:24px;border-bottom:2px solid var(--red);padding:5px 0;font-size:1rem}.hero-visual{position:relative;grid-column:2;grid-row:1;min-width:0}.hero-visual:before{content:'';position:absolute;top:0;left:-85px;width:160px;height:230px;transform:skew(-16deg);background:var(--red);z-index:-1}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:57% center;clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}.hero-visual figcaption{position:absolute;bottom:10px;right:16px;color:#fff;text-shadow:0 1px 5px #000;font-size:0.75rem;background:#172028b3;padding:2px 7px}.intro{padding:62px var(--gutter) 52px;display:grid;grid-template-columns:64px 1fr;gap:28px}.section-dash{width:64px;height:4px;background:var(--red);margin-top:24px}.intro p{font-size:clamp(1.125rem,1.75vw,1.5625rem);line-height:1.5;max-width:990px;margin-top:18px}.services{display:grid;grid-template-columns:44% 1fr;gap:30px;padding-bottom:32px}.service{min-width:0;position:relative}.service-network{grid-row:span 2}.service-image{height:200px;position:relative;overflow:hidden;background:#e5e9ec}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.service:hover img{transform:scale(1.025)}.service-network .service-image{height:480px}.service-copy{padding:16px 24px 12px}.service-network .service-copy{margin-top:-60px;position:relative;background:#fff;clip-path:polygon(0 0,30% 0,100% 50px,100% 100%,0 100%);padding:75px 24px 16px var(--gutter)}.service-network:after{content:'';position:absolute;bottom:0;left:0;width:32px;height:142px;background:var(--red);clip-path:polygon(65% 0,100% 0,30% 100%,0 100%)}.service-electric .service-image{clip-path:polygon(0 0,95% 0,100% 100%,0 100%)}.service-cinema .service-image{clip-path:polygon(0 0,100% 0,100% 100%,0 83%)}.service h3{margin-bottom:5px}.image-note{font-size:0.75rem;color:var(--muted);padding:0 var(--gutter) 28px;text-align:right}.list-section{padding:50px var(--gutter) 60px;background:var(--paper)}.heading-row{display:flex;gap:32px;align-items:flex-start;margin-bottom:27px}.heading-row h2{font-size:clamp(1.75rem,3vw,2.875rem)}.heading-row .section-dash{flex-shrink:0;margin-top:21px}.service-list{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;list-style:none;padding:0;margin:0}.service-list li{border-bottom:1px solid var(--line);padding:16px 0 16px 55px;position:relative;break-inside:avoid;line-height:1.5}.service-list li:before{content:'';position:absolute;left:0;top:28px;width:28px;height:3px;background:var(--red)}.service-list li:last-child{border-bottom:0}.promise{padding:46px var(--gutter);display:grid;grid-template-columns:1fr 2fr;gap:50px;border-bottom:1px solid var(--line)}.promise h2{font-size:1.875rem}.promise p{max-width:880px}.promise .signature{font-weight:700}.contact{position:relative;padding:58px var(--gutter) 60px;isolation:isolate;overflow:hidden}.contact:after{content:'';position:absolute;right:-95px;top:0;width:23%;height:100%;background:var(--red);transform:skew(-24deg);z-index:-1}.contact>div{max-width:85%}.contact h2{max-width:1050px}.contact-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:26px 0 15px 96px}.contact-info{margin-left:96px;font-size:0.9375rem;color:var(--muted)}.contact-info a{border-bottom:1px solid var(--line);overflow-wrap:anywhere}.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:26px var(--gutter);gap:25px}.site-footer .brand img{width:60px;height:59px}.site-footer .brand-type{font-size:1.375rem}.footer-links{display:flex;gap:32px;font-size:0.875rem}.footer-links a+a{border-left:1px solid var(--line);padding-left:32px}.page-hero{padding:64px var(--gutter) 50px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.page-hero h1{font-size:clamp(2.25rem,5.4vw,5rem);overflow-wrap:anywhere}.page-hero p{margin-top:25px;max-width:720px;font-size:1.25rem}.page-hero img{height:450px;width:100%;object-fit:cover;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)}.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;padding:26px var(--gutter) 0;font-size:0.875rem;color:var(--muted)}.breadcrumbs a{border-bottom:1px solid var(--line)}.other-services{padding:40px var(--gutter);background:var(--paper)}.other-services h2{font-size:1.75rem}.other-services .actions{margin-top:15px}.legal{max-width:1000px;padding:60px var(--gutter);margin:auto;overflow-wrap:anywhere}.legal h1{font-size:clamp(2.125rem,5vw,4rem);margin-bottom:30px}.legal h2{font-size:1.75rem;margin:35px 0 15px}.legal h3{font-size:1.4375rem;margin:24px 0 12px}.legal p{margin:12px 0}.legal a{text-decoration:underline}.review-note{padding:18px 22px;border-left:4px solid var(--red);background:var(--paper);font-size:0.9375rem;margin-bottom:30px}.motion-ready{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.motion-ready.visible{opacity:1;transform:none}
@media(min-width:1600px){.hero{min-height:780px}.service-image{height:260px}.service-network .service-image{height:600px}}
@media(max-width:1050px){.site-header{height:88px}.brand img{width:60px;height:58px}.brand-type{font-size:1.4375rem}.nav{gap:22px}.nav .button{min-width:130px}.hero{min-height:530px}.hero-content{padding-top:60px}.hero h1{font-size:6.2vw}.hero-content>p:not(.eyebrow){font-size:1.0625rem}.hero-visual:before{left:-45px;width:110px;height:170px}.actions{gap:22px}.button{padding:12px 20px}.intro{grid-template-columns:45px 1fr;gap:22px}.section-dash{width:45px}.service-image{height:165px}.service-network .service-image{height:414px}.service-copy{padding-left:15px}.service-list{column-gap:40px}.contact-links,.contact-info{margin-left:77px}.contact:after{width:18%;right:-60px}}
@media(max-width:760px){html{scroll-padding-top:24px}.site-header{height:84px}.brand img{width:55px;height:54px}.brand-type{font-size:1.3125rem}.menu-toggle{display:block}.nav{display:none;position:absolute;top:83px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:24px;box-shadow:0 12px 16px #18232b0c}.nav.open{display:flex;align-items:stretch;flex-direction:column;gap:14px}.nav>a{padding:8px}.nav .button{margin:0}.hero{display:flex;flex-direction:column}.hero-content{padding:45px var(--gutter) 35px;width:100%}.eyebrow{font-size:0.6875rem;letter-spacing:.24em}.hero h1{font-size:clamp(2rem,10vw,4.625rem)}.hero-content>p:not(.eyebrow){padding:0;max-width:580px;margin-top:22px}.hero-visual{height:350px;margin-left:var(--gutter)}.hero-visual img{clip-path:polygon(13% 0,100% 0,100% 100%,0 100%)}.hero-visual:before{left:0;width:100px;height:160px;transform:skew(-13deg)}.intro{padding:42px var(--gutter) 34px;grid-template-columns:28px 1fr;gap:16px}.section-dash{width:28px;margin-top:16px}.intro h2{font-size:2.0625rem}.intro p{font-size:1.125rem}.services{display:flex;flex-direction:column;gap:28px;padding:0 var(--gutter) 26px}.service-image,.service-network .service-image{height:280px}.service-network .service-copy{clip-path:none;margin:0;padding:16px 0 0}.service-network:after{display:none}.service-copy{padding:16px 0 0}.service h3{font-size:2rem}.service-electric .service-image,.service-cinema .service-image{clip-path:polygon(0 0,100% 0,100% 100%,0 91%)}.image-note{text-align:left}.list-section{padding:36px var(--gutter)}.heading-row{gap:16px;margin-bottom:18px}.heading-row .section-dash{margin-top:16px}.service-list{grid-template-columns:1fr}.service-list li{padding-left:40px}.service-list li:before{width:22px}.promise{padding:36px var(--gutter);grid-template-columns:1fr;gap:20px}.contact{padding:38px var(--gutter)}.contact>div{max-width:100%}.contact:after{display:none}.contact h2{font-size:2.125rem}.contact-links,.contact-info{margin-left:0}.contact-links{gap:20px}.site-footer{align-items:flex-start;flex-direction:column}.footer-links{gap:20px;flex-wrap:wrap}.footer-links a+a{padding-left:20px}.page-hero{padding-top:35px;grid-template-columns:1fr;gap:30px}.page-hero img{height:300px;order:-1}.page-hero p{font-size:1.125rem}.legal{padding-top:40px}}
.service-cinema .service-image img{object-position:50% 80%}
@media(max-width:760px){.hero h1{font-size:clamp(2rem,10vw,4.625rem)}.service h3{font-size:clamp(1.625rem,7.5vw,2rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.motion-ready{opacity:1;transform:none}}

.page-hero .service-addition{font-size:clamp(1.5rem,2.3vw,2.125rem);margin-top:28px;letter-spacing:-.025em}
.stats-section{padding:54px var(--gutter) 28px;background:#fff;color:var(--ink);position:relative;border-bottom:1px solid var(--line)}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0}
.stat{display:flex;flex-direction:column-reverse;align-items:flex-start;justify-content:flex-end;gap:12px;padding:10px 30px;border-left:1px solid var(--line);min-width:0}.stat:first-child{padding-left:0;border-left:0}
.stat dt{font-size:1rem;line-height:1.4;color:var(--ink)}.stat dd{position:relative;margin:0;color:var(--red);font-size:clamp(2.375rem,4.6vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap}.stat-prefix{position:absolute;top:-20px;left:0;display:block;font-size:0.875rem;line-height:1.4;letter-spacing:0;font-weight:400;margin-top:0}.stats-note{font-size:0.75rem;color:var(--muted);margin-top:30px}.stat-accessible{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:850px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 0}.stat:nth-child(3){border-left:0;padding-left:0}.stat dd{font-size:3rem}.stat{padding-right:10px;padding-left:24px}}
@media(max-width:380px){.stat dd{font-size:2.5rem}.stat dt{font-size:0.875rem}.stat{padding-left:16px}}
/* Volle Browserbreite bei unveränderten Elementgrößen. */
html{background:#fff}
body{max-width:none;width:100%;margin-inline:0;background:#fff;box-shadow:none}
@media(min-width:1280px){
  body{--gutter:65px}
  .hero{min-height:640px}.hero h1{font-size:4.9375rem}
  .hero-content{padding-top:77px}
  .hero-content>p:not(.eyebrow){font-size:1.1875rem}
  .service-image{height:200px}.service-network .service-image{height:480px}
}
/* Logo und Einstiegsbereich bündig zur linken Bildkante. */
@media(min-width:761px){
  .site-header{padding-left:0}
  .hero-content{padding-left:0}
}
@media(min-width:761px){
  .site-header{padding-right:0}
}
/* Sanfte Übergänge zwischen den Seiten, mit nativem Browser-Fallback. */
@view-transition{navigation:none}
::view-transition-old(root){animation:page-fade-out 450ms cubic-bezier(.4,0,.2,1) both}
::view-transition-new(root){animation:page-fade-in 650ms cubic-bezier(.4,0,.2,1) both}
@keyframes page-fade-out{to{opacity:0}}
@keyframes page-fade-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}
/* Ruhige Textumbrüche ohne willkürlich getrennte Überschriften. */
h1,h2,h3{text-wrap:balance;word-break:normal}
p,li{text-wrap:pretty}
.page-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.page-hero>div{min-width:0;container-type:inline-size}
.page-hero h1{font-size:clamp(1.625rem,8.5cqw,3.25rem);overflow-wrap:normal;hyphens:manual}
.legal h1{font-size:clamp(1.625rem,5vw,4rem);overflow-wrap:normal}
.legal h2,.legal h3{overflow-wrap:normal;hyphens:manual}
@media(max-width:760px){.page-hero{grid-template-columns:minmax(0,1fr)}}
@media(max-width:380px){.legal h2{font-size:1.5rem}.legal h3{font-size:1.3125rem}}
.page-hero p.eyebrow{font-size:0.8125rem;line-height:1.5;margin-top:0;margin-bottom:18px}
.menu-toggle{white-space:nowrap;flex-shrink:0}
@media(max-width:380px){
  .site-header .brand{gap:8px}
  .site-header .brand img{width:46px;height:46px}
  .site-header .brand-type{font-size:1.125rem}
  .menu-toggle{font-size:0.875rem;padding:8px 10px}
}
.career-hero h1{font-size:clamp(2rem,9cqw,3.25rem)}
.career-fields{padding:50px var(--gutter);background:var(--paper)}
.career-fields>h2,.career-application h2{font-size:clamp(1.875rem,3.2vw,2.75rem)}
.career-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:36px}
.career-field-grid>a{border-top:3px solid var(--red);padding-top:22px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.career-field-grid h3{font-size:clamp(1.4375rem,2vw,1.75rem);letter-spacing:-.035em}
.career-field-grid p{font-size:1rem;color:var(--muted);margin:15px 0 24px}.career-field-grid .text-link{margin-top:auto}
.career-application{padding:65px var(--gutter);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:60px}
.career-application h2{margin-bottom:25px}.career-application p{max-width:650px}
.career-apply-box{padding:30px;background:var(--paper);border-top:3px solid var(--red);display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0}
.career-apply-box h3{font-size:1.625rem}.career-email{overflow-wrap:anywhere;max-width:100%;font-size:0.9375rem}.career-apply-box p{font-size:0.875rem;color:var(--muted)}.career-apply-box p a{text-decoration:underline}
.career-apply-box .button{font-size:1rem;gap:15px;padding-inline:18px}
@media(min-width:761px) and (max-width:1050px){.nav{gap:16px}}
@media(max-width:1000px){.career-field-grid{grid-template-columns:1fr}.career-field-grid h3{font-size:1.75rem}.career-application{grid-template-columns:1fr;gap:30px}}
@media(max-width:380px){.career-apply-box{padding:22px 16px}.career-apply-box .button{font-size:0.875rem;padding-inline:12px;gap:10px}.career-field-grid h3{font-size:1.5625rem}}
.career-openings{padding:55px var(--gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:50px;border-top:1px solid var(--line)}
.career-openings h2{font-size:clamp(2rem,3.5vw,3rem)}.openings-content{padding-left:28px;border-left:3px solid var(--red)}.openings-content .text-link{margin-top:18px}
@media(max-width:760px){.career-openings{grid-template-columns:1fr;gap:24px}}
.career-openings.job-openings{display:block}.jobs-notice{font-size:0.875rem;max-width:760px;color:var(--muted);margin-top:18px}
.job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:32px;align-items:start}.job-card{padding:32px;border:1px solid var(--line);border-top:3px solid var(--red);background:#fff;min-width:0}.job-badge{display:inline-block;font-size:0.75rem;letter-spacing:.06em;text-transform:uppercase;color:#a60010;background:#fff0f1;padding:4px 9px;margin-bottom:20px}.job-card h3{font-size:clamp(1.6875rem,2.5vw,2.25rem);line-height:1.15}.job-card h3 span{font-size:1.125rem;white-space:nowrap;letter-spacing:0;font-weight:400}.job-card>p{margin-top:20px;color:var(--muted);font-size:1.0625rem}.job-card details{border-top:1px solid var(--line);margin:25px 0;padding-top:18px}.job-card summary{font-size:1rem;font-weight:700;cursor:pointer}.job-card summary:focus-visible{outline:3px solid #1258b3;outline-offset:5px}.job-card h4{font-size:1.0625rem;margin:24px 0 10px}.job-card ul{padding-left:20px;font-size:1rem;margin:0}.job-card li+li{margin-top:8px}.job-card .button{margin-top:8px}
@media(max-width:760px){.job-grid{grid-template-columns:1fr}.job-card{padding:24px}.job-card h3{font-size:1.75rem}}

@media(min-width:1280px){.page-hero>div{max-width:545px}}
