a {
                color:#333;
            }
            a.teaser-title, .teaser-title {
                color: #333;
                font-size: 22px;
                padding-left: 8px;
            }
            .teaser-p, a.teaser-p {
                color: #333;
                padding-left: 8px;
            }
            .grid-overview{
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(300px, 480px) ) ;
                grid-gap: 64px ;
            }

            .grid-navBox{
                display: grid;
                grid-template-columns: 120px 1fr;

            }

            body {
                padding: 0 120px;
                margin-top: 32px
            }

            #mainnav li:first-child a{
                padding-left: 8px;
            }
            .alignedWithNav{
                padding-top: 10px
            }

            .intro {
                min-width: 300px;
                max-width: 480px;
                padding-left: 8px;
                margin-bottom: 48px;
            }
            .alignToHeadlines {
                padding-left: 8px;
            }
            
            .grid-projectDetail {
                display: grid;
                grid-template-columns: minmax(400px, 600px) minmax(400px, 800px);
                grid-gap: 24px;
            }
            @media only screen and (min-width: 1000px) {
                .grid-projectDetail .table {
                    max-width: 520px;
                    float: right;
                }
            }
            @media only screen and (max-width: 1000px) {
                body{
                    padding: 0 40px;
                }
                #portfolioSubnavBox{
                    /*width: 90vw;*/
                    overflow: scroll;
                }
                #portfolioSubnav{
                    width:800px;
                    overflow: scroll;
                }
            }

            

            @media only screen and (max-width: 656px) {
                body { padding: 0 30px; }
                #mainnav li  a{
                    padding: 8px 4px;
                }

                .grid-projectDetail {
                display: grid;
                grid-template-columns: 1fr;
                grid-gap: 24px;
            }
            }

            .embed-responsive-16by9 {
                padding-bottom: 64.25%;
            }
            
            

            @media (min-width: 1599px)
            .col-xl-4 {
                width: 33.33333333%;
            }
            @media (min-width: 1599px)
            .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
                float: left;
            }

            @media only screen and (max-width: 468px) {
                body, .grid-projectDetail{
                    padding: 0 10px;
                }

            }

.subpage .nav-pills > li.active > a {
    background-color: #f4f4FD;
}



.subpage #mainnav li:first-child a {
    padding-left: 15px;
}
#portfolioSubnavBox {
        max-width: 800px;
}
#portfolioSubnav {
    /*background-color: #E7FDE8;*/
    background-color: #f4f4FD;
}

.embed-responsive{
    border: 1px solid #999;
}

.portrait{
    max-width: 375px
}

.row.maxwidth, .maxwidth{
    max-width: 1200px;
}