: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:400%;--h2-font-size:50px;--cards:2;--cardHeight:120vh;--cardTopPadding:1.5em;--cardsMargin:4vw}.app-container{display:flex;flex-direction:column}html{scroll-behavior:smooth}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{background-color:#fff;background-color:var(--background-color);min-height:100vh}.arrow{animation:moveArrow 2s infinite alternate;animation-delay:.2s;border-bottom:5px solid #333;border-bottom:5px solid var(--primary-color);border-left:5px solid #333;border-left:5px solid var(--primary-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:#333;color:var(--primary-color);font-size:400%;font-size:var(--h1-font-size)}#cards{display:grid;grid-template-columns:1fr;grid-template-rows:auto;height:100%;list-style:none;margin:0;padding-left:0;width:100%}#card0{--index:0}#card1{--index:1}#card2{--index:2}#card3{--index:3}#card4{--index:4}#card00{--index:0}#card01{--index:1}#card02{--index:2}#card03{--index:3}#card04{--index:4}.card{height:100vh;opacity:0;overflow:hidden;position:sticky;top:0;transition:opacity .5s ease-in-out}.card.visible{opacity:1}#card0 .card-body{background-image:url(/static/media/bg01-blurr.28a125b7d55bb79e1380.png);background-position:50%;background-repeat:no-repeat;background-size:cover}#card0 .card-body,#card1 .card-body{background-color:#fff;background-color:var(--background-color);border-color:#fff;border-color:var(--background-color)}#card2 .card-body{background-color:#333;background-color:var(--primary-color);border-color:#333;border-color:var(--primary-color);color:#fff;color:var(--text-color)}#card3 .card-body{background-color:#fff;background-color:var(--background-color);border-color:#fff;border-color:var(--background-color)}#card4 .card-body{background-color:#333;background-color:var(--primary-color);border-color:#333;border-color:var(--primary-color);color:#fff;color:var(--text-color)}#card00 .card-body{background-image:url(/static/media/bg02-blurr.c597537a34506d2b1d42.png);background-position:50%;background-repeat:no-repeat;background-size:cover}#card00 .card-body,#card01 .card-body{border-color:#fff;border-color:var(--background-color)}#card01 .card-body{background-image:url(/static/media/plate-4725349_1920.e3dc5d406ffe90603950.jpg);color:#fff;color:var(--text-color)}#card01 .card-body:hover{font-style:inherit}#card02 .card-body{background-image:url(/static/media/pexels-pixabay-257904.523b8a632047bef46a9a.jpg);border-color:#333;border-color:var(--primary-color);color:#fff;color:var(--text-color)}#card02 .card-body:hover{font-style:inherit}#card03 .card-body{background-image:url(/static/media/architecture.13e541dfd0b891a2c8db.jpeg);border-color:#fff;border-color:var(--background-color);color:#fff;color:var(--text-color)}#card04 .card-body{background-color:#333;background-color:var(--primary-color);border-color:#333;border-color:var(--primary-color);color:#fff;color:var(--text-color)}#card000 .card-body{background-image:url(/static/media/bg02-blurr.c597537a34506d2b1d42.png);background-position:50%;background-repeat:no-repeat;background-size:cover}#card000 .card-body,#card001 .card-body{border-color:#fff;border-color:var(--background-color)}#card001 .card-body{background-color:#fff;background-color:var(--background-color)}#card001 .card-body:hover{font-style:inherit}#card002 .card-body{background-color:#333;background-color:var(--primary-color);border-color:#333;border-color:var(--primary-color);color:#fff;color:var(--text-color)}#card002 .card-body:hover{font-style:inherit}#card003 .card-body{background-color:#fff;background-color:var(--background-color);border-color:#fff;border-color:var(--background-color)}.card-body{box-shadow:0;box-sizing:border-box;flex-direction:column;flex-grow:1;height:100%;min-height:fit-content;overflow-y:auto;padding:40px}.card-body,.project-content{align-items:center;display:flex;justify-content:center;width:100%}.project-content{flex-direction:row}h2{margin-bottom:20px;text-align:center}.text{padding:50px;text-align:left}@media (max-width:600px){.text{font-size:.9rem;padding:20px}.image{max-width:250px;width:100%}}.images{padding-left:10%;padding-right:20%}.image{border-radius:15px;box-shadow:0 4px 8px #0003,0 6px 20px #0000001a;height:auto;left:0;position:relative;top:0;transition:transform .3s ease-in-out;width:300px}.image:hover{transform:scale(1.2)}.image:first-child{left:0;top:0}.image:nth-child(2){left:140px;top:-20px}.image:nth-child(3){left:40px;top:-55px}#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)}@media (max-width:900px){.project-content{flex-direction:column}}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;justify-content:space-evenly;margin:0 auto;max-width:900px;padding:20%}#contact,.audio-list-container{display:flex;flex-direction:column}#contact{align-items:center;justify-content: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}
/*# sourceMappingURL=main.d444f0ab.css.map*/