/*
 *************************
        $TILED LIST ITEMS
 *************************
*/


.container.tiles {
    padding-left: 14px;
    padding-right: 14px;
}

.tiles__item {
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
}

.tiles__item__link,
.tiles--slider__item__link {
    display: block;
    position: relative;
    font-style: inherit;
    font-weight: inherit;
}

.tiles__item__content,
.tiles--slider__item__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
}

.tiles__item__content__inner,
.tiles--slider__item__content__inner {
    position: absolute;
    bottom:0;
    left: 0;
    right: 0;


/*    background: #f0f0f0;*/
    height: 100%;
    width: auto;
    padding: 11px;

    overflow: hidden;
}

.tiles__item--hasimg .tiles__item__excerpt {
    display: none;
}
p.tiles__item__excerpt {
    margin-top: 20px;
}

.tiles__item--hasimg .tiles__item__subtitle {
    display: blocK;
}

h3.tiles__item__subtitle {
    display: none;
}

.tiles__item--hasimg span.tiles--slider__item__meta {
    display: none;
}

h3.tiles--slider__item__subtitle {
    display: none;
}

.tiles__item--hasimg h3.tiles--slider__item__subtitle {
    display: block;
}

.tiles__item:nth-of-type(12n-11).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
.tiles__item:nth-of-type(12n-8).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
.tiles__item:nth-of-type(12n-7).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
.tiles__item:nth-of-type(12n-4).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
.tiles__item:nth-of-type(12n-3).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
.tiles__item:nth-of-type(12n).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner {
    padding: 20px 11px 11px 11px;
    height: 60.5%;
    background: rgba(255, 255, 255, 0.7);
}

.tiles--slider__item.tiles__item--white.tiles__item--hasimg .tiles--slider__item__content__inner {
    padding: 20px 11px 11px 11px;
    height: 60.5%;
    background: rgba(255, 255, 255, 0.7);
}

.tiles--slider__item.tiles__item--white.tiles__item--hasimg .tiles--slider__item__content__inner {
    padding: 0;
    height: 0;
    -webkit-transition: height 0.3s ease-out 0s, padding 0s ease-out 0.3s;
    transition: height 0.3s ease-out 0s, padding 0s ease-out 0.3s;
}

.tiles--slider__item.tiles__item--white.tiles__item--hasimg:hover .tiles--slider__item__content__inner,
.tiles--slider__item.tiles__item--white.tiles__item--hasimg:active .tiles--slider__item__content__inner,
.tiles--slider__item.tiles__item--white.tiles__item--hasimg:focus .tiles--slider__item__content__inner {
    padding: 20px 11px 11px 11px;
    height: 60.5%;

    -webkit-transition: height 0.3s ease-out 0s, padding 0s ease-out 0s;
    transition: height 0.3s ease-out 0s, padding 0s ease-out 0s;
}

.tiles__item--yellow .tiles__item__content__inner,
.tiles__item--yellow .tiles--slider__item__content__inner {
    background: #fbb51f;
}

.tiles__item--orange .tiles__item__content__inner,
.tiles__item--orange .tiles--slider__item__content__inner {
    background: #ff7f00;
}

.tiles__item--blue .tiles__item__content__inner,
.tiles__item--blue .tiles--slider__item__content__inner {
    background: #426ead;
}

.tiles__item--red .tiles__item__content__inner,
.tiles__item--red .tiles--slider__item__content__inner {
    background: #813a3e;
}

.tiles__item--red .tiles__item__content__inner *,
.tiles__item--blue .tiles__item__content__inner *,
.tiles__item--red .tiles--slider__item__content__inner *,
.tiles__item--blue .tiles--slider__item__content__inner * {
    color: #FFFFFF;
}
/*
.tiles__item--blue .tiles__item__more,
.tiles__item--red .tiles__item__more {
    background: url("../media/images/img_plus_white.png");
}*/



.tiles__item:nth-of-type(12n-10),
.tiles__item:nth-of-type(12n-9),
.tiles__item:nth-of-type(12n-6),
.tiles__item:nth-of-type(12n-5),
.tiles__item:nth-of-type(12n-2),
.tiles__item:nth-of-type(12n-1) {
    padding-bottom: 100%;
}

