@media screen and (min-width:1001px) {
    .titlefirst{
        opacity: 0;
          /*  margin-bottom: 0;
        height: 0; */
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        -webkit-transform: translateY(150px);
        -moz-transform: translateY(150px);
        -ms-transform: translateY(150px);
        -o-transform: translateY(150px);
        transform: translateY(150px);
      }
      .titlefirst.showme{
          opacity: 1;
         /*  margin-bottom: 26px;
          height: 26px;*/
          -webkit-transform: translateY(0px);
          -moz-transform: translateY(0px);
          -ms-transform: translateY(0px);
          -o-transform: translateY(0px);
          transform: translateY(0px); 
      }
    .related_p {
        margin-bottom: 67px;
    }
    .leistungen .content,
    .case .content,
    .artic .content {
        margin-top: 100px;
    }
    .withoutimg {
        display: block;
        padding-top: 33px;
    } 
    .up {
        bottom: 34px;
        right: -14px;
        width: 58px;
        height: 40px;
        mix-blend-mode: unset;
    }
    .bot .up {

      bottom: 170px;
    }
    .up span{
        margin-left: 16px;
    }

    .content,
    .nextcontent,
    .teamcontent,
    .relcontent {
        padding: 0px 51px;
    }

    .relcontent {
        padding-top: 40px;
    }

    .nextcontent,
    .teamcontent {
        padding-top: 40px;
    }

    .nav {
        height: 66px;
    }

    .resume {
        height: 74vh;
        margin: 0 auto 29px auto;
    }
    .resumefull {
        height: 79vh;
        margin: 0 auto 44px auto;
    }
    .spacer p {
        font-size: var(--xl-bold);
        line-height: var(--xl-l-bold);
        max-width: 1076px;
    }

    .resume p {
        max-width: 800px;
    }

    .resume_text {
        margin: auto;
        -webkit-transform: translate(0px, calc(-50% + 25px));
        -moz-transform: translate(0px, calc(-50% + 25px));
        -ms-transform: translate(0px, calc(-50% + 25px));
        -o-transform: translate(0px, calc(-50% + 25px));
        transform: translate(0px, calc(-50% + 25px));
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
    }

    .logo {
        top: 50vh;
        width: 243.2px;
        -webkit-transform: translate(-121.6px, -65.5px);
        -moz-transform: translate(-121.6px, -65.5px);
        -ms-transform: translate(-121.6px, -65.5px);
        -o-transform: translate(-121.6px, -65.5px);
        transform: translate(-121.6px, -65.5px);
        left: 50vw;
        height: 65.52px;
    }

    .textmove .logo {
        opacity: 1;
        top: 29px;
        -webkit-transform: translate(-121.6px, 0px);
        -moz-transform: translate(-121.6px, 0px);
        -ms-transform: translate(-121.6px, 0px);
        -o-transform: translate(-121.6px, 0px);
        transform: translate(-121.6px, 0px);
        left: 50vw;
    }

    .resume p,
    .interlude p,
    .maintext p,
    .l-text blockquote p,
    .lt-satz,
    .l-text blockquote p,
    .blocktext blockquote p,
    .case h2,
    .artic h2,
    .rel_name {
        font-size: var(--l-bold);
        line-height: var(--l-l-bold);
    }

    .link,
    .per p,
    .inner p,
    .contact li,
    .l-text p,
    .listview p,
    .blocktext p,
    .beside p,
    .rel_weiter a {
        font-size: var(--l-reg);
        line-height: var(--l-l-reg);
    }

    .per p {
        line-height: var(--m-l-bold);
    }

    .member {
        font-size: var(--m-bold);
    }

    .link {
        margin-top: 4vw;
    }

    .per {
        margin-top: 21px;
    }

    .resume_inner {
        width: 317.9492px;
        padding: 10px 15px;
        display: block;
        margin: 0 auto;
        position: relative;
        background: white;
        border-radius: 0 0 13px 13px;
        height: 31.6444px;
    }

    .resume_inner::before {
        content: "";
        position: absolute;
        top: 0px;
        height: 50px;
        left: -25px;
        width: 25px;
        border-top-right-radius: 13px;
        box-shadow: 0 -25px 0 0 #ffffff;
    }

    .resume_inner::after {
        content: "";
        position: absolute;
        top: 0px;
        height: 50px;
        right: -25px;
        width: 25px;
        border-top-left-radius: 13px;
        box-shadow: 0 -25px 0 0 #ffffff;
    }

    .nav {
        margin-left: calc(100vw - 165px);
    }

    .menutext {
        right: 114px;
        top: 34px;
    }

    .xy {
        height: 18.5px;
        top: 34px;
        width: 28px;
        right: 71px;
    }

    .shellsmall .shell_case {
        margin: 117px 51px 51px;
        height: calc(100vh - 168px);
        width: calc(100% - 102px);
    }

    .menu a {
        font-size: var(--l-b-navi);
        margin-left: 18px;
    }

    .arrow::before {
        width: 30px;
        height: 1px;
        transform: rotate(41deg);
        right: -3.5px;
        top: 4px;
    }

    .arrow::after {
        width: 30px;
        height: 1px;
        transform: rotate(-41deg);
        right: -3px;
        top: 24px;
    }

    span.arrow {
        right: 40px;
        width: 87px;
        top: 6px;
        transform: scale(0.8);
    }

    li:hover span.arrow {
        right: 20px;
    }

    /*.grid-item{ width: calc((100% - 60px) / 3); }
.gutter-sizer { width: 30px; }
*/
    .js-masonry-list {
        column-gap: 2.75%;
    }

    .js-masonry-elm {
        width: 31.5%;
        padding-bottom: 3.25vw;
    }

    .col_xs .box {
        height: calc(((100vw - 162px) / 3) / 100 * 53.48);
    }

    .col_s .box {
        height: calc(((100vw - 162px) / 3) / 100 * 76.74);
    }

    .col_m .box {
        height: calc((100vw - 162px) / 3);
    }

    .col_l .box {
        height: calc(((100vw - 162px) / 3) / 100 * 111.62);
    }

    .col_xl .box {
        height: calc(((100vw - 162px) / 3) / 100 * 123.25);
    }

    .relatedcont .col_xs .box {
        height: calc((((((100vw - 345px) / 2) + 294px) - 102px) * 0.95 / 2) / 100 * 53.48);
    }

    .relatedcont .col_s .box {
        height: calc((((((100vw - 345px) / 2) + 294px) - 102px) * 0.95 / 2) / 100 * 76.74);
    }

    .relatedcont .col_m .box {
        height: calc(((((100vw - 345px) / 2) + 294px) - 102px) * 0.95 / 2);
    }

    .relatedcont .col_l .box {
        height: calc((((((100vw - 345px) / 2) + 294px) - 102px) * 0.95 / 2) / 100 * 111.62);
    }

    .relatedcont .col_xl .box {
        height: calc((((((100vw - 345px) / 2) + 294px) - 102px) * 0.95 / 2) / 100 * 123.25);
    }

    .cred {
        display: inline-block;
        width: calc(100% - 303px);
        vertical-align: bottom;
    }

    .cred:nth-child(2) {
        width: 303px;
        margin-top: 0;
        text-align: right;
    }

    .cred .linkfooter a {
        margin-left: 0px;
    }

    .cred a {
        margin-left: 35px;
    }

    .footerlogo {
        margin-bottom: 72px;
    }

    footer {
        position: relative;
        padding: 30px 51px 29px;
    }

    .footerlogo {
        width: 243.2px;
        height: 65.52px;
    }

    .team .team_li:nth-child(odd) {
        margin-right: 0;
    }

    .linkfooter {
        font-size: var(--l-reg);
        line-height: var(--l-l-reg);
    }

    /*TEAM*/
    .bez span:nth-child(2),
    .name,
    .l-title,
    .shortlink {
        font-size: var(--l-bold);
    }
      .shortlinks {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: center;
    justify-content: center;
    gap: 35px 42px;
    margin-bottom: 76px;
    margin-top: 75px;
    max-width: 1096px;
    margin-left: auto;
    margin-right: auto;
}
    .bez span:nth-child(2){
        max-width: 805px;
    }

    .team .content {
        padding-top: 100px;
    }

    .team .resume {
        margin-bottom: 88px;
    }

    .team .resume p {
        margin-left: calc((100vw - 345px)/2);
        max-width: 830px;
    }

    .maintext,
    .l-text {
        margin-left: calc(94.5% / 3 + 50px);
        max-width: 830px;
    }

    .l-bild {
        width: calc(94.5% / 3);
    }

    .team .article {
        gap: 30px;
        display: flex;
        flex-wrap: wrap;
    }

    .interlude {
        max-width: 66%;
        margin-right: 30%;
    }

    .sidebar {
        width: calc(((100vw - 345px)/2) + 294px);
    }

    .morecontent {
        padding: 61px 51px 30px;
    }

    .sidebar .inner {
        padding-right: 72px;
        padding-left: 51px;
        padding-top: 94px;
    }

    .relatedcont ul {
        gap: 5.15%;
    }

    .team .wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .teammember {
        width: calc((100% - 60px)/3);
    }

    .team .article {
        gap: 0px;
        display: flex;
        flex-wrap: wrap;
        column-gap: 30px;
        width: 100%;
    }

    .single {
        background-color: white;
    }

    .img_member {
        position: relative;
        -webkit-transition: transform .3s;
        -moz-transition: transform .3s;
        -ms-transition: transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
    }

    .img_member.tofront {
        z-index: 100000;
    }

    .contentleist .l-items-front {
        padding: 0px 51px;
    }

    .fragen button.lt-item {
        padding: 37px 74px 38px 39px;
    }

    .kreuz,
    .opens .lt-itemsmall .kreuz {
        right: 34px;
    }

    .lt-text {
        margin-left: calc(94.5% / 3 + 50px);
        max-width: 850px;
    }

    .lt-img {
        width: 15%;
        margin-left: 9%;
    }

    .opensxs .listview {
        padding-right: 128px;
        max-width: 830px;
    }

    .fragen button.lt-itemsmall {
        padding: 21px 90px 24px 0px;
    }

    .caseicon {
        height: calc(100vw / 4);
    }

    .kontakt .content {
        margin-top: 52px;
    }

    .bottomfo {
        width: calc(100vw - 102px);
        left: 0;
        padding-left: 51px;
        padding-right: 51px;
        bottom: 0px;
    }

}

@media screen and (min-width:1600px) {
    .teammember {
        width: calc((100% - 90px)/4);
    }

    .interlude {
        max-width: 50%;
        margin-right: 50%;
    }


}