3:I[9275,[],""]
4:I[1343,[],""]
5:I[5210,["402","static/chunks/402-2bd6ff33d7824c38.js","231","static/chunks/231-38f42857c1d9af4e.js","185","static/chunks/app/layout-9fe92dea0d13d4c0.js"],"RootLayout"]
6:I[5112,["42","static/chunks/2b0f660e-cd8eab98905accfe.js","402","static/chunks/402-2bd6ff33d7824c38.js","231","static/chunks/231-38f42857c1d9af4e.js","173","static/chunks/173-ee4dec890c7d4e79.js","849","static/chunks/849-960f49fa53599776.js","812","static/chunks/812-a3c13a1c4afe66c0.js","225","static/chunks/app/portfolio/niehoff/page-79c02fb12c9d63f6.js"],"FadeIn"]
7:I[231,["42","static/chunks/2b0f660e-cd8eab98905accfe.js","402","static/chunks/402-2bd6ff33d7824c38.js","231","static/chunks/231-38f42857c1d9af4e.js","173","static/chunks/173-ee4dec890c7d4e79.js","849","static/chunks/849-960f49fa53599776.js","812","static/chunks/812-a3c13a1c4afe66c0.js","225","static/chunks/app/portfolio/niehoff/page-79c02fb12c9d63f6.js"],""]
0:["WfSekKNcB04V1YUPAv2fB",[[["",{"children":["portfolio",{"children":["niehoff",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",{"children":["portfolio",{"children":["niehoff",{"children":["__PAGE__",{},[["$L1","$L2"],null],null]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","portfolio","children","niehoff","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/6e8bdfd1dcc78b42.css","precedence":"next","crossOrigin":"$undefined"}]]}],null]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","portfolio","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]},[["$","html",null,{"lang":"en","className":"h-full bg-green-950 text-base antialiased","children":["$","body",null,{"className":"flex min-h-full flex-col","children":["$","$L5",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8 flex h-full items-center pt-24 sm:pt-32 lg:pt-40","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$L6",null,{"className":"flex max-w-xl flex-col items-center text-center","children":[["$","p",null,{"className":"font-display text-4xl font-semibold text-neutral-950 sm:text-5xl","children":"404"}],["$","h1",null,{"className":"mt-4 font-display text-2xl font-semibold text-neutral-950","children":"Seite nicht gefunden :-("}],["$","p",null,{"className":"mt-2 text-sm text-neutral-600","children":"Sorry, ich konnte die Seite die du suchst nicht finden."}],["$","$L7",null,{"href":"/","className":"mt-4 text-sm font-semibold text-neutral-950 transition hover:text-neutral-700","children":"Zurück zur Startseite"}]]}]}]}],"notFoundStyles":[],"styles":null}]}]}]}],null],null],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/ee1ad191280b18b8.css","precedence":"next","crossOrigin":"$undefined"}]],"$L8"]]]]
8:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Marie Niehoff Case Study - Lukas Niebler"}],["$","meta","3",{"name":"description","content":"Webdesign passend zum Genre Romantasy. Jede Buchreihe in einem eigenen Farbschema mit globalem Designsystem"}]]
1:null
9:I[8355,["42","static/chunks/2b0f660e-cd8eab98905accfe.js","402","static/chunks/402-2bd6ff33d7824c38.js","231","static/chunks/231-38f42857c1d9af4e.js","173","static/chunks/173-ee4dec890c7d4e79.js","849","static/chunks/849-960f49fa53599776.js","812","static/chunks/812-a3c13a1c4afe66c0.js","225","static/chunks/app/portfolio/niehoff/page-79c02fb12c9d63f6.js"],"GrayscaleTransitionImage"]
a:I[9342,["42","static/chunks/2b0f660e-cd8eab98905accfe.js","402","static/chunks/402-2bd6ff33d7824c38.js","231","static/chunks/231-38f42857c1d9af4e.js","173","static/chunks/173-ee4dec890c7d4e79.js","849","static/chunks/849-960f49fa53599776.js","812","static/chunks/812-a3c13a1c4afe66c0.js","225","static/chunks/app/portfolio/niehoff/page-79c02fb12c9d63f6.js"],"GridPattern"]
b:I[5112,["42","static/chunks/2b0f660e-cd8eab98905accfe.js","402","static/chunks/402-2bd6ff33d7824c38.js","231","static/chunks/231-38f42857c1d9af4e.js","173","static/chunks/173-ee4dec890c7d4e79.js","849","static/chunks/849-960f49fa53599776.js","812","static/chunks/812-a3c13a1c4afe66c0.js","225","static/chunks/app/portfolio/niehoff/page-79c02fb12c9d63f6.js"],"FadeInStagger"]
2:[["$","article",null,{"className":"mt-24 sm:mt-32 lg:mt-40","children":[["$","header",null,{"children":[["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8 mt-24 sm:mt-32 lg:mt-40 text-center","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$L6",null,{"children":[["$","h1",null,{"children":[["$","span",null,{"className":"block font-display text-base font-semibold text-neutral-950","children":"Portfolio"}],["$","span",null,{"className":"sr-only","children":" - "}],["$","span",null,{"className":"mt-6 block max-w-5xl font-display text-5xl font-medium tracking-tight text-neutral-950 [text-wrap:balance] sm:text-6xl mx-auto","children":"Webdesign für Romantasy Autorin"}]]}],["$","div",null,{"className":"mt-6 max-w-3xl text-xl text-neutral-600 mx-auto","children":["$","p",null,{"children":"Webdesign passend zum Genre Romantasy. Jede Buchreihe in einem eigenen Farbschema mit globalem Designsystem"}]}]]}]}]}],["$","$L6",null,{"children":[["$","div",null,{"className":"mt-24 border-t border-neutral-200 bg-white/50 sm:mt-32 lg:mt-40","children":["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","div",null,{"className":"mx-auto max-w-5xl","children":["$","dl",null,{"className":"-mx-6 grid grid-cols-1 text-sm text-neutral-950 sm:mx-0 sm:grid-cols-3","children":[["$","div",null,{"className":"border-t border-neutral-200 px-6 py-4 first:border-t-0 sm:border-l sm:border-t-0","children":[["$","dt",null,{"className":"font-semibold","children":"Stakeholder"}],["$","dd",null,{"children":"Marie Niehoff"}]]}],["$","div",null,{"className":"border-t border-neutral-200 px-6 py-4 first:border-t-0 sm:border-l sm:border-t-0","children":[["$","dt",null,{"className":"font-semibold","children":"Jahr"}],["$","dd",null,{"children":["$","time",null,{"dateTime":"2024","children":"2024"}]}]]}],["$","div",null,{"className":"border-t border-neutral-200 px-6 py-4 first:border-t-0 sm:border-l sm:border-t-0","children":[["$","dt",null,{"className":"font-semibold","children":"Service"}],["$","dd",null,{"children":"Webdesign"}]]}]]}]}]}]}]}],["$","div",null,{"className":"border-y border-neutral-200 bg-neutral-100","children":["$","div",null,{"className":"-my-px mx-auto max-w-[76rem] bg-neutral-200","children":["$","$L9",null,{"src":{"src":"/_next/static/media/hero.f23174ba.png","height":1099,"width":2048,"blurDataURL":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAElBMVEURBQMgCQQGAQIbEg8zIx5EODFTCKnFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAI0lEQVR4nB3IsQ0AMAzDMFlO/n85aAFOBNAnCd1KOukgv5ADA3gAMO8ony8AAAAASUVORK5CYII=","blurWidth":8,"blurHeight":4},"quality":90,"className":"w-full","sizes":"(min-width: 1216px) 76rem, 100vw","priority":true}]}]}]]}]]}],["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8 mt-24 sm:mt-32 lg:mt-40","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$L6",null,{"children":["$","div",null,{"className":"[&>*]:mx-auto [&>*]:max-w-3xl [&>:first-child]:!mt-0 [&>:last-child]:!mb-0","children":[["$","div",null,{"className":"typography","children":["\n","\n","\n",["$","h2",null,{"children":"Übersicht"}],"\n",["$","p",null,{"children":"In diesem Projekt geht es vor allem um die Entwicklung eines Webdesigns, welches sich je nach Buchreihe und Genre anpasst. Sowohl für New Adult Romance, als auch für Romantasy."}],"\n",["$","p",null,{"children":"Da es oft Designwechsel zwischen zwei Buchreihen benötigt, wird Elementor in WordPress verwendet, um Live auf der Website das Design an die neuen Anforderungen anzupassen."}],"\n",["$","p",null,{"children":"Das Designsystem wurde so entwickelt, dass es einfach erweitert werden kann, um auch in Zukunft neue Buchreihen und Genres abzudecken. Durch die Verwendung von Templates, können neue Buchseiten schnell erstellt und angepasst werden."}],"\n",["$","h2",null,{"children":"Was ich gemacht habe"}],"\n"]}],["$","ul",null,{"role":"list","className":"my-6 flex flex-wrap gap-4","children":[["$","li",null,{"className":"rounded-full bg-neutral-100 px-4 py-1.5 text-base text-neutral-600","children":"Webdesign"}],["$","li",null,{"className":"rounded-full bg-neutral-100 px-4 py-1.5 text-base text-neutral-600","children":"Elementor Setup"}]]}],["$","div",null,{"className":"typography","children":["\n","\n"]}]]}]}]}]}]]}],["$","div",null,{"className":"relative pt-24 sm:pt-32 lg:pt-40 mt-24 sm:mt-32 lg:mt-40","children":[["$","div",null,{"className":"absolute inset-x-0 top-0 -z-10 h-[884px] overflow-hidden rounded-t-4xl bg-gradient-to-b from-neutral-50","children":["$","$La",null,{"className":"absolute inset-0 h-full w-full fill-neutral-100 stroke-neutral-950/5 [mask-image:linear-gradient(to_bottom_left,white_40%,transparent_50%)]","yOffset":-270}]}],["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$L6",null,{"className":"max-w-2xl","children":[["$","h2",null,{"children":["$undefined",["$","span",null,{"className":"block font-display tracking-tight [text-wrap:balance] text-2xl font-semibold text-neutral-950","children":"Weitere Portfolio Projekte"}]]}],"$undefined"]}]}]}],["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8 mt-16","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$Lb",null,{"className":"grid grid-cols-1 gap-x-8 gap-y-16 lg:grid-cols-2","children":[["$","$L6","/portfolio/fau-webrelaunch",{"children":["$","article","/portfolio/fau-webrelaunch",{"children":["$","div",null,{"className":"relative flex flex-col items-start pl-8 relative before:absolute after:absolute before:bg-neutral-950 after:bg-neutral-950/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","h3",null,{"className":"mt-6 text-base font-semibold text-neutral-950","children":"Webrelaunch der Friedrich-Alexander-Universität Erlangen-Nürnberg"}],["$","time",null,{"dateTime":"2026-04","className":"order-first text-sm text-neutral-600","children":"April 2026"}],["$","p",null,{"className":"mt-2.5 text-base text-neutral-600","children":"Technische Dokumentation und Vektoranimationen für die Einführung von Matrix an der FAU."}],["$","$L7",null,{"href":"/portfolio/fau-webrelaunch","className":"mt-6 flex gap-x-3 text-base font-semibold text-neutral-950 transition hover:text-neutral-700","aria-label":"Weiterlesen: Webrelaunch der Friedrich-Alexander-Universität Erlangen-Nürnberg","children":["Weiterlesen",["$","svg",null,{"viewBox":"0 0 24 6","aria-hidden":"true","className":"w-6 flex-none fill-current","children":["$","path",null,{"fillRule":"evenodd","clipRule":"evenodd","d":"M24 3 18 .5v2H0v1h18v2L24 3Z"}]}],["$","span",null,{"className":"absolute inset-0"}]]}]]}]}]}],["$","$L6","/portfolio/rrze",{"children":["$","article","/portfolio/rrze",{"children":["$","div",null,{"className":"relative flex flex-col items-start pl-8 relative before:absolute after:absolute before:bg-neutral-950 after:bg-neutral-950/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","h3",null,{"className":"mt-6 text-base font-semibold text-neutral-950","children":"WordPress Blockentwicklung für interaktive Gestaltungselemente"}],["$","time",null,{"dateTime":"2024-10","className":"order-first text-sm text-neutral-600","children":"Oktober 2024"}],["$","p",null,{"className":"mt-2.5 text-base text-neutral-600","children":"Mehr als 800 Websites nutzen das Webhosting des RRZE. Im Rahmen der Umstellung auf den Blockeditor, wurden interaktive Gestaltungselemente entwickelt."}],["$","$L7",null,{"href":"/portfolio/rrze","className":"mt-6 flex gap-x-3 text-base font-semibold text-neutral-950 transition hover:text-neutral-700","aria-label":"Weiterlesen: WordPress Blockentwicklung für interaktive Gestaltungselemente","children":["Weiterlesen",["$","svg",null,{"viewBox":"0 0 24 6","aria-hidden":"true","className":"w-6 flex-none fill-current","children":["$","path",null,{"fillRule":"evenodd","clipRule":"evenodd","d":"M24 3 18 .5v2H0v1h18v2L24 3Z"}]}],["$","span",null,{"className":"absolute inset-0"}]]}]]}]}]}]]}]}]}]]}]]