@import"https://fonts.googleapis.com/css2?family=Bangers&display=swap";/**
* @license
*
* Font Family: Excon
* Designed by: Alisa Nowak
* URL: https://www.fontshare.com/fonts/excon
* © 2024 Indian Type Foundry
*
* Excon Thin 
* Excon Light 
* Excon Regular 
* Excon Medium 
* Excon Bold 
* Excon Black 
* Excon Variable (Variable font)

*
*/@font-face{font-family:Excon-Thin;src:url(/assets/Excon-Thin-DG-GVosM.woff2) format("woff2"),url(/assets/Excon-Thin-CZ4Pqti2.woff) format("woff"),url(/assets/Excon-Thin-BsLVdiJn.ttf) format("truetype");font-weight:100;font-display:swap;font-style:normal}@font-face{font-family:Excon-Light;src:url(/assets/Excon-Light-CIo_Ey63.woff2) format("woff2"),url(/assets/Excon-Light-BRBsIn9o.woff) format("woff"),url(/assets/Excon-Light-C7tvZ_tu.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Excon-Regular;src:url(/assets/Excon-Regular-Dh3F_W_L.woff2) format("woff2"),url(/assets/Excon-Regular-D1ECvk6P.woff) format("woff"),url(/assets/Excon-Regular-CWMUXSvo.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Excon-Medium;src:url(/assets/Excon-Medium-Bw8tGyYU.woff2) format("woff2"),url(/assets/Excon-Medium-BX7mdkL7.woff) format("woff"),url(/assets/Excon-Medium-Df6kTB29.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Excon-Bold;src:url(/assets/Excon-Bold-DBf4-KLM.woff2) format("woff2"),url(/assets/Excon-Bold-CjLS7Ro1.woff) format("woff"),url(/assets/Excon-Bold-CVRD9V2L.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Excon-Black;src:url(/assets/Excon-Black-M6WDLngm.woff2) format("woff2"),url(/assets/Excon-Black-CKp2ZDiZ.woff) format("woff"),url(/assets/Excon-Black-Cp5-dV7A.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Excon-Variable;src:url(/assets/Excon-Variable-Sbf3L3RV.woff2) format("woff2"),url(/assets/Excon-Variable-Cz3a7x-r.woff) format("woff"),url(/assets/Excon-Variable-C916t8tS.ttf) format("truetype");font-weight:100 900;font-display:swap;font-style:normal}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:TheWClan-GZA;src:url(/assets/TheWClan-GZA-Bwt2bdch.ttf)}@font-face{font-family:TheWClan-Regula;src:url(/assets/TheWNYC-Regular-BZCTXhdY.ttf)}.heading-title{font-family:TheWClan-GZA;font-weight:400;font-size:4.375rem;line-height:5.375rem;letter-spacing:-.0625rem;position:fixed;z-index:4;margin-bottom:42px}@media (min-width: 0px) and (max-width: 1100px){.heading-title{font-size:2.8125rem;line-height:3.0625rem}}@media (min-width: 1100px){.heading-title{grid-column:1/span 9;top:42px;left:3.6458333333dvw}}@media (min-width: 0px) and (max-width: 1100px){.heading-title{top:42px;left:1.6587677725dvh;grid-column:1/span 4}}.heading-title-liner{display:none;border:none}@media (min-width: 0px) and (max-width: 1100px){.heading-title-liner{display:block;border-top:1px solid #000000;width:calc(100vw - 28px);margin-right:14px}}h2{font-family:TheWClan-Regular;font-weight:400;font-size:2.5rem;line-height:3.5rem}@media (min-width: 0px) and (max-width: 1100px){h2{font-size:1.625rem;line-height:2.1875rem}}b,h3{font-family:Excon-variable;font-weight:550!important;font-size:1.125rem;line-height:1.75rem}@media (min-width: 0px) and (max-width: 1100px){b,h3{font-size:1rem;line-height:1.625rem}}p{font-family:Excon-variable;font-weight:300;font-size:1.125rem;line-height:1.75rem}@media (min-width: 0px) and (max-width: 1100px){p{font-size:1rem;line-height:1.625rem}}p,h3{margin:0}::selection{color:#ececec;background-color:#1c1c1c}.contains-description{position:relative;display:grid;justify-items:center}.description-hover{display:none;top:-42px;position:absolute;width:max-content;padding:3px 15px;background-color:#f1f1f1;outline:2px solid #000000;border-radius:7px;color:#000!important}.description-hover-switch:hover .description-hover{display:block}.whiteFill{fill:#f1f1f1}*{margin:0;scroll-behavior:smooth}body,html,#root{height:100vh;width:100vw;height:max-content;overflow-x:hidden}body{background-color:#f1f1f1;box-sizing:border-box}.layout-grid{overflow:visible}@media (min-width: 1100px){.layout-grid{margin:0;display:grid;grid-template-columns:repeat(12,calc((100vw - 3.6458333333dvw) / 12 - 3.6458333333dvw));grid-template-rows:repeat(auto-fill,14px);grid-column-gap:3.6458333333dvw;justify-content:center;min-height:99dvh}}@media (min-width: 0px) and (max-width: 1100px){.layout-grid{display:grid;grid-template-columns:repeat(4,calc((100vw - 3.5897435897dvw) / 4 - 5.3846153846dvw));grid-template-rows:repeat(auto-fill,7px);grid-column-gap:5.3846153846dvw;justify-content:center;min-height:calc(99dvh - 73px)}}.main-content{position:fixed}img{border-radius:7px}body::-webkit-scrollbar{width:8px;height:8px}body::-webkit-scrollbar-track{background:#f1f1f1}body::-webkit-scrollbar-thumb{background-color:#c4c4c4;border-radius:20px;border:2px solid #a8a8a8}.svg-alpha-mask{mask-type:alpha;width:20px;height:20px}.hyperlink-icon{width:19px;height:19px;margin-left:4px;position:relative;top:4px}.svg-color{fill:#000}.arrow-left{width:18px;height:18px;margin-right:4px;position:relative;top:4px}.arrow-right{width:18px;height:18px;margin-left:4px;position:relative;top:4px}a,.hyperlink{font-family:Excon-variable;font-weight:300;font-size:1.125rem;line-height:1.75rem;color:#000;text-decoration-thickness:1px;text-underline-offset:3px}a:focus-visible,.hyperlink:focus-visible{outline:2px solid #000000;border-radius:1px;outline-offset:6px}@media (min-width: 0px) and (max-width: 1100px){a,.hyperlink{font-size:1rem;line-height:1.625rem}}a:hover,.hyperlink:hover{color:#ff004d}a:hover .svg-color,.hyperlink:hover .svg-color{fill:#ff004d}a:hover .svg-color-border,.hyperlink:hover .svg-color-border{stroke:#ff004d}.link{text-decoration:none}@media (min-width: 0px) and (max-width: 1100px){.link,a,.hyperlink{padding:15px;margin:-15px}}@media (min-width: 0px) and (max-width: 1100px){.link-button-parent{width:calc(100vw - 28px);display:grid;place-items:center}}button{font-family:Excon-variable;font-weight:550!important;font-size:1.125rem;line-height:1.75rem;cursor:pointer;height:56px;min-width:200px;color:#000;background-color:#f1f1f1;border:3px solid #000000;border-radius:100px}@media (min-width: 0px) and (max-width: 1100px){button{font-size:1rem;line-height:1.625rem}}button:hover{color:#f1f1f1;border:none;background-color:#000}button:active{color:#f1f1f1;border:none;background-color:#ff004d}button:focus-visible{outline:2px solid #000000;border-radius:100px;outline-offset:6px}button a{text-decoration:none}@media (min-width: 1100px){.crossing-svg-ueber-mich{width:89px;height:27px;position:absolute;transform:translate(-89px) translateY(0);height:24px}.crossing-svg-ueber-mich path{stroke:#000;stroke-width:1px}}@media (min-width: 0px) and (max-width: 1100px){.crossing-svg-ueber-mich{width:79px;height:27px;position:absolute;transform:translate(-79px) translateY(1px);height:24px}.crossing-svg-ueber-mich path{stroke:#000;stroke-width:1px}}@media (min-width: 1100px){.crossing-svg-arbeiten{top:1px;width:78px;height:27px;position:absolute;transform:translate(-78px) translateY(0);height:24px}.crossing-svg-arbeiten path{stroke:#000;stroke-width:1px}}@media (min-width: 0px) and (max-width: 1100px){.crossing-svg-arbeiten{width:67px;height:27px;position:absolute;transform:translate(-67px) translateY(2px);height:24px}.crossing-svg-arbeiten path{stroke:#000;stroke-width:1px}}nav{z-index:5}nav a{font-weight:550!important}@media (min-width: 1100px){nav{top:56px;right:3.6458333333dvw;display:grid;grid-auto-flow:column;position:fixed;gap:3.28125dvw}}@media (min-width: 0px) and (max-width: 1100px){nav{display:flex;position:fixed;align-items:center;bottom:0;width:calc(100dvw - 90px);padding-bottom:3px;height:70px;justify-content:space-between;padding-inline:45px;background-color:#f1f1f1;outline:2px solid #000000}}.nav-link-container{position:relative}.navbar-button{text-decoration:none}@media (min-width: 1100px){.navbar-button{padding:none;margin:none}}@media (min-width: 0px) and (max-width: 1100px){.navbar-button{padding:15px;margin:-15px}}.disabled{color:#a8a8a8;pointer-events:none}footer{background-color:#f1f1f1;position:relative}@media (min-width: 1100px){footer{margin:0;display:grid;grid-template-columns:repeat(12,calc((100vw - 3.6458333333dvw) / 12 - 3.6458333333dvw));grid-template-rows:repeat(auto-fill,14px);grid-column-gap:3.6458333333dvw;justify-content:center;height:170px;margin-bottom:0!important}}@media (min-width: 0px) and (max-width: 1100px){footer{display:grid;grid-template-columns:repeat(4,calc((100vw - 3.5897435897dvw) / 4 - 5.3846153846dvw));grid-template-rows:repeat(auto-fill,7px);grid-column-gap:5.3846153846dvw;justify-content:center;grid-template-rows:none;margin-top:15px;margin-bottom:70px}}.footer-item{white-space:nowrap}@media (min-width: 1100px){.footer-item{padding-top:56px}.footer-item:nth-child(1){grid-column:2/span 2}.footer-item:nth-child(2){grid-column:4/span 2}.footer-item:nth-child(3){grid-column:6/span 2}.footer-item:nth-child(4){grid-column:8/span 2}}@media (min-width: 0px) and (max-width: 1100px){.footer-item{display:contents}.footer-item h3{grid-column:1/span 2;margin-bottom:13px;grid-row:auto}.footer-item a{grid-column:3/span 2;margin-bottom:13px;grid-row:auto}}.footer-coffe-link{display:none}@media (min-width: 0px) and (max-width: 1100px){.footer-coffe-link{display:contents}}.footer-coffee-container{padding-top:48px;width:max-content;height:70px}@media (min-width: 0px) and (max-width: 1100px){.footer-coffee-container{grid-column-start:10;display:none}}.thumbnail-list{font-family:Excon-variable;font-weight:300;font-size:1.125rem;line-height:1.75rem}@media (min-width: 0px) and (max-width: 1100px){.thumbnail-list{font-size:1rem;line-height:1.625rem}}@media (min-width: 1100px){.thumbnail-list{display:grid;row-gap:28px;column-gap:3.6458333333dvw;grid-template-columns:repeat(3,minmax(20.46875dvw,1fr));grid-column:3/span 9;grid-row:14/span 1000;margin-bottom:4.0104166667dvw}}@media (min-width: 0px) and (max-width: 1100px){.thumbnail-list{grid-column:1/span 4;grid-row:22/auto;display:grid;grid-template-columns:repeat(2,minmax(42.8205128205dvw,1fr));row-gap:18px;column-gap:5.3846153846dvw}}@media (min-width: 1100px){.thumbnail-container{width:20.46875dvw}}@media (min-width: 0px) and (max-width: 1100px){.thumbnail-container{width:42.8205128205dvw}}.thumbnail-container:focus-visible{outline:3px solid #000000;border-radius:4px;outline-offset:6px}.thumbnail-list a{text-decoration:none}.thumbnail-image-wrapper{overflow:hidden;border-radius:7px}@media (min-width: 1100px){.thumbnail-image-wrapper{width:20.46875dvw;height:35.6481481481dvh}}@media (min-width: 0px) and (max-width: 1100px){.thumbnail-image-wrapper{width:42.8205128205dvw;height:19.0758293839dvh}}.thumbnail-image{object-fit:cover;transition:.15s all ease-in-out}.thumbnail-image:hover{transform:scale(1.2)}@media (min-width: 1100px){.thumbnail-image{width:20.46875dvw;height:35.6481481481dvh}}@media (min-width: 0px) and (max-width: 1100px){.thumbnail-image{width:42.8205128205dvw;height:19.0758293839dvh}}.ueber_mich_intro-text{z-index:2;grid-column:2/span 11;align-self:start}@media (min-width: 1100px){.ueber_mich_intro-text{grid-row-start:14;white-space:nowrap}}@media (min-width: 0px) and (max-width: 1100px){.ueber_mich_intro-text{display:none;grid-row-start:19;grid-column:1/span 4}}.ueber_mich_paragraph_links{align-self:start;grid-column:2/span 4;grid-row-start:32}@media (min-width: 0px) and (max-width: 1100px){.ueber_mich_paragraph_links{grid-column:1/span 4;grid-row-start:22;margin-bottom:28px}}.ueber_mich_paragraph_rechts{align-self:start;grid-column:6/span 4;grid-row-start:32}@media (min-width: 0px) and (max-width: 1100px){.ueber_mich_paragraph_rechts{grid-column:1/span 4;grid-row-start:56;margin-bottom:28px}}@media (min-width: 1100px){.kontakt{transform:translate(70px);grid-column-start:10;grid-row-start:46}}@media (min-width: 0px) and (max-width: 1100px){.kontakt{align-self:center;grid-row-start:90}}.svg-lino_illustration.lino_illustration{z-index:-1;transform:scale(.64) translate(-175px) translateY(-900px)}@media (min-width: 0px) and (max-width: 1100px){.svg-lino_illustration.lino_illustration{display:none}}.netzwerk-design,.netzwerk-informatik{font-family:Excon-variable;font-weight:300;font-size:1.125rem;line-height:1.75rem}@media (min-width: 0px) and (max-width: 1100px){.netzwerk-design,.netzwerk-informatik{font-size:1rem;line-height:1.625rem}}@media (min-width: 1100px){.netzwerk-design{align-self:start;grid-column:2/span 5;grid-row:14/span 8}}@media (min-width: 0px) and (max-width: 1100px){.netzwerk-design{grid-column:1/span 4;grid-row-start:22;margin-bottom:100}}@media (min-width: 1100px){.netzwerk-informatik{grid-column:6/span 5;grid-row:14/span 8}}@media (min-width: 0px) and (max-width: 1100px){.netzwerk-informatik{grid-column:1/span 4;grid-row-start:42}}@media (min-width: 1100px){.impressum-text{grid-column:2/span 8;grid-row:14/span 200}}@media (min-width: 0px) and (max-width: 1100px){.impressum-text{grid-column:1/span 4;grid-row:22/span 200}}.text-section{margin-bottom:28px}@media (min-width: 1100px){.arbeits-detail-page-content{display:contents;grid-column:2/span 5;grid-row:19/span 200}}@media (min-width: 0px) and (max-width: 1100px){.arbeits-detail-page-content{grid-column:1/span 4;grid-row:22/span 400}}@media (min-width: 1100px){.arbeit-text{grid-column:2/span 5;grid-row:14/span 100}}.arbeit-first-text,.arbeit-steckbrief-element{margin-bottom:14px}.arbeit-steckbrief-element .arbeit-steckbrief-element-text{margin-left:5px}.arbeit-next-prev-link{display:flex;justify-content:space-between;grid-column:2/13}@media (min-width: 1100px){.arbeit-next-prev-link{grid-row-start:54;text-decoration:none!important;margin-bottom:4.0104166667dvw}}@media (min-width: 0px) and (max-width: 1100px){.arbeit-next-prev-link{margin-top:35px;margin-bottom:63px;text-decoration:none!important;margin-bottom:4.0104166667dvw}}@media (min-width: 1100px){.arbeit-images{grid-column:7/span 6;grid-row:14/span 100;margin-bottom:35px;display:grid;grid-template-columns:repeat(2,minmax(18.5416666667dvw,1fr))}}@media (min-width: 0px) and (max-width: 1100px){.arbeit-images{grid-column:1/4;grid-row:19/span 100;margin-bottom:28px}}.first-image{height:auto}@media (min-width: 1100px){.first-image{width:44.53125dvw}}@media (min-width: 0px) and (max-width: 1100px){.first-image{width:91.2820512821dvw}}@media (min-width: 1100px){.error-page-text{grid-row-start:19;grid-column:2/span 5}}@media (min-width: 0px) and (max-width: 1100px){.error-page-text{grid-column:1/span 4;grid-row-start:22}}.old-portfolio{position:absolute;height:100vh;width:100vw;top:0;left:0}.admin-login,.admin-formular,.admin-liste{max-width:640px;margin:60px auto;padding:0 20px}.admin-login form{display:flex;gap:12px;margin-top:16px}.admin-fehler{color:#c0392b;margin-top:12px}.admin-meldung{background:#eef7ee;border:1px solid #bcd9bc;padding:8px 12px;border-radius:4px;margin-bottom:16px}.admin-kopfzeile{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-liste table{width:100%;border-collapse:collapse;margin-top:20px}.admin-liste th,.admin-liste td{text-align:left;padding:10px 8px;border-bottom:1px solid #ddd}.admin-liste td button{margin-right:8px}.admin-formular form{display:flex;flex-direction:column;gap:16px;margin-top:20px}.admin-formular label{display:flex;flex-direction:column;gap:4px;font-weight:600}.admin-formular input,.admin-formular textarea{font-weight:400;padding:8px;border:1px solid #ccc;border-radius:4px;font-family:inherit}.admin-formular textarea{min-height:80px}.admin-link-zeile{display:flex;gap:8px;margin-bottom:8px}.admin-link-zeile input{flex:1;padding:6px;border:1px solid #ccc;border-radius:4px}.admin-formular-aktionen{display:flex;gap:12px;margin-top:12px}@keyframes opacity{0%{opacity:0}to{opacity:100}}@keyframes opacity-delay-1{0%{opacity:0}20%{opacity:0}to{opacity:100}}@keyframes opacity-delay-2{0%{opacity:0}40%{opacity:0}to{opacity:100}}.layout-grid>:not(.heading-title){animation:.6s ease-in 0s 1 opacity-delay-1}footer{animation:1s ease-in 0s 1 opacity-delay-2}#old-portfolio-wrapper svg{fill:none}#old-portfolio-wrapper .red_stroke_web{stroke:#ff2c64;stroke-linejoin:round;stroke-width:3px}#old-portfolio-wrapper .green_stroke_web{stroke:#1dc1b9;stroke-linejoin:round;stroke-width:3px}#old-portfolio-wrapper .red_stroke_mobile{stroke:#ff2c64;stroke-linejoin:round;stroke-width:2.5px}#old-portfolio-wrapper .green_stroke_mobile{stroke:#1dc1b9;stroke-linejoin:round;stroke-width:2.5px}#old-portfolio-wrapper .white_stroke_mobile{stroke:#f2f2f2;stroke-linejoin:round;stroke-width:1px}#old-portfolio-wrapper .red_fill{fill:#ff2c64}#old-portfolio-wrapper .white_fill{fill:#f2f2f2}#old-portfolio-wrapper .green_fill{fill:#1dc1b9}#old-portfolio-wrapper a:focus{outline:none}#old-portfolio-wrapper .Social-Link:hover .link_rand{stroke:#1dc1b9;fill:#1dc1b9}#old-portfolio-wrapper .Social-Link:hover .Icon_und_Buchstaben path{fill:#f2f2f2}#old-portfolio-wrapper .Social-Link:focus .link_rand{stroke:#1dc1b9;fill:#1dc1b9}#old-portfolio-wrapper .Social-Link:focus .Icon_und_Buchstaben path{fill:#f2f2f2}#old-portfolio-wrapper #hide_link_1{transform:translate(-129.126px,469.367px) rotate(-30deg)}#old-portfolio-wrapper #hide_link_1:hover #Button_Monitor_1,#old-portfolio-wrapper #hide_link_1:focus #Button_Monitor_1{stroke:#1dc1b9;fill:#1dc1b9}#old-portfolio-wrapper #hide_link_2{transform:translate(-154.374px,384.046px) rotate(-20.862deg)}#old-portfolio-wrapper #hide_link_2:hover #Button_Monitor_2,#old-portfolio-wrapper #hide_link_2:focus #Button_Monitor_2{stroke:#1dc1b9;fill:#1dc1b9}#old-portfolio-wrapper .testing{fill:#4169e1;transform:translate(-50.518px,740.311px) rotate(-30deg)}#old-portfolio-wrapper #Herabhangendes_Papier_Web{cursor:pointer}#old-portfolio-wrapper #Unsichtbares_Klickding_Web{cursor:pointer;display:none;opacity:0}#old-portfolio-wrapper #Unsichtbares_Poster_Web,#old-portfolio-wrapper #Unsichtbarer_Anker{display:none}#old-portfolio-wrapper #Herabhangendes_Papier_mobile{cursor:pointer}#old-portfolio-wrapper #Unsichtbares_Klickding_mobile{cursor:pointer;display:none;opacity:0}#old-portfolio-wrapper #Unsichtbares_Poster_mobile,#old-portfolio-wrapper #poster_content_invisible{display:none}#old-portfolio-wrapper #Wolken_1,#old-portfolio-wrapper #Wolken_2{animation:Wolken_Bewegung 7s linear infinite;transform-origin:center;transform-box:fill-box}@keyframes Wolken_Bewegung{0%{transform:translate(5px)}to{transform:translate(206px,116.184971098px)}}#old-portfolio-wrapper .clippath_conundrum ellipse{transform:translate(0) rotate(-30deg)!important}#old-portfolio-wrapper #Air_Bubble-1{animation:Bubbel_Appearance 2s linear infinite;transform-origin:center;transform-box:fill-box}#old-portfolio-wrapper #Air_Bubble-2{animation:Bubbel_Appearance 4s linear infinite;transform-origin:center;transform-box:fill-box}#old-portfolio-wrapper #Air_Bubble-3{animation:Bubbel_Appearance 6s linear infinite;transform-origin:center;transform-box:fill-box}#old-portfolio-wrapper #Air_Bubble-4{animation:Bubbel_Appearance 8s linear infinite;transform-origin:center;transform-box:fill-box}#old-portfolio-wrapper #Air_Bubble-5{animation:Bubbel_Appearance 10s linear infinite;transform-origin:center;transform-box:fill-box}#old-portfolio-wrapper #Air_Bubble-6{animation:Bubbel_Appearance 12s linear infinite;transform-origin:center;transform-box:fill-box}#old-portfolio-wrapper #Air_Bubble-7{animation:Bubbel_Appearance 14s linear infinite;transform-origin:center;transform-box:fill-box}#old-portfolio-wrapper #Air_Bubble-8{animation:Bubbel_Appearance 16s linear infinite;transform-origin:center;transform-box:fill-box}#old-portfolio-wrapper #Air_Bubble-9{animation:Bubbel_Appearance 18s linear infinite;transform-origin:center;transform-box:fill-box}#old-portfolio-wrapper #Air_Bubble-10{animation:Bubbel_Appearance 20s linear infinite;transform-origin:center;transform-box:fill-box}#old-portfolio-wrapper #Air_Bubble-11{animation:Bubbel_Appearance 22s linear infinite;transform-origin:center;transform-box:fill-box}#old-portfolio-wrapper #Air_Bubble-12{animation:Bubbel_Appearance 24s linear infinite;transform-origin:center;transform-box:fill-box}#old-portfolio-wrapper #Air_Bubble-13{animation:Bubbel_Appearance 26s linear infinite;transform-origin:center;transform-box:fill-box}#old-portfolio-wrapper #Air_Bubble-14{animation:Bubbel_Appearance 28s linear infinite;transform-origin:center;transform-box:fill-box}#old-portfolio-wrapper #Air_Bubble-15{animation:Bubbel_Appearance 30s linear infinite;transform-origin:center;transform-box:fill-box}#old-portfolio-wrapper #Air_Bubble-16{animation:Bubbel_Appearance 32s linear infinite;transform-origin:center;transform-box:fill-box}@keyframes Bubbel_Appearance{0%{scale:1;stroke-width:3px}25%{scale:1.5;stroke-width:2px}50%{scale:1;stroke-width:3px}75%{scale:.5;stroke-width:6px}to{scale:1;stroke-width:3px}}#old-portfolio-wrapper #Head_Web{animation:head 8s linear infinite;transform-origin:bottom;transform-box:fill-box}#old-portfolio-wrapper #Hals_Web{animation:hals 8s linear infinite;transform-origin:bottom;transform-box:fill-box}@keyframes hals{0%,30%,80%,to{transform:translateY(0) rotate(0)}45%,65%{transform:translateY(2px) rotate(3deg)}}@keyframes head{0%,30%,80%,to{transform:translateY(0) rotate(0)}45%,65%{transform:translateY(2px) rotate(6deg)}}#old-portfolio-wrapper #Auge{animation:blinzeln_web 5s infinite;transform-origin:center;transform-box:fill-box}#old-portfolio-wrapper #Augenlied{animation:augenlied_web 5s infinite}@keyframes blinzeln_web{0%,80%,to{transform:scaleY(1);opacity:1}85%{opacity:1}90%{transform:scaleY(.2);opacity:0}95%{opacity:1}}@keyframes augenlied_web{0%,80%,to{transform:translateY(0)}90%{transform:translateY(20px)}}#old-portfolio-wrapper #Rechter_Arm_Web{animation:rechter_arm 6s ease infinite;transform-origin:left;transform-box:fill-box}#old-portfolio-wrapper #Linker_Arm_Web{animation:linker_arm 6s ease infinite}@keyframes linker_arm{0%,30%,to{transform:translate(0)}50%,70%{transform:translate(10px,10px)}}@keyframes rechter_arm{0%,50%{transform:rotate(0)}20%,30%{transform:rotate(-2deg)}70%,80%{transform:rotate(2deg)}}#old-portfolio-wrapper #Hals_mobile,#old-portfolio-wrapper #Head_mobile{animation:head_und_hals 8s linear infinite;transform-origin:bottom left;transform-box:fill-box}@keyframes head_und_hals{0%,25%,85%,to{transform:translateY(0) rotate(0)}45%,65%{transform:translateY(3px) rotate(-5deg)}}#old-portfolio-wrapper #Rechtes_Auge_mobile,#old-portfolio-wrapper #Linkes_Auge_mobile{animation:blinzeln_mobile 5s infinite;transform-origin:center;transform-box:fill-box}@keyframes blinzeln_mobile{0%,84%,to{transform:scaleY(1);opacity:1}86%{opacity:1}92%{transform:scaleY(.2);opacity:0}97%{opacity:1}}#old-portfolio-wrapper #Augenlied_rechts_mobile{animation:augenlied_animation_mobile_rechts 5s infinite}#old-portfolio-wrapper #Augenlied_links_mobile{animation:augenlied_animation_mobile_links 5s infinite}@keyframes augenlied_animation_mobile_rechts{0%,84%,to{transform:translateY(0)}92%{transform:translateY(20px)}}@keyframes augenlied_animation_mobile_links{0%,84%,to{transform:translate(0)}92%{transform:translate(-7px,18px)}}#old-portfolio-wrapper #Salami{cursor:pointer;opacity:1}#old-portfolio-wrapper .Verschwinden{cursor:default;animation:Verschwinden_Animation forwards 8s ease}@keyframes Verschwinden_Animation{0%{opacity:1}2%{opacity:0}97%{opacity:0}to{opacity:1}}#old-portfolio-wrapper #Rechter_Arm_mobile{animation:rechter_arm_mobile 6s linear infinite;transform-origin:right;transform-box:fill-box}@keyframes rechter_arm_mobile{0%,to{transform:rotate(0)}50%{transform:rotate(7deg)}}#old-portfolio-wrapper #Haltende_Finger{animation:finger_mobile 6s linear infinite;transform-origin:bottom;transform-box:fill-box}@keyframes finger_mobile{0%,50%{transform:rotate(0)}20%,30%{transform:rotate(-4deg)}70%,80%{transform:rotate(4deg)}}#old-portfolio-wrapper{position:absolute;top:0;left:0;width:100vw;height:100vh}#old-portfolio-wrapper p{font-family:Bangers,cursive;color:#ff2c64;font-size:50pt}#old-portfolio-wrapper #container{display:flex;justify-content:top;align-items:top}#old-portfolio-wrapper #Querformat{transform-box:fill-box;transform-origin:top;width:105vw;height:110vh;transform:translateY(-10px)}#old-portfolio-wrapper #Hochformat{display:none;width:120vw;height:120vh}#old-portfolio-wrapper #Quadrat{display:none}#old-portfolio-wrapper .clippath_conundrum{clip-path:url(#clippath)}#old-portfolio-wrapper .clippath_animals{clip-path:url(#clippath-1)}