:root{--h1-font-size:400%;--h2-font-size:50px;--cards:2;--cardHeight:120vh}.app-container{display:flex;flex-direction:column}html{scroll-behavior:smooth}.content{color:#fff;color:var(--text-color)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:larger;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.content{background-image:url(/static/media/bg02-blurr.c597537a34506d2b1d42.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.container{min-height:100vh}#audio h1,#contact h1,#contact.container,#photography h1,#visuals h1{color:#333;color:var(--primary-color)}.audio-list-container h1{text-align:center}.arrow{animation:moveArrow 2s infinite alternate;animation-delay:.2s;border-bottom:5px solid #fff;border-bottom:5px solid var(--text-color);border-left:5px solid #fff;border-left:5px solid var(--text-color);height:35px;opacity:0;transform:rotate(-45deg);width:35px}@keyframes moveArrow{0%{opacity:0;transform:translateY(0) rotate(-45deg)}to{opacity:1;transform:translateY(20px) rotate(-45deg)}}h1{color:#fff;color:var(--text-color);font-size:400%;font-size:var(--h1-font-size)}.project-content{flex-direction:row;flex-wrap:nowrap}h2{margin-bottom:20px;text-align:center}.text{padding:50px;text-align:left}@media (max-width:600px){.text{font-size:.9rem;padding:20px}}#projects{align-items:flex-start;color:#fff;display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;position:relative;width:100%}button{background-color:#333;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;color:var(--text-color);cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s ease,transform .3s ease;width:20%}button:hover{background-color:#5e5e5e;transform:translateY(-3px)}button:active{background-color:#4b4b4b;transform:translateY(-1px)}.navbar{align-items:center;background-color:#333;background-color:var(--primary-color);box-shadow:0 4px 8px #0003,0 6px 20px #0000001a;display:flex;justify-content:center;padding:15px 0;z-index:1000}.navbar a{color:#fff;font-size:16px;font-weight:700;margin:0 20px;text-decoration:none;transition:color .3s ease,transform .3s ease}.navbar a:hover{color:#d5e9ff;color:var(--highlight-color);transform:translateY(-3px)}.navbar a:active{color:#77b9ff;color:var(--secondary-color);transform:translateY(-2px)}@media (max-width:900px){.navbar{flex-direction:column}.navbar a{margin:10px 0}}h2{font-size:50px;font-size:var(--h2-font-size)}.link{font-weight:700;position:relative;text-decoration:none;transition:color .3s ease,transform .3s ease}.link:hover{cursor:pointer;transform:translateY(-5px)}.link:active{transform:translateY(2px)}.link:after{background-color:#b5b5b5;bottom:0;color:#b5b5b5;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .25s ease-out;width:100%}.link:hover:after{transform:scaleX(1);transform-origin:bottom left}.audio-player{align-items:center;background-image:url(/static/media/plate-4725349_1920.e3dc5d406ffe90603950.jpg);border-color:#fff;border-color:var(--background-color);color:#fff;color:var(--text-color);display:flex;flex-direction:column;margin:40px}.audio-buttons{flex-direction:row}.play-button{background-color:#333;background-color:var(--primary-color);border:none;border-radius:50%;cursor:pointer;height:60px;margin:20px;transition:background-color .3s ease,transform .3s ease;width:60px}.progress-container{margin:20px 0;width:80%}.progress-bar{-webkit-appearance:none;appearance:none;background-color:#d3d3d3;border-radius:5px;height:10px;outline:none;width:100%}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#333;border-radius:50%;cursor:pointer;height:20px;width:20px}.volume-container{display:none;margin-left:10px}.volume-container label:hover+.volume-bar{display:inline-block}.volume-container label{cursor:pointer}.volume-bar{background-color:#d3d3d3;border-radius:5px;height:5px;margin-top:10px;width:100px}.audio-buttons{align-items:center;display:flex;justify-content:center}.play-button,.skip-button{background-color:#3498db;border:none;border-radius:50%;cursor:pointer;height:60px;margin:10px;transition:background-color .3s,transform .3s;width:60px}.audio-list-container{gap:60px;margin:0 auto;max-width:900px;padding:20%}#contact,.audio-list-container{display:flex;flex-direction:column;justify-content:center}#contact{align-items:center}footer{margin-top:auto;z-index:1000}#imprint{background-color:#333;background-color:var(--primary-color);box-shadow:0 4px 8px #0003,0 6px 20px #0000001a;color:#fff;font-family:Arial,sans-serif;font-size:10px;padding:20px 0;text-align:center}#imprint h3{color:#77b9ff;color:var(--secondary-color);font-size:13px;margin-bottom:15px}#imprint p{margin-bottom:10px}.video-section{align-items:center;background-attachment:fixed;background-image:url(/static/media/bg01-blurr.28a125b7d55bb79e1380.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#333;color:var(--primary-color);display:flex;flex-direction:column;min-height:100vh;padding:60px 20px}.video-embed{aspect-ratio:16/9;border:none;border-radius:12px;box-shadow:0 8px 24px #0000001a}.tiktok-embed,.video-embed{margin:30px 0;max-width:600px;width:100%}.embed-video-container{background-color:initial}@media (max-width:768px){.tiktok-embed,.video-embed{aspect-ratio:auto;max-width:100%}.video-section{padding:40px 10px}}:root{--primary-color:#333;--secondary-color:#77b9ff;--highlight-color:#d5e9ff;--background-color2:#f4f4f4;--background-color:#fff;--border-color:#ccc;--text-color:#fff;--footer-font-size:10px;--header-font-size:13px;--h1-font-size:clamp(2rem,6vw,4rem);--h2-font-size:clamp(1.5rem,4vw,3rem);--cards:3;--cardHeight:100vh;--cardTopPadding:1.5em;--cardsMargin:4vw}#cards{list-style:none;margin:0;padding:10px 0;width:100%}.card{height:100vh;height:var(--cardHeight);position:-webkit-sticky;position:sticky;top:0}.card,.card-body{align-items:center;display:flex;justify-content:center}.card-body{animation:fadeInUp 1s ease both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414d9;border-radius:1rem;box-shadow:0 10px 30px #0009;flex-direction:column;height:90%;padding:2rem;width:min(90%,1200px)}.card-body h1{font-size:clamp(2rem,6vw,4rem);font-size:var(--h1-font-size)}.card-body h1,.card-body h2{font-weight:700;margin-bottom:1rem;text-align:center}.card-body h2{font-size:clamp(1.5rem,4vw,3rem);font-size:var(--h2-font-size)}.project-content{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:1.5rem;justify-content:center;width:100%}.images{flex-wrap:wrap;gap:1rem}.image{border-radius:.8rem;cursor:pointer;max-height:200px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:clamp(120px,20vw,250px)}.image:hover{box-shadow:0 10px 20px #00000080;transform:scale(1.05)}@media (max-width:611px){.travelbuddy.images{flex-wrap:nowrap}}@media (max-width:490px){.images{display:none}}.text{color:#ddd;flex:1 1;font-size:clamp(1rem,1.2vw,1.2rem);line-height:1.6;min-width:250px}.images{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;max-height:290px;max-width:1100px;padding-left:30%;padding-right:30%}.image,.images{position:relative}.image{border-radius:15px;box-shadow:0 4px 8px #0003,0 6px 20px #0000001a;height:auto;left:0;top:0;transition:transform .3s ease-in-out}.image:hover{transform:scale(1.2)}.image:first-child{left:40px;top:-30px}.image:nth-child(2){left:0;top:0}.image:nth-child(3){left:-30px;top:-55px}.image.upright{height:250px;width:auto}.image.upright:first-child{left:60px;top:0;transform:rotate(-8deg) translateX(-40px);z-index:1}.image.upright:nth-child(2){transform:rotate(0deg) translateY(0);z-index:2}.image.upright:nth-child(3){left:-60px;top:0;transform:rotate(8deg) translateX(40px);z-index:1}.image.upright:hover{transform:scale(1.05) rotate(0deg);z-index:3}#cards .card:nth-child(2n) .image{border-color:#333;border-color:var(--primary-color)}#cards .card:nth-child(odd) .image{border-color:#fff;border-color:var(--background-color)}.fullscreen-overlay{align-items:center;background:#000000e6;cursor:zoom-out;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.fullscreen-img{animation:zoomIn .4s ease;border-radius:1rem;box-shadow:0 0 40px #000c;max-height:90%;max-width:90%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.container.view{height:100vh;overflow-y:auto}
/*# sourceMappingURL=main.dc234732.css.map*/