@font-face {
    font-family: 'metropolis_regular';
    src: url('../Fonts/Metropolis-Regular.otf') format("opentype");
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'metropolis_light';
    src: url('../Fonts/Metropolis-Light.otf') format("opentype");
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'metropolis_extrabold';
    src: url('../Fonts/Metropolis-ExtraBold.otf') format("opentype");
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'metropolis_bold';
    src: url('../Fonts/Metropolis-Bold.otf') format("opentype");
    font-weight: normal;
    font-style: normal;

}
/*@font-face {*/
/*    font-family: 'proxima_novaregular';*/
/*    src: url('../Fonts/fontsfree-net-proximanova-regular.eot');*/
/*    src: url('../Fonts/fontsfree-net-proximanova-regular.eot?#iefix') format('embedded-opentype'),*/
/*         url('../Fonts/fontsfree-net-proximanova-regular.woff2') format('woff2'),*/
/*         url('../Fonts/fontsfree-net-proximanova-regular.woff') format('woff'),*/
/*         url('../Fonts/fontsfree-net-proximanova-regular.ttf') format('truetype'),*/
/*         url('../Fonts/fontsfree-net-proximanova-regular.svg#proxima_novaregular') format('svg');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/

/*}*/
/*@font-face {*/
/*    font-family: 'proxima_nova_rgbold';*/
/*    src: url('../Fonts/fontsfree-net-proxima-nova-bold.eot');*/
/*    src: url('../Fonts/fontsfree-net-proxima-nova-bold.eot?#iefix') format('embedded-opentype'),*/
/*         url('../Fonts/fontsfree-net-proxima-nova-bold.woff2') format('woff2'),*/
/*         url('../Fonts/fontsfree-net-proxima-nova-bold.woff') format('woff'),*/
/*         url('../Fonts/fontsfree-net-proxima-nova-bold.ttf') format('truetype'),*/
/*         url('../Fonts/fontsfree-net-proxima-nova-bold.svg#proxima_nova_rgbold') format('svg');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/

/*}*/

/*@font-face {*/
/*    font-family: 'proxima_novaextrabold';*/
/*    src:url('../Fonts/FontsFree-Net-Proxima-Nova-Xbold.otf') format("opentype");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/
body {
    font-family: metropolis_light, "Source Sans Pro", sans-serif;
}
geader .container {
    position: relative;
}
@media (min-width: 992px){
    .fixed-left, .navbar-mainnavigation.navbar-fixed-left {
        width: 100%;
    }
    .fixed-left, .navbar-mainnavigation.navbar-fixed-left .container {
        /*width: 100%;*/
        max-width: unset;
        padding-right: 4%;
        padding-left: 4%;
    }
    .fixed-left, .navbar-mainnavigation.navbar-fixed-left {
        position: fixed;
        top: 0;
        left: 0;
        /* left: 0; */
        z-index: 1030;
        overflow-y: auto;
    }
}

#page-content {
    /*margin-top: 130px;*/
    max-width: 576px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 20px;
    padding-left: 20px;
    padding-right: 0px;
    padding-left: 0px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#page-content {
    /*margin-top: 130px;*/
    max-width: 576px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 20px;
    padding-left: 20px;
    padding-right: 0px;
    padding-left: 0px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#page-content.droste-default{
    margin-top: 10vh;
    top: 0;
    transform: translate(-50%, 0%);
}
@media (min-width: 576px){
    #page-content {
        max-width: 576px;
    }
}
@media (min-width: 768px){
    #page-content {
        max-width: 768px;
    }

}
@media (min-width: 992px){
    #page-content {
        max-width: 900px;
    }
}
@media (min-width: 1200px){
    #page-content {
        max-width: 1100px;
    }
}
#p86 #page-content {
    width: 100%;
    max-width: 100%;
}


.dce-projects-wrapper {
    /*margin-top: 130px;*/
    /*max-width: 576px;*/
    margin-left: auto;
    margin-right: auto;
    padding-right: 20px;
    padding-left: 20px;
    padding-right: 0px;
    padding-left: 0px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}
/*@media (min-width: 576px){*/
/*    .dce-projects-wrapper {*/
/*        max-width: 516px;*/
/*    }*/
/*}*/
/*@media (min-width: 768px){*/
/*    .dce-projects-wrapper {*/
/*        max-width: 708px;*/
/*    }*/

/*}*/
/*@media (min-width: 992px){*/
/*    .dce-projects-wrapper {*/
/*        max-width: 900px;*/
/*    }*/
/*}*/
/*@media (min-width: 1200px){*/
/*    .dce-projects-wrapper {*/
/*        max-width: 1100px;*/
/*    }*/
/*}*/

