@charset "UTF-8";
/* CSS Document */


@font-face {
  	font-family: 'grotesk';
  	src: url('../fonts/haas55.otf');
	
}
@font-face {
  	font-family: 'groteskb';
  	src: url('../fonts/haas65.otf');
	
}
@font-face {
  	font-family: 'serif';
  	src: url('../fonts/PracticeBook.otf');
}


html, body{
	height:100%;
	width:100%;
	font-family:"grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:20px;
	padding:0px;
	margin:0px;
}
.ft-grotesk{
    font-family:"grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ft-groteskb{
    font-family:"groteskb", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ft-serif{
	font-family:"serif","Times New Roman", Times, serif;
	font-size:19px;
	letter-spacing:0px;
    hyphens: auto;
    hyphenate-limit-chars: 10 4 4;
}
.serif{
	font-family:"serif","Times New Roman", Times, serif;
	font-size:32px;
	display:inline-block;
}
* { 
	box-sizing: border-box; 
}
a{
	color:black;
	text-decoration:none;
	cursor:pointer;
}

.ft-title-1{
	font-size:28px;
	line-height:28px;
	//hyphens: auto;
  	//hyphenate-limit-chars: 12 5 5;
}
.ft-title-2{
	font-size:28px;
	line-height:28px;
}

/* force scrollbar, prevents initial gap */

#main{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:scroll;
    opacity:1;
}
#main.off{
	opacity:0;
}


/* ---- list ---- */

.list-view,.grid-view {
    position: relative;
	display: none; 
}
.list-view.on,.grid-view.on{
	display: block; 
    
}
.list-view.on{
    margin-top:-2px;
}

/* ---- grid ---- */

.grid-item,
.grid-sizer {
  	width: 16.6666%;
}
.grid-item--width2 { 
	width: 33.3333%; 
}
.grid-item--width3 { 
	width: 50%; 
}

.grid-item {
  	float: left;
  	background: #fff;
 	overflow:hidden;
	cursor:pointer;
    opacity:1;
    transition:opacity 0.5s;
}
.grid-item.off {
    opacity:0;
}

