@media screen and (min-width:701px) {
    .l-items {
        padding-bottom: 130px;
    }
    .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(170px);
        -moz-transform: translateY(170px);
        -ms-transform: translateY(170px);
        -o-transform: translateY(170px);
        transform: translateY(170px);
      }
      .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); 
      }

    .teamcontent .spacer {
        border-top: none;
        background: linear-gradient(90.32deg, var(--grey1) 0.28%, rgba(143, 0, 255, 0) 99.72%), var(--grey3);

        padding-top: 32px;
        margin-top: 0px;
        border-radius: 13px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 16px;
    }

    .spacer {
        border-top: 1px solid var(--black);
    }

    .spacer {
        padding-left: 30px;
        padding-right: 30px;
    }

    .spacersp {
        margin-top: 20px;
        padding-top: 38px;
    }

    .spacer p {
        font-size: var(--l-bold);
        line-height: var(--l-l-bold);
    }

    .textmove .logo {
        opacity: 1;
        top: 13px;
        transform: translate(-85.65px, 0px);
        left: 50vw;
    }

    .logo {
        z-index: 1;
        -webkit-transition: opacity 1s, transform 1s, top 1s;
        -moz-transition: opacity 1s, transform 1s, top 1s;
        -ms-transition: opacity 1s, transform 1s, top 1s;
        -o-transition: opacity 1s, transform 1s, top 1s;
        transition: opacity 1s, transform 1s, top 1s;
    }

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

    .contentleist {
        padding: 0;
    }

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

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

    .resume {
        border-radius: 13px;
        background: linear-gradient(90.32deg, var(--grey1) 0.28%, rgba(143, 0, 255, 0) 99.72%), var(--grey3);
        /*  box-shadow: 0px 64px 74px 0px #764ABC40; */
        padding: 0;
        padding-bottom: 30px;
        width: 100%;
        margin: 0 auto 30px auto;
        position: relative;
        margin-top: 3rem;
        max-width: unset;
        -webkit-transform: translate(0px, 50vh);
        -moz-transform: translate(0px, 50vh);
        -ms-transform: translate(0px, 50vh);
        -o-transform: translate(0px, 50vh);
        transform: translate(0px, 50vh);
        height: unset;
    }

    .textmove .resume {
        opacity: 0;
        -webkit-transform: translate(0px, 50vh);
        -moz-transform: translate(0px, 50vh);
        -ms-transform: translate(0px, 50vh);
        -o-transform: translate(0px, 50vh);
        transform: translate(0px, 50vh);
    }

    .team .resume {
        opacity: 0;
        -webkit-transform: translate(0px, 150px);
        -moz-transform: translate(0px, 150px);
        -ms-transform: translate(0px, 150px);
        -o-transform: translate(0px, 150px);
        transform: translate(0px, 150px);
    }

    .leistungen .resume,
    .kontakt .resume {
        opacity: 0;
        -webkit-transform: translate(0px, 150px);
        -moz-transform: translate(0px, 150px);
        -ms-transform: translate(0px, 150px);
        -o-transform: translate(0px, 150px);
        transform: translate(0px, 150px);
    }

    .textmovedes .resume {
        opacity: 1;
        -webkit-transform: translate(0px, 0vh);
        -moz-transform: translate(0px, 0vh);
        -ms-transform: translate(0px, 0vh);
        -o-transform: translate(0px, 0vh);
        transform: translate(0px, 0vh);
    }

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

    .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 {
        height: 45px;
    }

    .resume {
        margin-top: 0;
    }

    .link {
        margin-top: 40px;
    }

    .resume_text {
        transform: unset;
        position: unset;
        width: unset;
        top: unset;
        margin-top: 8vw;
        margin-bottom: 5vw;
        margin-left: 7vw;
        margin-right: 7vw;
    }

    .resume p {
        max-width: 539px;
        margin: 0 auto;
    }

    .shellsmall .shell_case {
        margin: 73px 29px 41px;
        height: calc(100vh - 114px);
        width: calc(100% - 58px);
        border-radius: 13px;
        opacity: 1;
    }

    .menutext {
        right: 70px;
        top: 16px;
    }

    .xy {
        height: 18.5px;
        top: 16px;
        width: 28px;
        right: 29px;
    }

    .shell_inner {
        width: 205.0882px;
        padding: 10px 15px;
        display: block;
        margin: 0 auto;
        position: relative;
        background: white;
        border-radius: 0 0 13px 13px;
        height: 56.8991px;
        transition: height 1s;
        display: none;
    }

    .shellsmall .shell_inner {
        height: 11.8991px;
    }

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

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


    .col_xs .box {
        height: calc(((100vw - 58px) * 0.96 / 2) / 100 * 53.48);
    }

    .col_s .box {
        height: calc(((100vw - 58px) * 0.96 / 2) / 100 * 76.74);
    }

    .col_m .box {
        height: calc((100vw - 58px) * 0.96 / 2);
    }

    .col_l .box {
        height: calc(((100vw - 58px) * 0.96 / 2) / 100 * 111.62);
    }

    .col_xl .box {
        height: calc(((100vw - 58px) * 0.96 / 2) / 100 * 123.25);
    }

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

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

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

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

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


    .js-masonry-list {
        column-gap: 4%;
    }

    .js-masonry-elm {
        width: 48%;
        padding-bottom: 4%;
    }

    .menu {
        bottom: 42px;
        left: 34px;
        margin-right: 34px;
        width: calc(100% - 68px);
    }

    li.menu_item {
        border-bottom: 1px solid var(--black);
        padding-bottom: 11px;
        margin-top: 11px;
        position: relative;
    }

    .arrow {
        transform: scale(1.1);
        top: 1px;
        right: 30px;
    }

    .article {
        padding-bottom: 40px;
    }

    .col .boxtext {
        margin-bottom: 30px;
    }

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

    /*TEAM*/

    .team .article {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px;
    }

    .team .article .teammember {
        padding-left: 0px;
        padding-right: 0;

    }

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

    .team .resume {
        background: unset;
        margin-bottom: 39px;
    }

    .team .bez {
        float: left;
        margin-top: 3px;
    }

    .team .bez.par {
        float: unset;
    }

    .team .resume p {
        margin-left: 29%;
        max-width: unset;
    }

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

    .per p {
        font-size: var(--s-reg);
        line-height: var(--m-l-reg-bez);
    }

    .interlude {
        max-width: 80%;
    }

    .team .teamcontent .article {
        display: block;
    }

    .relatedcont ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .relatedcont li.js-masonry-elm {
        width: 100%;
    }

    .morecontent {
        padding: 20px 30px 30px;
    }

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

    .leistungen .resume img{
        height: 57%;
    }

    .kontakt .resume img {
        height: 37%;
    }

    .leistungen .resume,
    .kontakt .resume {
        height: calc(100vw / 4);
    }

    .maintext {
        max-width: 600px;
    }

    .l-bild {
        width: 26%;
        float: left;
        padding: calc((100vw - 58px)* 0.10) 0;
        mix-blend-mode: multiply;
    }

    .l-bild img {
        width: 58%;
    }

    .l-text {
        margin-left: 29%;
    }

    .l-rows {
        padding-right: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .l-items {
        background-color: white;
        position: sticky;
        top: 0px;
        padding-top: 30px;
        overflow-y: hidden;
    }

    .l-items-back {
        position: absolute;
        top: 0;
        height: 100%;
        left: 0px;
        background-color: var(--grey4);
        width: 100vw;
        opacity: 0;
    }

    .l-items-front {
        position: relative;
    }

    .lt-img {
        width: 18%;
        margin-top: 63px;
        margin-left: 5%;
        float: left;
    }

    .lt-text {
        margin-left: 29%;
    }

    .leistungen .js-masonry-list {
        padding-bottom: 40px;
    }

    
    .leistungen .content,
    .case .content,
    .artic .content {
        margin-top: 59px;
    }

    .teamcontent .spacer.spacer_sp {
        padding-bottom: 34px;
    }

    .imgmob {
        display: none;
    }

    .imgdesk {
        display: block;
    }

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

    .blocktext {
        margin-bottom: 50px;
        max-width: 750px;
    }

    .blocktext ul {
        margin-right: 90px;
    }

    .relimgperson {
        display: inline-block;
        height: calc((350px - 42px) / 100* 111.62);
        width: 350px;
        vertical-align: top;

    }

    .beside {
        display: inline-block;
        vertical-align: top;
        margin-left: 5px;
        margin-top: 82px;
    }

    .related_p {
        margin-bottom: 17px;
    }

    .item {
        margin-bottom: 48px;
    }

    .item:nth-child(1) {
        float: right;
        width: calc(50% + 10px);
        margin-right: 16px;
    }

    .item:nth-child(2) {
        margin-left: 16px;
    }

    .endcolumn {
        clear: both;
    }

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

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

    .impressum .contentcase,
    .error .contentcase {
        margin-top: 100px;
    }
    .up{
        bottom: 23px;
        right: 27px;

    }
    
    .bot .up {
        
    }
    .up:hover {
    background: linear-gradient(90.32deg, var(--yellow) 0.28%, rgba(143, 0, 255, 0) 99.72%), #ffd79c;
}
    
}