@font-face{font-family:brockmann;src:url(../media/brockmann_regular-s.p.0f1_6dhxo98hw.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:brockmann;src:url(../media/brockmann_regularitalic-s.p.2-dp8hw8tp63e.woff2)format("woff2");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:brockmann;src:url(../media/brockmann_medium-s.p.30ak70f8vr1ay.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:brockmann;src:url(../media/brockmann_semibold-s.p.2iv-ita_z28f3.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:brockmann;src:url(../media/brockmann_bold-s.p.3am0zlkgi5civ.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:brockmann Fallback;src:local(Arial);ascent-override:89.5%;descent-override:24.0%;line-gap-override:0.0%;size-adjust:109.16%}.brockmann_d0cad1e3-module__cgPc2a__className{font-family:brockmann,brockmann Fallback}.brockmann_d0cad1e3-module__cgPc2a__variable{--schrift:"brockmann", "brockmann Fallback"}
:root{--grund:#f4f3f0;--text:#141414;--leise:#7a7873;--linie:#d6d4cf;--rand:clamp(16px, 2.2vw, 32px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--grund:#111;--text:#ecebe7;--leise:#8d8b86;--linie:#2c2c2b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--grund:#111;--text:#ecebe7;--leise:#8d8b86;--linie:#2c2c2b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--schrift), system-ui, sans-serif;text-transform:lowercase;background:var(--grund);color:var(--text);-webkit-font-smoothing:antialiased;font-size:18px;transition:background-color .3s,color .3s}.normale-schreibung{text-transform:none}a{color:inherit;text-decoration:none}.kopf{z-index:10;padding:32px var(--rand);background:var(--grund);align-items:center;gap:32px;font-size:17px;font-weight:500;transition:background-color .3s;display:flex;position:sticky;top:0}.kopf-marke{line-height:0;display:block}.kopf-marke svg{width:auto;height:24px}.kopf-nav{gap:28px;margin-left:auto;display:flex}.kopf-nav a,.sprach-schalter a{transition:opacity .2s}.kopf-nav a:hover,.sprach-schalter a:hover{opacity:.5}.kopf-schalter{align-items:center;gap:20px;display:flex}.sprach-schalter{gap:10px;display:flex}.sprach-schalter a[aria-current]{color:var(--leise)}.thema-schalter{width:24px;height:24px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.thema-kreis{background:linear-gradient(90deg,currentColor 50%,#0000 50%);border:1.5px solid;border-radius:50%;width:16px;height:16px}.menue-knopf{color:inherit;font:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;display:none}.mobil-menue{z-index:30;padding:32px var(--rand) calc(32px + env(safe-area-inset-bottom));background:var(--grund);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.mobil-menue[hidden]{display:none}.mobil-menue-kopf{align-items:center;display:flex}.mobil-menue-kopf .menue-knopf{display:block}.mobil-menue-nav{flex-direction:column;gap:4px;margin:auto 0;padding:48px 0;display:flex}.mobil-menue-nav a{letter-spacing:-.04em;font-size:clamp(40px,12vw,64px);font-weight:500;line-height:1.1}.mobil-menue-fuss{border-top:1px solid var(--text);justify-content:space-between;align-items:center;padding-top:20px;display:flex}@media (prefers-reduced-motion:no-preference){.mobil-menue[data-offen=true]{animation:.25s both einblenden}}@media (max-width:720px){.kopf-nav,.kopf-schalter{display:none}.kopf>.menue-knopf{display:block}}@media (min-width:721px){.mobil-menue{display:none!important}}.auftakt{min-height:calc(100svh - 88px);padding:0 var(--rand) var(--rand);flex-direction:column;justify-content:flex-end;display:flex}.auftakt-name{letter-spacing:-.045em;flex-direction:column;margin:0;font-size:clamp(56px,13.5vw,240px);font-weight:500;line-height:.92;display:flex}.auftakt-zeile2{align-self:flex-end}.auftakt-beruf{border-top:1px solid var(--linie);color:var(--leise);justify-content:space-between;align-items:center;gap:16px;margin:calc(clamp(56px,13.5vw,240px)/4.54545 + 12px) 0 0;padding-top:16px;font-size:15px;display:flex}.auftakt-beruf p{margin:0}.leise{color:var(--leise)}.bild{object-fit:cover;width:100%;height:auto;display:block}.bild-leer{background:var(--linie)}.knopf{border:1px solid;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:16px;transition:background-color .2s,color .2s;display:inline-flex}.knopf:hover{background:var(--text);color:var(--grund)}.pfeil-link{border-bottom:1px solid var(--linie);margin-top:12px;font-size:16px;transition:border-color .2s;display:inline-block}.pfeil-link:hover{border-color:currentColor}.abschnitt{padding:0 var(--rand);margin-top:clamp(96px,12vw,180px)}.abschnitt-kopf{border-bottom:1px solid var(--text);justify-content:space-between;align-items:baseline;padding-bottom:16px;font-size:clamp(20px,1.8vw,26px);display:flex}.abschnitt-kopf h2{font-size:inherit;margin:0;font-weight:500}.liste{margin:0;padding:0;list-style:none}.zeile{border-bottom:1px solid var(--linie);grid-template-columns:1fr 2fr;gap:24px;padding:28px 0;display:grid}.zeile-links{font-variant-numeric:tabular-nums;font-size:17px}.zeile-rechts h3{letter-spacing:-.01em;margin:0;font-size:clamp(22px,2.1vw,28px);font-weight:500}.zeile-rechts p{max-width:60ch;margin:6px 0 0;line-height:1.5}@media (max-width:720px){.zeile{grid-template-columns:1fr;gap:8px}}.profil{padding-bottom:clamp(96px,12vw,180px)}.profil-intro{gap:var(--rand);padding:clamp(48px, 8vw, 120px) var(--rand) 0;grid-template-columns:7fr 5fr;align-items:end;display:grid}.profil-intro h1{letter-spacing:-.045em;margin:0;font-size:clamp(48px,9vw,150px);font-weight:500;line-height:.92}.profil-subline{color:var(--leise);margin:20px 0 0;font-size:clamp(20px,1.7vw,24px)}.profil-intro .knopf{margin-top:32px}.profil-portrait-rahmen,.profil-block-rahmen{margin:0;position:relative}@media (min-width:721px){.profil-portrait-rahmen .bildnachweis,.profil-block-rahmen .bildnachweis{position:absolute;top:100%;left:0}}.profil-portrait{aspect-ratio:4/5}.profil-zitat{margin:clamp(96px, 12vw, 180px) var(--rand) 0;border-top:1px solid var(--text);border-bottom:1px solid var(--text);padding:clamp(40px,5vw,72px) 0}.profil-zitat blockquote{margin:0}.profil-zitat p{letter-spacing:-.02em;text-align:center;text-wrap:balance;margin:0;font-size:clamp(30px,4.6vw,72px);font-style:italic;font-weight:400;line-height:1.1}.profil-zitat p:before{content:"„"}.profil-zitat p:after{content:"“"}.profil-zitat figcaption{text-align:center;color:var(--leise);margin-top:28px;font-size:16px}.profil-block{gap:var(--rand);padding:0 var(--rand);grid-template-columns:1fr 1fr;align-items:end;margin-top:clamp(96px,12vw,180px);display:grid}.profil-block-bild{aspect-ratio:4/5}.profil-block-text p{margin:0 0 .8em}.profil-block-text p:last-child{margin-bottom:0}.profil-block-text{letter-spacing:-.01em;max-width:40ch;margin:0;font-size:clamp(20px,1.9vw,28px);line-height:1.3}@media (max-width:720px){.profil-intro,.profil-block{grid-template-columns:1fr;gap:32px}}.skills{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:0 clamp(32px,6vw,96px);display:grid}.skill-gruppe h3{color:var(--leise);margin:32px 0 8px;font-size:15px;font-weight:500}.skill-gruppe ul{margin:0;padding:0;list-style:none}.skill-gruppe li{border-bottom:1px solid var(--linie);grid-template-columns:1fr 150px 110px;align-items:center;gap:16px;padding:18px 0;font-size:19px;display:grid}.skill-stufe{text-align:right;font-size:15px}@media (max-width:480px){.skill-gruppe li{grid-template-columns:1fr 110px}.skill-stufe{display:none}}.massstab{padding-top:14px;display:block}.massstab-leiste{grid-template-columns:repeat(5,1fr);height:7px;display:grid;position:relative}.massstab-leiste>span:not(.massstab-ziffer){border-top:1px solid;border-bottom:1px solid}.massstab-leiste .voll{background:currentColor;border-left:1px solid}.massstab-leiste .leer{border-left:1px solid}.massstab-leiste .ende{border-right:1px solid}.massstab-leiste .rest{height:4px;border-top:0!important;border-bottom:1px solid var(--linie)!important}.massstab-ziffer{font-variant-numeric:tabular-nums;margin-bottom:3px;font-size:11px;line-height:1;position:absolute;bottom:100%;transform:translate(-50%)}.meilenstein{align-items:start;padding:clamp(36px,4vw,56px) 0}.meilenstein-wann{flex-direction:column;gap:10px;display:flex}.meilenstein-monat{font-size:15px}.meilenstein-jahr{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(56px,8vw,128px);font-weight:400;line-height:.85}.meilenstein-art{font-size:15px;margin:0 0 10px!important}.meilenstein .zeile-rechts h3{letter-spacing:-.02em;font-size:clamp(24px,2.6vw,36px);line-height:1.1}.projekt-kopf{padding:clamp(48px, 7vw, 110px) var(--rand) clamp(24px, 3vw, 40px);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 32px;display:flex}.projekt-kopf h1{letter-spacing:-.045em;margin:0;font-size:clamp(44px,8vw,132px);font-weight:500;line-height:.95}.projekt-kopf-rechts{align-items:center;gap:16px;display:flex}.projekt-kopf-meta{margin:0;font-size:17px}.runter{border:1px solid var(--linie);width:32px;height:32px;color:var(--leise);border-radius:50%;place-items:center;font-size:16px;transition:border-color .2s,color .2s,transform .2s;display:grid}.runter:hover{color:var(--text);border-color:currentColor;transform:translateY(2px)}.projekt-inhalt{scroll-margin-top:96px}.projekt-cover{height:min(88svh,62vw);min-height:320px}.projekt-inhalt{padding:clamp(24px, 3vw, 40px) var(--rand) 0;grid-template-columns:2fr 1fr;gap:clamp(24px,4vw,64px);display:grid}.projekt-bilder{flex-direction:column;grid-area:1/1;gap:clamp(16px,2vw,28px);min-width:0;display:flex}.projekt-info{grid-area:1/2}.projekt-info-innen{position:sticky;top:112px}.projekt-info-titel{letter-spacing:-.02em;margin:0 0 20px;font-size:clamp(22px,2vw,30px);font-weight:500}.projekt-text{line-height:1.6}.projekt-text p{margin:0 0 1em}.projekt-text p:last-child{margin-bottom:0}.kennzahlen{border-top:1px solid var(--linie);margin:32px 0 0;font-size:16px}.kennzahlen div{border-bottom:1px solid var(--linie);grid-template-columns:9em minmax(0,1fr);gap:16px;padding:10px 0;display:grid}.kennzahlen dt{color:var(--leise)}.kennzahlen dd{overflow-wrap:anywhere;margin:0}.projekt-foto{margin:0}.bildnachweis{margin-top:8px;font-size:14px}.bild-leer-foto{aspect-ratio:3/2}.projekt-plaene{flex-direction:column;gap:clamp(16px,2vw,28px);margin-top:clamp(48px,6vw,96px);display:flex}.projekt-plaene-titel{border-bottom:1px solid var(--text);margin:0;padding-bottom:16px;font-size:clamp(20px,1.8vw,26px);font-weight:500}.plan-flaeche{background:#fbfbf9;padding:clamp(24px,5vw,72px)}.plan{object-fit:contain}.plan.bild-leer{aspect-ratio:4/3;background:#e7e6e2}.projekt-weiter{padding:0 var(--rand) clamp(48px, 6vw, 96px);margin-top:clamp(96px,12vw,180px)}.projekt-weiter a{border-top:1px solid var(--text);flex-direction:column;gap:8px;padding-top:20px;display:flex}.projekt-weiter .leise{font-size:15px}.projekt-weiter-titel{letter-spacing:-.045em;font-size:clamp(36px,6vw,96px);font-weight:500;line-height:1;transition:opacity .2s}.projekt-weiter a:hover .projekt-weiter-titel{opacity:.5}@media (max-width:900px){.projekt-inhalt{grid-template-columns:1fr}.projekt-info,.projekt-bilder{grid-area:auto/1}.projekt-info-innen{position:static}.projekt-info-titel{display:none}}.start-projekte{padding-bottom:clamp(96px,12vw,180px);scroll-margin-top:112px}.start-projekte .abschnitt{margin-top:clamp(64px,8vw,120px)}.raster{gap:clamp(40px, 5vw, 80px) var(--rand);grid-template-columns:repeat(2,1fr);margin:0;padding:clamp(24px,3vw,40px) 0 0;list-style:none;display:grid}.kachel{display:block}.kachel-bild{aspect-ratio:4/3;overflow:hidden}.kachel-bild .bild{height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.kachel:hover .kachel-bild .bild{transform:scale(1.025)}.kachel-text{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-top:14px;display:flex}.kachel-text h3{margin:0;font-size:clamp(20px,1.7vw,24px);font-weight:500}.kachel-text p{text-align:right;margin:0;font-size:16px}@media (max-width:720px){.raster{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.kachel-bild .bild{transition:none}}.fuss{margin:0 var(--rand);border-top:1px solid var(--text);padding:clamp(64px,9vw,140px) 0 24px;scroll-margin-top:0;transition:background-color .3s,color .3s}.fuss a{transition:opacity .2s}.fuss a:hover{opacity:.55}.fuss-aufruf{opacity:.6;margin:0;font-size:clamp(20px,1.7vw,24px)}.fuss-mail{font-size:min(clamp(34px, 6.4vw, 104px), calc((100vw - 2 * var(--rand)) / (var(--zeichen,25) * .5)));white-space:nowrap;letter-spacing:-.04em;margin-top:12px;font-weight:500;line-height:1;display:inline-block}.fuss-spalten{gap:32px var(--rand);border-top:1px solid var(--linie);grid-template-columns:repeat(3,1fr);margin-top:clamp(64px,8vw,120px);padding-top:20px;display:grid}.fuss-spalten h2{opacity:.6;margin:0 0 12px;font-size:15px;font-weight:500}.fuss-spalten ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.fuss-marke{margin-top:clamp(64px,9vw,140px);line-height:0}.fuss-marke svg{width:100%;height:auto}.fuss-unten{opacity:.6;justify-content:space-between;gap:16px;margin-top:24px;font-size:15px;display:flex}@media (max-width:720px){.fuss-spalten{grid-template-columns:1fr 1fr}}@media (max-width:359px){.fuss-spalten{grid-template-columns:1fr}}.rechtstext{max-width:760px;padding:clamp(48px, 7vw, 110px) var(--rand) clamp(96px, 12vw, 180px)}.rechtstext h1{letter-spacing:-.04em;-webkit-hyphens:manual;hyphens:manual;margin:0 0 clamp(32px,4vw,56px);font-size:clamp(40px,6vw,84px);font-weight:500;line-height:1}.rechtstext h2{margin:40px 0 10px;font-size:19px;font-weight:500}.rechtstext p{margin:0 0 12px;line-height:1.6}.rechtstext a{border-bottom:1px solid var(--linie)}.rechtstext-hinweis{border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);color:var(--leise);padding:12px 0}.rechtstext-stand{color:var(--leise);font-size:16px;margin-top:40px!important}.maske{display:block}.von-oben,.von-unten{animation:1.4s cubic-bezier(.16,1,.3,1) both gleiten;display:block}.von-oben{--start:translateY(-100vh)}.von-unten{--start:translateY(100vh);animation-delay:.15s}@keyframes gleiten{0%{transform:var(--start)}to{transform:none}}.auftakt-beruf,.start-projekte{animation:.8s 1.2s both einblenden}body:has(.auftakt) .kopf{animation:.8s 1.2s both einblenden}@keyframes einblenden{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.von-oben,.von-unten,.auftakt-beruf,.start-projekte{animation:none}body:has(.auftakt) .kopf{animation:none}}.erfahrung .kachel-bild{aspect-ratio:16/9}.erfahrung-seite{padding:clamp(24px,4vw,56px) 0 clamp(96px,12vw,180px)}.erfahrung-seite .abschnitt{margin-top:0}.abschnitt-kopf h1{font-size:inherit;margin:0;font-weight:500}.erfahrung-text{justify-content:space-between;align-items:flex-start;gap:16px 24px;margin-top:16px;display:flex}.erfahrung-text h2{letter-spacing:-.01em;margin:0;font-size:clamp(20px,1.8vw,26px);font-weight:500}.erfahrung-text p{margin:6px 0 0;font-size:16px}.erfahrung-text .knopf{white-space:nowrap;flex-shrink:0}.erfahrung-aufgaben{border-top:1px solid var(--linie);margin-top:16px;padding-top:14px;font-size:16px;line-height:1.55}.erfahrung-aufgaben p{margin:0 0 .8em}.erfahrung-aufgaben p:last-child{margin-bottom:0}@media (max-width:480px){.erfahrung-text{flex-direction:column}}.urheber-link{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;transition:opacity .2s}.urheber-link:hover{opacity:.6}.weiterlesen{margin-top:.8em}.weiterlesen[open]{flex-direction:column;display:flex}.weiterlesen[open] summary{order:2;margin-top:.8em}.weiterlesen summary{cursor:pointer;width:fit-content;color:var(--leise);border-bottom:1px solid var(--linie);font-size:16px;list-style:none;transition:color .2s,border-color .2s;display:inline-block}.weiterlesen summary::-webkit-details-marker{display:none}.weiterlesen summary:hover{color:var(--text);border-color:currentColor}.weiterlesen-zu,.weiterlesen[open] .weiterlesen-auf{display:none}.weiterlesen[open] .weiterlesen-zu{display:inline}.weiterlesen-inhalt p{margin:0 0 .8em}.weiterlesen-inhalt p:last-child{margin-bottom:0}@media (prefers-reduced-motion:no-preference){.weiterlesen[open] .weiterlesen-inhalt{animation:.4s both einblenden}}