:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}.modern-abstract-blue-background-design-with-layers-of-textured-white-transparent-material-in-triangle-diamond-and-squares-shapes-in-random-geometric-pattern-1-hex{color:#2685bf}.modern-abstract-blue-background-design-with-layers-of-textured-white-transparent-material-in-triangle-diamond-and-squares-shapes-in-random-geometric-pattern-2-hex{color:#3d9dd9}.modern-abstract-blue-background-design-with-layers-of-textured-white-transparent-material-in-triangle-diamond-and-squares-shapes-in-random-geometric-pattern-3-hex{color:#5fb6d9}.modern-abstract-blue-background-design-with-layers-of-textured-white-transparent-material-in-triangle-diamond-and-squares-shapes-in-random-geometric-pattern-4-hex{color:#94d7f2}.modern-abstract-blue-background-design-with-layers-of-textured-white-transparent-material-in-triangle-diamond-and-squares-shapes-in-random-geometric-pattern-5-hex{color:#bbe8f2}*{margin:0;padding:0;box-sizing:border-box;color:#fff;font-family:Noto-Sans,Helvetica,Arial,sans-serif}html{font-size:16.3px;scroll-behavior:smooth}h1{font-size:2rem}h2{font-size:1.7rem}h3{font-size:1.7rem;color:#fff}h4{font-size:1.5rem}h5{font-size:1.4rem}p{font-size:1rem;color:#fff}li{font-size:1.1rem}body{padding:0;margin:0 auto;min-height:0;background-color:#000}.menu{display:none;position:absolute;background-color:#000;width:200px;list-style:none;z-index:2}.menu.open{display:block}.menu ul{padding:0}.menu li{padding:9px;cursor:pointer}.downloadButton{margin:2em}.testFlex{grid-row:13;display:grid;grid-template-columns:repeat(12,1fr);grid-column:1/12}.bsp_1 button,.bsp_2 button,.bsp_3 button{background-color:#5fb6d9;color:#fff;border:none;font-size:16px;padding:7px 14px;cursor:pointer;margin-top:14px}.bsp_1 button:hover,.bsp_2 button:hover,.bsp_3 button:hover{color:#5fb6d9;background-color:#fff}.menu li:hover{background-color:#fff;color:#404040}.App.menu-open .content{margin-top:200px}.hero-Image{width:100%;height:auto}.hero{position:absolute;width:100%;height:100vh;background-size:cover;background-position:center;background-image:url(https://images.unsplash.com/photo-1557862921-37829c790f19?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&q=80&w=2071)}#gridTop{display:grid;grid-template-columns:repeat(12,1fr)}.heading{grid-column:3;grid-row:3;margin-top:10px;margin-bottom:10px}.description{grid-column:1;grid-row:1}.paraOne{grid-column:6/10;grid-row:5}.portfolioHead{grid-column:4/7;grid-row:2}.headArbeitsbeispiele{font-size:1.8em}.centerButton{display:flex;justify-content:flex-start;grid-column:6;cursor:pointer;grid-row:2}.buttons{grid-column:7;grid-row:5;padding:0}button.resumingButton{color:#2685bf}.lineBottom{grid-column:3/12;grid-row:14;margin-top:82px;margin-bottom:20px;margin-left:0;border-top:1px solid white}.resumeButtonDiv{grid-column:5/8;display:flex;align-items:center;justify-content:center;grid-row:15;margin-left:0;margin-top:23px}.resumeButtonLink{grid-column:3/8;grid-row:15;display:flex;align-items:center;justify-content:center;background-color:#fff;padding:1em;text-decoration:none;color:#404040}.resumeButtonLink:hover{color:#000}.testButton h4{color:#fff;background-color:#000;margin-bottom:5px}.testButton{grid-column:7/9;grid-row:4;padding:0 0 0 9px;margin:0}.testButton button{font-size:17px;margin-bottom:37px;padding:0;text-align:start;border:none;margin-left:11px;margin-top:24px}.btn_1{padding:1px;display:flex;flex-direction:column}button.btn_1:hover{background-color:#fff}.resumingButton:hover{cursor:pointer}.wrapperDownload{margin:0}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}#ueber-mich{grid-column:3/7;grid-row:5;padding-left:9px}.head_kontakt{font-size:1.6em}#kontakt{grid-column:1/7;grid-row:16;padding-left:9px;padding-top:23px;padding-bottom:25px;margin-top:10px}#kontakt ul{list-style-type:none}#arbeitsbeispiele_desc{grid-column:3/7;grid-row:9;margin-left:9px;margin-top:4}.heroImg{width:74%;grid-column:1/7;grid-row:2}.footerDownload{background-color:#fff;padding:1em;border-radius:8px;border:1px solid white;margin-top:1em;margin-bottom:1em;cursor:pointer}#more{display:none}.bsp_1{grid-column:11/13;grid-row:5/12;background-color:#000;color:#000;border:1px solid #404040;padding:9px}.bsp_2{grid-column:9/13;grid-row:12;background-color:#000;color:#000;border:1px solid #404040;padding:9px}.bsp_3{grid-column:11/6;grid-row:11;background-color:#000;color:#000;border:1px solid #404040;padding:9px}.bsp_1 h5,.bsp_2 h5,.bsp_3 h5{color:#fff}.bsp_1,.bsp_2,.bsp_3{margin-left:0}@media(min-width:768px)and (max-width:1024px){.testButton{grid-column:1;grid-row:4}.bsp_1,.bsp_2{grid-column:4/10}.bsp_3{grid-column:4/10;grid-row:15}.heroImg{grid-column:1/8;grid-row:0;margin-bottom:50px}.heading{grid-column:2/13;grid-row:2;margin-left:9px;padding-left:0;margin-bottom:30px;margin-top:50px}#arbeitsbeispiele_desc{grid-column:5;grid-row:10;margin-bottom:25px;margin-top:57px}.lineBottom{grid-column:1/13}.bsp_1,.bsp_2,.bsp_3{margin-bottom:22px;border-radius:8px;padding:14px;margin-left:25px}#ueber-mich{grid-column:5/7;grid-row:5;padding-top:0}.kontakt{grid-column:1/9;grid-row:16;padding-top:27px}.testButton{grid-column:8/10;grid-row:5}ul li{list-style:none}}@media(max-width:768px){.App.menu-open .content{margin-top:179px}.testFlex{display:flex;flex-direction:column;grid-row:9}#gridTop{justify-items:center}.heroImg{grid-row:1;grid-column:1/13;width:100vw;height:39vh;display:block;object-fit:contain}.heading{grid-column:1;grid-row:2;margin-left:9px;margin-bottom:13px;margin-top:18px}#arbeitsbeispiele_desc{grid-column:1/13;padding:0;justify-self:start;grid-row:7;margin-top:28px;margin-bottom:20px}#ueber-mich{grid-column:1/2;grid-row:6;padding-top:1px}.bsp_1{grid-column:1;grid-row:10;margin-bottom:18px}.bsp_1 h5,.bsp_2 h5,.bsp_3 h5{margin-top:20px}.bsp_1,.bsp_2,.bsp_3{margin-left:9px}.bsp_2{grid-column:1;grid-row:8;margin-bottom:18px}.bsp_3{grid-column:1;grid-row:8;margin-bottom:22px}#kontakt{grid-column:1;grid-row:14;padding-top:37px;padding-bottom:34px;margin-top:13px}#ueber-mich h3{margin-bottom:3px}.resumeButtonDiv{grid-column:1/1;grid-row:11;margin-top:12px}.textBlock{padding-top:16px}#ueber-mich{margin-top:10px;margin-bottom:0}#kontakt h3{margin-bottom:9px}.kontakt_items{display:flex;flex-direction:row;margin-bottom:0}.downloadingButton{margin-top:0}.testButton{grid-column:1/1;margin-top:29px;margin-bottom:10px}}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-kAwBdRge.woff2) format("woff2"),url(/assets/material-icons-Dr0goTwe.woff) format("woff")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-outlined-DZhiGvEA.woff2) format("woff2"),url(/assets/material-icons-outlined-BpWbwl2n.woff) format("woff")}.material-icons-outlined{font-family:Material Icons Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-round-DrirKXBx.woff2) format("woff2"),url(/assets/material-icons-round-BDlwx-sv.woff) format("woff")}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Sharp;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-sharp-gidztirS.woff2) format("woff2"),url(/assets/material-icons-sharp-CH1KkVu7.woff) format("woff")}.material-icons-sharp{font-family:Material Icons Sharp;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Two Tone;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-two-tone-DuNIpaEj.woff2) format("woff2"),url(/assets/material-icons-two-tone-B7wz7mED.woff) format("woff")}.material-icons-two-tone{font-family:Material Icons Two Tone;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}