@charset "UTF-8";.header{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;height:75px;background-color:#3c5977;color:#fff}.navigation{width:200px;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#bab2b5;color:#4e4a4c}.navigation-content-container{width:100%;height:calc(100% - 75px);display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.navigation-item{width:160px;height:50px;display:flex;flex-direction:row;justify-content:flex-start;background-color:#bab2b5;align-items:center;padding-left:20px;cursor:pointer;transition:.2s}.navigation-item.navigation-item-active,.navigation-item:hover{filter:brightness(.9)}.description{color:#5c5859;margin:0 0 10px}.content{width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;background-color:#eee2dc;color:#2b2928;padding-left:20px}.content-container{width:calc(100vw - 220px);height:calc(100vh - 75px);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow:scroll;padding-right:20px}.headline{font-size:25pt;font-weight:100;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;letter-spacing:2px;text-align:end;width:100%}.header-container{margin:0 20px;display:flex;justify-content:space-between;align-items:center;width:100%}.mobile-navigation{position:absolute;top:75px;left:0;z-index:999}.mobile-navigation .navigation-item{color:#484847}.backdrop{z-index:998;width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.backdrop.menu{height:calc(100vh - 75px);top:75px}@media screen and (max-width: 576px){.content{padding-left:0}.navigation{width:0;visibility:collapse}.content-container{padding:0;width:100vw}.content-container input:not([type=checkbox]){margin-left:10px;width:calc(100vw - 20px)!important}.description{padding:0 10px}.header .headline{font-size:19pt}.header .menu-icon{display:flex}}@font-face{font-family:Wii;src:url(contl.58da65f67583f12f.ttf)}body,html{max-width:100%;overflow-x:hidden;height:100%;width:100%;margin:0;padding:0;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-family:Roboto,sans-serif}a{text-decoration:none;color:#ac3b61}button{background-color:#c9bfba;border:none;border-radius:5px;padding:10px 15px;margin:5px;cursor:pointer;transition:.2s}button:hover{background-color:#b3a49d}button:hover:disabled{background-color:#c9bfba}button:disabled{opacity:.3;cursor:auto}p{margin:0}h1,h2,h3{text-align:left;margin:0 0 15px;color:#3c5977}table{width:100%;text-align:left;border-collapse:collapse}th{background-color:#3c5977;color:#fff;height:30px;padding:0 5px}th .th-flex{display:flex;justify-content:start;align-self:start;width:max-content}td{padding-left:5px}tbody tr{background-color:#c9bfba}tbody tr:hover{filter:brightness(.9)}tbody tr:nth-child(2n){background-color:#b3a49d}input[type=text]{border-radius:5px;background-color:#fff;padding:10px 20px;border:none;width:400px;outline:none;max-width:calc(100vw - 60px)}.navigation-icon{opacity:.5;margin-right:5px}.sort-icon{margin-left:5px;color:#fff;filter:brightness(10)}.menu-icon{visibility:hidden;height:0;width:0}@media screen and (max-width: 576px){.menu-icon{width:auto;height:auto;visibility:visible}}.favourite-icon-container{top:5px;right:5px;z-index:2;background:white;padding:3px 5px;border-radius:5px;display:flex}.favourite-icon-container img{width:22px;height:25px;filter:invert(48%) sepia(50%) saturate(10000%) hue-rotate(330deg) brightness(118%) contrast(119%)}.image-icon{height:20px;width:auto}.profile-picture{width:200px;height:auto;border-radius:1000px;border-color:#fff;border-style:solid;border-width:5px;float:right}.image-zoomed{cursor:pointer;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);box-shadow:0 0 10px 5px #000000ba;background-color:#fff}.video-preview{border-radius:5px;background-color:#a69e9a;width:256px;height:256px;object-fit:cover;display:block;margin-bottom:5px;margin-right:5px}@media screen and (max-width: 576px){.video-preview{width:calc(100vw - 20px);height:256px;object-fit:cover;margin:0 10px 5px}}.clickable,.filter-checkbox,.art-media{cursor:pointer;transition:.2s}.clickable:hover,.filter-checkbox:hover,.art-media:hover{filter:brightness(.9)}.clickable:active,.filter-checkbox:active,.art-media:active{filter:brightness(.8)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-full-width{width:100%}.btn-icon{display:flex;align-items:center;justify-content:center}.video-list-container{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;flex-direction:row;height:calc(100vh - 125px);overflow:scroll}.video-container{border-radius:10px;background-color:#c9bfba;margin:10px;width:320px;padding:10px}.video-header{width:300px;height:60px;font-weight:700;display:flex;justify-content:flex-start;align-items:start}.video-description{width:90%;padding:5px;background-color:#c9bfba;border-radius:5px;margin:10px 0}.youtube-iframe{width:90%;height:0;position:relative;padding-bottom:56.25%;border-radius:5px;border:6px #c9bfba solid}.youtube-iframe iframe{position:absolute;width:100%;height:100%;top:0;left:0}.paginator-container{display:flex;justify-content:center;align-items:center;margin:20px 0;width:100%}.paginator-container a{margin:0 5px}.paginator-container a.current-page{text-decoration:underline;pointer-events:none}.table-container{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;height:calc(100vh - 175px);overflow:scroll;width:100%}.table-container .mobile-table{display:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;background-color:#c9bfba;margin-left:10px;padding:10px;border-radius:5px}.table-container .mobile-table .mobile-entry{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:calc(100vw - 40px);margin-bottom:2px}.table-container .mobile-table .mobile-entry .mobile-entry-title{width:100%;text-align:start}.table-container .mobile-table .mobile-entry .mobile-entry-count{width:100%;text-align:end}.collection-filter-container{display:flex;justify-content:start;align-items:center;margin-bottom:10px;flex-wrap:wrap}.item-count{width:100%;text-align:end}@media screen and (max-width: 576px){.table-container table{display:none}.table-container .mobile-table{display:flex}}.music-player{border-radius:5px;margin-bottom:20px}.playlist-container{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;height:calc(100vh - 125px);overflow:scroll;width:100%}@media screen and (max-width: 576px){.playlist-container h3,.playlist-container p{padding-left:10px;padding-right:10px}.playlist-container .music-player{width:calc(100vw - 20px);padding-left:10px}}.projects-container{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;height:calc(100vh - 130px);overflow:scroll;width:100%}.project-entry-container{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:calc(100vh - 75px);overflow:scroll}.project-tile{margin:0 10px 10px 0}.project-tile img{border:#c9bfba solid 5px;width:250px;height:250px;display:block;object-fit:cover;border-radius:10px}.project-info{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;padding:5px;margin-bottom:10px;background-color:#c9bfba;border-radius:5px;width:calc(100vw - 235px)}.project-info .project-info-header{min-width:25%}.project-subtitle{margin-top:-5px}.project-container{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;border-radius:5px;margin-bottom:10px;width:100%}.project-container h3{margin-bottom:5px}.project-container .project-tile-container{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;flex-direction:row;width:100%}@media screen and (max-width: 576px){.project-entry-container h1,.project-entry-container h3,.project-container h3{padding-left:10px}.projects-container .project-tile-container{justify-content:center}.projects-container .project-tile-container .category-tile{width:calc(100vw - 30px)}.projects-container .project-tile-container .category-tile .tile-image{width:100%}.project-info{width:calc(100vw - 30px);margin-left:10px}}.resumes{height:calc(100vh - 125px);overflow:scroll;width:100%}.resumes .resumes-container{display:flex;flex-wrap:wrap;flex-direction:row}.resumes .resumes-container .resume-content-container{display:flex;flex-wrap:wrap;flex-direction:column;width:min-content;margin-right:30px}.resume-station-container{display:flex;flex-direction:row;align-items:start;justify-content:start}.resume-station-container .time-dot-container{display:flex;justify-content:start;align-items:center;flex-direction:column;height:100px;margin-right:10px}.resume-station-container .time-dot-container .dot{border-radius:100px;background-color:#3c5977;height:15px;width:15px;opacity:.5;margin-top:3px}.resume-station-container .time-dot-container .line{height:79px;width:2px;background-color:#3c5977;opacity:.5;margin-top:3px}.resume-station-container .resume-time-container{display:flex;flex-direction:column;align-items:start;justify-content:start}.resume-station-container .resume-time-container .resume-infos-container{display:flex;flex-direction:row;align-items:start;justify-content:start;border-radius:5px;padding:5px;margin-bottom:10px;background-color:#c9bfba;width:min-content}.resume-station-container .resume-time-container .resume-infos-container .resume-company-container{display:flex;flex-direction:row;align-items:center;justify-content:start;width:430px}.resume-station-container .resume-time-container .resume-infos-container .resume-company-container .text-container{display:flex;flex-direction:column;align-items:start;justify-content:start}.resume-station-container .resume-time-container .resume-infos-container .resume-company-container .logo{width:70px;height:70px;margin-right:10px;border-radius:5px}.resume-station-container .resume-time-container .resume-infos-container .resume-company-container .resume-title{font-weight:700}.resume-station-container .resume-time-container .resume-date{font-weight:700;color:#3c5977;width:150px}@media screen and (max-width: 576px){.resumes .resumes-container .resume-content-container{padding:0 10px;margin-right:0}.resumes .resume-station-container .time-dot-container{width:0;visibility:collapse}.resumes .resume-station-container .resume-time-container .resume-infos-container .resume-company-container{width:100%}.resumes .resume-station-container .resume-time-container .resume-infos-container .resume-company-container .text-container{width:calc(100vw - 120px)}}.blog-entry-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:calc(100vh - 135px);overflow:scroll}.blog-entry-container .slideshow{margin:10px 0}.blog-entry-text{max-width:720px}.blog-entry-image{max-width:720px;height:auto;border-radius:5px;margin:10px 0}.blog-entry-iframe{width:100%;max-width:720px;min-height:400px;margin:10px 0;border-radius:5px}.blog-entry-iframe.music{min-height:auto}.blog-entry-date{width:100%;text-align:end}.blog-header{width:calc(100vw - 220px);height:auto;border-radius:5px}.blog-list-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:calc(100vh - 125px);overflow:scroll}@media screen and (max-width: 576px){.blog-header{width:calc(100vw - 20px)}.blog-entry-image{max-width:calc(100vw - 20px)}.blog-entry-text{padding:0 10px}.blog-entry-iframe{width:calc(100vw - 20px)}}.art-media{transition:.2s;border-radius:5px;background-color:#a69e9a;width:256px;height:256px;object-fit:cover;display:block;margin-right:5px;margin-bottom:5px}.art-medias-container{display:flex;flex-direction:row;align-items:start;justify-content:start;flex-wrap:wrap;width:100%}.chip{background-color:#a69e9a;padding:2px 5px;margin-right:2px;border-radius:5px;color:#fff}@media screen and (max-width: 576px){.art-media{width:calc(100vw - 20px);height:256px;object-fit:cover;margin:0 10px 5px}.art-medias-container{width:100%}}@media screen and (max-width: 576px){.imprint-infos{padding-left:10px;width:calc(100vw - 20px)}}.breadcrumb{display:flex;flex-direction:row;margin:10px 0;width:100%;font-style:italic}.breadcrumb .breadcrumb-item{display:flex;justify-content:center;align-items:flex-start}.breadcrumb .breadcrumb-item a{color:#ac3b61}.breadcrumb .breadcrumb-item a:hover{transition:.2s;color:#d27b98}@media screen and (max-width: 576px){.breadcrumb{padding-left:10px}}.slideshow{display:flex;justify-content:center;align-items:flex-start;flex-direction:row}.slideshow .slideshow-media{width:600px;height:337.5px;max-width:calc(100vw - 360px);border:5px solid #c9bfba;background-color:#a69e9a;object-fit:contain}.slideshow button{margin:0;height:348px}.slideshow button.slideshow-button-left{border-top-right-radius:0;border-bottom-right-radius:0}.slideshow button.slideshow-button-right{border-top-left-radius:0;border-bottom-left-radius:0}.media-description{padding:0 5px;border-radius:5px;pointer-events:none;text-align:center;width:100%}.slideshow-thumbnail{width:64px;height:64px;border-radius:5px;margin-right:5px;margin-bottom:5px;background-color:#c9bfba;object-fit:cover}.thumbnail-container{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;width:718px;max-width:calc(100vw - 240px)}@media screen and (max-width: 576px){.slideshow .slideshow-media{max-width:calc(100vw - 138px)}.thumbnail-container{max-width:calc(100vw - 20px)}}.tile-container{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;flex-direction:row}.category-tile{position:relative;text-align:center;border-radius:5px;margin:0 10px 10px 0;cursor:pointer}.category-tile .favourite-icon-container{position:absolute;pointer-events:none}.category-tile .image-count-container{pointer-events:none;transition:.2s;position:absolute;display:flex;background:#1f1f1f;padding:3px 5px;border-radius:5px;bottom:5px;right:5px;z-index:2}.category-tile .image-count-container .image-count{position:unset;opacity:1;color:#fff;margin:0 5px 0 0;transform:none;font-size:medium;font-weight:700}.category-tile .image-count-container img{filter:invert(100%)}.category-tile:hover .image-count-container{opacity:50%}.category-tile:hover p{opacity:1}.category-tile:hover .favourite-icon-container{opacity:50%}.category-tile .tile-image{transition:.2s;border-radius:5px;background-color:#a69e9a;width:256px;height:256px;object-fit:cover;display:block}.category-tile .tile-image:hover{filter:brightness(.3)}.category-tile p{opacity:0;position:absolute;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.5rem;width:90%}@media screen and (max-width: 820px){.category-tile p{font-size:1rem}}@media screen and (max-width: 576px){.tile-container{padding-left:10px}.category-tile{margin-right:0%}.category-tile .tile-image{width:calc(100vw - 20px)}}.filter-checkbox{background-color:#c9bfba;border:none;border-radius:5px;padding:10px 15px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:10px;cursor:pointer}.filter-checkbox .description{margin:0;width:max-content}.filter-checkbox .favourite-icon-container{margin-right:5px;height:15px;width:15px;display:flex;justify-content:center;align-items:center}.filter-checkbox .favourite-icon-container img{width:12px;height:14px}.checkbox-container{display:flex;justify-content:flex-start;align-items:center;margin-bottom:5px}@media screen and (max-width: 576px){.filter-checkbox{margin-left:10px}}.filter-container{position:relative}.filter-container .filter-dropdown{position:absolute;background-color:#c9bfba;border-radius:5px;margin-top:5px;padding:10px;width:max-content;overflow:scroll;max-height:400px;box-shadow:0 0 5px 5px #0000007a;z-index:2;max-width:calc(100vw - 40px);margin-left:10px}.btn-filter{margin-top:0;margin-bottom:0}@media screen and (max-width: 576px){.btn-filter{margin-left:10px;margin-top:5px}}
