[data-theme=light]{--background:#fbfbf8;--text: black;--hover: grey;--button-bg: #c1c1c1;--button-hover:#e1e1e1;--footer-bg: rgb(19, 19, 19);--footer-text: var(--background);--footer-hover: rgb(180, 180, 180)}[data-theme=dark]{--background: rgb(19, 19, 19);--text: #fbfbf8;--hover:rgb(180, 180, 180);--button-bg: #6b6b6b;--button-hover: #4b4b4b;--footer-bg: #fbfbf8;--footer-text: var(--background);--footer-hover: grey}*{box-sizing:border-box}html{scroll-behavior:smooth}p{font-weight:600}::selection{background:var(--button-bg)}body{font-family:Rajdhani,sans-serif;background-color:var(--background);display:flex;flex-direction:column;min-height:100vh;margin:0;padding:0;color:var(--text)}header{font-family:Rajdhani,sans-serif;display:flex;justify-content:space-between;align-items:center;padding:3vh 2vw}.logo{float:left;position:relative;height:100px;margin-left:1vw}@media (max-width: 1024px){.logo{height:75px}}@media (max-width: 500px){.logo{height:55px}}#navlist{font-size:large;float:right;position:relative;list-style-type:none;margin-top:33px}#navlist li{display:inline-block}@media (max-width: 1024px){#navlist{margin-top:30px}}@media (max-width: 500px){#navlist{margin-top:25px}}#navlist a{text-decoration:none;font-weight:400;padding:0 1vw;color:var(--text);position:relative}#navlist a:before{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--hover);transform:scaleX(0);transition:transform .3s ease-in-out}#navlist a:hover:before{transform:scaleX(1)}#navlist a.active:before{transform:scaleX(1);background:var(--text)}#navlist a.active:hover:before{background:var(--hover)}#navlist a:last-child{margin-right:1vw}#navlist a:hover{color:var(--hover)}main{display:flex;flex:1;flex-direction:column}.homepic{display:flex;justify-content:left;align-items:center;margin-left:10vw;margin-right:10vw;margin-top:2vh;margin-bottom:4vh}@media (max-width: 1000px){.homepic{margin-left:3vw;margin-right:3vw}}.start{width:100%;height:auto;border-radius:1%}.home-about{margin:10vh 10vw 10vh 10vw;position:relative}@media (max-width: 1000px){.home-about{margin-left:3vw;margin-right:3vw}}.home-about-card{display:flex;flex-direction:row;flex-wrap:wrap}.home-about-img{flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.home-about-img img{max-width:100%;border-radius:2%;display:block;transition:.5s ease}.home-about-text{flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-content:center}.home-about-text div{width:fit-content;height:fit-content}.home-about-name{font-size:xx-large;margin:0;padding:0}.home-about-sub{font-size:large;margin:10px 0 0}.home-about-p{font-size:larger;font-weight:400;margin:20px 0 0}.home-about-link{color:var(--text);text-underline-offset:2px;font-weight:400;margin-top:5px}.home-about-link:hover{color:var(--hover)}@media (max-width: 750px){.home-about-img,.home-about-text{flex:100%}.home-about-img img{max-width:70%}.home-about-text div{width:70%}.home-about-name{margin-top:20px}}#filter-container{display:inline-flex;justify-content:left;align-items:center;margin-left:3vw;margin-right:3vw;margin-top:2vh;height:5vh;overflow-x:auto;overflow-y:hidden}.filter-button{display:flex;background-color:var(--background);color:var(--text);border:1px var(--text) solid;padding-left:15px;padding-right:15px;margin-right:5px;border-radius:5px;height:30px;cursor:pointer;font-size:medium;font-weight:500;text-decoration:none;gap:12px;justify-content:center;align-items:center}.filter-button i{align-self:center}#all{display:none}.filter-button:hover{background-color:var(--button-hover)}@media (hover: none) and (pointer: coarse){.filter-button:hover{background-color:initial}}.filter-button.active{background-color:var(--button-bg);border:1px solid var(--button-bg)}.flex-container{columns:4;column-gap:8px;margin-left:3vw;margin-right:3vw;margin-bottom:4vh;margin-top:2vh;max-width:93vw;min-height:max-content;break-inside:avoid}.pictures{margin-bottom:8px;width:100%;height:auto;border-radius:8px;cursor:pointer;display:block}.pictures:hover{transform:scale(1.01)}@media (max-width: 1200px){.flex-container{columns:3}}@media (max-width: 900px){.flex-container{columns:2}}@media (max-width: 600px){.flex-container{columns:1}}#lightbox{position:fixed;z-index:1000;top:0;width:100%;height:100%;background-color:#000000e6;display:none;opacity:0}#lightbox.active{display:flex;justify-content:center;align-items:center;cursor:pointer}#lightbox img{max-width:90%;max-height:90%;border-radius:1%;cursor:default}.close-button{all:unset;color:#fbfbf8;position:absolute;top:1vh;right:0;height:48px;width:48px;display:flex;justify-content:center;align-items:center;border-radius:5px;cursor:pointer}.close-button:hover{background-color:#c5c5c551}@media (max-width: 600px){.close-button{top:0;left:50%}}.prev-button{all:unset;color:#fbfbf8;position:absolute;left:0;height:48px;width:48px;display:flex;justify-content:center;align-items:center;border-radius:5px}.prev-button:hover{background-color:#c5c5c551}.next-button{all:unset;color:#fbfbf8;position:absolute;right:0;height:48px;width:48px;display:flex;justify-content:center;align-items:center;border-radius:5px}.next-button:hover{background-color:#c5c5c551}@media (max-width: 700px){.next-button,.prev-button{bottom:0}}.scroll-top-container{display:none;position:fixed;bottom:20px;right:3vw;z-index:98;height:58px;width:58px;background:conic-gradient(var(--text) 0%,var(--background) 0);border-radius:26%;justify-content:center;align-items:center}.scroll-top-button{display:block;outline:none;background-color:var(--background);color:var(--text);cursor:pointer;height:54px;width:54px;border:none;border-radius:25%}.about-me-container{margin-top:2vh;margin-left:10vw;margin-right:10vw}@media (max-width: 1000px){.about-me-container{margin-left:3vw;margin-right:3vw}}.about-me-pic{width:100%;height:auto;aspect-ratio:attr(width) / attr(height);border-radius:1%}.about-me-title{margin-top:3vh;font-size:x-large}.about-me-subtitle{margin-top:7vh;font-size:x-large}.about-me-p{font-weight:600}.gearlist{font-weight:600;margin-bottom:4vh;margin-left:0;padding-left:0}.instagram-link{text-decoration:none;color:var(--text);font-size:x-large;display:flex;justify-content:center;align-items:center;height:44px;width:44px;border-radius:50%;background-color:var(--background);transition:.3s linear}.instagram-link:hover{color:var(--background);background-color:var(--text);transition:.3s linear}footer{margin-top:5vh;overflow:hidden}.footer-svg-container{display:block;padding:0;margin:0;line-height:0;transform:translateY(5px);z-index:-1}.footer-svg{color:var(--footer-bg);fill:var(--footer-bg);stroke:var(--footer-bg);min-width:100%;max-height:100%;display:block;z-index:-1}.footer-container{padding-left:3vw;padding-right:3vw;padding-bottom:2vh;height:fit-content;display:flex;justify-content:space-between;align-items:center;color:var(--footer-text);background-color:var(--footer-bg)}.copyright{font-weight:500}.impressum-link{font-weight:500;text-decoration:underline;text-underline-offset:3px;color:inherit;height:min-content}.impressum-link:hover{color:var(--footer-hover)}.theme-toggle{all:unset;color:var(--footer-text);cursor:pointer;height:48px;width:48px;display:flex;justify-content:center;align-items:center}.theme-toggle:hover svg{fill:var(--footer-text)}@media (hover: none) and (pointer: coarse){.theme-toggle:hover svg{fill:none}}.instagram-link-footer{display:flex;text-decoration:none;height:44px;width:44px;color:var(--footer-text);font-size:larger;border-radius:50%;align-items:center;justify-content:center;transition:.3s linear;z-index:1}.instagram-link-footer:hover{color:var(--footer-bg);background-color:var(--footer-text);transition:.3s linear}.error-container{margin-top:2vh;margin-left:10vw;margin-right:10vw}@media (max-width: 1000px){.error-container{margin-left:3vw;margin-right:3vw}}.error-title{margin-top:3vh;font-size:xx-large}.error-p{font-weight:600}.error-image-container{margin-top:10vh;display:flex;justify-content:right}.error-image{all:unset;min-height:10vh;max-height:40vh;max-width:100%}.impressum-container{margin-top:2vh;margin-left:10vw;margin-right:10vw}@media (max-width: 1000px){.impressum-container{margin-left:3vw;margin-right:3vw}}.impressum-container p{font-weight:500}.impressum-container h2{margin-top:40px;margin-bottom:0;padding-bottom:0}.impressum-source{margin-top:40px;margin-bottom:40px}