:root{--background-color-primary: #d9d9d9;--background-color-secondary: #d9d9d9;--font-color-primary: #0b0b0b;--font-color-secondary: #0b0b0b;--font-color-primary-hover: grey;--font-color-secondary-hover: grey}:root.dark-theme{--background-color-primary: #0b0b0b;--background-color-secondary: #0b0b0b;--font-color-primary: #d9d9d9;--font-color-secondary: #d9d9d9;--font-color-primary-hover: grey;--font-color-secondary-hover: grey}@font-face{font-family:Arial;src:url(/assets/arial-DQGHNI_c.woff2) format("woff2"),url(/assets/arial-CeNGAQu8.woff) format("woff"),url(/assets/arial-DID0oU3s.ttf) format("ttf");font-weight:400;font-style:normal;font-display:swap}*{font-family:arial;-webkit-overflow-scrolling:auto;overscroll-behavior:contain}html{scroll-behavior:smooth}body{margin:0;background-color:var(--background-color-primary);color:var(--font-color-primary);transition:.2s}button{border:none;background-color:transparent}a{color:var(--font-color-primary);text-decoration:none}.slide-right-enter-active,.slide-right-leave-active{transition:transform .5s ease,opacity .5s ease;width:100%}.slide-right-enter-from{transform:translate(100%);opacity:1}.slide-right-enter-to,.slide-right-leave-from{transform:translate(0);opacity:1}.slide-right-leave-to{transform:translate(-100%);opacity:1}.slide-left-enter-active,.slide-left-leave-active{transition:transform .5s ease,opacity .5s ease;width:100%}.slide-left-enter-from{transform:translate(-100%);opacity:0}.slide-left-enter-to,.slide-left-leave-from{transform:translate(0);opacity:1}.slide-left-leave-to{transform:translate(100%);opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}header{position:sticky;color:#d9d9d9;width:calc(100dvw - 50px);height:50px;padding:15px 25px;display:flex;top:0;margin-top:0;justify-content:space-between;align-items:center;z-index:5;transition:0s;transform:translateY(-2px);background-color:var(--background-color-primary);pointer-events:none}header.menu-opened .burger svg{overflow:visible}header.menu-opened{background-color:transparent}.mobile-menu{position:fixed;top:-150vh;background:#0b0b0b;left:0;right:0;height:calc(100dvh - 50px);width:100dvw;z-index:4;transition:.5s ease-in-out;padding-top:75px}header.menu-opened~.mobile-menu{top:0}.burger *{fill:#0b0b0b}.home-active .burger *,.switch-toggle-checked .burger *,.menu-opened .burger *{fill:#d9d9d9}.darkmode-button{transform-origin:center;transition:.5s;transform:translateY(1px)}.switch-toggle-checked .darkmode-button{transform:rotate(180deg) translate(0);margin-top:0}.mobile-menu .menu-links a{color:#d9d9d9;font-size:13vmin;margin-top:-7px;padding-left:15px;transition:.2s;display:block;transform:translateY(4px);font-weight:700;text-shadow:-4px -4px 0 #0b0b0b,4px -4px 0 #0b0b0b,-4px 4px 0 #0b0b0b,4px 4px 0 #0b0b0b}.about-us .mobile-menu .menu-links .about-us a,.home-active .mobile-menu .menu-links .home a,.portfolio .mobile-menu .menu-links .portfolio a,.impressum .mobile-menu .menu-links .impressum a,.kontakt .mobile-menu .menu-links .kontakt a{transform:translateY(6vmin);margin-top:-6vmin}.mobile-menu .menu-links .underline{width:100%;left:0;border-bottom:2px solid #d9d9d9;transition:.2s}.about-us .mobile-menu .menu-links .about-us,.home-active .mobile-menu .menu-links .home,.portfolio .mobile-menu .menu-links .portfolio,.impressum .mobile-menu .menu-links .impressum,.kontakt .mobile-menu .menu-links .kontakt{overflow:hidden}.home-active header,.kontakt header{position:sticky;background:transparent}header .brand,header .darkmode-button,header .burger{display:block;position:absolute;top:22px;left:15px;transition:.2s;pointer-events:all}header.menu-opened .brand,header.menu-opened .darkmode-button,header.menu-opened .burger{top:22px}.kontakt header .burger svg *{fill:#d9d9d9}header .darkmode-button{opacity:0}header .burger{right:15px;left:unset}.menu-opened .darkmode-button,.home-active .darkmode-button{opacity:1}.menu-opened .brand,.home-active header .brand{opacity:0;z-index:-1}header .brand a{font-weight:700;font-size:20px}.mobile-menu{display:flex;flex-direction:column;justify-content:space-between;max-height:100dvh}.mobile-menu .menu-links{display:flex;flex-direction:column}.mobile-menu .contact{background-color:var(--background-color-primary);color:var(--font-color-primary);transition:.2s}header .burger svg rect{transition:.2s;transform-origin:center}header.menu-opened .burger svg *,.home-active header .burger svg *,.kontakt header .burger svg *{fill:#d9d9d9}header.menu-opened .darkmode-button circle,.home-active header .darkmode-button circle{stroke:#d9d9d9}.kontakt header .brand a{color:#d9d9d9}header.menu-opened .darkmode-button path,.home-active header .darkmode-button path{fill:#d9d9d9}header.menu-opened .burger svg rect:nth-of-type(1){transform:rotate(45deg) translateY(-9.5px)}header.menu-opened .burger svg rect:nth-of-type(2){transform:rotate(45deg) translateY(-1.5px);transition:.2s}header.menu-opened .burger svg rect:nth-of-type(3){transform:rotate(-45deg) translateY(7.5px) translate(1px);transition:.2s}.contact{text-align:center;max-height:100%;padding-bottom:30px}.contact p{height:80%;display:flex;flex-direction:column;justify-content:center;margin:0;text-transform:uppercase}.contact p b{font-weight:700}.contact p .phone{margin-top:15px}.contact img{height:calc(17% - 15px);width:auto;margin:-25px auto auto}.desktop-menu{display:none}.switch-toggle-checked .contact img{filter:invert(1)}@media screen and (max-height: 768px){.landscape-class header .burger svg *{fill:#0b0b0b}.landscape-class.switch-toggle-checked .burger svg *{fill:#d9d9d9}.landscape-class .mobile-menu{flex-direction:row;padding-top:0;height:100%}.landscape-class .mobile-menu .menu-links{width:60%;padding-top:50px}.landscape-class .mobile-menu .contact{width:40%;height:100%!important}}@media screen and (min-width: 768px){.mobile-menu .menu-links a{font-size:12vmin}.contact{padding-bottom:70px}}@media screen and (min-width: 1440px){header{position:relative!important}header .mobile-menu,header .burger,.home-active .desktop-menu{display:none}.desktop-menu{display:block}.desktop-menu .underline{border-bottom:2px solid transparent;transition:.2s}.kontakt header .brand a{color:var(--font-color-primary)}.about-us .desktop-menu .menu-links .underline.about-us,.portfolio .desktop-menu .menu-links .underline.portfolio,.impressum .desktop-menu .menu-links .underline.impressum,.kontakt .desktop-menu .menu-links .underline.kontakt,.datenschutz .desktop-menu .menu-links .underline.datenschutz{border-bottom:2px solid var(--font-color-primary)}.desktop-menu{position:absolute;right:20px;top:50px;z-index:5}.desktop-menu .menu-links{display:flex;align-items:center;justify-content:center}.menu-links button{filter:invert(1)}.switch-toggle-checked .menu-links button{filter:invert(0)}.desktop-menu .menu-links .underline,.desktop-menu .menu-links button{margin-left:20px}.home-active header .darkmode-button circle,header .darkmode-button circle{stroke:var(--font-color-primary)}.home-active header .darkmode-button path,header .darkmode-button path{fill:var(--font-color-primary)}}.loader[data-v-00b65005]{position:fixed;top:0;bottom:0;left:0;right:0;z-index:50000;max-width:100vw;width:100dvw;height:100dvh;max-height:100vh;background:var(--background-color-primary);z-index:50000000;display:flex;justify-content:center;align-items:center}.loader svg[data-v-00b65005]{max-width:100px;height:auto;animation:flip-00b65005 2s infinite ease-in-out}.switch-toggle-checked .loader svg[data-v-00b65005]{filter:invert(1)}@keyframes flip-00b65005{0%{transform:rotateX(0) rotateY(0) rotate(0)}50%{transform:rotateX(0) rotateY(180deg) rotate(0)}to{transform:rotateX(0) rotateY(360deg) rotate(0)}}