/* # Page banner in header */

.header-banner {
    width: 100vw;
    height: 500px;
    padding: 0 20px;
    margin: 0 0 70px;
    background-position: center;
    background-size: cover;
    max-width: 100%;
    position: relative;
    z-index: 1;
}

.header-banner .mainp-banner {
    flex-flow: column wrap;
    height: 100%;
    display: flex;
    justify-content: center;
    color: #fff;
    z-index: 3;
    position: relative;
}

.header-banner .mainp-banner .mainp-title,
.header-banner .mainp-banner .mainp-title-repeat {
    color: #fff;
    font-weight: 800;
    letter-spacing: -2px;
    line-height: 1.2;
    transition: font-size .2s ease;
    text-align: center;
    margin: 0 auto 20px;
}

.header-banner .mainp-banner .mainp-title,
.header-banner .mainp-banner .mainp-title-repeat {
    font-size: 30px;
}

.header-banner .mainp-banner .mainp-title-repeat {
    margin-top: -15px;
    margin-bottom: 0;
    opacity: .3;
}

.header-banner .mainp-banner .mainp-descr {
    color: #fff;
    font-weight: 500;
    width: 100%;
    font-family: var(--font-h);
    line-height: 28px;
    transition: font-size .2s ease;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.header-banner .mainp-banner .mainp-descr {
    font-size: 16px;
}

.header-banner .mainp-banner .mainp-title,
.header-banner .mainp-banner .mainp-descr {
    max-width: 50%;
}

/* # Photos block */

.photos-blk {
    padding: 15px 0;
    margin-bottom: 70px;
}

.photos-blk .photos-blk-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    margin: 0;
    padding: 0;
}

.photos-blk .photos-blk-items .photos-blk-item {
    flex: 1 1 33%;
    align-self: auto;
    display: flex;
    flex-flow: column wrap;
    align-content: center;
    /*align-items: center;*/
    border: 0;
    list-style: none;
    margin: 0 0 50px;
    padding: 0 20px;
    max-width: 33%;
}

.photos-blk .photos-blk-items .photos-blk-pikt {
    margin-bottom: 20px;
}

/* # Team blocks */

.header-banner.mainp-team-header {
    width: 100vw;
    height: auto;
    padding: 0 20px;
    margin: 70px 0 0px;
    background-position: center;
    background-size: cover;
    max-width: 100%;
    position: relative;
    z-index: 1;
    background-image: none;
    /*background-blend-mode: overlay;
    background-color: rgba(0, 0, 0, .3);
    background-position: bottom;*/
}

.header-banner.mainp-team-header .mainp-banner {
    flex-flow: column wrap;
    height: 100%;
    display: flex;
    justify-content: center;
    color: #fff;
    z-index: 3;
    position: relative;
}

.header-banner.mainp-team-header .mainp-banner .mainp-title,
.header-banner.mainp-team-header .mainp-banner .mainp-title-repeat {
    font-size: 48px;
    color: #000;
    font-weight: 800;
    letter-spacing: -2px;
    line-height: 1.2;
    transition: font-size .2s ease;
    text-align: center;
    margin: 0 auto 20px;
}

.header-banner.mainp-team-header .mainp-banner .mainp-title-repeat {
    margin-top: -15px;
    margin-bottom: 0;
    opacity: .3;
    display: none;
}

.nnteam .photos-blk {
    margin-bottom: 10px;
}

.nnteam .photos-blk .nnteam-p {
    text-align: center;
    padding: 0 0 60px;
    font-size: 21px;
}

.nnteam .photos-blk .photos-blk-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    margin: 0;
    padding: 0;
}

.nnteam .photos-blk .photos-blk-items .photos-blk-item {
    flex: 1 1 33%;
    align-self: auto;
    display: flex;
    flex-flow: column wrap;
    border: 0;
    list-style: none;
    margin: 0 0 50px;
    padding: 0 20px;
    max-width: 33%;
}

.nnteam .photos-blk .photos-blk-items .photos-blk-pikt {
    margin-bottom: 20px;
}

.nnteam .team-link {
    display: flex;
    align-content: center;
    align-items: center;
    list-style: none;
    margin: 0 0 50px;
    padding: 0 20px;
    height: 300px;
    width: 300px;
    justify-content: center;
}

.nnteam .team-link a:after {
    content: "";
    border: 1px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    width: 7px;
    height: 7px;
    border-color: transparent #0056b3 #0056b3 transparent;
    transform: rotate(-45deg);
    display: inline-block;
    position: initial;
    margin-right: 10px;
    margin-left: 10px;
}

.aboutnn .team-link {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0 0 50px;
    padding: 0 20px;
    flex: 1 1 33%;
    flex-flow: column wrap;
    align-content: center;
}

.aboutnn .team-link a {
    align-self: flex-start;
    margin-bottom: 40px;
}

.aboutnn .team-link a:after {
    content: "";
    border: 1px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    width: 7px;
    height: 7px;
    border-color: transparent #0056b3 #0056b3 transparent;
    transform: rotate(-45deg);
    display: inline-block;
    position: initial;
    margin-right: 10px;
    margin-left: 10px;
}

.aboutnn .team-link p {
    max-width: 300px;
}

.mainp-banner-team .mainp-title,
.mainp-banner-team .mainp-title-repeat {
    max-width: 100% !important;
}

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

    .header-banner .mainp-banner .mainp-title,
    .header-banner .mainp-banner .mainp-title-repeat {
        font-size: calc(30px + 18 * ((100vw - 260px) / 700));
    }

    .header-banner .mainp-banner .mainp-descr {
        font-size: calc(16px + 5 * ((100vw - 260px) / 340));
    }
}

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

    .header-banner .mainp-banner .mainp-descr {
        font-size: 21px;
    }
}

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

    .header-banner .mainp-banner .mainp-title,
    .header-banner .mainp-banner .mainp-title-repeat {
        font-size: 48px;
    }
}

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

    .photos-blk .photos-blk-items {
        margin: 0 auto;
    }
}

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

    .header-banner {
        height: 420px;
        margin: 0 0 50px;
    }

    .header-banner .mainp-banner .mainp-title,
    .header-banner .mainp-banner .mainp-descr {
        max-width: 50%;
    }
}

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

    .header-banner {
        height: 370px;
    }

    .header-banner .mainp-banner {
        align-content: center;
    }

    .header-banner .mainp-banner .mainp-title,
    .header-banner .mainp-banner .mainp-descr {
        max-width: 540px;
    }

    .photos-blk .photos-blk-items .photos-blk-item {
        flex: 1 1 50%;
        max-width: 50%;
    }

    .nnteam .photos-blk .photos-blk-items .photos-blk-item {
        flex: 1 1 50%;
        max-width: 50%;
    }

    .mainp-banner-team .mainp-title,
    .mainp-banner-team .mainp-title-repeat {
        font-size: calc(30px + 18 * ((100vw - 260px) / 700)) !important;
    }
}

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

    .header-banner .mainp-banner .mainp-title,
    .header-banner .mainp-banner .mainp-descr {
        max-width: 100%;
    }

    .photos-blk .photos-blk-items .photos-blk-item {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

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

    .mainp-banner-team .mainp-title,
    .mainp-banner-team .mainp-title-repeat {
        font-size: calc(26px + 18 * ((100vw - 260px) / 700)) !important;
    }
}

/*# sourceMappingURL=unser-team.css.map */

@media screen and (max-width: 992px) {
    .nnteam .photos-blk .photos-blk-items .photos-blk-item {
        margin: 0px !important;
    }
}