@media screen and (min-width:642px) and (max-width: 961px)  {

    .overlap-group6 {
      height: 1107px;
      width: 100%;
    }

  .gruppe-44, .overlap-group, .overlap-group5, .desktop-header {
    align-items: self-start;
    height: 117px;
  }
  .marcobrand-de-b {
        font-size: 30px;
        left: 4%;
        top: 30%;
        width: 45%;
  }

      .rechtsanwalt-b  {
        font-size: 30px;
        left: 60%;
        top: 30%;
        width: 35%;
      }
  .linie-3 {
      height: 2px;
      left: 0%;
      top: 76%;
      width: 100%;
  }

  .linie-2 {
      height: 23%;
      left: 83.5%;
      top: 76%;
      width: 2px;
  }

  .pfad-2 {
      height: 2px;
      left: 0;
      object-fit: cover;
      position: absolute;
      top: 99%;
      width: 100%;
  }

  .de-en {
    cursor: pointer;
    height: 12.92%;
    left: 88%;
    letter-spacing: -1.0px;
    line-height: 12.92%;
    position: absolute;
    top: 87.5%;
    white-space: nowrap;
    width: 3.2%
  }

  .span0-2 {
      text-decoration-thickness: 2px;
  }

  .komponente-1-8 {
    align-items: flex-start;
    display: flex;
    height: 4%;
    left: 70%;
    position: absolute;
    top: 79.5%;
    width: 6.35%;
  }

  .komponente-2-8 {
    align-items: flex-start;
    display: flex;
    height: 9%;
    left: 32%;
    position: absolute;
    top: 79.5%;
    width: 6.35%;
  }

  .komponente-3-8 {
    align-items: flex-start;
    display: flex;
    height: 4%;
    left: 45%;
    position: absolute;
    top: 79.5%;
    width: 6.35%;
  }

  .komponente-4-8 {
    align-items: flex-start;
    display: flex;
    height: 9%;
    left: 10%;
    position: absolute;
    top: 79.5%;
    width: 6.35%;
  }

  .rechteck-29 {
      top: 10%;
      height: 84%;
   }

  .rechteck-17 {
    height: 92%;
    top: 4%;
    width: 92%;
    left: 4%;
  }

  .ebene-1, .ebene-1-1 {
        top: 91%;
  }

  .ebene-1 {
    left: 35%;
  }

  .ebene-1-1 {
    left: 55%;
  }
    .fintech {
      left: 11%;
      top: 9%;
      width: 321px;
    }

  .anbieter-innovativer {
      left: 11%;
      width: 82%;
      top: 20%;
  }

  .aus-dr-brands-erfah {
     left: 11%;
     width: 82%;
     top: 58%;
  }

   .zu-dr-brands-beratu {
          left: 11%;
                width: 82%;
                top: 20%;
    }

    .exemplarisch-genannt {
       left: 11%;
            width: 82%;
            top: 54%;
    }
  .dr-brand-hat-langj {
        left: 11%;
        width: 82%;
        top: 20%;
  }

  .aus-dr-brands-inves {
         left: 11%;
         width: 82%;
         top: 58%;
  }

  .dr-brand-bert-klei {
        left: 11%;
        width: 76%;
        top: 18%;
  }

  .dr-brands-praxis-u {
         left: 11%;
         width: 76%;
         top: 61%;
  }
    .span1-2, .span6-1 {
      font-size: 48px;
    }

    .span1-1, .span11-2 {
        font-size: 19px;
    }

    .span0-1 {
               letter-spacing: 0.4px;
    }
    .span0-3 {
             letter-spacing:0.5px;
    }

    .span5-2, .span5-3, .span5-4 {
      font-size: 21px;
    }

    .kontakt-1 {
      top: 0px;
    }

    .span7-0,.span8-0 {
      font-size: 19.5px;
      font-weight: 700;
    }

    .span9-0 {
      display: none;
    }

    .place2 {
      margin-top: 11px;
    }

    .place3 {
      margin-top: 5px;
      line-height: 20px;
      margin-left: 15px;
      letter-spacing: 0.5px;
    }

    .overlap-group-1 {
      height: 355px;
      width: 100%;
      position: absolute;
    }

  .x2022-dr-marco-bran {
    left: 4.8%;
    line-height: 14px;
    top: 334px;
  }

  .kontakt-1 {
      left: 4.8%;
      line-height: 20px;
      top: 0px;
  }

  .dr-marco-brand-atto {
      left: 4.8%;
      line-height: 20px;
      top: 44px;
      width: 95%;
      font-weight: 700;
  }

  .span9-1 {
    font-size: 16px;
  }
 .komponente-10-13 {
    height: 35px;
    left: 4.8%;
    top: 50%;
    width: 60%;
  }

  .komponente-9-13 {
    height: 35px;
    left: 4.8%;
    top: 70%;
    width: 60%;
  }
  .datenschutz {
    cursor: pointer;
    left: 33.8%;
    line-height: 18px;
    top: 360px;
  }

  .impressum {
    cursor: pointer;
    left: 4.8%;
    line-height: 18px;
    top: 360px;
  }

  .linie-5 {
    height: 2px;
    top: 324px;
  }

  .linie-4 {
    height: 2px;
    top: 354px;
  }

  .linie-6 {
    height: 25px;
    top: 355px;
    width: 2px;
    left: 29%;
  }
}