.tiles__item:nth-of-type(12n-10) .tiles__item__content,
.tiles__item:nth-of-type(12n-9) .tiles__item__content,
.tiles__item:nth-of-type(12n-6) .tiles__item__content,
.tiles__item:nth-of-type(12n-5) .tiles__item__content,
.tiles__item:nth-of-type(12n-2) .tiles__item__content,
.tiles__item:nth-of-type(12n-1) .tiles__item__content {
    top: 100%;
    height: 100%;
}

.tiles__item__image,
.tiles--slider__item__image {
    display: block;
    width:100%;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}



.tiles__item__meta,
.tiles__item__text__title,
.tiles__item__text__excerpt {
    overflow: hidden;
    font-size: 16px;
    letter-spacing: 1.22px;
    line-height: 22px;
    color: #fff;
}

.tiles__item__meta {
    max-height: 66px;
    margin-bottom: 1px;
    font-family: "Roboto Slab";
    font-size: 14px;
    letter-spacing: 1.07px;
    line-height: 19px;
}

.tiles__item__text {
    position: absolute;
    top: 82px;
    left: 0;
    right: 0;
    padding: 0 11px;
    max-height: 192px;
    overflow: hidden;
}

.tiles__item__text__title {
    margin: 0 0 25px 0;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 1.13px;
    line-height: 32px;
    color: #fff;
}

.tiles__item__text__excerpt {
    max-height: 110px;
}

/*{
        padding: 20px 11px 11px 11px;
        height: 60.5%;
        background: rgba(255, 255, 255, 0.7);
}*/

.tiles__item:nth-of-type(12n-11).tiles__item--white.tiles__item--hasimg .tiles__item__text__excerpt,
.tiles__item:nth-of-type(12n-8).tiles__item--white.tiles__item--hasimg .tiles__item__text__excerpt,
.tiles__item:nth-of-type(12n-7).tiles__item--white.tiles__item--hasimg .tiles__item__text__excerpt,
.tiles__item:nth-of-type(12n-4).tiles__item--white.tiles__item--hasimg .tiles__item__text__excerpt,
.tiles__item:nth-of-type(12n-3).tiles__item--white.tiles__item--hasimg .tiles__item__text__excerpt,
.tiles__item:nth-of-type(12n).tiles__item--white.tiles__item--hasimg .tiles__item__text__excerpt,
.tiles--slider__item.tiles__item--white.tiles__item--hasimg .tiles__item__text__excerpt {
    display: none;
}

