.nofilter {
    position:static;
}
.referencess #main .inside {
    margin:0;
    padding:0;
    background-color:#414d5e;
}
.referencess .mod_article.filter-item.flex {
    background-color:#fefefe;
}
.referencess .mod_article.portfolio p,
.referencess .mod_article.portfolio li {
    color:#fff;
}
.referencess .mod_article {
    border-bottom:.5em solid #414d5e;
}
.referencess .flex [class^="ce_"] {
    flex-grow:0;
    flex-basis:42.5%;
}
.referencess .flex [class^="ce_"].no-flex {
    flex-basis:100%;
}
.referencess .flex h1.no-flex {
    margin-bottom:1em;
}
.referencess .portfolio {
    background-color:#414d5e;
    background-repeat:repeat;
}
.referencess .portfolio h1 {
    color:#fff;
}
.filter-item [class^="ce_"] figure {
    margin-top:1.2em;
}
.referencess .portfolio [class^="ce_"] figure {
    padding-right:.5vw;
}
.portfolio__filter ul.level_1 {

    padding:0;
    margin:0 0 2em 0;
    background-color:#414d5e;
    -webkit-box-shadow:0 0 0 rgba(51,51,51,.5);
    box-shadow:0 0 0 rgba(51,51,51,.5);
    font:.65em "Quicksand";
    color:#ccc;
    display:flex;
    flex-flow:row wrap;
    list-style-type:none;
}


#main .portfolio__filter ul.level_1 li.all{
	order:2;
}
#main .portfolio__filter ul.level_1 li {
	margin-left: 0;
  list-style-type: none;
  list-style-position: inside;
  order:1;
}

#main .portfolio__filter ul.level_1 li.lieblingsprojekte {
	order:0;
}


.portfolio__filter ul.level_1 button {
    display:inline-block;
    margin:.5em .5em 0 0;
    padding:.2em;
    background-color:#46576e;
    -webkit-box-shadow:1px 1px 2px rgba(51,51,51,.5);
    box-shadow:1px 1px 2px rgba(51,51,51,.5);
    border:0px solid;
    font-size:1.5em;
    color:#ccc;
    cursor:pointer;
    background-position: calc(100% + 8px) -8px;
}
.portfolio__filter ul.level_1 button:after {
    width:100%;
    height:2px;
    display:block;
    margin:0 0 .1em;
    padding:0;
    font-size:2px;
    line-height:2px;
    content:" "; transform: rotate(-1deg);
}
.portfolio__filter ul.level_1 button:hover {
    background-image:url("../img/corner_light_sm.png");
    background-position:right top;
    background-repeat:no-repeat;
    color:#ff9e54;
    transition: 0.3s ease-in-out 0.1s;
    transition-property: all;
    transition-property: background-position;
}
.portfolio__filter ul.level_1 button.active,
.portfolio__filter ul.level_1 button:focus {
    background:#690034 url("../img/corner_light_sm_blu.png") right top no-repeat;
    color:#ff9e54;
    transition: 0.3s ease-in-out 0.1s;
        transition-property: all;
        transition-property: background-position;
}

.portfolio__items {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  gap: 2em;
  margin-bottom:3em;
}

.portfolio__items .layout_short {
	flex-basis:calc(33% - 2em);
	
}

#main .portfolio__items .layout_short a{
	color: #fff;
  text-decoration: none;
  margin: 0.5em 0;
  border: 0;
  display: block;
  text-align: center;
}

#main .portfolio__items .layout_short a:hover, #main .portfolio__items .layout_short figure:hover + a {
	color:#fd9329;
}

.mod_portfolioreader h2{
	padding-left:1em;
}

.mod_portfolioreader h2 + p {
	columns:2;
	column-gap:2em;
	margin: 2em 0.5em;
}

.portfolio__items .layout_short figure img{
	border:1px solid #414d5e;
	border-radius:0.5em;
box-sizing: border-box;
	margin:0em 0em 2em;
}

.mod_portfolioreader figure img{
	border:1px solid #ccc;
	border-radius:0.5em;
	margin:2em 0em;
}
.mod_portfolioreader figure {
padding: 0.5em;
}

.references [class^="ce_"].filter-item {
    width:29.33%;
    margin:2%;
    padding:2%;
    font:1.424em Roboto;
    box-sizing:border-box;
}
.referencess figure img {
    -webkit-box-shadow:2px 2px 2px rgba(102,102,102,.4);
    box-shadow:2px 2px 2px rgba(102,102,102,.4);
}
#cboxContent {
    margin-top:0;
    background-color:rgba(187,187,187,1);
    background-image:none;
}
.referencess .mod_article.first.filter-item .ce_text {
    margin-right:0;
    margin-left:0;
}
.referencess .mod_article.first.filter-item h2 {
    margin-right:1.58em;
    margin-left:1.58em;
}
.referencess #main .ce_gallery ul {
    display:flex;
    flex-flow:row wrap;
    justify-content: space-between;
}
.referencess #main .ce_gallery ul li {
    list-style-type:none;
    flex-basis:45%; margin:2em 0;
}

.mod_portfoliolist .inside
{
display: flex;
  flex-flow: column;
  justify-content: flex-end;
  height: 100%;
}