/*!
Theme Name: Ruum
Theme URI: https://apn.works
Author: APN
Author URI: https://apn.works
Version: 1.0.0
*/
html{-webkit-text-size-adjust: 100%;}
body{font-family: 'EcoCoding'; font-size: 11px; margin: 0; line-height: 1; transition: opacity .3s ease; overflow-x: hidden; transition: opacity .3s ease;}
/*body.fade-out{opacity: 0;}*/
body.noverflow{overflow: hidden;}
*{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
h1, h2, h3, h4, h5, h6{margin:0; font-weight: 400; font-size: 11px;}
p{margin: 0;}
a{background-color: transparent; color: inherit; text-decoration: none;}
input{border: 0; padding: 0; font-family: 'EcoCoding'; font-size: 11px;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px white inset !important;}
.white-color input:-internal-autofill-selected {color: white!important;}
.white-color input:-webkit-autofill {-webkit-text-fill-color: white!important;}
.white-color input:-webkit-autofill, .white-color input:-webkit-autofill:hover, .white-color input:-webkit-autofill:focus, .white-color input:-webkit-autofill:active{color: white;}
.white-color input:-webkit-autofill, .white-color input:-webkit-autofill:hover, .white-color input:-webkit-autofill:focus, .white-color input:-webkit-autofill:active  {-webkit-box-shadow: 0 0 0 30px #818181 inset !important;}
:focus {outline: -webkit-focus-ring-color auto 0px;}
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button{height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-scrollbar{display: none; -webkit-appearance: none; width: 0!important;}
*:focus{outline: none;}
*::-moz-selection{background: transparent; color: #757575;}
*::selection{background: transparent; color: #757575;}
/*



SUISSE



*/
.suisse{
	font-family: 'Suisse';
}
.suisse-big{
	font-size: 28px;
	letter-spacing: -0.05em;
}
/*



HEADER



*/
header{
	display: grid;
	grid-template-columns: max-content max-content max-content max-content;
	grid-gap: 1px;
	position: fixed;
	top: 5px;
	left: 5px;
	z-index: 1;
}
#about-page header{
	position: relative;
	top: auto;
	left: auto;
	margin: 5px;
}
.logo-form{
	line-height: 0;
	width: fit-content;
	display: inline-block;
}
.logo-form svg{
	height: 45px;
	transition: height 1s ease;
}
#logo-form-right.big svg{
	height: 75px;
}
#logo-form-left{
	transform: rotateY(180deg);
}
#left-menu{
	display: flex;
	flex-direction: column;
	gap: 1px;
}
.menu-item{
	width: fit-content;
	padding: 5px 6px 6px;
}
#left-menu .menu-item{
	align-self: end;
}
#logo-menu{
	display: flex;
	gap: 1px;
}
#right-menu .menu-item{
	display: block;
}
body#home header > a {
	pointer-events: none;
}
/*



FOOTER



*/
footer{
	margin: 115px 5px 5px;
}
#copyright{
	background-color: #fff;
	width: fit-content;
	padding: 5px 12px 6px 6px;
	margin-bottom: 1px;
}
.footer-content{
	background-color: #fff;
	padding: 5px 6px 6px;
	width: 65px;
	height: fit-content;
	margin: 0 1px 1px 0;
}
.footer-content-big{
	width: 145px;
}
.footer-content-big a{
	display: block;
}
#footer-content{
	display: flex;
}
.footer-content-social-media{
	padding-bottom: 26px;
}
/*



HOMEPAGE



*/
#home .menu-item{
	background-color: #fff;
}
#home .logo-form svg{
	fill: #fff;
}
.crop{
	overflow: hidden;
	position: relative;
}
.crop-media{
	min-width: 100%;
}
.crop img,
.crop video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#background-media{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
	z-index: -1;
}
.crop img.background-media-crop,
.crop video.background-media-crop{
	width: 200vw;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	pointer-events: none;
}
.crop-title{
	position: absolute;
	top: 3px;
	left: 5px;
	z-index: 2;
	color: #fff;
	display: none;
	pointer-events: none;
}
/*



RUUM LAB



*/
#ruum-lab{
	margin: 115px 5px 5px;
}
#ruum-lab-header{
	display: flex;
	margin-bottom: 50px;
}
.header-item-label{
	color: #fff;
	font-size: 8px;
	margin-bottom: 4px;
}
.header-item-title{
	background-color: #fff;
	padding: 5px 12px 10px 5px;
}
#ruum-lab-title{
	padding: 1px 6px 12px 2px;
	width: 149px;
}
.filter-counter{
	font-size: 8px;
}
.filter-trigger{
	margin-bottom: 3px;
	cursor: pointer;
}
#ruum-lab-view-trigger{
	padding: 5px 6px 6px;
	cursor: pointer;
}
#ruum-lab-list-bar{
	display: none;
	grid-template-columns: 2fr 3fr 20fr 20fr 12fr 3fr;
	grid-gap: 1px;
	color: #fff;
	font-size: 8px;
	margin-bottom: 4px;
}
#ruum-lab-list-bar.listed{
	display: grid;
	padding-top: 6px;
}
#ruum-lab-content.list-view .lab-module-content{
	padding: 5px 5px 4px;
	background-color: #fff;
	position: relative;
	height: 11px;
}
#ruum-lab-content.list-view .lab-title{
	text-transform: uppercase;
}
.ruum-lab-unit{
	background-color: #fff;
	display: inline-block;
	width: 170px;
	height: 100px;
	vertical-align: top;
	letter-spacing: 0;
	margin-right: 1px;
	position: relative;
	margin-top: 18px;
}
#ruum-lab-content{
	letter-spacing: -1em;
}
.lab-number{
	display: none;
}
#ruum-lab-content.list-view .lab-number{
	display: block;
}
#ruum-lab-content.list-view .ruum-lab-unit{
	display: grid;
	grid-template-columns: 2fr 3fr 20fr 20fr 12fr 3fr;
	grid-gap: 1px;
	margin-bottom: 1px;
	width: 100%;
	background-color: transparent;
	height: auto;
	margin-right: 0;
	margin-top: 0;
}
.lab-year,
.lab-information{
	display: none;
}
#ruum-lab-content.list-view .lab-year,
#ruum-lab-content.list-view .lab-information{
	display: block;
}
.lab-type,
.lab-company{
	font-family: 'Suisse';
	font-size: 8px;
	margin: 3px 5px 4px 5px;
}
.lab-type{
	position: absolute;
	top: 0;
	z-index: 1;
}
.lab-title{
	margin: 0 5px;
	position: absolute;
	top: 15px;
	z-index: 1;
}
#ruum-lab-content.list-view .lab-type{
	font-family: 'EcoCoding';
	font-size: 11px;
	margin: 0;
}
#ruum-lab-content.list-view .lab-company{
	font-family: 'EcoCoding';
	font-size: 11px;
	margin: 0;
}
#ruum-lab-content.list-view .lab-title{
	margin: 0;
}
.lab-company{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
#ruum-lab-content.list-view .lab-company,
#ruum-lab-content.list-view .lab-type,
#ruum-lab-content.list-view .lab-title{
	position: relative;
	top: auto;
	bottom: auto;
	left: auto;
}
.lab-label-thumbs{
	position: absolute;
	font-size: 8px;
	color: #fff;
	top: -12px;
	font-family: 'Suisse';
}
.lab-label-thumbs .diagonal-arrow{
	margin-left: 2px;
	transition: transform .2s ease;
}
.lab-label-thumbs .diagonal-arrow svg{
	height: 5px;
}
#ruum-lab-content.list-view .lab-label-thumbs{
	display: none;
}
.ruum-lab-unit:hover .diagonal-arrow{
	transform: translate(2px, -2px);
}
.filter-trigger .diagonal-arrow{
	transform: rotateX(180deg)!important;
	opacity: 0;
}
.filter-trigger .diagonal-arrow svg{
	fill: #000;
}
.filter-trigger:hover .diagonal-arrow{
	animation: blinkera 1s ease infinite;
}
.diagonal-arrow.active-arrow{
	opacity: 1;
}
@keyframes blinkera{
  50%{opacity: 1;}
}
.hidden-ruum-lab-media{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.list-view-modules-background-image{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.background-media-ruum{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	mix-blend-mode: color-dodge;
}
.background-media-ruum img,
.background-media-ruum video{
	width: 300vw;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%,-50%);
}
/*.inactive-lab .lab-module{
	color: #fff;
}
.inactive-lab .lab-label-thumbs{
	color: transparent;
}
.inactive-lab .lab-label-thumbs svg{
	fill: transparent;
}*/
.active-lab .lab-module{
	color: #fff;
}
.ruum-lab-unit.active-lab.podcast-cat .lab-module{
	color: #000;
}
.ruum-lab-unit.active-lab{
	background-color: #fff;
}
/*.ruum-lab-unit.inactive-lab,
.ruum-lab-unit.active-lab .lab-module-content,
.ruum-lab-unit.inactive-lab .lab-module-content{
	background-color: transparent!important;
}*/
#ruum-lab-content.list-view .content-span-lab-module{
	position: absolute;
	z-index: 1;
	text-overflow: ellipsis;
    width: calc(100% - 10px);
    overflow: hidden;
	white-space: nowrap;
}
#ruum-lab-content.list-view .ruum-lab-unit.active-lab.podcast-cat .lab-module-content{
	background-color: #fff!important;
}
/*



ABOUT



*/
#about-page #logo-form-left svg{
	height: 75px;
}
#about-page #logo-form-right{
	grid-column-start: 4;
}
#about-page #right-menu{
	grid-row-start: 1;
	grid-column-start: 3;
}
#about-page .menu-item,
#about-page .header-item-title{
	background-color: #000;
	color: #fff;
}
#about-page .header-item-label{
	color: #000;
}
#about-page .footer-content,
#about-page #copyright{
	background-color: #000;
	color: #fff;
}
#about-container{
	margin: 5px 176px 5px 5px;
}
.header-item{
	display: inline-block;
	vertical-align: top;
	margin: 0 1px 1px 0;
}
.header-item .diagonal-arrow{
	transition: transform .2s ease;
}
.header-item:hover .diagonal-arrow{
	transform: translate(2px, -2px);
}
.header-item-text{
	width: 300px;
}
#about-section{
	display: flex;
}
.header-item-contact{
	width: 220px;
}
.header-item-text .header-item-title{
	padding-bottom: 20px;
}
#team-section{
	margin-top: 2px;
}
#team-section-header{
	display: flex;
}
#team-section-header .header-item-title{
	display: inline-block;
}
#team-section-content .header-item{
	margin-bottom: 3px;
}
.diagonal-arrow{
	display: inline-block;
	margin-right: 1px;
}
.diagonal-arrow svg{
	height: 7px;
	fill: #fff;
}
.team-trigger{
	margin-bottom: 3px;
	cursor: pointer;
}
.team-trigger:hover .diagonal-arrow{
	animation: blinker 1s ease infinite;
}
.team-trigger .diagonal-arrow{
	transform: none!important;
}
@keyframes blinker{
  50%{opacity: 0;}
}
.team-member{
	letter-spacing: -1em;
}
.team-member .header-item-label,
.team-member p,
.team-member .header-item-title-name{
	letter-spacing: 0;
}
.header-item-biography{
	width: 275px;
}
.header-item-biography .header-item-title{
	padding-right: 25px;
	padding-bottom: 25px;
}
.header-item-separator{
	width: 98px;
	background-color: #000;
	height: 14px;
	margin-top: 12px;
}
.header-item-separator.header-item-separator-big{
	height: 31px;
}
.header-item-image{
	margin-top: 12px;
	position: relative;
}
.caption{
	position: absolute;
	top: 5px;
	left: 5px;
	color: #fff;
}
.header-item-image img,
.header-item-image video{
	width: 100%;
}
.header-item-image-small{
	width: 150px;
}
.header-item-image-medium{
	width: 275px;
}
.header-item-image-big{
	width: 375px;
}
.header-item-label .diagonal-arrow svg{
	fill: #000;
	height: 5px;
}
/*



SINGLE



*/
#single-post #logo-form-left svg{
	height: 75px;
}
#single-post .menu-item,
#single-post .header-item-title{
	background-color: #000;
	color: #fff;
}
#single-post .header-item-label{
	color: #000;
}
#single-post .footer-content,
#single-post #copyright{
	background-color: #000;
	color: #fff;
}
#project-info{
	position: fixed;
	top: 83px;
	left: 5px;
	z-index: 1;
}
#project-title{
	padding-right: 35px;
}
#project-data{
	display: flex;
	margin-top: 2px;
}
#project-data .header-item{
	width: 225px;
}
.project-media-row{
	line-height: 0;
	position: relative;
	margin-bottom: 1px;
}
.project-media-row img,
.project-media-row video{
	width: 100%;
}
.play-button-single{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
}
.size-project-small{
	width: 25%;
}
.size-project-medium{
	width: 50%;
}
.size-project-big{
	width: 100%;
}
/*



PODCAST



*/
.message{
	position:absolute;
	top:50%;
	left:50%;
	color:#fff;
	cursor:pointer;
	text-align:center;
	transform:translate(-50%,-50%);
}
#topaused{
	display: none;
	position:absolute;
	top:50%;
	left:50%;
	color:#fff;
	cursor:pointer;
	text-align:center;
	transform:translate(-50%,-50%);
}
/*



GROOVE DESCOMPOSITION



*/
#groove-descomposition header{
	position: relative;
	top: auto;
	left: auto;
	margin: 5px;
}
#groove-container{
	margin: 0 176px 5px 5px;
	letter-spacing: -1em;
}
#groove-descomposition #logo-form-left svg{
	height: 75px;
}
#groove-descomposition #logo-form-right{
	grid-column-start: 4;
}
#groove-descomposition #right-menu{
	grid-row-start: 1;
	grid-column-start: 3;
}
#groove-descomposition .menu-item,
#groove-descomposition .header-item-title{
	background-color: #000;
	color: #fff;
}
#groove-descomposition .header-item-label{
	color: #000;
}
#groove-descomposition .footer-content,
#groove-descomposition #copyright{
	background-color: #000;
	color: #fff;
}
#courses{
	position: fixed;
	right: 5px;
	top: 5px;
	width: 166px;
}
#courses .header-item#courses-title-no-marg{
	margin-bottom: 1px;
}
#courses-title{
	padding: 24px 11px 2px 6px;
	width: 149px;
}
.separator-item-courses{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1px;
}
.separator-item-courses .header-item-separator{
	width: auto;
	margin-top: 0!important;
	margin-right: 0!important;
}
.separator-item-courses .header-item-separator{
	height: 10px;
}
.separator-item-courses .header-item-separator.header-item-separator-big{
	height: 20px;
}
.header-item-course{
	background-color: #000;
	color: #fff;
	width: 166px;
}
.details-course-bar{
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 5px;
	row-gap: 20px;
	margin: 0 5px;
	padding-top: 5px;
	padding-bottom: 4px;
	cursor: pointer;
}
.title-course{
	grid-column: span 2;
}
.details-course-bar .suisse,
.book-course{
	font-size: 8px;
}
.book-course{
	text-transform: uppercase;
}
.details-course{
	text-align: right;
}
.description-course{
	padding-top: 8px;
	padding-bottom: 4px;
	margin: 0 5px;
	display: none;
}
#courses .header-item{
	margin-bottom: 3px;
}
.groove-item{
	background-color: #000;
	color: #fff;
}
.header-item-title-groove{
	padding: 3px 30px 18px 4px;
}
.header-item-text-groove{
	padding: 3px 24px 12px 4px;
}
.header-item-groove{
	display: inline-block;
	letter-spacing: 0;
	margin-right: 1px;
	margin-bottom: 3px;
	position: relative;
	vertical-align: top;
}
.header-item-groove .play-button-single{
	top: calc(50% + 8px);
}
.size-groove-text-small{
	width: 65px;
}
.size-groove-text-small .groove-item{
	padding: 3px 24px 12px 4px;
	min-height: 70px;
}
.size-groove-text-medium{
	width: 175px;
}
.size-groove-text-medium .groove-item{
	padding: 3px 24px 36px 4px;
	min-height: 110px;
}
.size-groove-text-big{
	width: 257px;
}
.size-groove-text-big .groove-item{
	padding: 3px 24px 36px 4px;
	min-height: 150px;
}
.size-groove-small{
	width: 175px;
}
.size-groove-medium{
	width: 375px;
}
.size-groove-big{
	width: 675px;
}
.header-item-media-groove img,
.header-item-media-groove video{
	width: 100%;
	margin-top: 12px;
}
/*



COLLABORATORS



*/
#collaborators header{
	position: relative;
	top: auto;
	left: auto;
	margin: 5px;
}
#collaborators #ruum-lab{
	margin-top: 0;
}
#collaborators-title{
	padding: 1px 18px 12px 2px;
}
#courses-menu,
#mobile-menu-trigger,
.break-ruum-lab,
#load-more-button{
	display: none;
}
/*



LEGAL PAGES



*/
#legal-page header{
	position: relative;
	top: auto;
	left: auto;
	margin: 5px 5px 1px;
}
#legal-page footer{
	margin-top: 0;
}
#legal-page #logo-form-left svg{
	height: 75px;
}
#legal-page #logo-form-right{
	grid-column-start: 4;
}
#legal-page #right-menu{
	grid-row-start: 1;
	grid-column-start: 3;
}
#legal-page .menu-item,
#legal-page .header-item-title{
	background-color: #000;
	color: #fff;
}
#legal-page .header-item-label{
	color: #000;
}
#legal-page .footer-content,
#legal-page #copyright{
	background-color: #000;
	color: #fff;
}
#legal-page-container{
	margin: 0 5px 0;
	letter-spacing: -1em;
}
#legal-page-container p,
#legal-page-container h1,
#legal-page-container h2,
#legal-page-container h3,
#legal-page-container h4,
#legal-page-container h5,
#legal-page-container h6{
	background-color: #000;
	color: #fff;
	padding: 4px 10px 25px 5px;
	display: inline-block;
	width: fit-content;
	max-width: 220px;
	vertical-align: top;
	letter-spacing: 0;
	margin: 0 1px 1px 0; 
}
#legal-page-container h1,
#legal-page-container h2,
#legal-page-container h3,
#legal-page-container h4,
#legal-page-container h5,
#legal-page-container h6{
	padding: 4px 5px 5px;
	display: block;
	margin-top: 30px;
}
.legal-page-title{
	background-color: #000;
	color: #fff;
	padding: 3px 18px 8px 4px;
	margin: 0 1px 1px 5px;
	width: fit-content;
}
#podcast-title-inner-mobile,
#scroll-down-mobile{
	display: none;
}
/*








MEDIA QUERIES








*/
@media only screen and (max-width: 1000px) {
.crop-set,
.crop{
	margin-top: 1px!important;
}
}

