@font-face{font-family:Mona Sans;src:url(/fonts/mona-sans/MonaSans-Variable.woff2) format("woff2-variations");font-weight:200 900;font-style:normal;font-display:swap}:root{--prim:#fff;--second:#000;--akzent:var(--second);--container:min(92rem,100vw - 8rem)}@media screen and (min-width:1921px){html{font-size:clamp(16px,.8333vw,32px)}}@media screen and (max-width:1599px){html{scroll-behavior:smooth}}html ::-moz-selection{color:var(--prim);background:var(--second)}html::selection{color:var(--prim);background:var(--second)}html{font-family:Mona Sans,system-ui,sans-serif}html h1,html h2,html h3,html h4,html h5,html h6{font-family:Arial Black,Arial,sans-serif;font-weight:900}html .selectionColorSwitch ::-moz-selection{color:var(--second);background:var(--prim)}html .selectionColorSwitch ::selection,html .selectionColorSwitch::selection{color:var(--second);background:var(--prim)}html .visuellHidden{position:absolute;top:-2000px}html *{transition:color,background-color .5s ease-in-out}html input{border:1px solid var(--second);border-radius:3px}html input:focus{outline-color:var(--second)}html input:checked{accent-color:var(--second)}html button{padding-inline:.5rem;background-color:var(--second);color:var(--prim);border-radius:3px;cursor:pointer;border:1px solid var(--second)}html button:hover{background-color:var(--prim);color:var(--second)}:focus-visible{outline:2px solid currentColor;outline-offset:3px}[tabindex="-1"]:focus{outline:none}.sprungLink{position:fixed;top:.75rem;left:.75rem;z-index:100000;padding:.6rem 1rem;background:var(--second);color:var(--prim);font-weight:700;text-decoration:none;border-radius:.25rem;translate:0 -300%}.sprungLink:focus-visible{translate:0 0;outline-color:var(--second)}#nav{font-weight:300;position:fixed;z-index:999;top:0;left:0;display:grid;grid-template-columns:1fr auto auto;width:100%;padding-inline:2rem;padding-top:1rem;color:var(--second)}#nav #logo{height:1.8rem;width:fit-content}#nav #logo,#nav #mainNav{cursor:pointer}#nav #mainNav li{text-align:right}#nav #mainNav a.active{font-weight:700}#nav #language{display:flex;flex-direction:row;gap:2px;margin-right:2rem;text-align:right;cursor:pointer}#nav #language .active{font-weight:600}header{height:100vh;height:100dvh;background-color:var(--prim);color:var(--second)}header>div{gap:8vw;display:flex;height:100%;padding-left:6rem;flex-direction:row}header>div .left{margin-top:auto;flex-shrink:1}header>div .left h2:first-child{font-size:3vw;font-weight:700;transform:translate(8rem,6rem);width:fit-content}header>div .left h2:nth-child(2){font-size:11vw;font-weight:700;width:fit-content}header>div .left #spezification{display:flex;flex-direction:row;gap:1.8rem;font-weight:300;margin-top:-1.5rem;padding-left:2rem;margin-bottom:10rem}header>div .right{border-radius:3px;margin-block:auto 13rem;flex-grow:1}header>div .right img{max-width:400px;width:calc(100% - 2rem);height:auto;border-radius:3px}section.ueberMich{height:100vh;height:100dvh;overflow:hidden}section.ueberMich>div{display:grid;grid-template-columns:50% 50%;height:100%}section.ueberMich>div .left{display:flex;justify-content:flex-end;align-items:center;height:100%;padding-right:3vw}section.ueberMich>div .left h2{writing-mode:vertical-rl;transform:rotate(180deg);text-transform:lowercase;line-height:.78;letter-spacing:-.02em;white-space:nowrap}section.ueberMich>div .left h2 span{display:block}section.ueberMich>div .left h2 .klein{font-size:9vh}section.ueberMich>div .left h2 .gross{font-size:28vh;margin-block-start:-.18em}section.ueberMich>div .right{background:#000;width:50vw;color:#fff;padding-inline:5rem;position:relative;z-index:1;will-change:transform;display:flex;flex-direction:column;gap:2rem}section.ueberMich>div .right>div:first-child{margin-top:auto}section.ueberMich>div .right>div:last-child{margin-bottom:auto}section.ueberMich>div .right h3{font-size:clamp(1.1rem,2.4vh,1.4rem);margin-bottom:.4rem}section.ueberMich>div .right p{font-size:clamp(.9rem,1.8vh,1.05rem);line-height:1.55}section#cv{height:100vh;height:100dvh;overflow:hidden;background:var(--prim);color:var(--second)}section#cv>div{justify-content:space-between;height:100%;padding-inline:6rem}section#cv .column,section#cv>div{display:flex;flex-direction:row;align-items:center}section#cv .column{gap:2.5rem}section#cv .label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10.5vh;font-weight:900;line-height:1;letter-spacing:-.01em;user-select:none}section#cv{--entryHeight:4.6rem;--entryGap:2.6rem;--lineOffset:2rem;--dotSize:0.55rem;--titleSize:1.05rem;--titleLineHeight:1.35;--dotAlign:calc(var(--titleSize) * var(--titleLineHeight) / 2)}section#cv .timeline{position:relative;padding-left:var(--lineOffset);list-style:none;display:flex;flex-direction:column;gap:var(--entryGap)}section#cv .timeline:before{content:"";position:absolute;left:0;top:var(--dotAlign);bottom:calc(var(--entryHeight) - var(--dotAlign));width:1px;background:var(--second)}section#cv .timeline li{position:relative;height:var(--entryHeight);display:flex;flex-direction:column;justify-content:flex-start}section#cv .timeline li:before{content:"";position:absolute;left:calc(var(--lineOffset)*-1 - var(--dotSize)/2);top:var(--dotAlign);transform:translateY(-50%);width:var(--dotSize);height:var(--dotSize);background:var(--second)}section#cv .timeline li h3{font-size:var(--titleSize);font-weight:700;line-height:var(--titleLineHeight)}section#cv .timeline li .date,section#cv .timeline li .role{font-family:Mona Sans,system-ui,sans-serif;font-size:1.03rem;font-weight:400;line-height:1.4;color:#6a6a6a}div#projects .variante1{background-color:var(--second)}div#projects .variante1>div{position:relative;max-width:none;width:100%}div#projects .variante1>div h2{position:absolute;bottom:5rem;left:6rem;z-index:2;font-size:clamp(3.5rem,6.5vw,8rem);width:min-content;max-width:calc(100vw - 30rem - 12rem);line-height:.9;color:var(--prim);font-weight:800}div#projects .variante1>div .textBlock{position:absolute;bottom:6rem;right:2rem;width:30rem;color:var(--prim);font-size:.8rem;text-align:left;padding:1.5rem;background:rgba(0,0,0,.45);backdrop-filter:blur(8px);z-index:2}div#projects .variante1>div .date{position:absolute;bottom:3.5rem;left:6rem;z-index:2;font-size:2rem;width:2rem;color:var(--prim);font-weight:200}div#projects .variante1>div .lazyVideo{position:relative;height:100vh;height:100dvh;width:100vw;width:100dvw}div#projects .variante1>div .lazyVideo .lazyVideoPoster,div#projects .variante1>div .lazyVideo video{position:absolute;inset:0;height:100%;width:100%;max-width:none;max-height:none;object-fit:cover}div#projects .variante1>div .lazyVideo .lazyVideoPoster{z-index:1}div#projects .variante2{width:100vw;height:100vh;display:grid;grid-template-columns:40% 60%;background:var(--prim);overflow:hidden}div#projects .variante2 .left{background:var(--prim);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}div#projects .variante2 .left .text-box{background:var(--second);display:inline-flex;padding-inline:3rem;padding-top:2rem;padding-bottom:5rem;flex-direction:column;gap:.8rem;width:40rem}div#projects .variante2 .left .text-box h2{font-size:4rem;font-weight:800;line-height:.9;color:var(--prim);white-space:nowrap}div#projects .variante2 .left .text-box p{font-size:.78rem;color:var(--prim);opacity:.6;line-height:1.7;max-width:25rem}div#projects .variante2 .left .text-box .date{font-size:.58rem;color:var(--prim);opacity:.6;letter-spacing:.15em;text-transform:uppercase}div#projects .variante2 .viewer{overflow-y:scroll;overflow-x:hidden;height:100vh;padding:2rem 1rem;background:var(--prim);scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) var(--prim);overscroll-behavior:auto;box-sizing:border-box;margin-left:auto}div#projects .variante2 .viewer,div#projects .variante2 .viewer .react-pdf__Document{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:fit-content}div#projects .variante2 .viewer .cover{flex-shrink:0;box-shadow:0 8px 30px rgba(0,0,0,.15);overflow:hidden}div#projects .variante2 .viewer .spread{display:flex;gap:2px;flex-shrink:0}div#projects .variante2 .viewer .spread .page{overflow:hidden}div#projects .variante2 .viewer .spread .page:first-child{box-shadow:-4px 4px 16px rgba(0,0,0,.1);border-radius:1px 0 0 1px}div#projects .variante2 .viewer .spread .page:last-child{box-shadow:4px 4px 16px rgba(0,0,0,.1);border-radius:0 1px 1px 0}div#projects .variante3{height:100vh;height:100dvh;padding-inline:5rem;display:flex;flex-direction:column}div#projects .variante3 .date{margin-top:-5rem;padding-left:1rem}div#projects .variante3>.content{display:grid;margin-top:5rem;grid-template-columns:40% 20% 40%;width:100%}div#projects .variante3>.content>div{width:100%}div#projects .variante3>.content .left,div#projects .variante3>.content .right{margin-block:auto}div#projects .variante3>.content .center{margin-top:10vh}div#projects .variante3 h2{font-size:18vh;font-weight:800;margin-top:4rem}div#projects .variante1,div#projects .variante2,div#projects .variante3{width:100vw;max-width:100vw}.filterButtons{position:fixed;z-index:9999;top:3rem;height:20vh;width:40vw;left:2rem;opacity:.2}.filterButtons>div{display:flex;flex-direction:row;height:fit-content;width:fit-content;border:1px solid var(--second);border-radius:4px;overflow:hidden}.filterButtons:hover{opacity:1}.filterButtons.invisibel{opacity:0}.filterButtons.invisibel button{pointer-events:none}.filterButtons button{background-color:var(--second);border:none;cursor:pointer;padding:.3rem 1rem;border-radius:0;transition:all .3s ease-in-out}#contact,.filterButtons button.active{background-color:var(--prim);color:var(--second)}#contact{--linie:1px solid var(--second);flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:var(--linie)}#contact .left{display:flex;align-items:center;padding:4rem;overflow:clip}#contact .left h2{font-size:clamp(3rem,7.5vw,11rem);line-height:.85;letter-spacing:-.02em}#contact .left h2 span{display:block}#contact .left h2 .platz{display:inline;visibility:hidden}#contact .right{display:flex;align-items:center}#contact .zelle{padding:clamp(3rem,7vw,9rem)}#contact .zelle h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem}#contact .zelle>a{font-size:clamp(1rem,1.1vw,1.25rem);font-weight:400;color:var(--second);display:inline-block;line-height:1;text-decoration:none;overflow-wrap:anywhere}#contact .zelle>a:hover{opacity:.6}#footer{background:var(--second);color:hsla(0,0%,100%,.75);border-top:1px solid var(--second);padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;font-size:.85rem}#footer a{color:hsla(0,0%,100%,.85);text-decoration:none;transition:color .2s}#footer a:hover{color:var(--prim)}@media screen and (min-width:1600px){header>div,nav,section>div{width:var(--container);margin-inline:auto}header>div{padding-left:0}header>div .left h2:first-child{font-size:3.5rem}header>div .left h2:nth-child(2){font-size:11rem}header>div .right img{width:33rem;max-width:none}section.ueberMich>div .right{padding-left:5rem;padding-right:calc((100vw - var(--container))/2);display:flex;flex-direction:column}section.ueberMich>div .right>div{max-width:36rem}section.ueberMich>div .right p{font-weight:300}}@media screen and (max-width:1600px){#projects{background-color:var(--prim);color:var(--second)}#projects article{width:100%}#projects .cards{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 1.25rem 4rem;max-width:100vw;overflow:hidden}#projects .cards .card{position:relative;background:#fff;border-radius:6px;overflow:hidden;max-width:50rem;margin-inline:auto;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 0 32px rgba(0,0,0,.12);cursor:pointer;opacity:0;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .8s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}#projects .cards .card.cardOdd{transform:rotate(4deg) translateY(80px) translateX(20px)}#projects .cards .card.cardEven{transform:rotate(-3.5deg) translateY(80px) translateX(-20px)}#projects .cards .card.visible{opacity:1;transform:rotate(0deg) translateY(0) translateX(0)!important}#projects .cards .card:hover{box-shadow:0 0 0 1px rgba(0,0,0,.08),0 0 48px rgba(0,0,0,.16);transform:translateY(-3px)!important}#projects .cards .card .media{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden}#projects .cards .card .media .pdfCover,#projects .cards .card .media img{width:100%;height:100%;display:block}#projects .cards .card .media img{object-fit:cover;transition:transform .7s ease}#projects .cards .card .media .playButton{top:35%;left:50%;position:absolute;background-color:rgba(0,0,0,0);border:1px solid var(--prim)}#projects .cards .card:hover .media img{transform:scale(1.05)}#projects .cards .card .cardNumber{position:absolute;top:.85rem;right:1rem;font-size:.65rem;letter-spacing:.12em;color:hsla(0,0%,100%,.75)}#projects .cards .card .content{padding:1.1rem 1.25rem .25rem}#projects .cards .card .content .meta{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}#projects .cards .card .content .meta .categoryList{display:flex;flex-wrap:wrap;gap:4px}#projects .cards .card .content .meta .category{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;background:#f0f0f0;color:#444;padding:.2rem .65rem;border-radius:3px}#projects .cards .card .content .meta .year{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#aaa}#projects .cards .card .content .cardTitle{font-size:1.35rem;font-weight:700;line-height:1.1;letter-spacing:-.02em;margin-bottom:.65rem}#projects .cards .card .content .cardDescription{font-size:.85rem;color:#555;line-height:1.65;overflow:hidden;max-height:4.5em;transition:max-height .4s ease}#projects .cards .card .content .cardDescription.expanded{max-height:999px}#projects .cards .card .content .toggleButton{display:block;font-size:.75rem;color:#aaa;background:none;border:none;cursor:pointer;padding:.5rem 0 1rem;letter-spacing:.05em;transition:color .2s}#projects .cards .card .content .toggleButton:hover{color:#111}#projects>h2{font-size:min(20vh,15vw);font-weight:800;width:fit-content;max-width:100%;margin-inline:auto}#projects .react-pdf__Page{width:100%;height:100%}#projects canvas{height:100%!important;display:block!important;margin-inline:auto!important;width:auto!important}#projects .pdfCover{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:4px}#projects .pdfCover>div{height:100%}#projects .pdfCover .reactPdfPage canvas{width:100%!important;height:auto!important;border-radius:4px}#projects .pdfButton{display:inline-block;margin-top:12px;padding:8px 16px;background:var(--prim);color:var(--second);text-decoration:none;font-weight:800;border-radius:4px;font-size:.9rem}.filterButtons{position:relative;height:fit-content;width:fit-content;margin-bottom:4rem;top:0;margin-inline:auto;margin-top:-2rem;left:0}.filterButtons.invisibel{opacity:1}}@media screen and (max-width:1440px){header>div .left h2:first-child{font-size:2rem;transform:translate(6rem,4.5rem)}header>div .left h2:nth-child(2){font-size:8rem}header>div .left #spezification{gap:1rem;margin-top:-2rem;margin-bottom:8rem}header>div .right{margin-bottom:8rem;max-height:60vh}}@media screen and (max-width:1190px){header>div{flex-direction:column-reverse;gap:0;width:fit-content}header>div .left h2:first-child{font-size:2.5rem;transform:translate(6.5rem,calc(min(9rem, 11vw) * .44))}header>div .left h2:nth-child(2){font-size:min(9rem,11vw)}header>div .left #spezification{gap:1rem;margin-top:.75rem}header>div .right{margin-block:0;display:flex}header>div .right img{margin-block:auto 0;margin-inline:auto}section.ueberMich{overflow:visible;height:max-content;max-width:100%;overflow-x:hidden}section.ueberMich>div{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:0}section.ueberMich>div .left{margin-block:0;height:fit-content;width:fit-content;padding-right:0}section.ueberMich>div .left h2{writing-mode:horizontal-tb;transform:none;line-height:.85;padding-left:6rem;background-color:var(--prim);color:var(--second);width:100vw;padding-top:10rem}section.ueberMich>div .left h2 .klein{font-size:3rem}section.ueberMich>div .left h2 .gross{font-size:14vw}section.ueberMich>div .right{width:100%;margin-block:0;padding-block:0;padding-left:6rem;padding-bottom:3rem}section.ueberMich>div .right div:first-child{margin-top:4rem}section.ueberMich>div .right p{font-size:1.25rem}section#cv{height:max-content;overflow:visible}section#cv>div{flex-direction:column;align-items:stretch;gap:4rem;padding-inline:6rem;padding-block:5rem}section#cv .column{flex-direction:column;align-items:flex-start;gap:1.5rem}section#cv .label{writing-mode:horizontal-tb;transform:none;font-size:3.5rem;line-height:.9}section#cv .experience .label{order:-1}section#cv{--entryHeight:4.3rem;--entryGap:2rem}}@media screen and (max-width:800px){header>div{padding-left:2rem}header>div .left h2:first-child{font-size:5vw;transform:translate(13vw,10vw)}header>div .left h2:nth-child(2){font-size:18vw}header>div .left #spezification{flex-wrap:wrap;width:60%;gap:.5rem;margin-top:-6vw}header>div .right img{max-width:70%;max-height:70vh}section.ueberMich{min-height:fit-content}section.ueberMich>div{grid-template-columns:1fr}section.ueberMich>div .left h2{width:100vw;padding-left:2rem;padding-top:5rem}section.ueberMich>div .left h2 .klein{font-size:2rem}section.ueberMich>div .left h2 .gross{font-size:24vw}section.ueberMich>div .right{width:100%;padding-bottom:4rem;padding-top:4rem;padding-inline:2rem}section.ueberMich>div .right div:first-child{margin-top:auto}section#cv>div{padding-inline:2rem;padding-block:4rem;gap:3rem}section#cv .label{font-size:2.5rem}#contact{grid-template-columns:1fr}#contact .left{padding:4rem 2rem 2rem;border-bottom:var(--linie)}#contact .left h2{font-size:clamp(2.5rem,13vw,8rem)}#contact .zelle{padding:2rem}#footer{flex-direction:column;gap:.5rem;text-align:center}#footer .footerLinks{flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem}}@media screen and (max-width:400px){header>div{padding-left:2rem}header>div .left h2:first-child{font-size:3rem;transform:translate(0);margin-bottom:-1rem;margin-top:3rem}header>div .left h2:nth-child(2){font-size:3.5rem}header>div .left #spezification{display:grid;grid-template-columns:1fr 1fr;width:60%;column-gap:1rem;row-gap:0;padding:0;margin-top:0}header>div .left #spezification li:nth-child(2n){display:none}header>div .right img{margin-left:0}}.fakten{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(12rem,100%),1fr));border-top:1px solid;border-left:1px solid;margin-block:1rem;max-width:36rem}.fakten>div{min-width:0;padding:.5rem .75rem;border-right:1px solid;border-bottom:1px solid}.fakten dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,currentColor 60%,transparent)}.fakten dd{font-weight:600;line-height:1.3;overflow-wrap:anywhere;hyphens:auto}.faktenListe{display:grid;margin-bottom:1.25rem}.faktenListe li{display:grid;grid-template-columns:6.5rem 1fr;gap:1rem;align-items:baseline;padding:.5rem 0;border-bottom:1px solid hsla(0,0%,100%,.35)}.faktenListe li:last-child{border-bottom:none}.faktenListe span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;opacity:.75}.faktenListe b{font-weight:500;font-size:.95rem}.alleProjekteLink,.alleProjekteTitel{display:inline-grid;grid-template-columns:auto auto;align-items:end;column-gap:.12em;color:var(--second);margin:3rem 1.25rem 5rem;font-family:Mona Sans,sans-serif;font-weight:700;line-height:.86;letter-spacing:-.02em;font-size:clamp(2.5rem,9.5vw,9rem)}.alleProjekteLink .klein,.alleProjekteTitel .klein{grid-row:1;grid-column:1;writing-mode:vertical-rl;transform:translate(1.22em,.01em) rotate(199.65deg);font-size:.193em;font-weight:500;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:.1em}.alleProjekteLink .zeile,.alleProjekteTitel .zeile{grid-column:2}.alleProjekteLink .zweite,.alleProjekteTitel .zweite{display:flex;align-items:center;gap:.25em}.alleProjekteLink .pfeil,.alleProjekteTitel .pfeil{width:1.1em;height:.55em;fill:none;stroke:currentColor;stroke-width:1.5;vector-effect:non-scaling-stroke;transition:transform .3s ease}.alleProjekteLink:hover .pfeil,.alleProjekteTitel:hover .pfeil{transform:translateX(.15em)}.alleProjektePanel{width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--prim)}.projektSeite{background-color:var(--prim);background-image:radial-gradient(rgba(0,0,0,.14) 1px,transparent 0);background-size:24px 24px;background-attachment:fixed;color:var(--second);min-height:100vh}.projektSeite #alleProjekte h1{font-family:Arial Black,Arial,sans-serif;font-size:clamp(3rem,12vw,10rem);line-height:.9;letter-spacing:-.02em;padding:3rem 2rem 1rem}@media screen and (min-width:800px){.projektSeite #alleProjekte .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));align-items:start;max-width:none;padding-inline:2rem}}#footer .footerLinks{display:flex;gap:1.5rem;align-items:center}.socialLinks{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.socialLinks .folgt,.socialLinks a{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:none;background:none;color:inherit;font:inherit;cursor:pointer}.socialLinks .folgt:before,.socialLinks a:before{content:"";position:absolute;inset:0;border:1px solid;border-radius:50%;scale:.4;opacity:0;transition:scale .35s cubic-bezier(.25,.8,.3,1),opacity .25s ease}.socialLinks .folgt:is(:hover,:focus-visible,.offen):before,.socialLinks a:is(:hover,:focus-visible,.offen):before{scale:1;opacity:1}.socialLinks svg{width:1.25rem;height:1.25rem}.socialLinks .folgt svg{opacity:.5}.socialLinks .hinweis{position:absolute;bottom:calc(100% + .5rem);left:50%;translate:-50% .25rem;padding:.3rem .6rem;background:var(--second);color:var(--prim);font-size:.75rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease,translate .2s ease}.socialLinks .folgt.offen .hinweis{opacity:1;translate:-50% 0}.socialLinks.imKontakt{margin-top:1rem;margin-left:-.5rem}.socialLinks.imKontakt svg{width:1.4rem;height:1.4rem}.socialLinks.imKontakt .folgt,.socialLinks.imKontakt a{width:2.6rem;height:2.6rem}#footer .socialLinks .hinweis{background:var(--prim);color:var(--second)}#footer .socialLinks li:last-child .hinweis{left:auto;right:0;translate:0 .25rem}#footer .socialLinks li:last-child .folgt.offen .hinweis{translate:0 0}@media(prefers-reduced-motion:reduce){.socialLinks .hinweis,.socialLinks :is(a,.folgt):before{transition:none}}.impressumLink{background:none;border:none;padding:0;color:inherit;font:inherit;cursor:pointer}.impressumLink:hover{background:none;color:var(--prim)}dialog.impressum{width:min(56rem,100vw - 2rem);max-height:calc(100dvh - 4rem);margin:auto;padding:3rem;border:1px solid var(--second);background:var(--prim);color:var(--second);overflow-y:auto;text-align:left;font-size:1rem}dialog.impressum::backdrop{background:rgba(0,0,0,.6)}dialog.impressum h2{font-size:clamp(2rem,5vw,3.5rem);line-height:1;margin-bottom:2rem}dialog.impressum section+section{margin-top:1.75rem}dialog.impressum h3{font-size:1rem;margin-bottom:.4rem}dialog.impressum p{line-height:1.6;max-width:60ch}dialog.impressum a{color:var(--second);text-decoration:underline}dialog.impressum .schliessen{position:absolute;top:1rem;right:1.25rem;background:none;border:none;color:var(--second);font-size:2rem;line-height:1}dialog.impressum .schliessen:hover{background:none;opacity:.6}@media screen and (max-width:800px){dialog.impressum{padding:2rem 1.5rem}}.revealAn [data-reveal]{transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i, 0)*90ms)}.revealAn [data-reveal]:not(.sichtbar){opacity:0;transform:translateY(1.5rem)}.revealAn [data-reveal][data-reveal=links]:not(.sichtbar){transform:translateX(-30%)}.revealAn [data-reveal][data-reveal=rechts]:not(.sichtbar){transform:translateX(30%)}.revealAn [data-reveal][data-reveal=rechts]{transition-delay:.15s}.revealAn [data-reveal][data-reveal=linie]{position:relative;transform:none;opacity:1}.revealAn [data-reveal][data-reveal=linie]:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--second);transform-origin:left;transition:transform 1s cubic-bezier(.7,0,.2,1)}.revealAn [data-reveal][data-reveal=linie]:not(.sichtbar):before{transform:scaleX(0)}.revealAn [data-reveal][data-reveal=linie]:not(.sichtbar){border-top-color:rgba(0,0,0,0);transform:none;opacity:1}.v-section{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.projektGraph{position:relative;height:70vh;height:70dvh;min-height:24rem;margin:0 0 3rem;border-block:1px solid var(--second);overflow:hidden;touch-action:none;user-select:none}.projektGraph svg{display:block}.projektGraph .kante{stroke:var(--second);stroke-opacity:.25;stroke-width:1;transition:stroke-opacity .2s}.projektGraph .kante.an{stroke-opacity:1;stroke-width:1.5}.projektGraph .kante.aus{stroke-opacity:.06}.projektGraph .knoten{cursor:grab;transition:opacity .2s}.projektGraph .knoten:active{cursor:grabbing}.projektGraph .knoten circle{fill:var(--second);stroke:var(--prim);stroke-width:2}.projektGraph .knoten text{text-anchor:middle;font-size:11px;fill:var(--second);opacity:.7;pointer-events:none}.projektGraph .knoten.kategorie text{font-family:Arial Black,Arial,sans-serif;font-size:12px;opacity:1}.projektGraph .knoten.mitte text{font-family:Arial Black,Arial,sans-serif;font-size:14px;opacity:1}.projektGraph .knoten.mitte circle{fill:var(--prim);stroke:var(--second);stroke-width:3}.projektGraph .knoten.an text{opacity:1;font-weight:700}.projektGraph .knoten.aus{opacity:.15}.projektGraph .graphHinweis{position:absolute;left:1rem;bottom:.75rem;font-size:.75rem;opacity:.6}@media screen and (max-width:800px){.projektGraph{margin-inline:1rem;height:60vh}}.card.markiert{outline:3px solid var(--second);outline-offset:4px}.projektBento{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;margin:0 1rem 2.5rem}.projektBento .kachel{border:1px solid var(--second);padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-height:8rem}.projektBento .kachel.breit,.projektBento .kachel.gesamt{grid-column:1/-1}.projektBento .gesamt{background:var(--second);color:var(--prim);flex-direction:row;align-items:baseline;gap:.5rem;min-height:0}.projektBento .gesamt .zahl{font-family:Arial Black,Arial,sans-serif;font-size:4rem;line-height:1}.projektBento .kopf{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.projektBento .kopf h2{font-size:1.1rem;min-width:0;overflow-wrap:anywhere}.projektBento .kopf .anzahl{font-family:Arial Black,Arial,sans-serif;font-size:1.5rem}.projektBento ul{display:flex;flex-wrap:wrap;gap:.4rem}.projektBento button{background:rgba(0,0,0,0);color:var(--second);border:1px solid var(--second);border-radius:999px;padding:.2rem .65rem;font-size:.8rem;text-align:left;max-width:100%;overflow-wrap:anywhere}.graphVorschau,.projektBento button:active{background:var(--second);color:var(--prim)}.graphVorschau{position:absolute;width:min(22rem,40%);pointer-events:none;border:1px solid var(--second);animation:vorschauRein .25s ease-out}.graphVorschau img,.graphVorschau video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.graphVorschau span{display:block;padding:.4rem .6rem;font-family:Arial Black,Arial,sans-serif;font-size:.8rem}@keyframes vorschauRein{0%{opacity:0;scale:.92}}@media(prefers-reduced-motion:reduce){.graphVorschau{animation:none}}@media screen and (max-width:800px){.projektSeite #alleProjekte h1{padding-inline:1.25rem;padding-top:2rem}.projektBento{margin-inline:1.25rem}}.projektSeite,header#home{position:relative}.projektSeite .sprachWahl,header#home .sprachWahl{text-transform:uppercase;position:absolute;top:1.275rem;left:5.35rem;z-index:1000;display:flex;align-items:center;font-weight:300;font-size:.75rem;letter-spacing:.1em}.projektSeite .sprachWahl button,header#home .sprachWahl button{text-transform:uppercase;background:none;border:none;padding:0 .1rem;color:var(--second);font:inherit;opacity:.6}.projektSeite .sprachWahl button.active,header#home .sprachWahl button.active{opacity:1}.projektSeite .sprachWahl button:hover,header#home .sprachWahl button:hover{background:none;color:var(--second);opacity:.6}.projektSeite .sprachWahl .trenner,header#home .sprachWahl .trenner{padding-inline:.15rem;opacity:.5}#alleProjekte .seitenKopf{display:flex;justify-content:space-between;padding:2rem 2rem 1.25rem}#alleProjekte .seitenKopf .titelZeile{display:flex;align-items:flex-end;gap:1.25rem}#alleProjekte .seitenKopf .zurueck{display:flex;color:var(--second)}#alleProjekte .seitenKopf .zurueck svg{width:clamp(2.5rem,5vw,5rem);height:clamp(1.25rem,2.5vw,2.5rem);fill:none;stroke:currentColor;stroke-width:1.5;vector-effect:non-scaling-stroke;transition:transform .3s ease}#alleProjekte .seitenKopf .zurueck:hover svg{transform:translateX(-.2em)}#alleProjekte .seitenKopf h1{padding:0;font-size:clamp(2.5rem,5vw,5rem);line-height:.8;letter-spacing:-.02em}#alleProjekte .seitenKopf h1 sup{font-family:Mona Sans,sans-serif;font-weight:400;font-size:.25em;vertical-align:top;margin-left:.25em;letter-spacing:0}#alleProjekte .seitenKopf .kopfRechts{display:flex;align-items:center;gap:1.5rem}#alleProjekte .seitenKopf .sprache{display:flex;gap:.25rem}#alleProjekte .seitenKopf .sprache button{background:none;border:none;padding:.25rem;color:var(--second);text-transform:uppercase;font-size:.8rem;opacity:.6}#alleProjekte .seitenKopf .sprache button.active{opacity:1;font-weight:700}#alleProjekte .seitenKopf .sprache button:hover{background:none;color:var(--second);opacity:1}.ansichtWahl{display:flex;gap:1rem;flex-shrink:0}.ansichtWahl button{background:none;color:var(--second);border-radius:0;padding:.2rem 0;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6;border:none;border-bottom:1px solid rgba(0,0,0,0);transition:opacity .2s ease,border-color .2s ease}.ansichtWahl button:hover{background:none;color:var(--second);opacity:.8}.ansichtWahl button.aktiv{opacity:1;border-bottom-color:currentColor}.projektSeite .projektGraph{border-top:none;height:calc(100dvh - 17rem);min-height:26rem}@media screen and (max-width:800px){#alleProjekte .seitenKopf{flex-wrap:wrap;padding:2rem 1.25rem 1rem}.projektBento{margin-top:1.25rem}}@media screen and (min-width:1601px){div#projects .variante1>div .textBlock{font-size:.95rem;line-height:1.6}div#projects .variante1>div .date{font-size:.85rem;font-weight:600;letter-spacing:.12em;width:auto}div#projects .variante2 .left .text-box{width:auto;min-width:min(40rem,100%);max-width:100%;padding-right:4rem;gap:1rem}div#projects .variante2 .left .text-box h2{font-size:clamp(3rem,4vw,5rem);letter-spacing:-.02em}div#projects .variante2 .left .text-box p{font-size:.95rem;line-height:1.6;opacity:.85;max-width:34rem}div#projects .variante2 .left .text-box .date{font-size:.75rem;opacity:.7;letter-spacing:.12em}div#projects .variante3 h2{font-size:clamp(4rem,14vh,11rem);letter-spacing:-.02em;line-height:.9}div#projects .variante3 .date{margin-top:.75rem;padding-left:.25rem;font-size:.75rem;font-weight:600;letter-spacing:.12em}div#projects .variante3>.content{margin-top:3rem;grid-template-columns:38% 24% 38%;gap:2rem}div#projects .variante3>.content .center{margin-top:0;align-self:center}div#projects .variante3>.content .center p{font-size:.95rem;line-height:1.6}}.projektRaster{--spalte:calc((min(100vw, var(--container) + 4rem) - 4rem) / 4);display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:calc(var(--spalte)*.75);grid-auto-flow:dense;gap:0;padding:1.25rem 2rem 4rem}.rasterKachel{position:relative;display:block;padding:0;border:none;border-radius:0;background:var(--second);text-align:left;overflow:hidden}@media(pointer:fine){.rasterKachel{cursor:none}}.rasterKachel.breit{grid-column:span 2}.rasterKachel.hoch{grid-row:span 2}.rasterKachel .medium{position:absolute;inset:0;overflow:hidden;background:#f2f2f2}.rasterKachel .medium img,.rasterKachel .medium video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.rasterKachel .medium .pdfCover{width:72%;margin:2.5rem auto 0;box-shadow:0 8px 24px rgba(0,0,0,.18)}.rasterKachel .medium .pdfCover canvas{display:block}.rasterKachel .ueberlagerung{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:.4rem;padding:3rem 1.5rem 1.25rem;color:var(--prim);background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);opacity:0;transform:translateY(.75rem);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.rasterKachel .ueberlagerung .meta{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;opacity:.85}.rasterKachel .ueberlagerung .titel{font-family:Arial Black,Arial,sans-serif;font-size:clamp(1.5rem,2.2vw,2.5rem);line-height:1;letter-spacing:-.01em}.rasterKachel:focus-visible .ueberlagerung,.rasterKachel:hover .ueberlagerung{opacity:1;transform:none}.rasterKachel:focus-visible .medium img,.rasterKachel:hover .medium img{transform:scale(1.03)}.rasterKachel:focus-visible{outline:3px solid var(--second);outline-offset:3px}@media(hover:none){.rasterKachel .ueberlagerung{opacity:1;transform:none}}.folgeKreis{position:fixed;top:0;left:0;z-index:1000;width:4rem;height:4rem;margin:-2rem 0 0 -2rem;color:var(--second);display:grid;place-items:center}.folgeKreis .form{position:absolute;inset:0;border-radius:50%;background:var(--prim)}.folgeKreis span{position:relative}.folgeKreis{pointer-events:none;scale:0;transition:scale .3s cubic-bezier(.2,.7,.2,1)}.folgeKreis span{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.folgeKreis.an{scale:1}dialog.projektDetail{width:min(78rem,100vw - 2rem);max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:none;background:var(--prim);color:var(--second);overflow-y:auto}dialog.projektDetail::backdrop{background:rgba(0,0,0,.75)}dialog.projektDetail[open]{display:grid;grid-template-columns:1.4fr 1fr;animation:vorschauRein .3s ease-out}dialog.projektDetail .detailMedium{background:var(--second);display:grid;place-items:center;min-height:20rem}dialog.projektDetail .detailMedium img,dialog.projektDetail .detailMedium video{display:block;max-height:calc(100dvh - 2rem)}dialog.projektDetail .detailMedium .pdfCover{width:70%;padding-block:2rem}dialog.projektDetail .detailText{padding:2.5rem 2.5rem 2rem;display:flex;flex-direction:column;gap:1rem}dialog.projektDetail .detailText .meta{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;opacity:.7}dialog.projektDetail .detailText h2{font-size:clamp(1.75rem,3vw,3rem);line-height:1;letter-spacing:-.01em}dialog.projektDetail .detailText .text{font-size:.95rem;line-height:1.65;max-width:60ch}dialog.projektDetail .detailText .pdfLink{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--second)}dialog.projektDetail .schliessen{position:absolute;top:.75rem;right:1rem;z-index:2;background:var(--prim);color:var(--second);border:1px solid var(--second);border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.5rem;line-height:1;padding:0}dialog.projektDetail .schliessen:hover{background:var(--second);color:var(--prim)}@media screen and (max-width:800px){dialog.projektDetail[open]{grid-template-columns:1fr}dialog.projektDetail .detailText{padding:1.5rem 1.25rem}.projektRaster{--spalte:calc((100vw - 2.5rem) / 2);grid-template-columns:repeat(2,1fr);padding:1rem 1.25rem 3rem}#alleProjekte .seitenKopf{padding:1.5rem 1.25rem 1rem}#alleProjekte .seitenKopf .kopfRechts{width:100%;justify-content:space-between}}#nav{pointer-events:none}#nav #kompass,#nav #logo{pointer-events:auto}#nav.treffertest,#nav.treffertest *{pointer-events:none!important}#footer dialog.impressum a{color:var(--second)}#footer dialog.impressum a:hover{color:var(--second);opacity:.6}.graphVorschau .pdfVorschau{aspect-ratio:16/9;overflow:hidden;background:#f2f2f2;display:flex;justify-content:center}.graphVorschau .pdfVorschau .pdfCover{width:34%;margin-top:.75rem;box-shadow:0 6px 18px rgba(0,0,0,.2)}.graphVorschau .pdfVorschau .pdfCover canvas{display:block}#alleProjekte{max-width:calc(var(--container) + 4rem);margin-inline:auto}#nav #kompass{display:flex;flex-direction:column;align-items:flex-end;text-align:right}#nav #kompass .kompassZeile{display:flex;align-items:center;gap:.6rem}#nav #kompass button{border:none;padding:0;font:inherit;cursor:pointer}#nav #kompass button,#nav #kompass button:hover{background:none;color:inherit}#nav #kompass .karussell{display:grid;overflow:hidden;height:1.5em;font-weight:400}#nav #kompass .karte{grid-area:1/1;justify-self:end;align-self:center;white-space:nowrap;backface-visibility:hidden}#nav #kompass .quer .rein{animation:querRein .5s cubic-bezier(.2,.7,.2,1) both}#nav #kompass .quer .raus{animation:querRaus .5s cubic-bezier(.2,.7,.2,1) both}#nav #kompass .kompassPfeil svg{display:block;width:.85rem;height:.5rem;fill:none;stroke:currentColor;stroke-width:1.2;vector-effect:non-scaling-stroke;transition:rotate .3s ease}#nav #kompass.offen .kompassPfeil svg{rotate:180deg}#nav #kompass #mainNav{display:grid;gap:.15rem;margin-top:.4rem;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease}#nav #kompass.offen #mainNav{max-height:20rem;opacity:1}#nav #kompass{padding:.5rem .8rem;margin:-.5rem -.8rem;border-radius:.5rem;transition:background-color .3s ease,backdrop-filter .3s ease}#nav #kompass.offen{background:hsla(0,0%,100%,.85);backdrop-filter:blur(12px)}#nav #kompass.offen[data-grund=dunkel]{background:rgba(0,0,0,.7)}@keyframes querRein{0%{transform:translateX(calc(var(--richtung) * 100%));opacity:0}}@keyframes querRaus{to{transform:translateX(calc(var(--richtung) * -100%));opacity:0}}#nav #mainNav .rolle{display:inline-grid;overflow:hidden;vertical-align:top}#nav #mainNav .rolle>span{grid-area:1/1;transition:translate .3s cubic-bezier(.25,.8,.3,1),opacity .3s ease}#nav #mainNav .rolle>span+span{translate:0 100%;opacity:0}#nav #mainNav a:is(:hover,:focus-visible) .rolle>span{translate:0 -100%;opacity:0}#nav #mainNav a:is(:hover,:focus-visible) .rolle>span+span{translate:0 0;opacity:1}@media(prefers-reduced-motion:reduce){#nav #kompass .karte{animation:none!important}#nav #mainNav .rolle>span{transition:none}#nav #kompass .raus{display:none}}.rasterKachel .ueberlagerung{min-width:0}.rasterKachel .ueberlagerung .meta,.rasterKachel .ueberlagerung .titel{overflow-wrap:anywhere}@media screen and (max-width:800px){#alleProjekte .seitenKopf .kopfRechts{flex-wrap:wrap;gap:.75rem}#alleProjekte .seitenKopf .titelZeile{gap:.75rem;min-width:0}#alleProjekte .seitenKopf .zurueck svg{width:2rem;height:1rem}#alleProjekte .seitenKopf h1{font-size:clamp(1.75rem,9vw,2.5rem)}.rasterKachel .ueberlagerung{padding:2rem .75rem .75rem}.rasterKachel .ueberlagerung .meta{font-size:.6rem;letter-spacing:.08em}.rasterKachel .ueberlagerung .titel{font-size:1.1rem}}.revealAn [data-reveal=wisch]{transition:clip-path 1.1s cubic-bezier(.7,0,.2,1),transform 1.6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i, 0)*.12s)}.revealAn [data-reveal=wisch]:not(.sichtbar){opacity:1;clip-path:inset(0 0 0 100%);transform:scale(1.06)}.revealAn [data-reveal=wisch].sichtbar{clip-path:inset(0)}.revealAn [data-reveal=titel]{transition:clip-path .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:.25s}.revealAn [data-reveal=titel]:not(.sichtbar){opacity:1;clip-path:inset(0 0 100% 0);transform:translateY(.35em)}.revealAn [data-reveal=titel].sichtbar{clip-path:inset(-.2em)}div#projects .variante2 .left .text-box .fakten{color:var(--prim);margin-block:.25rem}div#projects .variante1>div .textBlock{transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1)}div#projects .variante1.ruhig:not(.stil-split):not(.stil-leinwand)>div .textBlock{opacity:0;pointer-events:none}.selectionColorSwitch dialog.impressum ::selection{color:var(--prim);background:var(--second)}.projektSeite.ansicht-raster{background-image:none}.projektSeite.ansicht-raster #alleProjekte .seitenKopf{border-bottom:none}div#projects .variante1{position:relative}div#projects .variante1>.stilWahl{position:absolute;top:5rem;left:2rem;z-index:5;width:auto;margin:0;display:flex;gap:.4rem}div#projects .variante1>.stilWahl button{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .5rem;background:rgba(0,0,0,0);color:inherit;border:1px dashed;border-radius:0;opacity:.6}div#projects .variante1>.stilWahl button.aktiv{opacity:1;border-style:solid}div#projects .variante1>.stilWahl button:hover{background:rgba(0,0,0,0);color:inherit;opacity:1}div#projects .variante1:not(.stil-leinwand){color:var(--prim)}div#projects .variante1.stil-split>div{display:grid;grid-template-columns:minmax(26rem,34%) 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"titel film" "datum film" "text film";height:100vh;height:100dvh}div#projects .variante1.stil-split>div h2{grid-area:titel;position:static;width:auto;padding:9rem 3rem 0;font-size:clamp(3rem,4.2vw,6rem)}div#projects .variante1.stil-split>div .date{grid-area:datum;position:static;padding:1rem 3rem 0}div#projects .variante1.stil-split>div .textBlock{grid-area:text;position:static;align-self:end;width:auto;margin:0 3rem 4rem;padding:0;background:none;backdrop-filter:none}div#projects .variante1.stil-split>div .lazyVideo{grid-area:film;width:100%;height:100%}div#projects .variante1.stil-untertitel>div h2{bottom:15rem;font-size:clamp(3rem,5vw,7rem)}div#projects .variante1.stil-untertitel>div .date{bottom:13rem}div#projects .variante1.stil-untertitel>div .textBlock{left:0;right:0;bottom:0;width:auto;display:grid;grid-template-columns:auto minmax(0,34rem);gap:3rem;align-items:start;padding:2rem 6rem 2.5rem;background:var(--second);backdrop-filter:none}div#projects .variante1.stil-untertitel>div .textBlock p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}div#projects .variante1.stil-untertitel>div .faktenListe{display:flex;flex-wrap:wrap;gap:.75rem 2.5rem;margin:0;border:none}div#projects .variante1.stil-untertitel>div .faktenListe li{display:flex;flex-direction:column;gap:.2rem;padding:0;border:none}div#projects .variante1.stil-leinwand{background-color:var(--prim);color:var(--second)}div#projects .variante1.stil-leinwand>div{height:100vh;height:100dvh}div#projects .variante1.stil-leinwand>div h2{top:8rem;bottom:auto;color:var(--second);font-size:clamp(3rem,4vw,6rem);width:auto;white-space:nowrap}div#projects .variante1.stil-leinwand>div .date{top:8rem;bottom:auto;left:auto;right:6rem;color:var(--second)}div#projects .variante1.stil-leinwand>div .lazyVideo{position:absolute;left:6rem;top:calc(50% - 15.1875vw + 4rem);width:54vw;height:30.375vw;box-shadow:0 30px 80px rgba(0,0,0,.25)}div#projects .variante1.stil-leinwand>div .textBlock{top:calc(50% - 15.1875vw + 4rem);bottom:auto;left:calc(6rem + 54vw + 5rem);right:auto;width:min(26rem,46vw - 16rem);padding:0;color:var(--second);background:none;backdrop-filter:none}div#projects .variante1.stil-leinwand>div .faktenListe li{border-bottom-color:rgba(0,0,0,.25)}div#projects .variante1:is(.stil-split,.stil-leinwand)>div :is(h2,.date){opacity:1!important}#alleProjekte .seitenKopf{padding-top:7rem;align-items:flex-end}#alleProjekte .seitenKopf h1.alleProjekteTitel{font-family:Mona Sans,sans-serif;font-weight:700;font-size:clamp(2.25rem,4.5vw,5rem);line-height:.86;letter-spacing:-.02em;padding:0;margin:0}@media screen and (max-width:800px){#alleProjekte .seitenKopf{padding-top:5rem}#alleProjekte .seitenKopf h1.alleProjekteTitel{font-size:clamp(2.25rem,13vw,4rem)}}.fakten:is(.stil-zahlen,.stil-zeile,.stil-spalten){border:none}.fakten:is(.stil-zahlen,.stil-zeile,.stil-spalten)>div{padding:0;border:none}.fakten.stil-zahlen{display:flex;flex-wrap:wrap;gap:1.25rem 2.5rem}.fakten.stil-zahlen dd{overflow-wrap:normal}.fakten.stil-zahlen dt{font-size:.62rem;letter-spacing:.12em;margin-bottom:.35rem}.fakten.stil-zahlen dd{font-family:Mona Sans,sans-serif;font-weight:700;font-size:clamp(1.1rem,1.3vw,1.5rem);line-height:1.1;letter-spacing:-.01em}.fakten.stil-zeile{display:block;line-height:2}.fakten.stil-zeile>div{display:inline;white-space:nowrap}.fakten.stil-zeile>div+div:before{content:"/";margin-inline:.6em;opacity:.35}.fakten.stil-zeile dd,.fakten.stil-zeile dt{display:inline}.fakten.stil-zeile dt{margin-right:.45em;font-size:.62rem}.fakten.stil-zeile dd{font-weight:600}.titelJahr{display:inline-grid;grid-template-columns:auto auto;align-items:end;column-gap:.75rem;width:fit-content}.titelJahr .jahrHochkant{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.75rem;font-weight:500;font-style:oblique 12deg;letter-spacing:.12em;line-height:1;margin-bottom:.15em}div#projects .variante2 .left .text-box .titelJahr{color:var(--prim)}div#projects .variante3 .titelJahr{margin-top:4rem}div#projects .variante3 .titelJahr h2{margin-top:0}.projektSeite{overflow-x:clip}#alleProjekte{max-width:none;container-type:inline-size}#alleProjekte .seitenKopf{max-width:calc(var(--container) + 4rem);margin-inline:auto}.projektRaster{--spalte:calc(100cqw / 4);padding:1.25rem 0 10rem}@media screen and (max-width:800px){.projektRaster{--spalte:calc(100cqw / 2);padding:1rem 0 6rem}}div#projects .variante3 .titelJahr .jahrHochkant{font-size:2.5vh}.fakten.stil-spalten{display:grid;grid-template-columns:repeat(3,max-content);gap:.75rem 3rem}.fakten.stil-spalten dt{font-size:.62rem;margin-bottom:.2rem}.fakten.stil-spalten dd{font-weight:600}@media screen and (min-width:1601px){div#projects .variante3.layout-versetzt{padding-inline:6rem}div#projects .variante3.layout-versetzt .titelJahr{align-self:flex-start;margin-inline:0}div#projects .variante3.layout-versetzt>.content{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);grid-template-areas:"left center" "left right";grid-template-rows:auto 1fr;column-gap:6rem;row-gap:2.5rem;margin-top:2.5rem}div#projects .variante3.layout-versetzt>.content .left{grid-area:left;align-self:start;margin-block:0}div#projects .variante3.layout-versetzt>.content .center{grid-area:center;max-width:38rem;margin-top:0}div#projects .variante3.layout-versetzt>.content .right{grid-area:right;align-self:start;justify-self:start;width:80%;margin-block:0}div#projects .variante3.layout-versetzt>.content img{--b:min(137%,(100svh - 32rem) * 2);display:block;width:var(--b);max-width:none;height:auto;margin-left:calc(var(--b)*-.135)}}div#projects .variante2 .left .text-box dt,div#projects .variante2 .left .text-box p{opacity:1}div#projects .variante2 .left .text-box p{color:hsla(0,0%,100%,.75)}div#projects .variante2 .left .text-box dt{color:hsla(0,0%,100%,.6)}div#projects .variante2 .left .text-box ::selection{color:var(--second);background:var(--prim)}dialog.projektDetail{height:calc(100dvh - 2rem);overflow:hidden}dialog.projektDetail[open]{grid-template-rows:100%}dialog.projektDetail .detailMedium{position:relative;min-height:0;height:100%}dialog.projektDetail .detailMedium img,dialog.projektDetail .detailMedium video{width:100%;height:100%;max-height:none;object-fit:contain}dialog.projektDetail .detailText{min-height:0;overflow-y:auto}dialog.projektDetail .fakten.stil-zahlen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.galerie{position:absolute;inset:0;pointer-events:none}.galerie button{pointer-events:auto;position:absolute;top:50%;translate:0 -50%;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:none;border-radius:50%;background:hsla(0,0%,100%,.85);color:var(--second);backdrop-filter:blur(6px);transition:background .2s ease,scale .2s ease}.galerie button:hover{background:var(--prim);color:var(--second);scale:1.06}.galerie button.zurueck{left:1rem}.galerie button.weiter{right:1rem}.galerie button svg{width:.9rem;height:.9rem;fill:none;stroke:currentColor;stroke-width:1.5;vector-effect:non-scaling-stroke}.galerie .zaehler{position:absolute;bottom:1rem;left:50%;translate:-50% 0;padding:.2rem .6rem;border-radius:999px;background:rgba(0,0,0,.45);color:var(--prim);font-size:.65rem;letter-spacing:.12em}@media screen and (max-width:800px){dialog.projektDetail{height:auto;overflow-y:auto}dialog.projektDetail[open]{grid-template-rows:auto}dialog.projektDetail .detailMedium{height:60dvh}}#alleProjekte{--titel:clamp(2.25rem,4.5vw,5rem)}#alleProjekte .seitenKopf{flex-direction:column;align-items:flex-start;gap:1.5rem}#alleProjekte .seitenKopf h1.alleProjekteTitel{font-size:var(--titel)}#alleProjekte .seitenKopf .ansichtWahl,#alleProjekte .seitenKopf .zurueckStart{margin-left:calc(var(--titel)*.313)}.zurueckStart{display:inline-flex;align-items:center;gap:.5rem;color:var(--second);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6;transition:opacity .2s ease}.zurueckStart svg{width:2rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.2;vector-effect:non-scaling-stroke;transition:translate .3s ease}.zurueckStart:hover{opacity:1;color:var(--second)}.zurueckStart:hover svg{translate:-.25rem 0}@media screen and (max-width:800px){#alleProjekte{--titel:clamp(2.25rem,13vw,4rem)}}#alleProjekte .seitenKopf .titelReihe{display:flex;align-items:flex-end;gap:calc(var(--titel)*.6)}#alleProjekte .seitenKopf .ansichtWahl{margin-left:0;margin-bottom:calc(var(--titel)*-.068)}@media screen and (min-width:1000px){.projektSeite.ansicht-graph #alleProjekte{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:start}.projektSeite.ansicht-graph #alleProjekte .seitenKopf{margin-inline:0;padding-left:max(2rem,(100vw - var(--container))/2)}.projektSeite.ansicht-graph #alleProjekte .projektGraph{height:100dvh;min-height:32rem}}dialog.projektDetail .detailMedium{overflow:hidden}dialog.projektDetail .detailMedium>img,dialog.projektDetail .detailMedium>video{position:absolute;inset:0}.projektSeite .projektGraph{border-bottom:none}.projektRaster{grid-auto-rows:calc(var(--spalte)*.5625)}.rasterKachel,.rasterKachel.breit{grid-row:span 2}.rasterKachel.hoch{grid-row:span 4}dialog.projektDetail .naechstes{margin-top:auto;padding-top:1.5rem;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent);display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;background:none;border-inline:none;border-bottom:none;border-radius:0;padding-inline:0;color:var(--second);text-align:left}dialog.projektDetail .naechstes .klein{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:color-mix(in srgb,currentColor 60%,transparent)}dialog.projektDetail .naechstes .titel{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;line-height:1;color:color-mix(in srgb,currentColor 65%,transparent);transition:color .2s ease}dialog.projektDetail .naechstes:hover .titel{color:currentColor}dialog.projektDetail .naechstes svg{width:1.6rem;height:.8rem;fill:none;stroke:currentColor;stroke-width:1.2;vector-effect:non-scaling-stroke;transition:translate .3s ease}dialog.projektDetail .naechstes:hover{background:none;color:var(--second)}dialog.projektDetail .naechstes:hover svg{translate:.3rem 0}#alleProjekte .seitenKopf .titelReihe{width:100%}.kategorieFilter{margin-left:auto;margin-bottom:calc(var(--titel)*-.068);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem 1.25rem}.kategorieFilter button{background:none;border:none;border-bottom:1px solid rgba(0,0,0,0);border-radius:0;padding:.2rem 0;color:var(--second);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6;transition:opacity .2s ease,border-color .2s ease}.kategorieFilter button:hover{background:none;color:var(--second);opacity:.8}.kategorieFilter button.aktiv{opacity:1;border-bottom-color:currentColor}@media screen and (max-width:800px){#alleProjekte .seitenKopf .titelReihe{flex-wrap:wrap}.kategorieFilter{margin-left:0;justify-content:flex-start}}.rasterKachel.webseite{grid-column:span 2;grid-row:span 2}.rasterKachel.webseite .medium{background:#fff}.rasterKachel.webseite .medium img{object-fit:contain;padding:6% 0}div#projects .variante1.stil-leinwand.jahr-linie>div .date{top:calc(8rem + clamp(3rem,4vw,6rem)*1.2);right:auto}div#projects :is(.variante2,.variante3).jahr-linie .titelJahr .jahrHochkant{order:2;writing-mode:horizontal-tb;transform:none;font-style:normal;align-self:end;margin:0 0 .35em .5rem}div#projects .variante3{position:relative}div#projects .variante3>.stilWahl{position:absolute;top:5rem;right:2rem;left:auto;width:auto;margin:0;z-index:5;display:flex;gap:.4rem}div#projects .variante3>.stilWahl button{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .5rem;background:var(--prim);color:var(--second);border:1px dashed;border-radius:0;opacity:.6}div#projects .variante3>.stilWahl button.aktiv{opacity:1;border-style:solid}div#projects .variante3>.stilWahl button:hover{background:var(--prim);color:var(--second);opacity:1}.rasterKachel.breit .medium{background:#000}.rasterKachel.breit .medium img,.rasterKachel.breit .medium video{object-fit:contain}@media screen and (min-width:1600px){.projektSeite .projektRaster{--spalte:calc((min(100cqw, var(--container) + 4rem) - 4rem - var(--titel) * 0.313) / 4);max-width:calc(var(--container) + 4rem);margin-inline:auto;padding-inline:calc(2rem + var(--titel)*.313) 2rem}}.rasterKachel.quer{grid-column:span 2;grid-row:span 2}.folgeKreis svg{position:relative;fill:none;stroke:currentColor;stroke-width:1.5;vector-effect:non-scaling-stroke;transition:scale .4s cubic-bezier(.2,.7,.2,1),rotate .4s cubic-bezier(.2,.7,.2,1)}.folgeKreis.art-ring{width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem;mix-blend-mode:difference}.folgeKreis.art-ring .form{background:none;border:1.5px solid #fff}.folgeKreis.art-ringkreuz{width:3.5rem;height:3.5rem;margin:-1.75rem 0 0 -1.75rem;color:#fff;mix-blend-mode:difference}.folgeKreis.art-ringkreuz .form{background:none;border:1.5px solid #fff}.folgeKreis.art-ringkreuz svg{width:1rem;height:1rem;stroke-width:1.5;rotate:90deg}.folgeKreis.art-ringkreuz.an svg{rotate:0deg}.folgeKreis.art-kreuz{width:2.2rem;height:2.2rem;margin:-1.1rem 0 0 -1.1rem;color:#fff;mix-blend-mode:difference}.folgeKreis.art-kreuz .form{display:none}.folgeKreis.art-kreuz svg{width:100%;height:100%;stroke-width:1;rotate:45deg}.folgeKreis.art-kreuz.an svg{rotate:0deg}.projektSeite{display:flex;flex-direction:column;min-height:100dvh}.projektSeite #alleProjekte{flex:1 0 auto;width:100%}#contact .weiterLinks{display:flex;flex-direction:column;gap:.6rem;margin-top:2.5rem}#contact .weiterLinks a{display:inline-flex;align-items:center;gap:.6rem;width:fit-content;color:var(--second);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}#contact .weiterLinks a svg{width:2rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.2;vector-effect:non-scaling-stroke;transition:translate .3s ease}#contact .weiterLinks a:hover svg{translate:.3rem 0}@media screen and (min-width:1601px){div#projects .variante3.layout-buehne{--titel:var(--projektTitel,min(18vh,6vw));--hoehe:calc(100dvh - 7rem - 4rem - var(--titel) * 0.8 - 5.4rem - 2rem);display:grid;grid-template-columns:minmax(0,1fr) min(68%,var(--hoehe)*1166/678);grid-template-rows:auto auto minmax(0,1fr);column-gap:5rem;padding:7rem 6rem 4rem;justify-items:start}div#projects .variante3.layout-buehne>div{margin-inline:0}div#projects .variante3.layout-buehne .titelJahr{grid-column:1/-1;margin:0;margin-left:calc(-2.5vh - .75rem - var(--titel)*.074)}div#projects .variante3.layout-buehne .titelJahr h2{margin:0;font-size:var(--titel);line-height:.8;white-space:nowrap}div#projects .variante3.layout-buehne .faktenZeile{grid-column:1/-1;margin-top:3rem}div#projects .variante3.layout-buehne .faktenZeile .fakten{margin:0}div#projects .variante3.layout-buehne .links{grid-row:3;display:flex;flex-direction:column;gap:2.5rem;width:100%;height:100%;min-height:0;padding-top:2rem}div#projects .variante3.layout-buehne .links p{max-width:40rem}div#projects .variante3.layout-buehne .links .laptop{margin-top:auto;width:100%}div#projects .variante3.layout-buehne .rechts{grid-row:3;grid-column:2;width:100%;height:100%;padding-top:2rem;container-type:size;display:flex;justify-content:flex-end;align-items:flex-end}div#projects .variante3.layout-buehne .rechts .laptop{width:min(100cqw,171.9764011799cqh)}div#projects .variante3.layout-buehne .rahmen{position:relative;aspect-ratio:1166/678;overflow:hidden}div#projects .variante3.layout-buehne .rahmen img{position:absolute;left:-18.5248713551%;top:-8.7020648968%;width:137.2212692967%;max-width:none;height:auto}}div#projects .variante1.stil-leinwand.jahr-linie>div .date{--titel:var(--projektTitel,clamp(3rem,4vw,6rem));top:calc(8rem + var(--titel)*.9 + .5rem);left:6rem;width:auto;font-size:calc(var(--titel)*.2);font-weight:400;letter-spacing:0;line-height:1}.rasterKachel .medium:has(.pdfCover){display:flex;align-items:center;justify-content:center}.rasterKachel .medium:has(.pdfCover) .pdfCover{width:84%;margin:0}@media screen and (min-width:1600px){.h-section>section.ueberMich{--links:calc(20vw + 30vw * var(--weiss, 0.65));width:calc(var(--links) + 50vw)}.h-section>section.ueberMich>div{grid-template-columns:var(--links) 50vw}}.rasterKachel.app{grid-column:span 2;grid-row:span 2}.rasterKachel.app .medium{background:#f2f2f2}.rasterKachel.app .medium img{object-fit:contain;padding:7%}#kompass #mainNav a[aria-current]{font-weight:600}.rasterKachel.app .medium,.rasterKachel.webseite .medium,.rasterKachel:not(.breit) .medium{background:var(--prim)}.variantenMenue{position:fixed;left:5.5rem;bottom:1.25rem;z-index:10000;font-family:Mona Sans,sans-serif;font-size:.75rem;color:var(--second)}.variantenMenue .variantenKnopf{padding:.4rem .8rem;border:1px solid var(--second);border-radius:999px;background:var(--prim);color:var(--second);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.variantenMenue .variantenListe{position:absolute;left:0;bottom:calc(100% + .5rem);display:grid;gap:.6rem;width:17rem;max-height:70vh;overflow-y:auto;padding:1rem;background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.15);border-radius:.5rem;box-shadow:0 12px 40px rgba(0,0,0,.15)}.variantenMenue .variantenListe label{display:grid;gap:.2rem}.variantenMenue .variantenListe label>span:first-child{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.variantenMenue .variantenListe select{font:inherit;padding:.25rem;border:1px solid rgba(0,0,0,.25);border-radius:.25rem;background:#fff;color:#000}.variantenMenue .variantenListe .regler{display:flex;align-items:center;gap:.5rem}.variantenMenue .variantenListe .regler input{flex:1;accent-color:#000}.variantenMenue .variantenListe .zuruecksetzen{margin-top:.25rem;padding:.35rem;border:1px solid;background:none;color:inherit;cursor:pointer}svg .voll{fill:currentColor;stroke:none}.alleProjekteLink.stil-eingerueckt{display:inline-flex;flex-direction:column;align-items:flex-start;font-family:Arial Black,Arial,sans-serif;font-weight:400;line-height:.85;font-size:clamp(2rem,11vw,9rem)}.alleProjekteLink.stil-eingerueckt .klein{writing-mode:horizontal-tb;transform:none;font-family:Mona Sans,sans-serif;font-size:.8rem;letter-spacing:.12em;margin:0 0 1.25rem}.alleProjekteLink.stil-eingerueckt .zeile{text-align:left}.alleProjekteLink.stil-eingerueckt .zweite{display:flex;align-items:center;gap:.15em;margin-left:1em}.alleProjekteLink.stil-eingerueckt .pfeil{width:1.2em;height:.6em;margin-left:.15em}.projektSeite.kopf-alt .kopfAlt{font-family:Arial Black,Arial,sans-serif;font-size:clamp(3rem,12vw,10rem);line-height:.85;letter-spacing:-.02em}.projektSeite.kopf-alt .kopfAlt sup{font-family:Mona Sans,sans-serif;font-weight:400;font-size:.22em;vertical-align:top;margin-left:.2em;letter-spacing:0}.projektSeite.kopf-alt .seitenKopf{border-bottom:1px solid var(--second);padding-bottom:1.5rem}.projektSeite.kopf-alt .ansichtWahl{margin-left:0}@media screen and (min-width:1000px){.projektSeite.kopf-alt.ansicht-graph #alleProjekte{display:block}.projektSeite.kopf-alt.ansicht-graph #alleProjekte .seitenKopf{margin-inline:auto;padding-left:2rem}.projektSeite.kopf-alt.ansicht-graph #alleProjekte .projektGraph{height:75dvh}}#contact.stil-schreib{display:flex}#contact.stil-schreib .kontaktText{margin-top:auto;padding-left:6rem;padding-bottom:8rem}#contact.stil-schreib h2{width:fit-content;line-height:.95}#contact.stil-schreib .klein{font-size:clamp(1.5rem,3vw,3.5rem);margin-left:.6em;margin-bottom:-.15em}#contact.stil-schreib .gross{font-size:clamp(4rem,11vw,13rem);letter-spacing:-.02em}#contact.stil-schreib .zeile{padding-left:2rem;margin-top:1rem;font-weight:300;font-size:clamp(1rem,1.4vw,1.4rem)}#contact.stil-schreib .zeile a{color:var(--second)}#contact.stil-schreib .zeile a:hover{opacity:.6}#contact.stil-schreib .weiterLinks{padding-left:2rem}#nav #kompass.stil-liste .kompassZeile{display:none}#nav #kompass.stil-liste #mainNav{max-height:none;opacity:1;margin-top:0}@media screen and (min-width:1200px){.projektSeite.rand-ohne .projektRaster{--spalte:calc(100cqw / 4);max-width:none;padding-inline:0}}@media screen and (min-width:1601px){div#projects .variante3.layout-schach{--zeile:calc((100dvh - 7rem - 4rem - 3rem) / 2);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);column-gap:6rem;row-gap:3rem;padding:7rem 6rem 4rem;justify-items:start}div#projects .variante3.layout-schach>div{margin-inline:0}div#projects .variante3.layout-schach .laptop{width:min(100%,var(--zeile)*1166/678)}div#projects .variante3.layout-schach .bild1{align-self:start}div#projects .variante3.layout-schach .bild2{align-self:end}div#projects .variante3.layout-schach .rahmen{position:relative;aspect-ratio:1166/678;overflow:hidden}div#projects .variante3.layout-schach .rahmen img{position:absolute;left:-18.5248713551%;top:-8.7020648968%;width:137.2212692967%;max-width:none;height:auto}div#projects .variante3.layout-schach .text{align-self:start;width:min(100%,var(--zeile)*1166/678)}div#projects .variante3.layout-schach .text .fakten{margin-top:0}div#projects .variante3.layout-schach .text p{margin-top:1.5rem}div#projects .variante3.layout-schach .titelJahr{align-self:end;margin:0}div#projects .variante3.layout-schach .titelJahr h2{margin:0;font-size:min(18vh,6vw);line-height:.8;white-space:nowrap}}.folgeKreis.art-plus svg{width:1.2rem;height:1.2rem;rotate:-90deg}.folgeKreis.art-plus.an svg{rotate:0deg}.folgeKreis.art-sucher{color:#fff;mix-blend-mode:difference}.folgeKreis.art-sucher .form{display:none}.folgeKreis.art-sucher svg{width:3.4rem;height:3.4rem;scale:1.5}.folgeKreis.art-sucher.an svg{scale:1}.folgeKreis.art-pfeil{width:3.25rem;height:3.25rem;margin:-1.625rem 0 0 -1.625rem;color:var(--prim)}.folgeKreis.art-pfeil .form{background:var(--second)}.folgeKreis.art-pfeil svg{width:1.1rem;height:1.1rem}.folgeKreis.art-punkt{width:1.25rem;height:1.25rem;margin:-.625rem 0 0 -.625rem;mix-blend-mode:difference}.folgeKreis.art-punkt .form{background:#fff}.folgeKreis.art-text{width:6.5rem;height:2.4rem;margin:-1.2rem 0 0 -3.25rem}.folgeKreis.art-text .form{border-radius:999px;transform:none!important}.folgeKreis.art-titel{width:auto;height:auto;margin:.9rem 0 0 .9rem;display:block;color:#fff;mix-blend-mode:difference}.folgeKreis.art-titel .form{display:none}.folgeKreis.art-titel span{display:block;font-size:1.1rem;font-weight:700;letter-spacing:0;text-transform:none;white-space:nowrap}.projektRaster.cursor-normal .rasterKachel{cursor:pointer}.projektRaster.cursor-normal .rasterKachel:hover .medium :is(img,video){transform:scale(1.03)}#contact.stil-formular .right{display:grid;grid-template-rows:auto 1fr;align-content:stretch}#contact.stil-formular .zelle+.zelle{border-top:var(--linie)}#contact.stil-formular form{display:flex;flex-direction:column;gap:2rem}#contact.stil-formular .felder{display:grid;grid-template-columns:1fr 1fr;border-top:var(--linie);border-left:var(--linie)}#contact.stil-formular .felder label{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;border-right:var(--linie);border-bottom:var(--linie)}#contact.stil-formular .felder label.breit{grid-column:1/-1}#contact.stil-formular .felder label:focus-within{background:rgba(0,0,0,.04)}#contact.stil-formular .felder label span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;opacity:.6}#contact.stil-formular .felder input,#contact.stil-formular .felder textarea{border:none;border-radius:0;background:rgba(0,0,0,0);color:var(--second);padding:.25rem 0;font-size:1rem;font-family:inherit;outline:none;resize:none}#contact.stil-formular button[type=submit]{align-self:flex-start;background:var(--second);color:var(--prim);border:var(--linie);border-radius:0;padding:.9rem 2.5rem;font-weight:700;font-size:.95rem;cursor:pointer}#contact.stil-formular button[type=submit]:hover{background:var(--prim);color:var(--second)}#contact.stil-formular .hinweis{font-size:.8rem;opacity:.7}.variantenMenue .variantenListe .bereich{font-weight:700;font-size:.8rem;padding-bottom:.4rem;border-bottom:1px solid rgba(0,0,0,.15)}#contact.stil-formular .right,#contact.stil-formular .right .zelle{min-width:0}@media screen and (min-width:800px)and (max-width:1599px){.tabletProjekte{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:clamp(6rem,12vw,10rem);padding-block:clamp(4rem,8vw,6rem) 6rem}.tabletProjekt{--rand:clamp(1.5rem,5vw,4rem);min-width:0;overflow-x:clip;color:var(--second)}.tabletProjekt>div{width:auto;margin-inline:0}.tabletProjekt .kopf{padding-inline:var(--rand);margin-bottom:2rem}.tabletProjekt .kopf .meta{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6}.tabletProjekt .kopf h3{margin-top:.6rem;font-size:clamp(3rem,9vw,7rem);font-weight:800;line-height:.9;letter-spacing:-.02em}.tabletProjekt .lazyVideo{position:relative;width:100%;aspect-ratio:16/9;background:#000}.tabletProjekt .lazyVideo .lazyVideoPoster,.tabletProjekt .lazyVideo video{width:100%;height:100%;object-fit:cover}.tabletProjekt .lazyVideo video{position:absolute;inset:0}.tabletProjekt .laptop{width:100%}.tabletProjekt.web .buehne{padding-inline:var(--rand)}.tabletProjekt .rahmen{position:relative;aspect-ratio:1166/678;overflow:hidden}.tabletProjekt .rahmen img{position:absolute;left:-18.5248713551%;top:-8.7020648968%;width:137.2212692967%;max-width:none;height:auto}.tabletProjekt .viewer{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.tabletProjekt .viewer .react-pdf__Document{display:flex;gap:1.5rem;width:max-content;padding:1rem var(--rand) 2rem}.tabletProjekt .viewer .cover,.tabletProjekt .viewer .spread{display:flex;gap:2px;flex-shrink:0;box-shadow:0 8px 30px rgba(0,0,0,.15)}.tabletProjekt .viewer .react-pdf__Page{width:auto!important;height:auto!important}.tabletProjekt .viewer canvas{height:min(60svh,34rem)!important;width:auto!important}.tabletProjekt .info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:3rem;align-items:start;margin-top:2.5rem;padding-inline:var(--rand)}.tabletProjekt .info p{font-size:1.05rem;line-height:1.6;max-width:40rem}.tabletProjekt .fakten.stil-spalten{grid-template-columns:1fr}.tabletProjekt .zweites{display:flex;justify-content:flex-end;margin-top:3rem;padding-inline:var(--rand)}.tabletProjekt .zweites .laptop.klein{width:62%}#projects .tabletProjekt .viewer .react-pdf__Page{width:auto!important;height:auto!important}#projects .tabletProjekt .viewer canvas{height:min(60svh,34rem)!important;width:auto!important}#projects{--anzeige:clamp(3rem,9vw,6.5rem)}#projects .alleProjekteLink,#projects>h2{font-size:var(--anzeige)}#projects .tabletProjekt .kopf h3{font-size:clamp(2.25rem,6vw,4.5rem)}#projects>h2{margin-inline:0;padding-inline:clamp(1.5rem,5vw,4rem)}.tabletProjekt .kopf h3{font-family:Arial Black,Arial,sans-serif;font-weight:800}.tabletProjekt .info{margin-top:0;margin-bottom:2.5rem}.tabletProjekt.film .buehne{padding-inline:var(--rand)}.tabletProjekt.film .lazyVideo{box-shadow:0 30px 80px rgba(0,0,0,.25)}.tabletProjekt.film .lazyVideo .lazyVideoPoster,.tabletProjekt.film .lazyVideo video{object-fit:contain}.tabletProjekt.web .laptops{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:end}}@media screen and (min-width:1601px){div#projects{--projektTitel:min(13vh,5.5vw)}div#projects .variante1.stil-leinwand>div h2,div#projects .variante2 .left .text-box .titelJahr h2,div#projects .variante3 .titelJahr h2{font-size:var(--projektTitel)}div#projects .variante1>div .textBlock p,div#projects .variante2 .left .text-box>p,div#projects .variante3 p{font-size:1.05rem;line-height:1.6}}@media screen and (max-width:1599px){#aboutMe [data-reveal],.revealAn #aboutMe [data-reveal]{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important;animation:none!important}section.ueberMich{overflow-x:clip;overflow-y:visible}section.ueberMich,section.ueberMich>div{height:auto;min-height:100dvh}section.ueberMich .right{padding-block:4rem}}@media screen and (min-width:800px)and (max-width:1599px){.tabletProjekt .info{align-items:start}.tabletProjekt .info .fakten,.tabletProjekt .info .faktenListe,.tabletProjekt .info p{margin:0}.tabletProjekt .info .fakten>div:first-child dt{margin-top:0}.tabletProjekt .info .fakten.stil-spalten{grid-template-columns:repeat(2,max-content);gap:1.25rem 3rem}.tabletProjekt.druck .info{grid-template-columns:minmax(0,1fr);gap:1.5rem}#projects .alleProjekteLink{display:grid;width:fit-content;margin:6rem auto}#projects>h2.projekteTitel{width:auto;margin:clamp(4rem,8vw,6rem) clamp(1.5rem,5vw,4rem) 0;padding:clamp(4rem,8vw,6rem) 0 0;border-top:1px solid rgba(0,0,0,.2);text-transform:lowercase;line-height:.78;letter-spacing:-.02em;font-weight:900}#projects>h2.projekteTitel span{display:block}#projects>h2.projekteTitel .klein{font-size:.32em}#projects>h2.projekteTitel .gross{margin-top:-.05em}#projects .tabletProjekt .viewer{width:100%;max-width:100%;margin:0}}#projects>h2.projekteTitel{text-transform:lowercase;line-height:.78;letter-spacing:-.02em}#projects>h2.projekteTitel span{display:block}#projects>h2.projekteTitel .klein{font-size:.32em}.nurVorlesen{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media screen and (min-width:800px)and (max-width:1599px){.tabletProjekte{width:auto;margin-inline:clamp(1.5rem,5vw,4rem);border-top:1px solid rgba(0,0,0,.2)}.tabletProjekt{--rand:0px;--links:clamp(3.5rem,8vw,6rem);position:relative;padding-left:var(--links)}.tabletProjekt .art{position:absolute;left:0;top:.2rem;writing-mode:vertical-rl;transform:rotate(180deg);font-family:Mona Sans,sans-serif;font-weight:300;font-size:clamp(1.25rem,2.4vw,1.9rem);letter-spacing:.02em;text-transform:uppercase;line-height:1;color:var(--second)}.tabletProjekt .kopf{margin-bottom:clamp(2rem,4vw,3rem)}.tabletProjekt .info{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);margin-bottom:clamp(2.5rem,5vw,4rem)}.tabletProjekt .info>div:first-child{padding-left:clamp(1rem,4vw,3rem)}.tabletProjekt .info .fakten.stil-spalten{grid-template-columns:repeat(2,max-content);gap:1.75rem 3rem}.tabletProjekt.film .buehne,.tabletProjekt.web .buehne{padding-inline:0}.tabletProjekt{--titelGr:clamp(2.25rem,6vw,4.5rem)}.tabletProjekt .kopf{position:relative}.tabletProjekt .kopf .art{left:calc(-1*var(--links));top:calc(var(--titelGr)*.133)}#projects .tabletProjekt .kopf h3{font-size:var(--titelGr);line-height:.9;margin-top:0}.tabletProjekt.druck{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);column-gap:1.25rem;padding-left:var(--links)}.tabletProjekt.druck .art{position:static;grid-column:1;grid-row:1/3;justify-self:end;align-self:end}.tabletProjekt.druck .kopf{grid-column:2;display:flex;flex-wrap:wrap;align-items:flex-end;column-gap:1.5rem;margin-bottom:1.5rem}.tabletProjekt.druck .kopf .fakten{margin:0}.tabletProjekt.druck .info{grid-column:2;display:block;margin-bottom:0}.tabletProjekt.druck .info p{max-width:40rem}.tabletProjekt.druck .buehne{grid-column:1/-1;margin-top:clamp(2.5rem,5vw,4rem)}.tabletProjekt.druck.druck-v1 .art{writing-mode:vertical-rl;transform:rotate(180deg);align-self:start;margin-top:calc(var(--titelGr)*.133)}.tabletProjekt.druck.druck-v2 .art{writing-mode:horizontal-tb;transform:none;margin-bottom:.3em}}@media screen and (max-width:799px){section.ueberMich .right p{font-size:1.05rem;line-height:1.6}.tabletProjekte{display:grid;grid-template-columns:minmax(0,1fr);gap:5rem;margin:0 1.25rem;padding-block:3.5rem 4rem;border-top:1px solid rgba(0,0,0,.2)}.tabletProjekt{--titelGr:clamp(2rem,10vw,2.75rem);min-width:0;overflow-x:clip;color:var(--second)}.tabletProjekt>div{width:auto;margin-inline:0}.tabletProjekt .art{display:block;margin-bottom:.5rem;font-family:Mona Sans,sans-serif;font-weight:300;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.tabletProjekt .kopf{margin-bottom:1.5rem}.tabletProjekt .kopf h3{font-family:Arial Black,Arial,sans-serif;font-weight:800;font-size:var(--titelGr);line-height:.95;letter-spacing:-.02em;margin:0}.tabletProjekt .info{display:grid;gap:1.5rem;margin-bottom:2rem}.tabletProjekt .info p{font-size:1.05rem;line-height:1.6;margin:0}.tabletProjekt .info .fakten{margin:0}.tabletProjekt .info .fakten.stil-spalten{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem}.tabletProjekt .lazyVideo{position:relative;width:100%;aspect-ratio:16/9;background:#000}.tabletProjekt .lazyVideo .lazyVideoPoster,.tabletProjekt .lazyVideo video{width:100%;height:100%;object-fit:contain}.tabletProjekt .lazyVideo video{position:absolute;inset:0}.tabletProjekt .laptops{display:grid;gap:1.5rem}.tabletProjekt .rahmen{position:relative;aspect-ratio:1166/678;overflow:hidden}.tabletProjekt .rahmen img{position:absolute;left:-18.5248713551%;top:-8.7020648968%;width:137.2212692967%;max-width:none;height:auto}.tabletProjekt .viewer{width:100%;overflow-x:auto;overflow-y:hidden}.tabletProjekt .viewer .react-pdf__Document{display:flex;gap:1rem;width:max-content;padding-bottom:1rem}.tabletProjekt .viewer .cover,.tabletProjekt .viewer .spread{display:flex;gap:2px;flex-shrink:0;box-shadow:0 8px 30px rgba(0,0,0,.15)}#projects .tabletProjekt .viewer .react-pdf__Page{width:auto!important;height:auto!important}#projects .tabletProjekt .viewer canvas{height:min(55svh,26rem)!important;width:auto!important}#projects .alleProjekteLink{display:grid;width:fit-content;margin:4rem auto 5rem}}@media screen and (min-width:560px)and (max-width:1190px){section#cv>div{flex-direction:row;align-items:flex-start;gap:2.5rem}section#cv>div>*{flex:1 1 0;min-width:0}section#cv .label{font-size:min(3.5rem,4.8vw)}}@media screen and (min-width:560px)and (max-width:799px){.tabletProjekt .info .fakten.stil-spalten{grid-template-columns:repeat(4,max-content);gap:1rem 2rem}.tabletProjekt .laptops{grid-template-columns:1fr 1fr;align-items:end}}@media screen and (max-width:799px){#contact .left{padding:3.5rem 1.25rem 2.5rem}#contact .zelle{padding:2.5rem 1.25rem 3.5rem;width:100%}#contact .zelle h3{font-family:Mona Sans,sans-serif;font-weight:400;font-size:.75rem;letter-spacing:.12em;opacity:.6;margin-bottom:.75rem}#contact .zelle>a{font-size:clamp(1.6rem,7vw,2.4rem);font-weight:500;letter-spacing:-.01em;line-height:1.1}#contact .weiterLinks{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.15)}}@media screen and (max-width:1599px){.tabletProjekt .kopf{display:flex;flex-wrap:wrap;align-items:last baseline;column-gap:clamp(1.5rem,4vw,3rem);row-gap:1.25rem}.tabletProjekt .kopf .kopfFakten .fakten.stil-spalten{display:flex;flex-wrap:wrap;gap:.75rem 1.75rem;margin:0}.tabletProjekt .kopf .kopfFakten .fakten{margin:0}.tabletProjekt.druck .kopf{align-items:last baseline}.tabletProjekt .info{display:block}.tabletProjekt .info p{max-width:42rem}}@media screen and (max-width:799px){.tabletProjekt .kopf .art{flex-basis:100%;margin-bottom:0}#contact{display:block;min-height:auto;padding:clamp(4rem,14vw,6rem) 1.25rem}#contact .left{display:block;padding:0;border:none}#contact .right{display:block;margin-top:clamp(2.5rem,9vw,3.5rem)}#contact .zelle{padding:0}#contact .weiterLinks{margin-top:2rem;padding-top:0;border-top:none}}.projektListe{list-style:none;margin:1.5rem 1.25rem 4rem calc(3.25rem + var(--titel)*.313);padding:0;border-top:1px solid rgba(0,0,0,.2)}.projektListe li{border-bottom:1px solid rgba(0,0,0,.2)}.projektListe button{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;grid-template-areas:"nr titel jahr" ". kategorien kategorien";align-items:baseline;column-gap:.75rem;row-gap:.3rem;width:100%;padding:1.1rem 0 1.2rem;background:none;border:none;border-radius:0;color:var(--second);text-align:left;cursor:pointer}.projektListe button:focus-visible .titel,.projektListe button:hover .titel{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}.projektListe .nr{grid-area:nr;font-size:.75rem;letter-spacing:.08em;opacity:.6}.projektListe .titel{grid-area:titel;font-family:Arial Black,Arial,sans-serif;font-weight:800;font-size:clamp(1.25rem,5.6vw,2rem);line-height:1.05;letter-spacing:-.01em}.projektListe .jahr{grid-area:jahr;font-size:.85rem;opacity:.6}.projektListe .kategorien{grid-area:kategorien;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;opacity:.6}@media screen and (max-width:800px){#alleProjekte .seitenKopf .ansichtWahl,#alleProjekte .seitenKopf .kategorieFilter{margin-left:calc(var(--titel)*.313)}}@media screen and (max-width:799px){#contact.treppe-t .right{margin-left:var(--stufe,0)}#contact.treppe-treppe .right{margin-left:calc(var(--stufe, 0px)*2)}#contact .weiterLinks a{white-space:nowrap}#contact .zelle>a{font-size:clamp(1.2rem,5.2vw,1.6rem)}#projects .alleProjekteLink{font-size:min(12.5vw,3.75rem)}}@media screen and (max-width:479px){#contact.treppe-treppe .right{margin-left:var(--stufe,0)}}#nav{--navRand:2rem}.projektSeite .sprachWahl,header#home .sprachWahl{left:calc(var(--navRand, 2rem) + 2.1rem + 1.25rem)}body:not(:has(#logo)) :is(header#home,.projektSeite) .sprachWahl{left:var(--navRand,2rem)}@media screen and (max-width:799px){#nav{padding-inline:1.25rem}.projektSeite .sprachWahl,header#home .sprachWahl{left:4.35rem}body:not(:has(#logo)) :is(header#home,.projektSeite) .sprachWahl{left:1.25rem}header>div{padding-left:1.25rem;padding-right:1.25rem}section#cv>div{padding-inline:1.25rem}#contact{flex:0 0 auto;padding-bottom:4rem}}@media screen and (max-width:400px){header>div .left h2:nth-child(2){font-size:min(3.5rem,16vw)}#contact.treppe-t .right,#contact.treppe-treppe .right{margin-left:0}}@media screen and (max-width:1599px){.tabletProjekt .viewer{counter-reset:seite;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.5) rgba(0,0,0,.08)}.tabletProjekt .viewer::-webkit-scrollbar{height:2px}.tabletProjekt .viewer::-webkit-scrollbar-track{background:rgba(0,0,0,.08)}.tabletProjekt .viewer::-webkit-scrollbar-thumb{background:rgba(0,0,0,.5)}.tabletProjekt .viewer .cover,.tabletProjekt .viewer .spread{overflow:visible;margin-bottom:1.75rem}.tabletProjekt .viewer .cover,.tabletProjekt .viewer .page{position:relative;counter-increment:seite}.tabletProjekt .viewer .cover:after,.tabletProjekt .viewer .page:after{content:counter(seite);position:absolute;left:0;top:calc(100% + .5rem);font-size:.7rem;letter-spacing:.08em;opacity:.6}.tabletProjekt .viewer .spread .page:last-child:after{left:auto;right:0}}@media screen and (min-width:401px)and (max-width:800px){header>div .left h2:nth-child(2){font-size:17vw}}@media screen and (min-width:1601px){div#projects .variante3.layout-buehne .links .laptop{flex:1 1 0;min-height:0;margin-top:0;container-type:size;display:flex;align-items:flex-end}div#projects .variante3.layout-buehne .links .rahmen{width:min(100cqw,171.9764011799cqh)}}@media screen and (max-width:799px){.v-section{min-height:auto}#contact{border-top:1px solid rgba(0,0,0,.2)}#contact .left h2{font-size:min(12.5vw,3.75rem)}}@media screen and (max-width:800px){dialog.projektDetail{width:calc(100vw - 1rem);max-width:none;max-height:calc(100dvh - 1rem);height:auto;overflow-y:auto}dialog.projektDetail .detailMedium{height:min(60dvh,75vw)}dialog.projektDetail .detailText{overflow:visible;padding:1.75rem 1.25rem 1.5rem}}@media screen and (max-width:599px){#alleProjekte .seitenKopf{max-width:none;margin-inline:0;padding-inline:1.25rem}.projektSeite .projektRaster{gap:.75rem;padding-top:1rem;padding-bottom:1.5rem}.projektListe{margin-left:calc(1.25rem + var(--titel)*.313)}}@media screen and (max-width:799px){#projects .alleProjekteLink{margin-bottom:7rem}#contact{padding-top:clamp(6rem,22vw,8rem)}}@media screen and (max-width:800px){header>div .left{--gross:17vw}header>div .left h2:first-child{font-size:calc(var(--gross)*.32);transform:translate(calc(var(--gross) * .73),calc(var(--gross) * .55));margin:0}}@media screen and (max-width:400px){header>div .left{--gross:min(3.5rem,16vw)}}@media(hover:none),screen and (max-width:599px){.projektRaster .rasterKachel{display:flex;flex-direction:column;background:var(--prim);overflow:visible}.projektRaster .rasterKachel .medium{position:relative;inset:auto;flex:1 1 auto;min-height:0}.projektRaster .rasterKachel .ueberlagerung{position:static;flex:none;padding:.6rem 1.25rem .4rem calc(1.25rem + var(--titel, 0px)*.313);background:none;color:var(--second);opacity:1;transform:none;gap:.25rem}.projektRaster .rasterKachel .ueberlagerung .meta{opacity:.6}}@media(hover:hover)and (min-width:600px){.projektRaster.hover-leiste .rasterKachel .ueberlagerung{padding:.9rem 1.25rem 1rem;background:var(--prim);color:var(--second);opacity:1;transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.7,.2,1)}.projektRaster.hover-leiste .rasterKachel .ueberlagerung .meta{opacity:.6}.projektRaster.hover-leiste .rasterKachel:is(:hover,:focus-visible) .ueberlagerung{transform:none}}dialog.impressum ul{list-style:disc;padding-left:1.2em}dialog.impressum ul li+li{margin-top:.3em}@media screen and (min-width:1600px){body,html{overflow-x:hidden}html:has(.h-section){scrollbar-width:none}html:has(.h-section)::-webkit-scrollbar{display:none}.h-section{overflow:hidden!important;height:100vh!important;display:flex!important;flex-wrap:nowrap!important}.h-section>.hori,.h-section>header,.h-section>section{flex-shrink:0;width:100vw;height:100vh}.v-section{height:fit-content}}