@font-face{font-family:Oxanium;font-style:normal;font-weight:400;src:local(''),url(../assets/fonts/oxanium/oxanium-v14-latin-regular.woff2) format('woff2'),url(../assets/fonts/oxanium/oxanium-v14-latin-regular.woff) format('woff')}@font-face{font-family:Oxanium;font-style:normal;font-weight:700;src:local(''),url(../assets/fonts/oxanium/oxanium-v14-latin-700.woff2) format('woff2'),url(../assets/fonts/oxanium/oxanium-v14-latin-700.woff) format('woff')}:root{--clr-bg-one:#ffffff;--clr-bg-two:#fdf9f6;--clr-bg-three:#2F3754;--clr-bg-footer:#191d2c;--clr-bg-four:#C4C4C4;--clr-accent-one:#C4CADF;--clr-accent-two:#F96B05;--clr-accent-three:#FF8933;--clr-opaque-one:#191d2cb0;--clr-opaque-two:#1a1e2ee3;--ff-primair:'Oxanium',cursive,sans-serif;--spacer:1rem;--main-space:10%;--foreground:var(--clr-bg-three);--background:var(--clr-bg-two);--border:var(--clr-bg-three)}@media (prefers-color-scheme:dark){:root{--background:var(--clr-bg-three);--foreground:var(--clr-bg-two);--border:var(--clr-accent-three)}}span.bold{font-weight:700}body{background-color:var(--background);overflow-x:hidden;font-family:var(--ff-primair);font-weight:400;max-width:100vw;position:relative}header{padding-left:1rem;padding-top:3rem;padding-right:1rem;max-width:100%;display:flex;flex-direction:column}header.start{min-height:100vh;justify-content:space-around}header.legal-top{padding:initial}#h1a{margin-left:1rem}.bg-image{position:absolute;top:-15vw;right:-15vw;width:60vw;height:60vw;background-image:url(../assets/img/stefanie.jpg);background-repeat:no-repeat;background-size:cover;border-radius:50%}.for-name,.for-statement{margin-top:2rem}.contact-title,.name,.work{font-size:2rem;line-height:1;letter-spacing:-1px;width:100%}.name,.work{color:var(--foreground)}.contact-title{color:var(--clr-accent-two);text-align:center;padding:var(--spacer)}.for-button,.for-profession,.intro{padding-left:calc(70vw - 26rem)}.profession{font-weight:700;color:var(--clr-accent-two);letter-spacing:-1px;font-size:3rem;line-height:.85;max-width:100%}.intro{align-self:center}.description,.statement{font-size:.9rem;color:var(--foreground)}.description{margin:var(--spacer) auto;max-width:84ch}.btn-wrapper{position:relative;cursor:pointer;border-radius:50%;width:2.2rem;height:2.2rem}.rs-arrow{width:2rem;height:2rem;fill:var(--border)}.rs-arrow-right{transform:rotate(90deg)}.btn-close{border:1px solid var(--border);padding:.3rem;margin-top:.3rem;color:var(--foreground);background-color:var(--background)}.btn-send{padding:.75rem 2rem;background-color:var(--clr-bg-two)}.btn-close:focus,.btn-close:hover,.btn-send:focus,.btn-send:hover{background-color:var(--clr-accent-two);color:var(--clr-bg-two)}.bottom-line{display:flex;width:90vw;align-self:center;justify-content:center;align-items:center;margin-top:2rem}.line-l,.line-r{border-top:1px solid var(--border);width:100%}.tooltip{visibility:hidden;text-align:center;border-radius:.5em;padding:.5em 1em;position:absolute;top:-10%;z-index:1}.tooltip-center{left:-75%}.tooltip-right{left:-85%}.btn-wrapper:hover .tooltip{visibility:visible;background-color:var(--clr-accent-two);color:var(--clr-bg-two)}nav{width:100%;height:3rem}main{flex-grow:1;display:flex;flex-direction:column;padding:2rem var(--main-space)}.work{text-align:center}.line-top{margin-bottom:4rem}.line-under{margin-top:4rem}.portfolio{background-color:var(--border);columns:1;column-gap:10px;padding:10px;margin-bottom:3rem}.portfolio>*{break-inside:avoid;margin-bottom:10px}.portfolio-text{padding:var(--spacer);background-color:var(--clr-opaque-one);overflow:hidden;color:var(--clr-bg-two)}.artist-title{font-size:1.5rem}.portfolio-item{background-color:var(--foreground);overflow:hidden;display:grid;cursor:pointer}.portfolio-item img{grid-column:1/-1;grid-row:1/-1;width:100%}.item-overlay{grid-column:1/-1;grid-row:1/-1;background-color:var(--clr-opaque-one);color:var(--background);padding-bottom:.5rem;display:grid;align-content:end;transition:ease .2s;transform:scaleY(0);transform-origin:100% 100%;opacity:0}.portfolio-item:hover .item-overlay{transform:scaleY(1);opacity:1}.item-overlay div{border:1px solid var(--clr-bg-two);margin:.5rem;text-align:center;padding:var(--spacer);color:var(--clr-bg-two);transition:ease .35s}.item-overlay div:hover{background-color:var(--clr-accent-two)}.overlay{position:fixed;background:var(--clr-opaque-two);top:0;right:0;bottom:0;left:0;display:none;z-index:2}.overlay.open{display:grid;align-items:center;justify-items:center}.overlay-inner{background:var(--background);padding:1.25rem;display:grid;align-items:start;justify-items:center}.overlay-inner img{max-height:80vh;object-fit:contain}footer{margin-top:4rem;background-color:var(--clr-bg-footer);color:var(--clr-bg-two);padding-top:var(--spacer)}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:3rem;padding-bottom:4em}.check{margin-bottom:var(--spacer)}.check-text{display:inline;font-size:.8rem}.footer-name,.occupation{text-align:center}.adress,.formular{padding:var(--spacer)}.input-field{display:flex;flex-direction:column}.input-field input{width:70vw}.input-field+div{padding-top:var(--spacer)}.input-area{min-height:8rem}.small-bar{display:flex;padding:var(--spacer)}.top-bar{background-color:var(--clr-bg-footer);margin-bottom:3rem}.legals{padding:0 .5em;color:var(--clr-accent-one);font-size:.8rem;transition:var(--transition)}.legal1{margin-left:auto}.designer{color:var(--foreground)}.designer:hover,.legals:focus,.legals:hover{color:var(--clr-accent-two)}@media (min-width:40em){header{padding-top:1rem}.profession{font-size:4rem}#h1a{margin-left:initial}.contact-title,.name,.work{font-size:2.6rem}.description,.statement{font-size:initial}}@media (min-width:48em){.name{font-size:3rem}.profession{font-size:5rem}.for-button,.intro{align-self:initial}.for-button,.for-profession,.intro{padding-left:calc(60vw - 26rem)}.portfolio{columns:2}.contact{flex-direction:row;align-items:flex-start;justify-content:space-evenly;padding-top:4rem;padding-bottom:3rem}.input-field input{width:50vw}}@media (min-width:64em){.profession{font-size:6rem}.for-button,.for-profession,.intro{padding-left:calc(45vw - 26rem)}.portfolio{columns:3}.input-field input{width:40vw}}@media (min-width:80em){main{--main-space:15%}.bg-image{position:absolute;top:-12rem;right:-12rem;width:48rem;height:48rem}.input-field input{width:35vw;max-width:37.5rem}}