.tiles__item__more {
    display: block;
    position: absolute;
    background: url(../../media/images/icon-plus-sm.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.tiles__item--green:nth-of-type(12n-10) .tiles__item__content__inner, 
.tiles__item--green:nth-of-type(12n-10) .tiles--slider__item__content__inner,
.tiles__item--green:nth-of-type(12n-1) .tiles__item__content__inner, 
.tiles__item--green:nth-of-type(12n-1) .tiles--slider__item__content__inner,
.tiles__item--green:nth-of-type(12n-2) .tiles__item__content__inner, 
.tiles__item--green:nth-of-type(12n-2) .tiles--slider__item__content__inner,
.tiles__item--green:nth-of-type(12n-5) .tiles__item__content__inner, 
.tiles__item--green:nth-of-type(12n-5) .tiles--slider__item__content__inner,
.tiles__item--green:nth-of-type(12n-6) .tiles__item__content__inner, 
.tiles__item--green:nth-of-type(12n-6) .tiles--slider__item__content__inner,
.tiles__item--green:nth-of-type(12n-9) .tiles__item__content__inner, 
.tiles__item--green:nth-of-type(12n-9) .tiles--slider__item__content__inner{
    background: #fff;
}
.tiles__item--blue:nth-of-type(12n-10) .tiles__item__content__inner, 
.tiles__item--blue:nth-of-type(12n-10) .tiles--slider__item__content__inner,
.tiles__item--blue:nth-of-type(12n-1) .tiles__item__content__inner, 
.tiles__item--blue:nth-of-type(12n-1) .tiles--slider__item__content__inner,
.tiles__item--blue:nth-of-type(12n-2) .tiles__item__content__inner, 
.tiles__item--blue:nth-of-type(12n-2) .tiles--slider__item__content__inner,
.tiles__item--blue:nth-of-type(12n-5) .tiles__item__content__inner, 
.tiles__item--blue:nth-of-type(12n-5) .tiles--slider__item__content__inner,
.tiles__item--blue:nth-of-type(12n-6) .tiles__item__content__inner, 
.tiles__item--blue:nth-of-type(12n-6) .tiles--slider__item__content__inner,
.tiles__item--blue:nth-of-type(12n-9) .tiles__item__content__inner, 
.tiles__item--blue:nth-of-type(12n-9) .tiles--slider__item__content__inner{
    background: #fff;
}

.tiles__item--green:nth-of-type(12n-9) .tiles__item__content__inner *, 
.tiles__item--blue:nth-of-type(12n-9) .tiles__item__content__inner *, 
.tiles__item--green:nth-of-type(12n-9) .tiles--slider__item__content__inner *, 
.tiles__item--blue:nth-of-type(12n-9) .tiles--slider__item__content__inner *,
.tiles__item--green:nth-of-type(12n-10) .tiles__item__content__inner *, 
.tiles__item--blue:nth-of-type(12n-10) .tiles__item__content__inner *, 
.tiles__item--green:nth-of-type(12n-10) .tiles--slider__item__content__inner *, 
.tiles__item--blue:nth-of-type(12n-10) .tiles--slider__item__content__inner *,
.tiles__item--green:nth-of-type(12n-1) .tiles__item__content__inner *, 
.tiles__item--blue:nth-of-type(12n-1) .tiles__item__content__inner *, 
.tiles__item--green:nth-of-type(12n-1) .tiles--slider__item__content__inner *, 
.tiles__item--blue:nth-of-type(12n-1) .tiles--slider__item__content__inner *,
.tiles__item--green:nth-of-type(12n-2) .tiles__item__content__inner *, 
.tiles__item--blue:nth-of-type(12n-2) .tiles__item__content__inner *, 
.tiles__item--green:nth-of-type(12n-2) .tiles--slider__item__content__inner *, 
.tiles__item--blue:nth-of-type(12n-2) .tiles--slider__item__content__inner *,
.tiles__item--green:nth-of-type(12n-5) .tiles__item__content__inner *, 
.tiles__item--blue:nth-of-type(12n-5) .tiles__item__content__inner *, 
.tiles__item--green:nth-of-type(12n-5) .tiles--slider__item__content__inner *, 
.tiles__item--blue:nth-of-type(12n-5) .tiles--slider__item__content__inner *,
.tiles__item--green:nth-of-type(12n-6) .tiles__item__content__inner *, 
.tiles__item--blue:nth-of-type(12n-6) .tiles__item__content__inner *, 
.tiles__item--green:nth-of-type(12n-6) .tiles--slider__item__content__inner *, 
.tiles__item--blue:nth-of-type(12n-6) .tiles--slider__item__content__inner *{
    color: #175D90;
}
/*
.tiles__item__more:nth-of-type(12n-10), 
.tiles__item__more:nth-of-type(12n-10),
.tiles__item__more:nth-of-type(12n-1), 
.tiles__item__more:nth-of-type(12n-1),
.tiles__item__more:nth-of-type(12n-2), 
.tiles__item__more:nth-of-type(12n-2),
.tiles__item__more:nth-of-type(12n-5), 
.tiles__item__more:nth-of-type(12n-5),
.tiles__item__more:nth-of-type(12n-6), 
.tiles__item__more:nth-of-type(12n-6),
.tiles__item__more:nth-of-type(12n-9), 
.tiles__item__more:nth-of-type(12n-9){
    display: none !important;
}

.tiles__item__more_double:nth-of-type(12n-10), 
.tiles__item__more_double:nth-of-type(12n-10),
.tiles__item__more_double:nth-of-type(12n-1), 
.tiles__item__more_double:nth-of-type(12n-1),
.tiles__item__more_double:nth-of-type(12n-2), 
.tiles__item__more_double:nth-of-type(12n-2),
.tiles__item__more_double:nth-of-type(12n-5), 
.tiles__item__more_double:nth-of-type(12n-5),
.tiles__item__more_double:nth-of-type(12n-6), 
.tiles__item__more_double:nth-of-type(12n-6),
.tiles__item__more_double:nth-of-type(12n-9), 
.tiles__item__more_double:nth-of-type(12n-9){
    display: block !important;
    right: 0px;
    position: absolute;
    bottom: 0; 
    height: 55px;
    width: 55px;
    background-color: #fff;
    background: url(../media/images/icon-plus-sm.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.tiles__item__more_double {
    display: none;
}*/


.tiles__item--blue .tiles__item__content__inner,
.tiles__item--blue .tiles--slider__item__content__inner {
    background: #175D90;
}
.tiles__item--green .tiles__item__content__inner,
.tiles__item--green .tiles--slider__item__content__inner {
    background: #88B965;
}
#projects-items-container {
    max-width: 100%;
}


@media screen and (max-width: 374px) {

    .tiles__item__text__excerpt {
        display: none;
    }

    .tiles__item__meta {
        font-size: 12px;
    }

    .tiles__item__text__title {
        margin-top: 20px;
    }

}

/* iPad hoch und größer */
@media screen and (min-width:768px) {



    /*
     *************************
            $LIST ITEMS
     *************************
    */

    .listview {
        padding-top: 64px;
    }

    .listview__header__results {
        font-size: 17px;
        padding: 0 25px;
        margin-top: 1px;
        margin-bottom: 26px;
    }

    .listview__item__header {
        min-height: 201px;
        padding: 30px 250px 10px 20px;
    }

    .listview__item__header__category {
        font-size: 19px;
        line-height: 28px;
        letter-spacing: 0.6px;
    }

    .listview__item__header__title {
        margin-top: 16px;
        margin-bottom: 4px;
        font-size: 26px;
        letter-spacing: 0.2px;
    }

    .collapsible:not(.open) .listview__item--hasimg__header__left {
        padding-right: 160px;
    }

    .listview__item__header__image {
        border: 1px solid black;
        display: block;
        height: 111px;
        margin-top: -67px;
        right: 18px;
        width: 166px;
    }

    .listview__item__header__description.collapsible-preview {
        font-size: 18px;
        letter-spacing: 0.18px;
        line-height: 23px;
        margin-top: 0;
    }

    .listview__item.open .listview__item__header {
        min-height: 115px;
        /*padding-right: 176px;*/
    }

    .listview__item.open .listview__item__header__image {
        display: none;
    }

    .listview__item__article {
        padding: 19px 17px 69px 17px;
    }

    .listview__item__article__content {
        width: 63.1%;
        padding-right: 2%;
    }

    .listview__item__article__description {
        font-size: 16px;
        line-height: 21px;
    }

    .listview__item--hasimg__article__description {
        padding-left: 0;
        min-height: 0;
    }

    .listview__item__article__side {
        width: 36.9%;
    }

    .listview__item__article__contact {
        font-size: 16px;
        line-height: 20px;
    }

    .listview__item__article__contact,
    .listview__item__article__projects {
        width: 52%;
    }

    .listview__item__article__projects {
        width: 48%;
    }

    .listview__item__article__contact h3,
    .listview__item__article__projects h3 {
        font-size: 21px;
        letter-spacing: 0.6px;
    }

    .listview__item__article__projects > p {
        margin-bottom: 7px;
        margin-top: 8px;
        font-size: 16px;
        line-height: 22px;
    }

    .listview__item__article__links__detail {
        margin-right: 12px;
        margin-left: 12px;
    }

    .listview__item__article__image {
        position: relative;
        width: 100%;
        margin-top: 4px;
    }

    .listview__item.open .listview__item__header {
        padding-left: 18px;
    }


    /*
         *************************
                $TILED LIST ITEMS
         *************************
        */

    .container.tiles {
        padding-left: 18px;
        padding-right: 18px;
    }

    .tiles__item {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding: 0 12px;
        margin-bottom: 24px;
    }

    .tiles__item__content {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

    .tiles__item:nth-of-type(12n-11).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
    .tiles__item:nth-of-type(12n-7).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
    .tiles__item:nth-of-type(12n-4).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
    .tiles__item:nth-of-type(12n).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner{
        height: 56.5%;
    }

    .tiles__item:nth-of-type(12n-10),
    .tiles__item:nth-of-type(12n-9),
    .tiles__item:nth-of-type(12n-6),
    .tiles__item:nth-of-type(12n-5),
    .tiles__item:nth-of-type(12n-2),
    .tiles__item:nth-of-type(12n-1) {
        padding-bottom: 0;
    }


    .tiles__item:nth-of-type(12n-10) .tiles__item__content,
    .tiles__item:nth-of-type(12n-9) .tiles__item__content,
    .tiles__item:nth-of-type(12n-6) .tiles__item__content,
    .tiles__item:nth-of-type(12n-5) .tiles__item__content,
    .tiles__item:nth-of-type(12n-2) .tiles__item__content,
    .tiles__item:nth-of-type(12n-1) .tiles__item__content {
        top: 0;
        height: 100%;
    }

    .tiles__item__content__inner {
        padding: 20px;
    }

    .tiles__item__text {
        padding: 0 20px;
    }

    .tiles__item--yellow .tiles__item__content__inner,
    .tiles__item--yellow .tiles--slider__item__content__inner {
        background: rgba(251, 181, 31, 0.7);
    }

    .tiles__item--orange .tiles__item__content__inner,
    .tiles__item--orange .tiles--slider__item__content__inner {
        background: rgba(255, 127, 0, 0.7);
    }

    .tiles__item--blue .tiles__item__content__inner,
    .tiles__item--blue .tiles--slider__item__content__inner {
        background: rgba(23, 93, 144, 0.5);
    }

    .tiles__item--blue:nth-of-type(12n-11) .tiles__item__content__inner,
    .tiles__item--blue:nth-of-type(12n-11) .tiles--slider__item__content__inner {
        background: rgba(23, 93, 144, 0.5);
    }

    .tiles__item--red .tiles__item__content__inner,
    .tiles__item--red .tiles--slider__item__content__inner {
        background: rgba(129, 58, 62, 0.7);
    }

    .tiles__item__more {
        bottom: 22px;
        right: 33px;
    }

}


/* iPad quer (nicht exakt) und größer */
@media screen and (min-width:1010px){


    /*
     *************************
            $LIST ITEMS
     *************************
    */

    .listview {
        padding-left: 0;
        padding-right: 0;
    }

    .listview__header__results {
        padding: 0;
        margin-top: 0;
        margin-bottom: 46px;
        line-height: 25px;
    }

    .listview__item__header {
        min-height: 201px;
        padding: 30px 250px 15px 30px;
    }

    .listview__item__header__title {
        margin-top: 17px;
        margin-bottom: 7px;
    }

    .listview__item__header__image {
        height: 130px;
        margin-top: -63px;
        right: 29px;
        width: 195px;
    }

    .listview__item.open .listview__item__header {
        padding-left: 16px;
    }

    .collapsible:not(.open) .listview__item--hasimg__header__left {
        padding-right: 200px;
    }

    .listview__item__article {
        padding: 19px 30px 69px 30px;
    }

    .listview__item__article__content {
        width: 69%;
        padding-right: 10%;
    }

    .listview__item__article__side {
        width: 31%;
    }

    .listview__item__article__projects > p {
        margin-bottom: 12px;
        margin-top: 10px;
        font-size: 16px;
        line-height: 18px;
    }

    .listview__item__article__links__detail {
        margin: 31px 26px 0 38px;
    }

    .listview__item.open .listview__item__header {
        padding-left: 28px;
    }




    /*
     *************************
            $TILED LIST ITEMS
     *************************
    */

    /*    .container.tiles {
            padding-left: 8px;
            padding-right: 8px;
        }*/

    .tiles__item {
        margin-bottom: 24px;
    }

    .tiles__item:nth-of-type(12n-11),
    .tiles__item:nth-of-type(12n-8),
    .tiles__item:nth-of-type(12n-7),
    .tiles__item:nth-of-type(12n-4),
    .tiles__item:nth-of-type(12n),
    .tiles__item:nth-of-type(12n-3) {
        width: 33.3333%;
        padding: 0 16px 0 0;
    }

    .tiles__item:nth-of-type(12n-8),
    .tiles__item:nth-of-type(12n-4),
    .tiles__item:nth-of-type(12n) {
        padding: 0 0 0 16px;
    }

    .tiles__item:nth-of-type(12n-10),
    .tiles__item:nth-of-type(12n-9),
    .tiles__item:nth-of-type(12n-6),
    .tiles__item:nth-of-type(12n-5),
    .tiles__item:nth-of-type(12n-2),
    .tiles__item:nth-of-type(12n-1) {
        width: 66.6666%;
        padding: 0;
    }

    .tiles__item:nth-of-type(12n-10),
    .tiles__item:nth-of-type(12n-6),
    .tiles__item:nth-of-type(12n-2) {
        padding: 0 0 0 8px;
    }

    .tiles__item:nth-of-type(12n-10) .tiles__item__content,
    .tiles__item:nth-of-type(12n-9) .tiles__item__content,
    .tiles__item:nth-of-type(12n-6) .tiles__item__content,
    .tiles__item:nth-of-type(12n-5) .tiles__item__content,
    .tiles__item:nth-of-type(12n-2) .tiles__item__content,
    .tiles__item:nth-of-type(12n-1) .tiles__item__content {
        width: 52%;
        padding: 0 0 0 4%;
        /*        z-index: -1;*/
    }

    .tiles__item:nth-of-type(12n-10) .tiles__item__image,
    .tiles__item:nth-of-type(12n-9) .tiles__item__image,
    .tiles__item:nth-of-type(12n-6) .tiles__item__image,
    .tiles__item:nth-of-type(12n-5) .tiles__item__image,
    .tiles__item:nth-of-type(12n-2) .tiles__item__image,
    .tiles__item:nth-of-type(12n-1) .tiles__item__image {
        width: 50%;
        margin-left: 50%;
        padding: 0 0 0 12px;
    }

    .tiles__item:nth-of-type(12n-1) .tiles__item__content,
    .tiles__item:nth-of-type(12n-5) .tiles__item__content,
    .tiles__item:nth-of-type(12n-9) .tiles__item__content {
        padding: 0 8px 0 0;
    }

    .tiles__item:nth-of-type(12n-1) .tiles__item__image,
    .tiles__item:nth-of-type(12n-5) .tiles__item__image,
    .tiles__item:nth-of-type(12n-9) .tiles__item__image {
        padding: 0 8px;
    }

    .tiles__item__content__inner {
        padding: 10px;
    }

    .tiles__item__text {
        padding: 0 10px;
    }

    .tiles__item:nth-of-type(12n-11).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
    .tiles__item:nth-of-type(12n-7).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
    .tiles__item:nth-of-type(12n-4).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
    .tiles__item:nth-of-type(12n).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner{
        height: 53%;
        padding-top: 21px;
    }

    .tiles__item--yellow .tiles__item__content__inner,
    .tiles__item--yellow .tiles--slider__item__content__inner {
        background: #fbb51f;
    }

    .tiles__item--orange .tiles__item__content__inner,
    .tiles__item--orange .tiles--slider__item__content__inner {
        background: #ff7f00;
    }


    .tiles__item--red .tiles__item__content__inner,
    .tiles__item--red .tiles--slider__item__content__inner {
        background: #813a3e;
    }

    .tiles__item--blue .tiles__item__content__inner,
    .tiles__item--blue .tiles--slider__item__content__inner {
        background: #175D90;
    }



    /*    .tiles__item--green:nth-of-type(12n-10) .tiles__item__content__inner, 
        .tiles__item--green:nth-of-type(12n-10) .tiles--slider__item__content__inner,
        .tiles__item--green:nth-of-type(12n-1) .tiles__item__content__inner, 
        .tiles__item--green:nth-of-type(12n-1) .tiles--slider__item__content__inner,
        .tiles__item--green:nth-of-type(12n-2) .tiles__item__content__inner, 
        .tiles__item--green:nth-of-type(12n-2) .tiles--slider__item__content__inner,
        .tiles__item--green:nth-of-type(12n-5) .tiles__item__content__inner, 
        .tiles__item--green:nth-of-type(12n-5) .tiles--slider__item__content__inner,
        .tiles__item--green:nth-of-type(12n-6) .tiles__item__content__inner, 
        .tiles__item--green:nth-of-type(12n-6) .tiles--slider__item__content__inner,
        .tiles__item--green:nth-of-type(12n-9) .tiles__item__content__inner, 
        .tiles__item--green:nth-of-type(12n-9) .tiles--slider__item__content__inner{
            background: #fff;
        }
        .tiles__item--blue:nth-of-type(12n-10) .tiles__item__content__inner, 
        .tiles__item--blue:nth-of-type(12n-10) .tiles--slider__item__content__inner,
        .tiles__item--blue:nth-of-type(12n-1) .tiles__item__content__inner, 
        .tiles__item--blue:nth-of-type(12n-1) .tiles--slider__item__content__inner,
        .tiles__item--blue:nth-of-type(12n-2) .tiles__item__content__inner, 
        .tiles__item--blue:nth-of-type(12n-2) .tiles--slider__item__content__inner,
        .tiles__item--blue:nth-of-type(12n-5) .tiles__item__content__inner, 
        .tiles__item--blue:nth-of-type(12n-5) .tiles--slider__item__content__inner,
        .tiles__item--blue:nth-of-type(12n-6) .tiles__item__content__inner, 
        .tiles__item--blue:nth-of-type(12n-6) .tiles--slider__item__content__inner,
        .tiles__item--blue:nth-of-type(12n-9) .tiles__item__content__inner, 
        .tiles__item--blue:nth-of-type(12n-9) .tiles--slider__item__content__inner{
            background: #fff;
        }
    
        .tiles__item--green:nth-of-type(12n-9) .tiles__item__content__inner *, 
        .tiles__item--blue:nth-of-type(12n-9) .tiles__item__content__inner *, 
        .tiles__item--green:nth-of-type(12n-9) .tiles--slider__item__content__inner *, 
        .tiles__item--blue:nth-of-type(12n-9) .tiles--slider__item__content__inner *,
        .tiles__item--green:nth-of-type(12n-10) .tiles__item__content__inner *, 
        .tiles__item--blue:nth-of-type(12n-10) .tiles__item__content__inner *, 
        .tiles__item--green:nth-of-type(12n-10) .tiles--slider__item__content__inner *, 
        .tiles__item--blue:nth-of-type(12n-10) .tiles--slider__item__content__inner *,
        .tiles__item--green:nth-of-type(12n-1) .tiles__item__content__inner *, 
        .tiles__item--blue:nth-of-type(12n-1) .tiles__item__content__inner *, 
        .tiles__item--green:nth-of-type(12n-1) .tiles--slider__item__content__inner *, 
        .tiles__item--blue:nth-of-type(12n-1) .tiles--slider__item__content__inner *,
        .tiles__item--green:nth-of-type(12n-2) .tiles__item__content__inner *, 
        .tiles__item--blue:nth-of-type(12n-2) .tiles__item__content__inner *, 
        .tiles__item--green:nth-of-type(12n-2) .tiles--slider__item__content__inner *, 
        .tiles__item--blue:nth-of-type(12n-2) .tiles--slider__item__content__inner *,
        .tiles__item--green:nth-of-type(12n-5) .tiles__item__content__inner *, 
        .tiles__item--blue:nth-of-type(12n-5) .tiles__item__content__inner *, 
        .tiles__item--green:nth-of-type(12n-5) .tiles--slider__item__content__inner *, 
        .tiles__item--blue:nth-of-type(12n-5) .tiles--slider__item__content__inner *,
        .tiles__item--green:nth-of-type(12n-6) .tiles__item__content__inner *, 
        .tiles__item--blue:nth-of-type(12n-6) .tiles__item__content__inner *, 
        .tiles__item--green:nth-of-type(12n-6) .tiles--slider__item__content__inner *, 
        .tiles__item--blue:nth-of-type(12n-6) .tiles--slider__item__content__inner *{
            color: #175D90;
        }*/

    .tiles__item__more {
        bottom: 10px;
    }

    .tiles__item:nth-of-type(12n-10) .tiles__item__more,
    .tiles__item:nth-of-type(12n-6) .tiles__item__more {
        right: 32px;
    }

    .tiles__item:nth-of-type(12n-1) .tiles__item__more,
    .tiles__item:nth-of-type(12n-5) .tiles__item__more,
    .tiles__item:nth-of-type(12n-9) .tiles__item__more {
        right: 38px;
    }

    /*    .tiles__item:nth-of-type(12n-4) .tiles__item__more,
        .tiles__item:nth-of-type(12n-8) .tiles__item__more,
        .tiles__item:nth-of-type(12n) .tiles__item__more {
            right: 8px;
        }*/



}



@media screen and (min-width: 1200px) {


    /*
     *************************
            $TILED LIST ITEMS
     *************************
    */
    #projects-items-container {
        max-width: 1400px;
    }

    .container.tiles {
        padding-left: 144px;
        padding-right: 144px;
    }

    .tiles__item__content__inner {
        padding: 16px 18px;
    }

    .tiles__item__text {
        padding: 0 18px;
    }

    .tiles__item:nth-of-type(12n-11).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
    .tiles__item:nth-of-type(12n-7).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
    .tiles__item:nth-of-type(12n-4).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
    .tiles__item:nth-of-type(12n).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner{
        height: 50%;
        padding-top: 11px;
    }

    .tiles__item__more,
    .tiles__item--red .tiles__item__more,
    .tiles__item--blue .tiles__item__more,
    .tiles__item--green .tiles__item__more,
    .tiles__item:nth-of-type(36n-30) .tiles__item__more,
    .tiles__item:nth-of-type(36n-9) .tiles__item__more,
    .tiles__item:nth-of-type(36n-27) .tiles__item__more,
    .tiles__item:nth-of-type(36n-14) .tiles__item__more,
    .tiles__item:nth-of-type(36n-21) .tiles__item__more,
    .tiles__item:nth-of-type(36n-2) .tiles__item__more {
        bottom: 0px;
        right: 0px;
        height: 55px;
        width: 55px;
        background-color: #fff;
    }


    /*	.tiles__item:nth-of-type(12n-11).tiles__item--white.tiles__item--hasimg .tiles__item__more,
            .tiles__item:nth-of-type(12n-7).tiles__item--white.tiles__item--hasimg .tiles__item__more,
            .tiles__item:nth-of-type(12n-4).tiles__item--white.tiles__item--hasimg .tiles__item__more,
            .tiles__item:nth-of-type(12n).tiles__item--white.tiles__item--hasimg .tiles__item__more {
                    display: block;
            }*/

    /*    .tiles__item:nth-of-type(12n-4) .tiles__item__more,
        .tiles__item:nth-of-type(12n-8) .tiles__item__more,
        .tiles__item:nth-of-type(12n) .tiles__item__more {
            right: 24px;
        }*/

    /*
        .tiles__item:nth-of-type(12n-1) .tiles__item__more,
        .tiles__item:nth-of-type(12n-5) .tiles__item__more,
        .tiles__item:nth-of-type(12n-9) .tiles__item__more {
            right: 54px;
        }*/

    /*    .tiles__item:nth-of-type(12n-10) .tiles__item__more,
        .tiles__item:nth-of-type(12n-6) .tiles__item__more {
            right: 48px;
        }*/

}