.carousel-item-type-call_to_action .carousel-box {
    background-color: transparent;
    padding: 2rem;
}

@media (min-width: 576px) {
    .carousel-item-type-call_to_action .carousel-box {
        max-width: 100%;
    }
}
.projects.projects-left .frame-container,
.projects.projects-right .frame-container {
    padding-right: 0px;
    padding-left: 0px;
}
.projects.projects-inner {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.projects.projects-inner .frame {
    padding-top: 2.3rem;
    padding-bottom: 2.3rem;
}
.projects.projects-inner header {
    position: absolute;
    z-index: 10;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* left: 1rem; */
    /*text-align: center;*/
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
.projects.projects-inner header .element-header {
    /*margin-bottom: 0;*/
}
.projects.projects-inner header h5 {
    font-size: 0.9rem;
}
@media (min-width: 768px) {
    .projects.projects-inner header h5 {
        font-size: 1.1rem;
    }
}
@media (min-width: 992px) {
    .projects.projects-inner header h5 {
        font-size: 1.2rem;
    }
}
@media (min-width: 1200px) {
    .projects.projects-inner header h5 {
        font-size: 1.3rem;
    }
}

/* desaturate images - only on project page */
.projects .project-row img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.projects .project-row img:hover {
    filter: unset;
    -webkit-filter: unset;
    -moz-filter: unset;
    -ms-filter: unset;
    -o-filter: unset;
}
.projects .project-row figure .caption {
    opacity: 0;
	font-size: 1.3vmin;
}
.projects .project-row figure:hover > .caption {
    opacity: 1;
    transition: opacity .6s ease;
}

/****************

 */
.dce-projects-wrapper {
    /*overflow: auto;*/
    overflow: hidden;
    /*width: 100%;*/
    width: 80vw;
     position: fixed;
     top: 48%;
     left: 50%;
     transform: translate(-50%, -50%);
    /*position: relative;*/
}
.dce-projects-wrapper:hover > .carousel-control {
    opacity: 1;
}
.projects {
    width: 5000px;
    position: relative;
    left: 0px;
	padding-bottom: 20px;
}
.project-row {
    /*height: 100px;*/
    height: 30vh
}
/*@media (min-width: 576px) {*/
/*    .project-row {*/
/*        height: 150px;*/
/*    }*/
/*}*/
/*@media (min-width: 768px) {*/
/*    .project-row {*/
/*        height: 200px;*/
/*    }*/
/*}*/
/*@media (min-width: 992px) {*/
/*    .project-row {*/
/*        height: 250px;*/
/*    }*/
/*}*/
/*@media (min-width: 1200px) {*/
/*    .project-row {*/
/*        height: 300px;*/
/*    }*/
/*}*/
.project-row .item {
    float: left;
}
.project-row-bottom {
    margin-top: 20px;
    clear: both;
    display: flex;
    position: relative;
}
.project-row-bottom .item {
    display: inline-block;
    align-self: flex-end;
}
.projects .frame {
    padding-top: 0;
    padding-bottom: 0;
}
.projects .frame-container {
    padding-right: 10px;
    padding-left: 10px;
}
.projects .item-0 .frame-container {
    padding-right: 10px;
    padding-left: 0px;
}
.singleProject {
    border: 0px solid black;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;

}
.singleProject h3 {
    /*font-size: 1.5vmax;*/
}
@media (min-width: 992px) {
    .singleProject {
        border: 0px solid black;
        padding-top: 30px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;

    }
    .singleProject h3 {
        /*font-size: 1.5vmax;*/
    }
}
/* projects widths  & heights*/
.heightpercent-10,
.heightpercent-10 img {
    height: 3vh;
}
.heightpercent-20,
.heightpercent-20 img {
    height: 6vh;
}
.heightpercent-30,
.heightpercent-30 img {
    height: 9vh;
}
.heightpercent-40,
.heightpercent-40 img {
    height: 12vh;
}
.heightpercent-50,
.heightpercent-50 img{
    height: 15vh;
}

.heightpercent-60,
.heightpercent-60 img {
    height: 18vh;
}

.heightpercent-70,
.heightpercent-70 img {
    height: 21vh;
}

.heightpercent-80,
.heightpercent-80 img {
    height: 24vh;
}

.heightpercent-90,
.heightpercent-90 img {
    height: 27vh;
}

.heightpercent-100,
.heightpercent-100 img {
    height: 30vh;
}