@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-latin.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--navy:#0d223b;--blau:#255a84;--rot:#b23b3b;--weiss:#fdfdfd;--tinte:#010717;--grau:#e1e5ea;--schiefer:#486787;--nebel:#96a9b7;--linie:#c6c9c8;--dunkellinie:#354858;color:var(--tinte);background:var(--weiss);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:30px;font-family:Inter,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,ol{margin:0}h1,h2,h3,.etikett,.nummer,.schraegknopf,.konturknopf,.einfachknopf,.wortmarke{font-family:Space Grotesk,sans-serif}h1,h2,h3{text-align:left;font-weight:500}h1{letter-spacing:-.01em;font-size:44px;line-height:1}h2{letter-spacing:-.01em;font-size:36px;line-height:1.05}h3{letter-spacing:.01em;font-size:18px;line-height:1.2}p{color:var(--schiefer);font-size:14px;line-height:1.5}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blau);outline-offset:4px}.kern{width:calc(100% - 72px);max-width:1224px;margin-inline:auto}.sprung{z-index:30;color:var(--navy);background:#fff;padding:12px;position:fixed;top:-100px;left:20px}.sprung:focus{top:10px}.kopf{color:#fff;z-index:5;height:72px;position:absolute;inset:0 0 auto}.kopf-innen{justify-content:space-between;align-items:center;gap:25px;height:100%;display:flex}.wortmarke{font-size:20px;font-weight:600;line-height:1}.desktopnav{gap:36px;font-size:14px;font-weight:500;display:flex}.desktopnav a{opacity:.9;position:relative}.desktopnav a:hover{opacity:1}.desktopnav a:after{content:"";background:currentColor;height:1px;transition:transform .2s;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.desktopnav a:hover:after{transform:scaleX(1)}.kopf a:focus-visible{outline-color:#fff}.kopf-aktionen{align-items:center;gap:16px;display:flex}.konturknopf{border:1.5px solid #fff;align-items:center;height:44px;padding:0 20px;font-size:15px;transition:background .2s,color .2s;display:flex}.konturknopf:hover{color:var(--navy);background:#fff}.menuequadrat,.schliessenquadrat{background:var(--weiss);width:44px;height:44px;color:var(--navy);border:0;flex:none;place-items:center;display:grid}.menuequadrat span,.menuequadrat span:before,.menuequadrat span:after{background:var(--navy);width:18px;height:1px;display:block}.menuequadrat span{position:relative}.menuequadrat span:before,.menuequadrat span:after{content:"";position:absolute;top:-5px;left:0}.menuequadrat span:after{top:5px}.schliessenquadrat{font-size:30px}.schraegknopf{letter-spacing:.02em;height:44px;color:var(--navy);align-items:stretch;max-width:100%;font-size:15px;font-weight:500;line-height:1;display:inline-flex}.knopftext{background:var(--weiss);clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);align-items:center;padding:0 32px 0 16px;transition:background .2s,color .2s;display:flex}.knopfpfeil{background:var(--weiss);clip-path:polygon(16px 0,100% 0,100% 100%,0 100%);flex:none;place-items:center;width:56px;margin-left:-8px;padding-left:8px;transition:background .2s,color .2s;display:grid}.knopfpfeil svg{width:14px;height:14px;transition:transform .2s}.schraegknopf:hover .knopftext,.schraegknopf:hover .knopfpfeil{background:var(--navy);color:#fff}.schraegknopf:hover svg{transform:translate(2px,-2px)}.schraegknopf:focus-visible{outline-color:var(--blau)}.einfachknopf{background:var(--navy);color:#fff;align-items:center;min-height:44px;padding:12px 20px;font-size:15px;display:inline-flex}.einfachknopf:hover{background:var(--blau)}.hero{isolation:isolate;color:#fff;background:var(--blau);height:708px;position:relative}.hero-bild{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";background:var(--blau);mix-blend-mode:multiply;opacity:.85;z-index:-1;position:absolute;inset:0}.hero-innen{height:100%;padding-top:160px;position:relative}.hero-text{max-width:540px}.kicker{align-items:center;gap:20px;margin-bottom:24px;font-family:Space Grotesk;font-size:16px;font-weight:500;display:flex}.kicker svg{flex:none;width:94px;height:14px}.hero h1{max-width:520px}.hero-text p{color:#fff;max-width:420px;margin-top:28px;margin-bottom:36px;font-size:16px;line-height:1.45}.hero-material{width:440px;position:absolute;bottom:52px;right:0}.hero-material>span{font-family:Space Grotesk;font-size:18px;font-weight:500}.hero-material>div{justify-content:space-between;gap:20px;margin-top:24px;display:flex}.hero-material>div>span{color:#fff;font-family:Space Grotesk;font-size:22px}.etikett{text-transform:uppercase;letter-spacing:.04em;color:var(--rot);margin-bottom:8px;font-size:14px;font-weight:400;line-height:1.2;display:block}.titelblock{justify-content:space-between;align-items:end;gap:60px;margin-bottom:48px;display:flex}.titelblock>div{max-width:590px}.titelblock>p{align-self:start;max-width:440px;padding-top:24px}.titel-link{text-underline-offset:3px;text-align:right;flex:none;font-size:12px;line-height:1.5;text-decoration:underline}.titel-link:hover{color:var(--blau)}.einleitung{margin-top:84px}.breitbild{position:relative}.breitbild>img{object-fit:cover;width:100%;height:620px}.kennkarte{background:var(--weiss);width:376px;min-height:312px;padding:32px;position:absolute;bottom:32px;right:32px}.kennkarte>div+div{border-top:1px solid var(--linie);margin-top:16px;padding-top:16px}.kennkarte h3{text-transform:uppercase;letter-spacing:.02em;font-size:15px;font-weight:600;line-height:1.3}.kennkarte p{margin-top:8px;font-size:12px;line-height:1.5}.leistungen{margin-top:160px}.leistungszeile{border-top:1px solid var(--linie);grid-template-columns:18% 38% 1fr;gap:20px;min-height:124px;padding-top:24px;padding-bottom:20px;display:grid}.nummer{color:inherit;font-size:16px;line-height:1.3}.leistungszeile h3{text-transform:uppercase;letter-spacing:.02em;font-size:15px;font-weight:600;line-height:1.3}.leistungszeile.aktiv,.leistungszeile:hover{border-top-color:var(--blau)}.leistungszeile.aktiv>.nummer,.leistungszeile.aktiv>h3,.leistungszeile:hover>.nummer,.leistungszeile:hover>h3{color:var(--blau)}.leistungszeile>div>p{max-width:360px}.chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chips>span{background:var(--grau);color:var(--schiefer);padding-inline:10px;font-size:12px;line-height:24px}.projektabschnitt{margin-top:160px}.projekt-reihe{scroll-snap-type:x proximity;gap:12px;margin-left:max(36px,50vw - 612px);padding-bottom:4px;display:flex;overflow-x:auto}.projektkarte{aspect-ratio:4/5;color:#fff;scroll-snap-align:start;flex:1 0 305px;min-width:250px;max-width:calc(25vw + max(36px,50vw - 612px)/-4 - 9px);position:relative;overflow:hidden}.projektkarte>img{object-fit:cover;width:100%;height:100%}.projekt-titel{background:linear-gradient(#0000,#0d223ba6);padding:50px 20px 20px;position:absolute;inset:auto 0 0}.projekt-titel h3,.projekt-info h3{text-transform:uppercase;font-size:18px}.projekt-info{background:var(--navy);min-height:30%;padding:20px;transition:transform .25s ease-out;position:absolute;bottom:0;left:0;right:0;transform:translateY(101%)}.projekt-info p{color:#fff;margin-top:8px;font-size:12px}.projekt-info>span{color:var(--nebel);margin-top:8px;font-size:11px;display:block}.projektkarte:hover .projekt-info,.projektkarte:focus-visible .projekt-info{transform:none}.banner{color:#fff;min-height:676px;margin-top:110px;position:relative}.banner>img{object-fit:cover;filter:brightness(.65);width:100%;height:100%;position:absolute;inset:0}.banner>h2{z-index:1;padding:56px;position:relative}.satzkarte{background:var(--weiss);width:344px;min-height:208px;color:var(--tinte);padding:24px;position:absolute;bottom:24px;left:24px}.satz-etikett{letter-spacing:.04em;text-transform:uppercase;margin-bottom:24px;font-family:Space Grotesk;font-size:12px;display:block}.satzkarte p{max-width:240px;font-size:12px;line-height:1.5}.demo-hinweis{color:var(--schiefer);margin-top:24px;font-size:11px;line-height:1.5;display:block}.banner-knopf{position:absolute;bottom:24px;right:24px}.navyband{background:var(--navy);color:#fff;margin-top:56px;padding:80px 0}.navy-kopf{grid-template-columns:5fr 7fr;gap:36px;margin-bottom:72px;display:grid}.navy-kopf .etikett{color:#fff}.navy-kopf h2{letter-spacing:0;font-size:32px;line-height:1.1}.spalten{grid-template-columns:repeat(4,1fr);display:grid}.spalte{border-left:1px solid var(--dunkellinie);flex-direction:column;justify-content:space-between;min-height:324px;padding:20px;transition:background .2s,color .2s;display:flex;position:relative}.spalte:first-child{border-left:0}.spalte>div{z-index:1;margin-top:100px;position:relative}.spalte h3{text-transform:uppercase;margin-bottom:8px;font-size:18px}.spalte p{color:var(--nebel);font-size:12px;line-height:1.5}.spalte.hervorgehoben,.spalte:hover,.spalte:focus-visible{background:var(--weiss);color:var(--navy)}.spalte.hervorgehoben p,.spalte:hover p,.spalte:focus-visible p{color:var(--schiefer)}.wasserzeichen{object-fit:cover;opacity:.08;filter:grayscale();width:calc(100% - 40px);height:150px;position:absolute;top:50px;left:20px;right:20px}.kontakt{grid-template-columns:550px 1fr;gap:36px;margin-top:72px;margin-bottom:72px;display:grid}.kontaktkasten{background:var(--navy);color:#fff;flex-direction:column;min-height:556px;padding:28px;display:flex}.kontaktkasten .etikett{color:#fff}.kontaktkasten h2{margin-top:8px;font-size:32px;line-height:1.1}.kontakt-schritte{counter-reset:schritt;margin-top:44px;padding:0;list-style:none}.kontakt-schritte li{counter-increment:schritt;color:var(--nebel);gap:22px;margin-bottom:24px;font-size:16px;line-height:1.45;display:flex}.kontakt-schritte li:before{content:"0" counter(schritt);min-width:20px;font-family:Space Grotesk;font-size:16px}.kontakt-schritte li.aktiv{color:#fff}.kontakt-kastenfuss{justify-content:space-between;gap:20px;margin-top:auto;padding-top:28px;display:flex}.kontakt-kastenfuss span{color:#fff;text-transform:uppercase;font-size:11px;line-height:1.5}.kontakt-kastenfuss p{color:var(--nebel);margin-top:8px;font-size:12px}.anfrage{flex-direction:column;justify-content:space-between;gap:20px;padding-block:8px;display:flex}.feldpaar{grid-template-columns:1fr 1fr;gap:24px;display:grid}.anfrage label,.anfrage legend{letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-family:Space Grotesk;font-size:12px;font-weight:600;line-height:1.3;display:block}.anfrage input:not([type=radio]),.anfrage textarea{border:1px solid var(--linie);background:var(--weiss);color:var(--tinte);border-radius:0;width:100%;height:40px;padding:12px;font-size:12px;display:block}.anfrage input::placeholder,.anfrage textarea::placeholder{color:var(--schiefer);opacity:1}.anfrage textarea{resize:vertical;height:72px;line-height:1.5}.anfrage input:focus,.anfrage textarea:focus{border-color:var(--blau)}.auswahlfeld{border:0;min-width:0;margin:0;padding:0}.auswahlchips{flex-wrap:wrap;gap:8px;display:flex}.auswahlchips label{text-transform:none;letter-spacing:0;cursor:pointer;align-items:center;min-height:44px;margin:0;font-family:Inter;font-size:12px;font-weight:400;display:flex;position:relative}.auswahlchips input{opacity:0;width:1px;height:1px;position:absolute}.auswahlchips span{background:var(--grau);color:var(--schiefer);padding:6px 10px;line-height:1;display:block}.auswahlchips input:checked+span{background:var(--navy);color:#fff}.auswahlchips input:focus-visible+span{outline:2px solid var(--blau);outline-offset:3px}.formularhinweis{font-size:12px;line-height:1.5}.formularhinweis a{text-underline-offset:3px;text-decoration:underline}.absenden{background:var(--navy);color:#fff;letter-spacing:.04em;text-transform:uppercase;border:0;min-height:40px;padding:12px;font-family:Space Grotesk;font-size:12px;font-weight:600;line-height:1.3;transition:background .2s}.absenden:hover{background:var(--blau)}.absenden:disabled{opacity:.6;cursor:wait}#formularstatus{font-size:12px;line-height:1.5}.fuss{background:var(--navy);color:#fff;padding:72px 0 28px}.fusskopf{justify-content:space-between;align-items:center;gap:30px;margin-bottom:48px;display:flex}.fussmarke{border:1px solid var(--dunkellinie);align-items:center;width:200px;height:48px;padding:12px;font-family:Space Grotesk;font-size:20px;font-weight:600;display:flex}.fusskontakt{color:var(--nebel);font-size:12px}.fuss-zone{grid-template-columns:1fr 1fr;gap:60px;margin-bottom:48px;display:grid}.fusslabel,.fuss-spalten h3{letter-spacing:.04em;text-transform:uppercase;color:#fff;font-family:Space Grotesk;font-size:12px;font-weight:600;line-height:1.3;display:block}.fuss-zone p{color:var(--nebel);margin-top:14px;font-size:12px;line-height:1.6}.footer-textlink{border-bottom:1px solid #fff;margin-top:20px;padding-bottom:6px;font-size:12px;display:inline-block}.fuss-linkraster{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fuss-linkraster a{border:1px solid var(--dunkellinie);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;height:36px;padding:0 12px;font-family:Space Grotesk;font-size:12px;font-weight:600;display:flex}.fuss-linkraster a:hover{background:var(--blau)}.fuss-spalten{border-top:1px solid var(--dunkellinie);grid-template-columns:repeat(4,1fr);gap:36px;padding-top:32px;display:grid}.fuss-spalten p,.fuss-spalten a{color:var(--nebel);margin-top:8px;font-size:12px;line-height:1.6;display:block}.fuss-unten{border-top:1px solid var(--dunkellinie);color:var(--nebel);justify-content:space-between;gap:24px;margin-top:40px;padding-top:24px;font-size:11px;display:flex}.fuss a:focus-visible,.navyband a:focus-visible{outline-color:#fff}.mobilmenue{background:var(--navy);color:#fff;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow-y:auto}.mobilmenue::backdrop{background:var(--navy)}.menuekopf{justify-content:space-between;align-items:center;height:72px;display:flex}.mobilmenue nav{flex-direction:column;max-width:700px;margin-top:60px;display:flex}.mobilmenue nav a{text-transform:uppercase;border-bottom:1px solid var(--dunkellinie);padding-block:24px;font-family:Space Grotesk;font-size:32px;font-weight:500;line-height:1.1}.mobilmenue nav a:hover{color:var(--nebel)}.mobilmenue a:focus-visible{outline-color:#fff}.menu-knopf{margin-block:48px}.unterseiten-hero{background:var(--navy);color:#fff;padding-top:160px;padding-bottom:80px}.unterseiten-hero .etikett{color:#fff}.unterseiten-hero p{color:var(--nebel);margin-top:28px;font-size:16px}.ablauf{margin-top:84px;margin-bottom:160px}.ablauf-zeilen article{border-top:1px solid var(--linie);grid-template-columns:18% 38% 1fr;gap:20px;padding-block:28px;scroll-margin-top:30px;display:grid}.ablauf-zeilen h3{font-size:18px}.ablauf-foto{object-fit:cover;width:100%;height:530px;margin-top:48px}.informationen{max-width:900px;padding-top:160px;padding-bottom:96px}.informationen p{max-width:700px;margin-top:32px;font-size:16px}.informationen h2{margin-top:60px}.informationen .einfachknopf{margin-top:32px}.seitenabschnitt{margin-top:84px;margin-bottom:96px}.detail-raster{grid-template-columns:1fr 1fr;align-items:start;gap:48px;margin-top:48px;display:grid}.detail-bild{object-fit:cover;width:100%;height:460px}.detail-spalte{flex-direction:column;gap:24px;display:flex}.detail-punkt{border-top:1px solid var(--linie);padding-top:20px}.detail-punkt h3{text-transform:uppercase;letter-spacing:.02em;color:var(--tinte);margin-bottom:8px;font-size:16px;font-weight:600}.detail-punkt p{color:var(--schiefer);font-size:14px;line-height:1.5}.fach-karten{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px;display:grid}.fach-karte{border:1px solid var(--linie);flex-direction:column;justify-content:space-between;padding:32px;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.fach-karte:hover{border-color:var(--blau);background:#fff}.fach-karte .nummer{color:var(--blau);margin-bottom:16px;font-size:20px;font-weight:600}.fach-karte h3{text-transform:uppercase;color:var(--tinte);margin-bottom:12px;font-size:20px}.fach-karte p{color:var(--schiefer);margin-bottom:20px;font-size:14px;line-height:1.5}.fach-link{letter-spacing:.04em;text-transform:uppercase;color:var(--blau);align-items:center;gap:6px;font-family:Space Grotesk;font-size:12px;font-weight:600;display:inline-flex}.kontakt-info-raster{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.kontakt-info-karte{border:1px solid var(--linie);padding:28px}.kontakt-info-karte .etikett{margin-bottom:12px}.kontakt-info-karte h3{margin-bottom:12px;font-size:18px}.kontakt-info-karte p,.kontakt-info-karte a{color:var(--schiefer);font-size:14px;line-height:1.5}@media (width>=768px) and (width<=1100px){.desktopnav{gap:20px}.konturknopf{padding-inline:15px}.kontakt{grid-template-columns:44% 1fr}.feldpaar{gap:16px}.titelblock{gap:40px}.leistungszeile,.ablauf-zeilen article{grid-template-columns:15% 35% 1fr}.projektkarte{min-width:240px}.kontakt-kastenfuss{flex-direction:column;gap:15px}.hero-material{width:360px}.hero-text{max-width:500px}}@media (width<=959px){.desktopnav,.konturknopf{display:none}.hero-material{width:330px}.kopf-innen{justify-content:space-between}}@media (width<=767px){.kern{width:calc(100% - 40px)}h1{font-size:32px}h2{font-size:28px;line-height:1.05}.hero{height:calc(100svh - 80px);min-height:610px}.hero-innen{align-items:flex-end;padding-top:130px;padding-bottom:56px;display:flex}.hero-text{max-width:100%}.hero h1{font-size:32px}.kicker{flex-wrap:wrap;gap:12px;margin-bottom:20px;font-size:16px}.kicker svg{width:85px}.hero-text p{margin-top:24px;margin-bottom:32px;font-size:16px}.hero-text p br,.hero-material{display:none}.hero-bild{object-position:62% center}.titelblock{margin-bottom:32px;display:block}.titelblock>div{max-width:none}.titelblock>p{max-width:none;padding-top:20px}.titel-link{margin-top:20px;display:inline-block}.einleitung{margin-top:84px}.breitbild>img{object-position:center;height:300px}.kennkarte{border-top:1px solid var(--linie);width:100%;min-height:0;padding:24px 20px;position:static}.leistungen{margin-top:96px}.leistungszeile{grid-template-columns:40px 1fr;gap:16px;min-height:0;padding-block:24px}.leistungszeile>div{grid-column:1/-1;margin-top:4px}.leistungszeile>div>p{max-width:none}.projektabschnitt{margin-top:96px}.projekt-reihe{scroll-snap-type:x mandatory;gap:12px;margin-left:20px;padding-right:20px}.projektkarte{aspect-ratio:4/5;flex:0 0 78vw;min-width:0;max-width:none}.projekt-info{padding:18px}.banner{min-height:660px;margin-top:96px}.banner>h2{padding:30px 24px;font-size:28px}.satzkarte{width:auto;min-height:190px;padding:24px;bottom:100px;left:20px;right:20px}.banner-knopf{bottom:24px;left:20px;right:20px}.navyband{margin-top:48px;padding:64px 0}.navy-kopf{margin-bottom:40px;display:block}.navy-kopf h2{margin-top:20px;font-size:24px}.spalten{grid-template-columns:1fr 1fr}.spalte{min-height:300px;padding:20px 16px}.spalte:nth-child(3){border-left:0}.spalte:nth-child(n+3){border-top:1px solid var(--dunkellinie)}.spalte h3{overflow-wrap:anywhere;font-size:18px}.wasserzeichen{width:calc(100% - 32px);height:120px;left:16px;right:16px}.kontakt{grid-template-columns:1fr;gap:32px;margin-top:48px;margin-bottom:48px}.kontaktkasten{min-height:520px;padding:28px}.kontaktkasten h2{font-size:24px}.kontakt-kastenfuss{flex-direction:row}.anfrage{gap:20px;padding:0}.feldpaar{grid-template-columns:1fr;gap:20px}.fuss{padding:48px 0 28px}.fusskopf{margin-bottom:36px;display:block}.fusskontakt{margin-top:20px;display:inline-block}.fuss-zone{grid-template-columns:1fr;gap:32px;margin-bottom:36px}.fuss-spalten{grid-template-columns:1fr 1fr;gap:28px 20px}.fuss-unten{flex-wrap:wrap;gap:18px}.mobilmenue nav{margin-top:36px}.mobilmenue nav a{padding-block:20px;font-size:28px}.unterseiten-hero{padding-top:150px;padding-bottom:64px}.ablauf{margin-top:84px;margin-bottom:96px}.ablauf-zeilen article{grid-template-columns:40px 1fr;gap:16px}.ablauf-zeilen p{grid-column:1/-1}.ablauf-foto{height:300px;margin-top:32px}.informationen{padding-top:150px;padding-bottom:64px}.detail-raster{grid-template-columns:1fr;gap:32px}.detail-bild{height:280px}.fach-karten,.kontakt-info-raster{grid-template-columns:1fr;gap:16px}}@media (width<=350px){.kicker svg{width:85px}.knopftext{padding-right:26px}.schraegknopf{font-size:14px}.spalte{padding-inline:12px}.spalte h3{font-size:18px}.kontaktkasten{padding:24px 20px}.kontakt-kastenfuss{flex-direction:column}.titelblock h2{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.captcha-hinweis{color:var(--schiefer);font-size:12px;line-height:1.5}.captcha-hinweis a{text-underline-offset:3px;text-decoration:underline}.fangfeld{clip-path:inset(50%);width:0;height:0;position:absolute;overflow:hidden}