@media only screen and (min-width: 820px) {
.header-item-credits-trigger {
	cursor: pointer;
}
.header-item-info-content {
	max-height: calc(100dvh - 250px);
	overflow: scroll;
}
.header-item-credits-content {
	display: none;
	max-height: calc(100dvh - 250px);
	overflow: scroll;
}
}
@media only screen and (max-width: 820px) {
.header-item-credits-content {
	display: block!important;
}
/*



HEADER



*/
#mobile-menu-trigger{
	display: block;
	background-color: #000;
	color: #fff;
	display: block;
	width: fit-content;
	padding: 5px 6px 5px 6px;
	position: fixed;
	top: 5px;
	left: 5px;
	z-index: 10;
}
header{
	display: none;
	top: 28px;
	left: 48px;
	z-index: 10;
}
header.shown{
	display: grid;
}
footer{
	margin-top: 60px;
}
.logo-form{
	display: none;
}
#about-page #right-menu{
	grid-row-start: auto;
	grid-column-start: auto;
}
#left-menu .menu-item{
	align-self: start;
}
#courses-menu{
	display: block;
}
#background-media{
	display: none!important;
}
.header-item-label,
.header-item-text-groove,
.media-groove,
.header-item-title-groove{
	opacity: 1!important;
}
/*



HOMEPAGE



*/
#home #mobile-menu-trigger,
#collaborators #mobile-menu-trigger{
	background-color: #fff;
	color: #000;
}
#collaborators #ruum-lab{
	margin-top: 31px;
}
/*



FOOTER



*/
#footer-content{
	display: block;
}
.footer-content-big{
	width: 125px;
}
/*



GROOVE DESCOMPOSITION / ABOUT



*/
#groove-descomposition header,
#about-page header,
#collaborators  header,
#legal-page  header{
	position: fixed;
	margin: 0;
	top: 28px;
	left: 48px;
}
#legal-page  footer{
	margin-top: 60px;
}
#groove-descomposition #courses{
	display: none;
}
#groove-container,
#about-container{
	margin: 31px 5px 5px 5px;
}
.size-groove-big,
.header-item-image-big{
	width: 100%;
}
.size-groove-medium,
.header-item-image-medium{
	width: 75%;
}
.size-groove-small,
.header-item-image-small{
	width: 50%;
}
.header-item-media-groove img,
.header-item-media-groove video,
.header-item-separator{
	margin-top: 0;
}
#about-page .header-item-label,
.media-about,
#about-page .header-item-title,
#about-page .header-item-separator,
#about-page .caption{
	opacity: 1!important;
}
#about-section{
	flex-wrap: wrap;
}
#about-section .header-item-text,
#about-section .header-item-contact{
	margin-top: 2px;
}
.break-ruum-lab{
	display: inline;
	flex-basis: 100%;
	height: 0;
}
#ruum-lab-header .header-item:first-child{
	margin-bottom: 3px;
}
#team-section-content .header-item:first-child{
	margin-right: 6px;
}
/*



COURSES



*/
#courses-page #courses #courses-title{
	background-color: #000;
	color: #fff;
	padding: 5px 11px 22px 6px;
}
#courses-page .header-item-label{
	color: #000;
}
#courses-page .footer-item,
#courses-page .footer-content{
	background-color: #000;
	color: #fff;
}
#courses-page #courses{
	position: relative;
	right: auto;
	top: auto;
	margin: 31px 5px 5px;
	width: auto;
}
.description-course{
	display: block;
}
#courses-page #courses .header-item{
	display: block;
}
#courses-page #courses .header-item-course{
	width: 100%;
}
#courses-page #courses .separator-item-courses{
	display: none;
}
#courses-page #courses .header-item-groove{
	margin-top: 3px;
	width: 75%;
}
#courses-page .menu-item{
	background-color: #000;
	color: #fff;
}
/*



FICHA



*/
#single-post footer{
	margin-top: 5px;
}
#project-content{
	position: relative;
}
#project-data{
	display: block;
}
#project-data .header-item-biography:last-child{
	margin-top: 3px;
}
#project-data .header-item{
	display: block;
}
#project-info{
	position: relative;
	top: auto;
	left: auto;
	bottom: auto;
	margin: 5px 5px 15px;
}
.size-project-small,
.size-project-medium{
	width: 100%;
}
/*



RUUM LAB



*/
#home main,
#ruum-lab-header,
#ruum-lab{
	opacity: 1!important;
}
.ruum-lab-unit.inactive-lab{
	background-color: #fff!important;
}
.active-lab .lab-module,
.inactive-lab .lab-module{
	color: #000;
}
.inactive-lab .lab-label-thumbs{
	color: #fff;
}
.inactive-lab .lab-label-thumbs svg{
	fill: #fff;
}
.ruum-lab-unit.active-lab{
	background-color: #fff!important;
	color: #000!important;
}
.hidden-ruum-lab-media,
.list-view-modules-background-image{
	display: none!important;
}
#ruum-lab-content.list-view .lab-information,
#ruum-lab-list-bar .label-lab-information{
	display: none;
}
#ruum-lab-list-bar,
#ruum-lab-content.list-view .ruum-lab-unit{
	grid-template-columns: 2fr 5fr 20fr 10fr 3fr;
}
#ruum-lab-header{
	flex-wrap: wrap;
}
.background-media-crop,
.crop-title{
	display: none!important;
}
/*



PODCAST



*/
.podcast-single #mobile-menu-trigger{
	background-color: #fff;
	color: #000;
}
#podcast-title-inner{
	display: none;
}
#podcast-title-inner-mobile{
	display: block;
	position: absolute;
	left: 5px;
	top: 31px;
	max-width: calc(100% - 10px);
}
.podcast-single #project-info{
	position: relative;
	left: auto;
	bottom: auto;
	margin: 5px 5px 60px;
}
.dg .cr.number,
.dg.ac{
	display: none!important;
}
#scroll-down-mobile{
	display: block;
	position: absolute;
	bottom: 5px;
	left: 5px;
}
canvas{
	pointer-events: none!important;
}
/*



LEGAL PAGES



*/
.legal-page-title{
	margin-top: 27px;
}
}
@media only screen and (max-width: 520px) {
	#ruum-lab-content.list-view .lab-company,
	#ruum-lab-list-bar .label-lab-company{
	display: none;
}
#ruum-lab-list-bar,
#ruum-lab-content.list-view .ruum-lab-unit{
	grid-template-columns: 2fr 5fr 20fr 3fr;
}
}
@media only screen and (max-width: 420px) {
#ruum-lab-header .header-item:first-child{
	margin-bottom: 3px;
}
#ruum-lab-content{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1px;
}
#ruum-lab-content.list-view{
	grid-template-columns: 1fr;
	grid-gap: 0;
}
#ruum-lab-list-bar,
#ruum-lab-content.list-view .ruum-lab-unit{
	grid-template-columns: 2fr 3fr 10fr;
}
#ruum-lab-content.list-view .lab-year,
#ruum-lab-list-bar .label-lab-year{
	display: none;
}
.ruum-lab-unit{
	margin-right: 0;
	width: 100%;
	height: 30vw;
}
.ruum-lab-unit.to-load-more{
	display: none!important;
}
#load-more-button{
	display: block;
	background-color: #fff;
	color: #000;
	padding: 5px 6px 5px 6px;
	width: fit-content;
	margin-top: 15px;
}
}

















/*



END



*/