.grid-item:hover .imgholder .graphic{
	display:none;
}
.grid-item .bg, .grid-item .img{
	width:100%;	
	display:block;
}
.grid-item .img{
	mix-blend-mode: multiply;
}
.grid-item .img.portrait{
	width:auto;
	height:100%;
	margin:0px auto;
}
.grid-item > div{
	padding:0px;
}
.grid-item .num{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.grid-item .num > div{
	position:relative;
	display: flex;
	justify-content: center;
	width:100%;
	height:100%;
}
.grid-item .title{
	padding:0px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    hyphens: auto;
}
.grid-item .ft-title-1{
	line-height: 28px;
    hyphens: auto;
}
.grid-item .text{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
    height:100%;
	padding:16px 8px 8px 28px;
}
.grid-item .head{
	padding:0px;
	width:ahto;
}
.grid-item .content{
	padding:0px;	
}
.grid-item .text p{
	margin:0px;
	padding:0px;	
}
.grid-item .info{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	opacity:0;
	transition:all 0s;
	padding:20px 0px 0px 20px;
	pointer-events:none;
}
.grid-item:hover .info{
	opacity:1;
}
.grid-item .info .title{
	position: relative;
	width:100%;
}

.grid-item .info .title > div{
	margin:0px;
	padding:6px 8px 40px 8px ;
}
.grid-item .graphic{
	position: absolute;
	bottom:0px;
	left:0px;
	width:100%;
}
.grid-item .graphic.top{
	top:0px;
	bottom:auto;
}
.grid-item .graphic.left{
    position: absolute;
	top:0px;
	left:0px;
	height:100%;
	width:20px;
}


.grid-item.color .num{
	background:#000;
}
.grid-item.material .num{
	background:#00f;
	
}
.grid-item.scetch .num{
	background:#999;
}
/* flickity -------------------*/

.carousel-cell {
  width: 100%; /* full width */
  height: 100%;; /* height of carousel */
  margin-right: 0px;
 
}
.flickity-viewport{
	 mix-blend-mode: multiply;
}
.flickity-page-dots{
	bottom:-18px !important;
}
.flickity-page-dots .dot{
	position:relative;
	border-radius:0px !important;
	height:18px !important;
	width:10px !important;
	margin:0px !important;
	padding:0px !important;
	background:none !important;	
}
.flickity-page-dots .dot:after{
	position:absolute;
	top:8px;
	left:3px;
	height:4px;
	width:4px;
	background:rgba(0,0,0,1);	
	content:'';
}


/* referenzen */

.grid-item.referenzen .main-carousel{
	padding:20px 20px 40px 20px;
}
.grid-item.referenzen .single{
	padding:20px 20px 40px 20px;
}
.grid-item.referenzen .single > div{
	position: relative;
    overflow:hidden;
    height:100%;
}


/* ------------- */
.header{
    display:block;
    font-size: 28px;
	line-height:40px;
    border-bottom:2px solid black;
    opacity:1;
    transition:opacity 0.5s;
	height:42px;
	overflow:hidden;
}
.header.off{
    opacity:0;
}
.logo{
	padding-left:28px;
}
.menu{
	position:absolute;
	top:0px;
	right:10px;
}

/* filters */
.filters {
    width:100%;
    opacity:1;
    transition:opacity 0.5s;
}
.filters.off {
    opacity:0;
}
.filters-group {
    border-bottom:2px solid black; 
}
.filters-links{
    position:relative;
    left: -1px;
}
.filters-title {
	padding:0px 8px;
}
.filters a{
    display:block;
	position:relative;
	color:#000;
	cursor:pointer;
	padding:2px 8px;
	line-height:20px;
    width:16.666%;
	float:left;
    overflow: hidden;
    white-space: nowrap;
	letter-spacing:0px;
    background: white;
}
.filters a::after{
	position:absolute;
    left:8px;
    right:8px;
    bottom:0px;
    height:1px;    
    content:'';
}

.filters a i{
	position:absolute;
	top:0px;
	right:0px;
	width:28px;
	height:28px;
	opacity:0;
	transition:all 0.4s;
}
.filters a.off i{
	background-image:url(../img/icon_plus_f.svg);	
}
.filters a.on i{
	background-image:url(../img/icon_minus_f.svg);
}

.filters a:hover i{
	opacity:0.2;
}
.filters a i:hover{
	opacity:1 !important;	
}

.filters a.off{
	background:#fff !important;
}


.filters-group.typology a.on{
	background:rgba(0,0,0,0.3);
}

/* mainnav */

.nav {
    width:100%;
    opacity:1;
    transition:opacity 0.5s;
}
.nav.on {
    border-bottom: 2px solid black;
}
.nav.off {
    opacity:0;
}
.nav-group {
	width:16.66%;
	float:left;
}
.nav a{
    display:block;
	position:relative;
	color:#000;
	cursor:pointer;
	padding:0px 8px 0px 28px;
	line-height:40px;
    width:100%;
    overflow: hidden;
    white-space: nowrap;  
    text-overflow: ellipsis;
	
}
.nav a i{
	position:absolute;
	top:0px;
	left:8px;
	width:40px;
	height:40px;
	border:2px solid black;
	border-radius:100%;
	transition:all 0.4s;
}
.nav a.off i{
	background:rgba(0,0,0,0);
}
.nav a.on i{
	background:rgba(0,0,0,1);
}

.nav a.off:hover i{
	background:rgba(0,0,0,0.1);
}

.nav a.main{
	font-size:28px;
	border-bottom:2px solid black;
	margin-top:-1px;
}
.nav-group a.main .handle{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:40px;
	background:url(../img/icon_plus_n.svg) no-repeat center right;
	background-size:contain;
	display: none;
}
.nav-group.on a.main .handle{
	background-image:url(../img/icon_minus_n.svg);
}
.nav a.sub{
	width:50%;
	float:left;
	padding:0px 8px 0px 56px;
    margin-top:-1px;
}


/* Overlay */
.overlay{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#fff;
	opacity:0;
	transition:opacity 0.2s;
	pointer-events:none;
	//overflow:scroll;
    //overflow-x: hidden;
    overflow: hidden;
    overflow-y: scroll;
	display:none;
	
}
.overlay .space{
	height:1000px;
}
.overlay.on{
	opacity:1;
	pointer-events:auto;
	display:block;
}
.overlay .detail-header{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:2000;
	background:white;
}
.overlay .detail-header h1{
	font-size:28px;
	line-height:28px;
    padding:5px 8px;
	margin:0px 0px 0px 16.666%;
	font-weight:normal;
	
}
.overlay .detail-header .close{
	position:absolute;
	top:0px;
	left:0px;
	padding:0px 8px;
	width:16.666%;
	height:40px;
	font-size:28px;
	line-height:40px;
    cursor: pointer;
	background:url(../img/icon_back.svg) no-repeat left center;
}

.overlay .filters .filters-group{
	border-top:2px solid black;
	border-bottom:0px solid black;
    margin:0px;
	padding-left:16.66%;
}

.overlay .filters a{
	text-decoration:none;
	border-left:2px solid black;
    border-bottom:2px solid black;
	width:20%;
	overflow: visible;
}

.overlay .filters a:last-child:after{
	position:absolute;
	top:0px;
	left:auto;
	right:-2px;
	width:2px;
	height:calc(100% + 2px);
	background:black;
	content:'';
}

.overlay .filters a.on, .overlay .filters a:hover{
	background:rgba(0,0,0,0.1);
}
.overlay .space{
	height:100px;
}
.section{
	position:relative;
	display:flex;
	padding-top:30px;
}
.section .anchor{
	display: block;
    height: 0px;
	background:#f0f;
    visibility: hidden;
}
.section .media-title{
	flex:0 0 16.666%;
	padding:16px 8px;
	hyphens: auto;
}
.section .media-content{
	flex:0 0 66.6666%;
	padding:0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.section .media-content .year{
	margin-top:-2px;
	border:2px solid black;
	padding:4px 8px;
	width:25%;
	width:100%;
}
.section .media-content .news-list{
	display:flex;
	flex-wrap:wrap;
	
}
.section .media-content .news-item{
	flex:0 0 25%;
	border:2px solid black;
	border-left:0px solid black;
	margin-top:-2px;
	padding:4px 8px 4px 8px;
}
.section .media-content .news-item:nth-child(4n+1), .section .media-content .news-item:first-child{
	border-left:2px solid black;
}
.section .media-content .news-item b{
	font-weight:bold;	
}


/* content boxes */
.boxes{
	display:flex;
	flex-wrap:wrap;	
}
.boxes .box{
	flex:0 0 25%;
	display: flex;
	flex-direction: column;
}
.boxes .box.vert{
	flex-direction: row;
}
.boxes .box .inner{
	border:2px solid black;
	border-top:0px solid black;
	height:100%;
    padding:8px;
    margin:0 -1px;
}
.news .boxes .box .inner{
	border-top:2px solid black;
    margin:-1px;
}
.boxes .box.vert .inner{
	border-top:0px solid black;
	border-left:0px solid black;
	height:100%;
	width:100%;
}
.boxes .box .box-title{
	padding-top:8px;
    hyphens: auto;
}

/* box graphics */ 

.boxes .box .graphic, .graphic{
	position: relative;
	height:20px;
	overflow: hidden;
	padding:0px 20px;
}

.graphic div{
	height:20px;
	width:100%;
	background:black;
}
.graphic.left{
    position: relative;
	padding:20px 0px;
    left:-1px;
}
.graphic.left div{
	height:100%;
	width:20px;
    
}
.boxes .box .graphic:before, .boxes .box .graphic:after, .graphic:before, .graphic:after{
	position: absolute;
	top:0px;
	left:0px;
	width:20px;
	height:20px;
	border:10px solid rgba(0,0,0,0);
	border-top:10px solid black;
	border-right:10px solid black;
	content:'';
}
.boxes .box .graphic:after, .graphic:after{
	left:auto;
	right:0px;
	border:10px solid rgba(0,0,0,0);
	border-bottom:10px solid black;
	border-left:10px solid black;
}
.gridx .graphic:before{
	border:10px solid black;
	border-bottom:10px solid white;
	border-left:10px solid white;
}
.gridx .graphic:after{
	border:10px solid black;
	border-top:10px solid white;
	border-right:10px solid white;
}

/* vert */ 
.boxes .box.vert .graphic{
	height:100%;
	width:20px;
	padding:20px 0px;
}
.boxes .box.vert .graphic:before, .boxes .box.vert .graphic:after{
	border:10px solid black;
	border-top:10px solid white;
	border-right:10px solid white;
}
.boxes .box.vert .graphic:after{
	top:auto;
	bottom:0px;
	border:10px solid black;
	border-bottom:10px solid white;
	border-left:10px solid white;
}

.graphic.left:before{
	top:0px;
	bottom:auto;
	left:0px;
	border:10px solid rgba(0,0,0,0);
	border-bottom:10px solid black;
	border-left:10px solid black;
}
.graphic.left:after{
	top:auto;
	bottom:0px;
	left:0px;
	border:10px solid rgba(0,0,0,0);
	border-top:10px solid black;
	border-right:10px solid black;
}


/* facts */
.boxes .box.facts{
	margin-bottom:32px;
}
.boxes .box.facts .inner{
    padding:2px 8px;
	border-top:2px solid black;	
}
.boxes .box.facts .inner label{
    padding-bottom:2px;
}
.boxes .box.facts .inner .cont{
    padding-top:2px;
}
.box label{
	display:block;
}
.box.facts label{
    border-bottom:1px solid black;	
}
.box .inner > a{
	display:block;
}
.box p{
	margin:0px;
}
.box img{
	width:100%;
	margin:0px 0px 8px;
    display: block;
	//filter: grayscale(100);
}
.box a.pdf{
	background:url(../img/icon_pdf_2.svg) no-repeat left center;
	background-size:20px;
	padding-left:18px;
}

/* projects */

.pro-text, .media-text{
	column-count:2;
	column-gap: 16px;
}
.pro-text p, .media-text p{
	padding:0px;
	margin:0px 0px 20px;
}
.media-text{
	padding-bottom:20px;	
}
.media-caption{
	padding:0px 0px 16px;
}
.media-caption.style2{
	column-count:2;
	column-gap: 20px
}
.media-caption.style4{
	column-count:4;
	column-gap: 20px
}



.media-images.two{
	display:flex;
	flex-wrap:wrap;
	margin:0px -4px;
}
.media-images.two > div{
	flex:0 0 50%;
	padding:0px 4px;
	
}

.media-img{
	background:rgba(0,0,0,0.05);
	margin-bottom:8px;
}
.media-img img{
	display:block;
	max-width:100%;
	mix-blend-mode:multiply;
}

.media-images.referenzen .media-img{
	//padding:6vw;
}


.flickity .flickity-button{
	opacity:1 !important;
}
.flickity .flickity-button:disabled{
	opacity:0.2 !important;
}

.flickity .flickity-cell{
	width:100%;
	height:100%;
}

.flickity .flickity-cell img{
	display:block;
	height:100%;
	margin:0px auto;
}
.flickity .next{
	right:-44px !important;
}
.flickity .previous{
	left:-44px !important;
}


.media-images{
	position:relative;
}
.media-images .bg{
	display:block;
	width:100%;
	background:rgba(0,0,0,0.05);
}
.media-images .flickity{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}


.overlay .inner img{
	max-width:100%;	
}

.project-data{
	display:flex;
}
.project-data > div{
	flex:0 0 25%;
	border-right:2px solid black;
}
.project-data > div:last-child{
	border-right:0px solid black;
}

.project-data label{
	display:block;
	border-bottom:2px solid black;
	padding:8px 8px;
}
.project-data p{
	margin:0px;
	padding:8px 8px;
}

/* team */

.team-list{
	display:flex;
	flex-wrap:wrap;
}
.team-list > div{
	flex:0 0 25%;
	border-right:2px solid black;
	border-bottom:2px solid black;
	padding:4px 0px;
}

/* footer */
#footer{
	border-top:2px solid black;
    opacity:1;
    transition:opacity 0.5s;
	padding:8px 8px 28px 28px;
}
#footer.off{
	opacity:0;
}
#footer div{
	float:left;
	width:16.66%;
	margin:0px;
	padding:4px 8px;
}
.mobileonly{
	display:none;
}

