nav{height:100vh;display:flex;flex-direction:column;align-content:center;justify-content:space-around;position:fixed;top:0;left:0;width:47px;text-align:center;box-shadow:8px 8px 15px rgba(0,0,0,.3)}.path,.svg-inline--fa{width:100%}nav a{font-weight:700;text-decoration:none;font-size:140%}nav a.router-link-exact-active .svg{border-bottom:3px solid red}.router{display:flex;align-content:center;justify-content:center;width:100vw;padding:0;margin:0}.mode{height:100vh;display:flex;flex-direction:column;justify-content:space-around;position:fixed;top:0;right:0;width:47px;box-shadow:-8px 8px 15px rgba(0,0,0,.3)}.mode a{font-weight:700;text-decoration:none;font-size:140%;text-align:center;cursor:pointer}.dark .dunkel,.light .hell,.relax .entspannen{border-bottom:3px solid red;box-sizing:border-box}.home[data-v-829e370a]{height:-moz-fit-content;height:fit-content;display:flex;justify-content:center;align-items:stretch;gap:3%;flex:1 1 0}.joel-pic[data-v-829e370a]{justify-content:center;align-content:center}.home-info[data-v-829e370a],.joel-pic[data-v-829e370a]{box-sizing:border-box;display:flex;flex-direction:column;height:90vh}.home-info[data-v-829e370a]{padding:20px;justify-content:start;text-align:left;min-height:0;overflow-y:auto}.home-info h1[data-v-829e370a]{margin-top:0;margin-bottom:0;padding-bottom:0;line-height:1.3}.saying[data-v-829e370a]{margin-top:0;line-height:0;font-family:Yellowtail,cursive;font-weight:300;font-style:normal;font-size:25px}.home-info h2[data-v-829e370a]{font-weight:300s}.home-info h3[data-v-829e370a]{font-weight:200s}.p-intro[data-v-829e370a]{margin-top:10vh;margin-top:0}.home-ul[data-v-829e370a]{width:100%;list-style:none;margin:0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:10px;border-radius:5px}.ul-img[data-v-829e370a]{width:auto;height:clamp(60px,80px,80px);justify-self:center}.joel-pic img[data-v-829e370a]{width:100%;height:100%;-o-object-fit:cover;transform:scaleX(-1);object-fit:cover;border-radius:10px}.cntct-shwcs-main-sub>.p1{font-size:40px}.cntct-shwcs-main-sub>.p2{font-size:20px;width:50%;text-align:center;margin:0 auto}.contact-icons{display:flex;justify-content:center;gap:20px;align-content:center;padding:20px}.contact-a svg{font-size:200%}.img-container{border-radius:3px;width:100%;height:100%;background-size:cover;display:flex;flex-direction:column;justify-content:end;align-content:center}.main-content>.sub-two{flex-direction:column;justify-content:space-around;min-height:0;overflow-y:auto}.main-content>.sub-one,.main-content>.sub-two{height:90vh;box-sizing:border-box;display:flex;align-content:center}.main-content>.sub-one{justify-content:center}.row-one{text-align:center}.switch{position:absolute;top:15px;left:15px;margin:0;padding:0;font-size:30px;height:40px;aspect-ratio:1/1;border-radius:50%;cursor:pointer;background-color:transparent;box-shadow:8px 8px 15px rgba(0,0,0,.3)}.row-one>.name{font-size:25px;margin-top:0;height:76px}.row-two{text-align:center}.row-two>p{margin:0}.row-three{text-align:center}.row-three>h2{font-size:80px;margin:0;line-height:.8}.row-four{display:flex;justify-content:space-between;align-content:center;margin-top:50px;flex-wrap:nowrap}.info{grid-template-rows:repeat(6,1fr);grid-template-columns:1fr;flex-grow:1;padding-left:50px}.info>p{font-size:min(4vw,20px);margin:8px 0}.big-icon{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.big-icon>img{width:225px;height:225px;-o-object-fit:cover;object-fit:cover;filter:brightness(150%)}.row-five{grid-template-columns:repeat(5,1fr);border:1px solid #fff}.row-five,.row-five-loading{display:grid;grid-template-rows:1fr;border-radius:5px;margin-top:10px}.row-five-loading{grid-template-columns:1fr}.row-five-loading>a{font-size:32px;text-align:center}.days{display:grid;grid-template-rows:3fr;grid-template-columns:1fr;row-gap:20px}.row-five>:not(:last-child){border-right:1px solid #fff}.days>p{font-size:min(2.5vw,14px);margin:0 auto}.days :last-child{margin-bottom:5px}.days>img{max-width:90px;width:15vw;aspect-ratio:1/1;height:auto;place-self:center;filter:brightness(150%)}.img-container>input{margin:10px 30px;border-radius:6px;height:40px;box-shadow:none;font-size:large;border:none;padding-left:20px}.main-content>.about-sub{height:-moz-fit-content;height:fit-content;box-sizing:border-box}.about-h2{font-family:Yellowtail,cursive;padding:20px auto;font-size:35px}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:15px;grid-template-areas:"cardone cardone cardtwo" "cardthree cardfour cardtwo" "cardthree cardfive cardfive"}.cards{border-radius:6px;box-sizing:border-box;cursor:pointer}.card1{grid-area:cardone}.card2{grid-area:cardtwo}.card3{grid-area:cardthree}.card4{grid-area:cardfour}.card5{grid-area:cardfive}.cards>img{border:4px solid #fff;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px;box-sizing:border-box}.cards>img:hover{transform:scale(1.2);transition:transform .8s ease-out}.carousels-container{margin:40px auto;height:537px;width:100%;padding:15px;box-sizing:border-box;border-radius:10px;perspective:1500px;overflow:hidden}.carousel{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s ease-out}.hobbies-cards{position:absolute;width:250px;height:300px;left:50%;top:50%;margin-left:-125px;margin-top:-150px;border-radius:10px;transition:transform .7s ease-out;box-sizing:border-box;perspective:1200px}.hobby-card1{transform:rotateY(0deg) translateZ(250px)}.hobby-card2{transform:rotateY(72deg) translateZ(250px)}.hobby-card3{transform:rotateY(144deg) translateZ(250px)}.hobby-card4{transform:rotateY(216deg) translateZ(250px)}.hobby-card5{transform:rotateY(288deg) translateZ(250px)}.flip-inner{position:relative;width:100%;height:100%;transition:transform .7s ease-out;transform-style:preserve-3d}.hobbies-cards:hover .flip-inner{transform:rotateY(180deg) scale(1.25)}.front{-o-object-fit:cover;object-fit:cover;top:0;left:0;cursor:pointer}.backface,.front{width:100%;height:100%;border-radius:5px;position:absolute;backface-visibility:hidden;border:4px solid #fff;box-sizing:border-box}.backface{inset:0;margin:0;background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-size:20px;transform:rotateY(180deg);text-shadow:none}.buttons{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1;width:-moz-fit-content;width:fit-content;gap:80px;bottom:0;right:50%;transform:translateX(50%);position:absolute;margin-top:40px}.button,.buttons{height:-moz-fit-content;height:fit-content}.button{width:130px;font-size:25px;border-radius:4px;box-shadow:0 8px 15px rgba(0,0,0,.3);border:none;transition:background-color 1s ease,color .3s ease;cursor:pointer;background-color:transparent;box-sizing:border-box}.currentMode,body,html{width:100%;margin:0;padding:0;overflow-x:hidden}.currentMode{text-align:center}h1{font-weight:400;font-size:70px}a,h1,h2,h3,h4,h5,h6,p{font-family:Titillium Web,sans-serif}.light{background-color:#fff;color:#000}.dark,.light{transition:background-color 1s ease,color .3s ease}.dark{background-color:#000;color:#fff}.relax{color:#00692c;text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff;background-image:url(/img/beach-6517214_1920.527e31e5.jpg);transition:background-color 1s ease,color .3s ease}.light .cntct-shwcs-main-sub,.light .main-sub{background-color:#04448d36;transition:background-color 1s ease,color .3s ease;backdrop-filter:blur(3px)}.dark .cntct-shwcs-main-sub,.dark .main-sub{background-color:#ffffff44;transition:background-color 1s ease,color .3s ease;backdrop-filter:blur(3px)}.relax .cntct-shwcs-main-sub,.relax .main-sub{background-color:#aaf8ae44;transition:background-color 1s ease,color .3s ease;backdrop-filter:blur(3px)}.relax .button{color:#00692c;border:2px solid #fff;text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff}.light .button{color:#000;border:2px solid #fff}.dark .button{color:#fff;border:2px solid #fff}.dark .pretty_city_name,.light .pretty_city_name{color:#000}.dark .pretty_city_name,.light .pretty_city_name,.relax .pretty_city_name{text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff}.relax .pretty_city_name{color:#00692c}.dark .image-container>input:focus,.light .image-container>input:focus{outline-color:#000}.relax .image-container>input:focus{outline-color:#00692c;font:#00692c}.light .switch{color:#000;border:2px solid #000}.dark .switch{color:#fff;border:2px solid #fff}.relax .switch{color:#00692c;text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff;border:2px solid #00692c}.svg{width:100%}.light a{color:#000}.dark a{color:#fff}.relax a{color:#00692c;text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff}.relax .svg{filter:drop-shadow(1px 0 0 white) drop-shadow(-1px 0 0 white) drop-shadow(0 1px 0 white) drop-shadow(0 -1px 0 white)}.light .mode,.light nav{background-color:#04448d36;color:#000}.dark .mode,.dark nav{background-color:#ffffff44;color:#fff}.relax .mode,.relax nav{background-color:#aaf8ae44}.relax .i-nav{stroke:#fff;stroke-width:3px}.light .button:hover,.light a:hover{background-color:#2523bb42;transition:background-color 1s ease,color .1s ease}.dark .button:hover,.dark a:hover{background-color:#ffffffb0;transition:background-color 1s ease,color .1s ease}.relax .button:hover,.relax a:hover{background-color:#59d15f75;transition:background-color 1s ease,color .1s ease}.main-content{display:flex;justify-content:center;align-content:center;flex-wrap:wrap;gap:3%;width:78%;height:-moz-fit-content;height:fit-content}.main-sub{width:35%;padding:15px}.cntct-shwcs-main-sub,.main-sub{margin-top:9vh;box-shadow:0 8px 15px rgba(0,0,0,.3);height:-moz-fit-content;height:fit-content;border-radius:10px}.cntct-shwcs-main-sub{padding:10px;text-align:center;width:57vw;box-sizing:border-box}.cntct-shwcs-main-sub h1{margin-bottom:0}@media (max-width:1800px){.row-four{flex-direction:column;justify-content:start;align-items:center;flex-wrap:wrap;text-align:center}}@media (max-width:1455px){.home-ul>.ul-img{width:60px;height:60px}.ul-img .pinia{height:auto}.pretty_city_name{display:none}}@media (max-width:1260px){nav{box-shadow:none}.mode,nav{width:100vw;height:4vh;flex-direction:row;z-index:2}.mode{top:4vh}h1{font-size:60px}.home-info>.p-intro{margin:0}.home-info>h2{margin-top:10px;margin-bottom:10px;line-height:1}.main-content{flex-direction:column;justify-content:start;align-items:center;padding-top:10vh;flex-wrap:nowrap;z-index:0;height:-moz-fit-content;height:fit-content;gap:2vh}.p-intro{margin:0}.cntct-shwcs-main-sub{width:95vw}.cntct-shwcs-main-sub>a,.cntct-shwcs-main-sub>h2{word-break:break-all}.main-content>.sub-two{width:95vw;margin-top:0;height:auto}.main-content>.sub-one{width:95vw;margin-top:10px;height:240px}.main-content>.main-sub{width:95vw;margin-top:0}.joel-pic{margin-top:3%}.home-info,.joel-pic{height:auto}.main-content>.sub-one{height:120px}.name{margin:20px auto;line-height:.8}.info>*{margin-top:0}.info>:last-child{margin-bottom:0}.big-icon{width:45%}.row-four{justify-content:center}.img-container{height:auto;font-size:50px}.ul-img .pinia{height:auto}}@media (max-width:500px){.cntct-shwcs-main-sub{margin-top:0;padding:10px;height:78vh}.cntct-shwcs-main-sub>.p2{width:100%}.main-content>.home-info{height:-moz-fit-content;height:fit-content}.home-info>h1{font-size:45px}.saying{font-size:20px}.main-content>.sub-two{padding:10px 0}.row-one>.name{margin-bottom:20px;height:0;line-height:1}.row-two>p{margin:20px;margin-bottom:0}.row-three>h2{font-size:40px;margin-bottom:20px}.row-four{flex-direction:row;justify-content:space-between;align-items:center;text-align:center;margin:10px 0;padding:10px}.row-four>.info{width:-moz-fit-content;width:fit-content;text-align:right}.row-four :first-child{margin-top:0}.big-icon{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.big-icon>img{width:150px;height:150px}.info{padding-left:0}.main-content>.sub-one{height:150px}.ul-img .pinia{height:auto}}