body{font-family:Cairo,sans-serif}.disableselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.disabledrag{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}header{background-color:#fff;margin:0;padding:0;z-index:2}header a{text-decoration:none;color:#1e1e23;opacity:1;font-size:1.5em;font-weight:400;transition:.2s;margin-left:30px}header a:hover{opacity:.5}header ul{padding:0;list-style-type:none}header .navbar{Display:flex;justify-content:center;align-items:center}header .content{width:94%;height:91%;background-color:#fff}header nav{height:65px}header #menuToggle{display:flex;flex-direction:column;position:relative;top:25px;left:25px;z-index:10000;-webkit-user-select:none;user-select:none}header #menuToggle input{display:flex;width:40px;height:32px;position:absolute;cursor:pointer;opacity:0;z-index:2}header #menuToggle span{display:flex;width:29px;height:2px;margin-bottom:5px;position:relative;background:#36383f;border-radius:3px;z-index:1;transform-origin:5px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}header #menuToggle span:first-child{transform-origin:0 0}header #menuToggle span:nth-last-child(2){transform-origin:0 100%}header #menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-3px,-1px);background:#36383f}header #menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(.2)}header #menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translateY(-1px)}header #menu{position:absolute;width:180px;height:400px;box-shadow:0 0 10px #85888c;margin:-50px 0 0 -110px;padding:125px 50px 50px;background-color:#f5f6fa;transform-origin:0 0;transform:translate(-100%);transition:transform .5s cubic-bezier(.77,.2,.05,1)}header #menu li{padding:10px 0}header #menuToggle input:checked~ul{transform:none}@media (max-width:600px){header #menuToggle{left:40px}}@media (min-width:2000px){header #menuToggle{left:0}}.loader-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#242f3f;display:flex;justify-content:center;align-items:center;z-index:10010}.loader{display:inline-block;width:30px;height:30px;position:relative;border:4px solid #fff;animation:loader 2s ease infinite}.main{z-index:1}.main a{text-decoration:none;color:#1e1e23;opacity:1;font-size:1.5em;font-weight:400;transition:.3s}.main a:hover{font-size:1.7em;transition:.2s;transition-timing-function:ease-in-out}.main ul{padding:0;list-style-type:none}.mobile_homepage{background-image:url(src/client/media/images/2016_09_Roadtrip_Sunset_Coast.jpg);position:relative;height:90vh;background-size:cover;background-position:50%;z-index:1}.mobile_homepage a{height:33.33%;text-align:center;color:#fff;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #fff}.about_top_container{text-align:center;position:relative}.about_top_container img{max-height:90vh;margin:0 auto;max-width:90%}.about_Name{text-align:center}.about_title_slider img{max-width:100%}.about_content_container{padding:0 0 0 50px}.about_content_container .rotated_text{left:-25px;padding-right:47px;font-size:11px;position:absolute;transform:rotate(270deg)}.about_grid-container{display:grid;grid-template-columns:100%;grid-template-rows:1fr auto auto auto;gap:0 20px;grid-template-areas:"about_Profile_Photo" "about_Name" "in_Work_Photos" "about_Bio"}.about_Profile_Photo{grid-area:about_Profile_Photo}.about_Name{grid-area:about_Name}.in_Work_Photos{grid-area:in_Work_Photos}.about_Bio{grid-area:about_Bio}@media (min-width:1000px){.rotated_text{display:none}.about_content_container{padding:5px}.about_grid-container{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr;gap:0 20px;grid-template-areas:"about_Profile_Photo about_desktop_grid"}.about_dekstop_grid{display:grid;grid-template-columns:auto;grid-template-rows:50px auto auto;gap:0 20px;grid-template-areas:"about_Bio" "about_Name" "in_Work_Photos"}.about_Profile_Photo{grid-area:about_Profile_Photo;height:100vh;min-width:200px;position:-webkit-sticky;position:sticky;top:10vh}.about_Name{grid-area:about_Name}.in_Work_Photos{grid-area:in_Work_Photos;min-width:0;max-width:100vh;margin-left:auto;margin-right:auto}.about_Bio{grid-area:about_Bio}.about_desktop_grid{grid-area:about_desktop_grid;max-height:auto}h2{margin-block-start:0;padding-top:0}}.impressum_content{width:80%;text-align:left;position:relative;margin:50px}.impressum_content img{width:auto;height:100%;margin:0 auto;max-width:100%}.footer{display:flex;flex-flow:row wrap;justify-content:space-evenly;align-items:center;text-align:center;position:relative}a{text-decoration:none;color:#000}.projects_woodworking{max-height:95vh;margin:20px;align-items:center;text-align:center}.projects_woodworking .woodworking_photos{max-width:70vh;margin-left:auto;margin-right:auto}.photos_slider{max-width:100vh;margin-left:auto;margin-right:auto;height:90vh}.photos_slider h3{text-align:center}.photos_slider img{width:100%}html{height:100%}.loader{top:calc(50% - 32px);left:calc(50% - 32px);width:64px;height:64px;perspective:800px}.inner,.loader{position:absolute;border-radius:50%}.inner{box-sizing:border-box;width:100%;height:100%}.inner.one{left:0;top:0;animation:rotate-one 1s linear infinite;border-bottom:3px solid #efeffa}.inner.two{right:0;top:0;animation:rotate-two 1s linear infinite;border-right:3px solid #efeffa}.inner.three{right:0;bottom:0;animation:rotate-three 1s linear infinite;border-top:3px solid #efeffa}@keyframes rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0deg)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(1turn)}}@keyframes rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0deg)}to{transform:rotateX(50deg) rotateY(10deg) rotate(1turn)}}@keyframes rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0deg)}to{transform:rotateX(35deg) rotateY(55deg) rotate(1turn)}}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;justify-items:center;margin:0;padding:0}@media (min-width:600px) and (max-width:900px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width:901px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.gallery-frame{padding:.5rem;font-size:1rem;text-align:center;background-color:#d3d3d3;color:#1b1b1b}.gallery-img{max-width:100%;height:auto;object-fit:cover;transition:opacity .25s ease-in-out}.gallery-img:hover{opacity:.7}.modal_preview img{max-width:100%;max-height:100%}.modal{display:block;position:fixed;z-index:-100;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#fff}.modal-content{position:relative;margin:auto;padding:0;width:90%;max-width:1200px;height:50vh}.close_modal{color:#363636;position:absolute;top:10px;right:25px;font-size:35px;font-weight:700;padding:5px}.close_modal:focus,.close_modal:hover{color:#999;text-decoration:none;cursor:pointer}