/* list view */

.list-item{
	width:100%;
}
.gridx{
	width:100%;
	border-top:2px solid black;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.gridx .media{
	background-repeat: no-repeat;
	background-size:cover;
	background-color:rgba(0,0,0,0.2);
	filter:grayscale(100%);
    margin-left:28px;
}
.gridx .media img{
	width:100%;
	display: block;
}
.gridx .title{
	padding:8px 8px 8px 28px;
	//hyphens: auto;
  	//hyphenate-limit-chars: 10 3 3;
}

	
.gridx .info{
	margin:4px 0px;
	padding:0px 8px;
	border-left:2px solid black;
}
.gridx label{
	display: block;
	
	width:100%;
	padding-top:2px;
}
.gridx p{
	margin:0px;
	padding:0px;
	padding-bottom:2px;
}
.gridx .cell .block{
	border-bottom:1px solid black;
}
.gridx .cell .block:last-child{
	border-bottom:0px solid black;
}

@media screen and (max-width: 1560px), screen and (max-width: 1560px) and (orientation: landscape) {

	.filters a{
		width: 20%;
	}
	
	.nav-group{
		width: 20%;
	}
	.nav-spacer-1{
		display:none;
	}
    
	
	.grid-item,
	.grid-sizer {
		width: 20%;
	}
	.grid-item--width2 { 
		width: 40%; 
	}
	.gridx{
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
    .overlay .detail-header h1{
        margin-left:20%;
    }
    .section .media-title{
	   flex:0 0 20%;
    }
    .section .media-content{
	   flex:0 0 60%;
    }
	.boxes .box{
        flex:0 0 33.33%;
        
    }
    .boxes .box:is(.y3,.y6,.y9,.y12) {
       margin-right:1px;
    }
    .boxes .box:is(.y3,.y6,.y9,.y12) + * {
       margin-left:-1px;
    }
    
    .section .media-content.team .boxes .box.vert{
        flex:0 0 33.33%;
    }
    .section .media-content.team .boxes .box.vert + div{
        flex:0 0 66.66%;
    }
    
	/* detail */

	#footer div{
		width:20%;
	}

	.overlay .filters .filters-group{
		padding-left:20%;
	}
	.overlay .filters a{
		width:25%;
	}
}
@media screen and (max-width: 1400px) {
    .nav a.sub{
       width:100%;
    }
}
@media screen and (max-width: 1260px), screen and (max-width: 1260px) and (orientation: landscape) {

	.filters a{
		width: 25%;
	}
	
	.nav-group{
		width: 25%;
	}
	.nav-spacer-2{
		display:none;
	}
	
	.grid-item,
	.grid-sizer {
		width: 25%;
	}
	.grid-item--width2 { 
		width: 50%; 
	}
	.gridx{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.gridx .c5{
		display:none;	
	}
	
	
    .overlay .detail-header h1{
        margin-left:25%;
    }
	.section .media-title{
	   flex:0 0 25%;
    }
    .section .media-content{
	   flex:0 0 50%;
    }
    .boxes .box{
        flex:0 0 50%;
    }

    
    .section .media-content.pos{
	   flex:0 0 75%;
    }
    .section .media-content.pos .boxes .box{
        flex:0 0 33.33%;
    }
    .section .media-content.news{
	   flex:0 0 75%;
    }
    .section .media-content.news .boxes .box{
        flex:0 0 33.33%;
    }
    .section .media-content.team{
	   flex:0 0 75%;
    }
    .section .media-content.team .boxes .box.vert{
        flex:0 0 33.33%;
    }
    .section .media-content.team .boxes .box.vert + div{
        flex:0 0 66.66%;
    }
    
	/* detail */
	
	
	#footer div{
		width:25%;
	}
    .pro-text, .media-text{
        column-count:1;
    }
    .media-caption.style2{
        column-count:1;
    }
	
	.overlay .filters .filters-group{
		padding-left:25%;
	}
	.overlay .filters a{
		width:33.33%;
	}

}

@media screen and (max-width: 1040px), screen and (max-width: 1040px) and (orientation: landscape) {

	.filters a{
		width: 16.666%;
	}
	
	.nav-group{
		width: 25%;
	}
	.nav-spacer-2{
		display:none;
	}
	
	.grid-item,
	.grid-sizer {
		width: 33.333%;
	}
	.grid-item--width2 { 
		width: 66.666%; 
	}
	.gridx{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.gridx .c4{
		display:none;
	}
	
    .overlay .detail-header h1{
        //margin-left:16.666%;
    }
	#footer div{
		width:33.333%;
	}
    
    .section .media-title{
	   //flex:0 0 16.666%;
    }
    .section .media-content{
	   flex:0 0 calc(75% - 8px);
    }
	
}

@media screen and (max-width: 760px), screen and (max-width: 760px) and (orientation: landscape) {
    .mobileonly{
	   display:block !important;
    }
    .mobilehide{
		display: none !important;
	}
	
	.section{
		display:block;
	}
	.grid-item,
	.grid-sizer {
		width: 50%;
	}
	.grid-item--width2 { 
		width: 100%; 
	}
    .grid-item.pro, .grid-item.news, .grid-item.team { 
		width: 100%; 
	}
    .grid-item .title{
        -webkit-line-clamp: 6; 
    }

	.gridx{
		grid-template-columns: 1fr;
	}
	.gridx .c3{
		display:none;
	}
	.gridx .media{
		margin-left:0px;
	}
	.gridx .title > div{
		padding-bottom:40px;
	}
	
	/* header */

	.menu{
		right:12px;	
	}
	
    /* filter */
    
    .filters a{
		width: 50%;
	}
	.filters a i{
		opacity:0.2;
		right:8px;
		top:4px;
	}
    .filters .filter-title{ 
        background:url(../img/icon_plus_n.svg) no-repeat center right;
	}
    .filters.show .filter-title{ 
        background-image:url(../img/icon_minus_n.svg);
	}
	.filters .filter-title.section{ 
		height:40px;
		border-top:2px solid black;
		border-bottom:2px solid black;
		
	}
	.filters.show .filter-title.section{ 
		display:none !important;
	}
	
    .filters .filters-group{ 
		display: none;
	}
    .filters.show .filters-group{ 
		display: block;
	}
	
    /* nav */
    .nav.on{
        border-bottom: 0px;
    }
	.nav-group{
		width: 100%;
	}
    
    .nav-group a.main .handle{
        display: block;   
    }
    .nav-group > .sub{
        display: none;   
        border-bottom:2px solid black;
    }
    .nav-group.on > .sub{
       
        display: block;   
    }
	.nav-spacer-2{
		display:none;
	}
    .nav a.main{
        border-top:0px;
    }
	
    /* detailpage */
    
    .overlay .detail-header h1{
        margin:0px;
        padding:5px 44px 5px 28px;
    }
    .overlay .detail-header .close{
        left:auto;
        right:0px;
        padding:0px;
        width:40px;
        height:40px;
        font-size:28px;
        line-height:40px;
        background:url(../img/icon_close_n.svg) no-repeat center;
    }
    .overlay .detail-header .close span{
        display:none;
    }
    .overlay .filters .filters-group{
        padding-left:0%; 
    }
    .overlay .filters-links:before{
        display: none
    }
    .overlay .filters a{
        width:50%;
        //border:0px;
        border-left:0px;
        border-right:2px solid black;
        padding-left: 28px;
    }
    .overlay .filters a:nth-child(even){
        border-right:0px;
    }
    .overlay .filters a:last-child::after {
        display: none;
    }
    .overlay .section{
        padding:0 0 30px 0;
    }
    .section .media-title{
        padding:4px 8px 4px 28px; 
        position: sticky;
        top:0px;
        background: white;
        z-index: 100;
        //border-bottom: 2px solid black;
        //margin-bottom: -2px;
    }
	.section .media-content{
		padding:0px 12px 0px;
        padding:0px;
	}
   	.boxes{
		display:block;
		
	}
    .boxes .box:is(.y3, .y6, .y9, .y12){
        margin-right: 0px;
    }
    .boxes .box .inner{
        border-left:0px;
        margin:0px !important; 
        padding-left:28px;
    }
    
    .boxes .box.vert .inner{
        height:auto;
        padding-left:8px;
    }
    .boxes .box.vert .graphic{
        height:auto;
    }
	
    
    .pro-text, .media-text{
        padding:8px 8px 16px 28px;
        column-count:1;
    }
	
	.section .media-content .news-item{
		flex: 0 0 50%;
	}
	.section .media-content .news-item:nth-child(2n+1), .section .media-content .news-item:first-child{
		border-left:2px solid black;
	}
	
	.media-images.two{
		display:block;
	}
	.media-images.referenzen .media-img{
		//padding:40px;
	}
	.media-caption{
	   padding:0px 0px 16px 28px;
    }
	#footer div{
		width:100%;
	}
	
	.flickity-button{
		display:none !important;	
	}
    .boxes .box.facts{
        margin-bottom:0px;
        border-bottom: 0px;
    }
    .boxes .box.facts .inner{
        border-right:0px;
        padding-left:28px;
        border-bottom: 0px;
    }


}