@font-face{font-family:Instrument Sans;src:url(/modellstadt/schrift/instrument-sans-latin-wght-normal.woff2)format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;src:url(/modellstadt/schrift/instrument-sans-latin-ext-wght-normal.woff2)format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--grund:#efeade;--papier:#f4f1e9;--weiss:#fffdf8;--tinte:#14171c;--tinte-weich:#52565e;--kobalt:#1748d5;--orange:#ff5a1f;--linie:#14171c1f;--glas:#14171c14;--schrift:"Instrument Sans", system-ui, sans-serif;--rand:clamp(16px, 2.8vw, 44px);--kopf:80px;--kurve-ein:cubic-bezier(.16, 1, .3, 1);--kurve-ort:cubic-bezier(.65, 0, .35, 1);color-scheme:light}@view-transition{navigation:auto}*,:before,:after{box-sizing:border-box}html{background:var(--weiss);-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--kopf) + 24px)}body{font:400 18px/1.45 var(--schrift);color:var(--tinte);margin:0;overflow-x:clip}h1,h2,h3{overflow-wrap:break-word;margin:0}p,figure{margin:0}a{color:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--kobalt);outline-offset:3px}.sprunglink{left:var(--rand);z-index:60;background:var(--tinte);color:var(--weiss);border-radius:999px;padding:10px 16px;font-size:13px;text-decoration:none;position:fixed;top:12px;transform:translateY(-160%)}.sprunglink:focus-visible{transform:none}.auszeichnung{letter-spacing:.06em;text-transform:uppercase;font-size:13px}.abschnitt-titel{letter-spacing:-.05em;text-wrap:balance;max-width:14em;font-size:clamp(32px,4.44vw,64px);font-weight:500;line-height:1}.kopf{z-index:20;height:var(--kopf);padding:0 var(--rand);background:var(--weiss);view-transition-name:kopf;transition:color .3s var(--kurve-ort), background-color .3s var(--kurve-ort);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;inset:0 0 auto;box-shadow:0 1px #e3e1dd}.kopf-menue,.menue{display:none}.kopf-links{gap:8px;margin-left:-12px;display:flex}.kopf-links a{letter-spacing:.06em;text-transform:uppercase;padding:16px 12px;font-size:13px;text-decoration:none}.kopf-links a[aria-current=page]{text-underline-offset:4px;text-decoration:underline}.kopf-marke{width:clamp(170px,13.5vw,196px);display:block}.kopf-marke img{width:100%;height:auto}.marke-dunkel{display:none}.kopf-rechts{justify-content:flex-end;gap:10px;display:flex}.kopf.ueber-dunkel{color:var(--weiss);background:var(--tinte);box-shadow:0 1px #fffdf81f}.kopf.ueber-dunkel .marke-hell{display:none}.kopf.ueber-dunkel .marke-dunkel{display:block}.kopf.ueber-dunkel .pille-glas,.kopf.ueber-dunkel .kopf-menue{color:var(--weiss);background:#fffdf824}.kopf.ueber-dunkel .pille-voll{background:var(--weiss);color:var(--tinte)}.pille{height:48px;font:inherit;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color .15s var(--kurve-ort), color .15s var(--kurve-ort), transform .15s var(--kurve-ort);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:13px;text-decoration:none;display:inline-flex}.pille span{transition:transform .15s var(--kurve-ort)}.pille:active{transform:scale(.98)}.pille:disabled,.pille[aria-disabled=true]{cursor:default;opacity:.35}.pille-voll{background:var(--tinte);color:var(--weiss)}.pille-glas{background:var(--glas);color:var(--tinte)}.pille-hell{background:var(--weiss);color:var(--tinte)}.textlink{text-underline-offset:4px;font-size:18px}@media (hover:hover){.kopf-links a:hover{text-underline-offset:4px;text-decoration:underline}.pille:not(:disabled):hover span{transform:translate(3px,-3px)}.pille-voll:not(:disabled):hover{background:var(--kobalt)}.pille-glas:not(:disabled):hover{background:#14171c24}.pille-hell:not(:disabled):hover{background:var(--kobalt);color:var(--weiss)}.fuss-kacheln a:hover{background:#fffdf80a}.fuss-kacheln a:hover .pfeil{transform:translate(4px)}.fuss-zeile a:hover{text-decoration:underline}}.fuss{background:var(--tinte);color:var(--weiss);padding:clamp(96px, 20vh, 200px) var(--rand) 0;position:relative;overflow:hidden}.fuss-titel{letter-spacing:-.04em;text-wrap:balance;max-width:12em;font-size:clamp(34px,5.56vw,80px);font-weight:500;line-height:1}.fuss-aufruf p{color:#fffdf8b8;max-width:30em;margin:24px 0 36px;font-size:clamp(18px,1.67vw,24px);line-height:1.3}.fuss-mail{color:var(--weiss);text-underline-offset:4px;text-decoration:underline 1px}.fuss-ende{--luft:48px;min-height:calc(100svh - var(--kopf) - var(--luft));flex-direction:column;margin-top:clamp(64px,10vh,120px);padding-bottom:clamp(40px,6vh,52px);display:flex}.fuss-kacheln{border-top:1px solid #fffdf829;border-bottom:1px solid #fffdf829;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.fuss-kacheln a{letter-spacing:-.02em;transition:background-color .15s var(--kurve-ort);border-right:1px solid #fffdf829;justify-content:space-between;align-items:center;padding:40px 24px;font-size:clamp(18px,1.67vw,24px);font-weight:500;text-decoration:none;display:flex}.fuss-kacheln a:last-child{border-right:0}.pfeil{width:40px;height:40px;transition:transform .15s var(--kurve-ort);flex:none}.pfeil circle{fill:var(--kobalt)}.pfeil path{fill:none;stroke:var(--weiss);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.fuss-wortmarke{--breite:calc(100vw * .8);width:var(--breite);padding:calc(var(--breite) * .135) 0;margin:auto}.fuss-wortmarke img{width:100%;height:auto;transform:translate(1.1%)}.fuss-zeile{color:#fffdf899;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:13px;display:flex}.fuss-rechts{gap:20px;display:flex}.fuss-zeile a{color:var(--weiss);text-decoration:none}@media (width>=901px) and (orientation:portrait){.fuss-ende{min-height:0}}@media (width<=767px){:root{--kopf:72px;--rand:24px}.kopf{grid-template-columns:auto 1fr}.kopf-links,.kopf-rechts .pille{display:none}.kopf-marke{width:170px}.kopf-menue{height:48px;font:inherit;letter-spacing:.06em;text-transform:uppercase;color:var(--tinte);background:var(--glas);cursor:pointer;border:0;border-radius:999px;align-items:center;padding:0 18px;font-size:13px;display:inline-flex}.menue:not([hidden]){left:var(--rand);right:var(--rand);top:calc(var(--kopf) - 4px);background:var(--weiss);box-shadow:0 0 0 1px var(--linie);border-radius:16px;gap:4px;padding:14px;display:grid;position:absolute}.menue a{color:var(--tinte);padding:12px 8px;font-size:18px;text-decoration:none}.menue .pille{color:var(--weiss);justify-content:center;margin-top:6px;font-size:13px}.textlink{font-size:16px}.fuss-ende{--luft:32px;margin-top:48px}.fuss-kacheln{grid-template-columns:minmax(0,1fr)}.fuss-kacheln a{border-bottom:1px solid #fffdf829;border-right:0;padding:28px 0}.fuss-zeile{flex-direction:column}}@media (width<=389px){:root{--rand:20px}.kopf-menue{letter-spacing:.04em;padding:0 14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}:root{--leise:var(--tinte-weich);--titel:clamp(32px, 4.44vw, 64px)}.section-dark,.lab-showcase{--leise:#fffdf8b8;--linie:#fffdf829;background:var(--tinte);color:var(--weiss)}.hero-kicker,.eyebrow,.card-index,.case-type,.article-item-meta,.breadcrumb,.article-meta,.scope-card-head{letter-spacing:.06em;text-transform:uppercase;color:var(--leise);font-size:13px}.section-head h2,.quote-band blockquote{font-size:var(--titel);letter-spacing:-.05em;text-wrap:balance;font-weight:500;line-height:1}.page-hero h1{letter-spacing:-.05em;font-size:clamp(40px,5.56vw,80px);font-weight:500;line-height:1}.page-lead{letter-spacing:-.02em;text-wrap:pretty;font-size:24px;line-height:1.3}:where(.path-card,.case-card,.scope-card,.team-card,.contact-panel,.split-panel,.detail-panel,.step,.journey-step,.fit-panel,.article-item) :is(h2,h3){letter-spacing:-.04em;text-wrap:balance;font-size:24px;font-weight:500;line-height:1.15}:where(.path-card,.case-card,.scope-card,.team-card,.contact-panel,.split-panel,.detail-panel,.step,.journey-step,.article-item,.section-head,.page-intro-grid) p:not(.page-lead,.eyebrow){color:var(--leise);text-wrap:pretty;font-size:18px;line-height:1.5}.textlink{color:inherit}.page-hero{padding:calc(var(--kopf) + clamp(40px, 9vh, 104px)) var(--rand) clamp(56px, 9vh, 96px)}.page-hero h1{text-wrap:balance;max-width:14em;margin-top:20px}.page-hero h1>span{display:block}.page-intro-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;margin-top:40px;display:grid}.page-intro-grid>:first-child{grid-column:1/3;max-width:30em;margin-right:25px}.page-intro-grid>:nth-child(2){grid-column:3/5;max-width:calc(34em + 25px);padding-left:25px}.page-actions,.hero-actions,.section-actions,.article-cta-actions{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.page-actions{margin-top:40px}.hero-actions{margin-top:4px}.firmierung{max-width:46em;color:var(--tinte-weich);margin-top:28px;font-size:18px;line-height:1.5}.case-context strong{color:var(--tinte);font-weight:500}.section{padding-block:clamp(64px,10vh,120px)}.section-inner{padding-inline:var(--rand)}.section-head{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;margin-bottom:clamp(40px,6vh,64px);display:grid}.section-head>div{grid-column:1/3;margin-right:25px}.section-head h2{margin-top:16px}.section-head>p{grid-column:3/5;max-width:calc(34em + 25px);padding-left:25px}.section-head-allein{margin-bottom:0}.section-notiz{padding-block:clamp(48px,7vh,80px)}.path-grid,.case-grid,.scope-grid,.team-grid,.contact-grid,.split-grid,.detail-grid,.steps,.journey-grid,.metric-row{grid-template-columns:repeat(var(--spalten,2), minmax(0, 1fr));display:grid}.path-grid,.case-grid,.scope-grid{--spalten:3}.steps,.journey-grid{--spalten:4}.metric-row{--spalten:3;margin-top:clamp(40px,6vh,64px)}:is(.path-card,.case-card,.scope-card,.team-card,.contact-panel,.split-panel,.detail-panel,.step,.journey-step){border-left:1px solid var(--linie);flex-direction:column;gap:14px;padding:28px 25px 32px;display:flex}:is(.path-card,.case-card,.scope-card,.team-card,.contact-panel,.split-panel,.detail-panel,.step,.journey-step):last-child{border-right:1px solid var(--linie)}.highlight .eyebrow{color:var(--kobalt)}:is(.contact-panel,.split-panel,.detail-panel,.team-card,.scope-card) .pille,:is(.contact-panel,.split-panel,.detail-panel,.team-card,.scope-card) .textlink{align-self:flex-start;margin-top:10px}.contact-note,.contact-erreichbarkeit{color:var(--leise);font-size:18px;line-height:1.5}.contact-erreichbarkeit{max-width:46em;margin-top:40px}.path-card,.case-card,.article-item{color:inherit;transition:background-color .15s var(--kurve-ort);text-decoration:none}.card-arrow,.case-card footer span:last-child,.article-item footer span:last-child{background:var(--kobalt);width:40px;height:40px;color:var(--weiss);transition:transform .15s var(--kurve-ort);border-radius:50%;place-items:center;font-size:20px;display:inline-grid}.path-card :is(h2,h3){letter-spacing:-.01em;font-size:18px;line-height:1.4}@media (width>=901px){.path-grid:has(>:nth-child(4):last-child){--spalten:2}.path-grid:has(>:nth-child(4):last-child)>:nth-child(2n){border-right:1px solid var(--linie)}}.case-card footer,.article-item footer,.card-ziel{letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;font-size:13px;display:flex}@media (hover:hover){.path-card:hover,.case-card:hover,.article-item:hover{background:var(--papier)}.path-card:hover .card-arrow,.case-card:hover footer span:last-child,.article-item:hover footer span:last-child{transform:translate(3px,-3px)}}.case-card-head{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.case-card-copy{gap:10px;display:grid}.scope-card-head{align-items:baseline;gap:12px;display:flex}.scope-card-head span{color:var(--kobalt);letter-spacing:0;font-size:18px;font-weight:500}.scope-card-head .eyebrow{margin:0}.steps{counter-reset:schritt}.step{counter-increment:schritt}.step:before{content:counter(schritt, decimal-leading-zero)}.step:before,.journey-step>span{font-variant-numeric:tabular-nums;color:var(--kobalt);font-size:18px;font-weight:500}.section-dark .step:before,.section-dark .journey-step>span{color:var(--weiss)}@media (width>=901px){.steps:has(>:nth-child(3):last-child){--spalten:3}}.fragen-zeilen,.article-faq{border-top:1px solid var(--linie)}.fragen-zeilen details,.article-faq details{border-bottom:1px solid var(--linie)}:is(.fragen-zeilen,.article-faq) summary{letter-spacing:-.04em;cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:26px 25px;font-size:24px;font-weight:500;list-style:none;display:flex}:is(.fragen-zeilen,.article-faq) summary::-webkit-details-marker{display:none}:is(.fragen-zeilen,.article-faq) summary:after{content:"";background:var(--tinte) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%23FFFDF8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat;width:24px;height:24px;transition:transform .24s var(--kurve-ort);border-radius:6px;flex:none}:is(.fragen-zeilen,.article-faq) details[open] summary:after{transform:rotate(180deg)}:is(.fragen-zeilen,.article-faq) details p{max-width:calc(34em + 25px);color:var(--tinte-weich);text-wrap:pretty;padding:0 25px 26px;font-size:18px;line-height:1.5}.section-inner:has(>.fragen-zeilen){grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;display:grid}.section-inner:has(>.fragen-zeilen)>.section-head{grid-column:1/3;margin:0 25px 0 0;display:block}.section-inner:has(>.fragen-zeilen)>.section-head>p{margin-top:18px;padding-left:0}.fragen-zeilen{grid-column:3/5}.check-list,.plain-list{gap:8px;margin:4px 0 0;padding:0;list-style:none;display:grid}.check-list li,.plain-list li{padding-left:22px;font-size:18px;line-height:1.45;position:relative}.check-list li:before,.plain-list li:before{content:"";background:var(--kobalt);border-radius:2px;width:8px;height:8px;position:absolute;top:.5em;left:0;transform:rotate(-4deg)}.section-dark .check-list li:before{background:var(--weiss)}.metric{border-left:1px solid var(--linie);gap:6px;padding:24px 25px;display:grid}.metric:last-child{border-right:1px solid var(--linie)}.metric strong{font-size:var(--titel);letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-weight:500;line-height:1}.metric span{color:var(--tinte-weich);font-size:18px}.quote-band{padding:clamp(64px, 10vh, 120px) var(--rand)}.quote-band blockquote{max-width:16em;margin:0}.quote-band span{color:var(--kobalt)}.fit-panel,.article-cta{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:32px 0;padding-block:clamp(48px,8vh,80px);display:grid}.fit-panel>div:first-child,.article-cta>div:first-child{grid-column:1/3;gap:14px;margin-right:25px;display:grid}.fit-panel>div:last-child,.article-cta>div:last-child{grid-column:3/5;padding-left:25px}.fit-panel h2,.article-cta h2{font-size:var(--titel);letter-spacing:-.05em;text-wrap:balance;font-weight:500;line-height:1}.article-cta p:not(.eyebrow){color:var(--tinte-weich);max-width:34em;font-size:18px;line-height:1.5}.legal-copy{max-width:46em;margin-top:48px}.legal-copy h2{letter-spacing:-.04em;margin:48px 0 12px;font-size:24px;font-weight:500;line-height:1.2}.legal-copy p{color:var(--tinte-weich);margin-bottom:14px;font-size:18px;line-height:1.55}.legal-copy p strong{color:var(--tinte);font-weight:500}.legal-copy a:not(.textlink){text-underline-offset:4px}.status-note{border-top:1px solid var(--linie);color:var(--tinte-weich);max-width:46em;margin-block:32px;padding-top:14px;font-size:18px;line-height:1.5}.status-note strong{color:var(--tinte);font-weight:500}.article-list{border-top:1px solid var(--linie)}.article-item{border-bottom:1px solid var(--linie);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:14px 0;padding-block:28px;display:grid}.article-item>*{padding-inline:25px}.article-item-meta{grid-column:1/2;gap:6px;display:grid}.article-item-copy{grid-column:2/4;gap:10px;display:grid}.article-item footer{grid-column:4/5;justify-self:end;gap:14px;margin-top:0;padding-top:0}.breadcrumb{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.breadcrumb a{color:var(--tinte);text-underline-offset:4px}.article-meta{gap:18px;margin-top:28px;display:flex}.article-layout{grid-template-columns:repeat(4,minmax(0,1fr));padding-block:0 clamp(48px,8vh,80px);display:grid}.article-aside{grid-column:1/2;padding-top:6px}.article-body,.article-layout .article-faq{grid-column:2/4}.article-body{padding-left:25px}.article-body>*+*{margin-top:1.1em}.article-body p,.article-body li{color:var(--tinte);text-wrap:pretty;font-size:20px;line-height:1.6}.article-body h2{letter-spacing:-.04em;margin-top:2em;font-size:24px;font-weight:500;line-height:1.2}.article-body h3{margin-top:1.6em;font-size:20px;font-weight:500}.article-body strong{font-weight:500}.article-body a{text-underline-offset:4px}.article-body ul,.article-body ol{padding-left:1.3em}.article-body li+li{margin-top:.4em}.article-body blockquote{border-left:2px solid var(--kobalt);margin:1.6em 0;padding-left:20px}.article-faq h2{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lab-showcase{padding-block:clamp(64px,10vh,120px)}.lab-showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;display:grid}.lab-showcase-copy{grid-column:1/3;gap:16px;margin-right:25px;display:grid}.lab-showcase-copy h2{font-size:var(--titel);letter-spacing:-.05em;text-wrap:balance;font-weight:500;line-height:1}.lab-showcase-copy p:not(.eyebrow){max-width:30em;color:var(--leise);font-size:18px;line-height:1.5}.lab-showcase-copy ol{border-top:1px solid var(--linie);margin:12px 0 0;padding:0;list-style:none;display:grid}.lab-showcase-copy li{border-bottom:1px solid var(--linie);grid-template-columns:48px 1fr;padding:14px 0;font-size:18px;display:grid}.lab-showcase-copy li span{color:var(--weiss);font-variant-numeric:tabular-nums;font-weight:500}.lab-showcase-grid>.lab-visual{grid-column:3/5}.lab-visual{aspect-ratio:4/3;border:1px solid var(--linie);background:var(--grund);overflow:hidden}.lab-visual img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--kurve-ein);display:block}@media (hover:hover){.case-card:hover .lab-visual img{transform:scale(1.03)}}main:has(>.section-dark:last-child)+.fuss{box-shadow:inset 0 1px #fffdf829}@media (width<=900px){.page-intro-grid,.section-head,.fit-panel,.article-cta,.lab-showcase-grid,.article-layout{grid-template-columns:minmax(0,1fr)}.page-intro-grid>*,.section-head>*,.fit-panel>div,.article-cta>div,.lab-showcase-copy,.lab-showcase-grid>.lab-visual,.article-aside,.article-body,.article-layout .article-faq{grid-column:1!important;margin-right:0!important;padding-left:0!important}.page-intro-grid,.section-head{gap:18px}.path-grid,.case-grid,.scope-grid,.team-grid,.contact-grid,.split-grid,.detail-grid,.steps,.journey-grid,.metric-row{--spalten:1}.metric{border-left:0;border-top:1px solid var(--linie);grid-template-columns:64px 1fr;align-items:baseline;padding:14px 0;border-right:0!important}.metric strong{font-size:32px}.breadcrumb>:not(a){display:none}.section-inner:has(>.fragen-zeilen){grid-template-columns:minmax(0,1fr)}.section-inner:has(>.fragen-zeilen)>.section-head,.fragen-zeilen{grid-column:1;margin:0 0 24px}.article-item>*{padding-inline:0}.article-body{padding-left:0}:is(.path-card,.case-card,.scope-card,.team-card,.contact-panel,.split-panel,.detail-panel,.step,.journey-step){border-left:0;border-top:1px solid var(--linie);padding:28px 0;border-right:0!important}:is(.path-card,.case-card,.scope-card,.team-card,.contact-panel,.split-panel,.detail-panel,.step,.journey-step):last-child{border-bottom:1px solid var(--linie)}.article-item{grid-template-columns:minmax(0,1fr)}.article-item>*{grid-column:1!important}.article-item footer{justify-self:start}.article-aside{display:none}.fragen-zeilen{margin-left:0}:is(.fragen-zeilen,.article-faq) summary{padding-inline:0;font-size:22px}:is(.fragen-zeilen,.article-faq) details p{padding-inline:0}.page-lead{font-size:21px}:where(.path-card,.case-card,.scope-card,.team-card,.contact-panel,.split-panel,.detail-panel,.step,.journey-step,.fit-panel,.article-item) :is(h2,h3){font-size:22px}.article-body p,.article-body li{font-size:18px}.lab-showcase-grid{gap:32px}}
