@charset "UTF-8";@font-face{src:url(https://htw-imi-showtime.github.io/preview/fonts/JetBrainsMono-Regular.woff2)format("woff2");font-family:jetbrains mono}@font-face{src:url(https://htw-imi-showtime.github.io/preview/fonts/JetBrainsMono-Italic.woff2)format("woff2");font-family:jetbrains mono;font-style:italic}@font-face{src:url(https://htw-imi-showtime.github.io/preview/fonts/JetBrainsMono-Light.woff2)format("woff2");font-family:jetbrains mono;font-weight:100 300}@font-face{src:url(https://htw-imi-showtime.github.io/preview/fonts/JetBrainsMono-Bold.woff2)format("woff2");font-family:jetbrains mono;font-weight:700}@font-face{src:url(https://htw-imi-showtime.github.io/preview/fonts/JetBrainsMono-ExtraBold.woff2)format("woff2");font-family:jetbrains mono;font-weight:800 900}*{box-sizing:border-box}html{font:14px/200% jetbrains mono;color:#3e2d4a;background-color:#fff6f6;scroll-behavior:smooth;transition:2s ease-in-out}html.roll{transform:rotate(360deg)}body{margin:0}h1{font-size:6rem;font-weight:900;color:#3e2d4a;text-transform:uppercase;margin:0;line-height:100%}h1 .underscore-spacer{display:block;font-weight:900;text-transform:inherit;line-height:100%}h3{color:#ff7578;font-weight:900;font-size:2.5rem;line-height:1.25;margin-top:0}h3::after{display:block;content:"_"}h3.no-underscore::after{display:none}.plain::after{content:""}.project-subtitle{font-size:1rem}.project-subtitle::before{display:block;content:'\A'}h4{font-weight:900}a{color:#29d09f;text-decoration:none}a:visited{color:#0ad0a1}strong{font-weight:900}ul{list-style:none;margin:0;padding:0}img{max-width:100%}button{margin-top:2.5rem;background-color:#67ffd2;border:none;height:3rem;font-family:jetbrains mono;font-size:1.2rem;text-transform:uppercase;border-radius:1.5rem;padding-right:3rem;padding-left:3rem}button:hover{background-color:#29d09f}button:active{background-color:#1ca37b}.light{font-weight:100}.select-wrapper{background-color:#67ffd2;border-radius:5px;position:relative}.select-wrapper::after{content:"↓";display:inline;position:absolute;right:1.5rem;top:0;bottom:0;font-size:1.5rem;line-height:2.5;border-left:2px solid #fff6f6;padding-left:1.3rem;pointer-events:none}.select-wrapper select{appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;background:0 0;font:inherit;text-transform:uppercase;padding:.8rem 1.2rem;width:100%;height:100%}nav{color:#fff6f6;background-color:#ff7578;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;width:100%;z-index:1}nav>a{font-size:1.5rem}nav ul{display:flex}nav li{margin:0 1rem}nav li:last-of-type{margin-right:0}nav a,nav a:visited{color:inherit}nav a:hover{color:#fdfe83}nav input{display:none}footer{background-color:#ff7578;color:#fff6f6;padding:3rem;display:flex;flex-direction:column;margin-top:15rem}footer section{display:flex;justify-content:space-between}footer section>a{font-size:1.5rem}footer ul{list-style:none;padding:0;display:flex}footer li{margin:0 1rem}footer li:last-of-type{margin-right:0}footer a{color:inherit}footer a:visited{color:inherit}footer img{max-width:15rem;align-self:flex-end;margin-top:7rem}main,header{margin-left:16.66666667%;margin-right:16.66666667%}.home-content{padding-top:14rem}header{margin-top:14rem;margin-bottom:14rem;display:flex}header.project-header{margin-top:0;margin-bottom:0;padding:6rem 0}header.project-header .type{line-height:100%}header h1{flex:5;position:relative}header h1::after{content:"_";position:absolute;bottom:0;left:0}header .type{margin-bottom:1rem}header section{flex:3;position:relative;display:flex;flex-direction:column;vertical-align:bottom}header section p{padding-top:1rem}header section.underscore::before{content:"_";font-size:6rem;font-weight:900;color:#3e2d4a;line-height:1;margin-top:-5.5rem;position:absolute;right:0}header section p{margin-top:8rem;margin-bottom:0}hr{border:none;height:2px;background-color:#ff7578;position:relative}hr::after{display:block;content:"";height:10px;width:30px;background-color:#ff7578;position:absolute;bottom:0;right:0}hr.alternate:nth-of-type(even)::after{left:0}hr.project_divider{margin-bottom:8rem}span.type{text-transform:uppercase;color:#ff7578;font-weight:100;font-size:1rem;display:block}span.type::after{content:" PROJECT"}span.subtitle{text-transform:uppercase;color:#ff7578;line-height:2rem;font-weight:100;font-size:1.5rem;display:block;margin-top:2rem;margin-bottom:1rem}span.subtitle.bachelor{color:#3e2d4a}.block{display:block}.spacer{flex:1}.gist{margin-left:37.5%}.background{background-color:#ff7578}.background.master{background-color:#3e2d4a;color:#ff7578}.background.master h1{color:inherit}.background.master a{color:#fff6f6}.background .type{color:inherit}.background-dark{background-color:#3e2d4a}.teaser{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:12rem}.teaser h3{width:37.5%;font-size:4rem}.teaser hr{margin-top:4rem;width:100%}.teaser div{width:50%}.teaser a{display:block;margin-top:2rem;text-transform:uppercase}.teaser:nth-child(even) h4,.teaser:nth-child(even) h3{text-align:right}.teaser:nth-child(even) div{order:1}.teaser:nth-child(even) h3{order:2}.teaser:nth-child(even) hr{order:3}.teaser:nth-child(even) hr::after{left:0}.category{text-transform:uppercase;color:#ff7578;font-weight:100;width:100%}.call-to-action{display:flex;flex-wrap:wrap;background-color:#ff7578}.call-to-action h3{margin:0;height:100%;width:37.5%;padding:3rem;color:#3e2d4a;font-size:3.5rem;text-transform:uppercase}.call-to-action div{width:62.5%;padding:3rem;text-align:center;background-color:#fdfe83}.call-to-action p{margin:0;text-align:left;font-size:1.5rem;line-height:200%}.start{background:#ff7578 0 repeat fixed url(/img/start-background.svg);height:100vh}.start .content{display:flex;flex-direction:column;justify-content:space-between;width:calc(4/6 * 100%);height:100%;margin:auto;padding-top:10rem}.start .content h1{font-size:5rem}.start .content p{margin-top:3rem;margin-left:.4rem;margin-bottom:0}.start .content .live{flex-direction:column;align-items:center}.start .content .live .keyvisual-live{width:calc(3/8 * 100%);margin-bottom:0;padding-top:4rem}.start .content .live h1{margin-top:4rem;text-align:center}.start .content .live div{margin-top:4rem;text-align:center}.start .content .live div::after{content:none}.start .content .live a{color:#fff6f6;margin:0 1rem}.start .content .live a:hover{color:#fdfe83}.start .content .live a button{margin-top:0}.start .content div{display:flex;justify-content:space-between;align-items:flex-end}.start .content div div{display:block;margin-top:0}.start .content div div::after{content:"_";font-size:5rem;font-weight:800}.start .content div:first-child img{width:calc(3/8 * 100%)}.start .content div:last-child{margin-bottom:3rem}.start .content div:last-child h1{padding-top:0;color:#fdfe83;text-align:right}.start .deco-01{position:absolute;left:calc(1/12 * 100%);top:25vh}.start .deco-02{position:absolute;right:calc(1/12 * 100%);top:75vh}.projects-list-entry{display:flex;justify-content:space-between;margin:15rem 0 7rem}.projects-list-entry:first-of-type{margin-top:8rem}.projects-list-entry p{margin:4rem 0 2rem}.projects-list-entry a{text-transform:uppercase}.projects-list-entry img{width:37.5%;height:auto;align-self:center;margin-left:12.5%;box-shadow:10px 10px #3e2d4a}.projects-list-entry:nth-of-type(even){flex-direction:row-reverse}.projects-list-entry:nth-of-type(even) img{margin-left:0;margin-right:12.5%}.project-menu{position:sticky;z-index:1;top:5rem;margin-bottom:8rem}.project-menu ul{margin:0 16.66666667%;display:flex}.project-menu li{padding:.5rem 1.2rem;white-space:nowrap}.project-menu li a{color:#fff6f6}.project-menu li.active{background:#fff6f6}.project-menu li.active a{color:#3e2d4a}.mobile-menu{display:none}.project>*:first-child{margin-top:0}.project .project-link{display:inline-flex;align-items:center;text-transform:uppercase;text-decoration:none;margin:0 4rem 3rem 0}.project .project-link:last-of-type{margin-right:0}.project .project-link img{margin-right:1rem}.project .intro,.project blockquote{font-size:2rem;line-height:1.666;color:#ff7578}.project .intro{margin-left:0;margin-bottom:6rem}.project>p{margin:2rem 0 2rem 37.5%}.project a{text-decoration:underline}.project ul{list-style:none;margin:0}.project ul li{margin-left:2rem;margin-top:.5rem}.project ul li::before{content:"-> ";color:#ff7578;margin-left:-2rem}.project section,.project figure,.project .mediathek-embed{margin:6rem 0}.project section{display:flex}.project section h3{flex:2}.project section .content{flex:5}.project section .content p:first-of-type{margin-top:0}.project section .content p:last-of-type{margin-bottom:0}.project blockquote{font-style:italic;margin:0 12.5% 0 25%}.project .mediathek-embed .mediathek-player{position:relative}.project .mediathek-embed .mediathek-player img{display:block;width:100%;height:auto}.project .mediathek-embed .mediathek-player iframe{position:absolute;top:0;left:0;width:100%;height:100%}.project figure figcaption{margin-top:1rem;color:#ff7578;text-align:right;text-transform:uppercase}.project figure img{display:block;margin:0 auto}.project figure img+figcaption{margin-left:37.5%;text-align:left}.project .gallery{display:flex;flex-wrap:wrap;justify-content:center}.project .gallery figure{width:33.33333333%;padding:0 4rem;margin:0 0 6rem}.project .gallery figure figcaption{margin:1rem 0 0;text-align:center}.project .gallery figure.team-member img{border-radius:50%}.project .gallery figure.team-member figcaption{text-transform:none;font-weight:700}.project .infobox{border:.3rem solid #ff7578;padding:1.5rem}.schedule>section ul>li{display:flex;margin-top:1rem}.schedule>section ul>li p{padding-top:.4rem;width:12.5%}.schedule>section ul>li div{flex-grow:2;display:flex;justify-content:space-between;flex-direction:column;box-sizing:border-box;min-height:8rem;padding:1rem;width:87.5%}.schedule>section ul>li div h3{margin:0 0 1rem;font-size:1.6rem}.schedule>section ul>li div a{color:#fff6f6;text-transform:uppercase;line-height:100%}.schedule>section ul>li div a:hover{color:#fdfe83}.schedule>section ul>li .general{border-top:#ff7578 2px solid;background-color:rgba(255,117,120,.1)}.schedule>section ul>li .bachelor{border-top:#3e2d4a 2px solid;background-color:#ff7578}.schedule>section ul>li .bachelor h3{color:#3e2d4a}.schedule>section ul>li .master{color:#ff7578;border-top:#ff7578 2px solid;background-color:#3e2d4a}.dates>section{display:flex;margin:3rem 0}.dates>section div:first-of-type{flex:3}.dates>section div:last-of-type{flex:5;color:#ff7578}.dates>section div:last-of-type h3{margin-top:0;margin-bottom:1rem}.contacts>section{display:flex;flex-wrap:wrap;justify-content:space-between;margin:3rem 0}.contacts>section h3{margin-top:0;margin-bottom:1rem;width:100%}.contacts>section p{margin:0}.contacts>section p:first-of-type{color:#ff7578;width:50%}.contacts>section p:last-of-type{width:37.5%;font-weight:900;position:relative}.contacts>section p:last-of-type::before{content:"->";position:absolute;left:-2rem}.contacts>section a{display:block;font-weight:400}@media(max-width:576px){main,header,.project-menu ul{margin-left:5.55555556%;margin-right:5.55555556%}h1{font-size:3rem}h3{font-size:2rem}nav{padding:1rem 5.55555556%;flex-wrap:wrap}nav ul{width:100%;display:block;overflow:hidden;height:0;transition:height .3s cubic-bezier(.37,0,.63,1)}nav ul li{text-align:right;font-size:1.1rem;line-height:350%;margin:1rem 0 0;border-bottom:2px solid #fff6f6}nav ul li:first-of-type{margin-top:2rem}nav ul li::after{display:block;content:"";height:8px;width:30px;background-color:#fff6f6;position:relative;bottom:0;left:0;z-index:99}nav label{cursor:pointer;padding:3px 0;user-select:none}nav label span{background:#fff6f6;display:block;height:2px;position:relative;width:16px;transition:background .2s ease-out}nav label span::before,nav label span::after{background:#fff6f6;content:'';display:block;height:100%;width:100%;position:absolute;transition:all .2s ease-out}nav label span::before{top:-5px}nav label span::after{top:5px}nav input:checked~ul{height:100vh}nav input:checked~label>span{background:0 0}nav input:checked~label>span::before{transform:rotate(-45deg);top:0}nav input:checked~label>span::after{transform:rotate(45deg);top:0}.home-content{padding-top:5rem}header{display:block;margin-top:8rem;margin-bottom:5rem}header section{display:block}header section.underscore::before{content:""}header section p{margin-top:3rem}footer{margin-top:5.55555556%;padding:5.55555556%}footer ul{display:block}footer ul li{text-align:right;margin-right:0;margin-bottom:.5rem}.start{background-image:none}.start .content{display:block;width:auto;margin-left:5.55555556%;margin-right:5.55555556%;padding-top:6rem}.start .content .live{flex-direction:column;align-items:center}.start .content .live .keyvisual-live{width:calc(6/8 * 100%)}.start .content .live h1{padding-top:0;text-align:center}.start .content .live a{display:block}.start .content .live div:last-child{margin-top:4rem;width:100%;position:relative;bottom:auto}.start .content h1{font-size:2.5rem}.start .content div:first-child{display:block;margin:0}.start .content div:first-child div:after{content:""}.start .content div:first-child img{display:block;width:90%;margin:2rem auto}.start .content div:last-child{width:88.88888889%;position:absolute;bottom:2rem;margin:0}.start .content div:last-child a{height:5rem}.start .content div:last-child a img{height:100%}.start .content p{margin-top:1rem;margin-left:0}.start .deco-01,.start .deco-02{display:none}.teaser{display:block;margin-bottom:3rem}.teaser h3,.teaser p{width:auto}.teaser h3{font-size:2rem}.teaser hr{margin-top:3rem;margin-bottom:0}.teaser div{width:auto}.teaser:nth-child(even) h4,.teaser:nth-child(even) h3{text-align:inherit}.teaser:nth-child(even) hr::after{left:auto}.call-to-action{display:block}.call-to-action h3,.call-to-action div{padding:5.55555556%}.call-to-action h3{width:auto;font-size:2.5rem}.call-to-action div{width:auto}.call-to-action p{font-size:1rem}.schedule>section ul>li{display:block}.schedule>section ul>li div{width:inherit}.dates>section{display:block}.dates>section div:last-of-type h3{margin-top:.5rem}.contacts>section{display:block}.contacts>section p,.contacts>section p:last-of-type,.contacts>section p:first-of-type{width:auto}.contacts>section p:last-of-type{margin-top:2rem;margin-left:2rem}.projects-list-entry{display:block;margin-top:4rem;margin-bottom:5rem}.projects-list-entry:first-of-type{margin-top:0}.projects-list-entry p{margin-top:2rem}.projects-list-entry img{margin-top:2rem;margin-left:0;width:100%}.project .intro,.project blockquote{font-size:1.5rem;line-height:1.666}.project section,.project figure,.project .mediathek-embed{margin:4rem 0}.project .intro{margin-bottom:4rem}.project section{display:block}.project blockquote{margin:0}.project p{margin:2rem 0}.project figure img+figcaption{margin-left:0}.project .gist{margin-left:0}.project .gallery figure.team-member{width:60%;padding:0;margin-bottom:3rem}.project .project-link{display:flex;margin-bottom:1rem}.project .project-link img{width:3rem}.project .project-link:last-of-type{margin-bottom:4rem}.project-menu{top:4rem;margin-bottom:6rem}body:has(#menu-toggle:checked) .project-menu{z-index:0}.desktop-menu{display:none}.mobile-menu{display:flex;align-items:center;justify-content:space-between}.mobile-menu input{display:none}.mobile-menu input:checked~.dropdown-menu{display:block}.mobile-menu label{cursor:pointer;padding:10px 5.55555556%;user-select:none}.mobile-menu label span{background:#fff6f6;display:block;height:4px;width:4px;border-radius:50%;position:relative;transition:background .2s ease-out}.mobile-menu label span::before,.mobile-menu label span::after{background:#fff6f6;content:'';display:block;height:100%;width:100%;border-radius:50%;position:absolute;transition:all .2s ease-out}.mobile-menu label span::before{top:-6px}.mobile-menu label span::after{top:6px}.mobile-menu .dropdown-menu{display:none;position:absolute;top:2.5rem;right:1rem;width:50%;padding:.5rem 0;background-color:#fff6f6}.mobile-menu .dropdown-menu ul{display:flex;flex-direction:column;text-align:right;margin:0}.mobile-menu .dropdown-menu ul li{width:100%;padding:.5rem 1.5rem}.mobile-menu .dropdown-menu a{color:#29d09f}.mobile-menu.bachelor .dropdown-menu{border:1px solid #ff7578}.mobile-menu.bachelor .dropdown-menu li a{color:#ff7578}.mobile-menu.bachelor .dropdown-menu li.active{background-color:#ff7578}.mobile-menu.bachelor .dropdown-menu li.active a{color:#fff6f6}.mobile-menu.master .dropdown-menu{border:1px solid #3e2d4a}.mobile-menu.master .dropdown-menu li a{color:#3e2d4a}.mobile-menu.master .dropdown-menu li.active{background-color:#3e2d4a}.mobile-menu.master .dropdown-menu li.active a{color:#ff7578}}.warn{color:#fdfe83;font-weight:700;font-size:2rem}.warn.small{font-size:1rem}