@media screen and (min-width:482px) and (max-width: 641px)  {

   .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: 23px;
    left: 5%;
    top: 25%;
    width: 55%;
  }

  .pfad-2 {
   top: 99%;
  }

  .rechtsanwalt-b  {
    font-size: 23px;
    left: 60%;
    top: 25%;
    width: 35%;
  }

  .gruppe-44 {
    align-items: self-start;
    height: 107px;
  }

  .linie-3 {
      height: 2px;
      left: 0%;
      top: 66%;
      width: 100%;
  }

  .linie-2 {
      height: 33%;
      left: 83.5%;
      top: 66%;
      width: 2px;
  }

  .de-en {
    cursor: pointer;
    height: 12.92%;
    left: 85%;
    letter-spacing: -1.0px;
    line-height: 12.92%;
    position: absolute;
    top: 81%;
    white-space: nowrap;
    width: 3.2%
  }

  .komponente-1-8 {
    align-items: flex-start;
    display: flex;
    height: 4%;
    left: 45%;
    position: absolute;
    top: 81%;
    width: 6.35%;
  }

  .komponente-2-8 {
    align-items: flex-start;
    display: flex;
    height: 9%;
    left: 3%;
    position: absolute;
    top: 81%;
    width: 6.35%;
  }

  .komponente-3-8 {
    align-items: flex-start;
    display: flex;
    height: 4%;
    left: 45%;
    position: absolute;
    top: 67%;
    width: 6.35%;
  }

  .komponente-4-8 {
    align-items: flex-start;
    display: flex;
    height: 9%;
    left: 3%;
    position: absolute;
    top: 67%;
    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: 6%;
      width: 45%;
  }

  .anbieter-innovativer {
      left: 11%;
      width: 82%;
      top: 14%;
  }

  .aus-dr-brands-erfah {
     left: 11%;
     width: 82%;
     top: 58%;
  }

   .zu-dr-brands-beratu {
          left: 11%;
          width: 82%;
          top: 14%;
    }

    .exemplarisch-genannt {
       left: 11%;
       width: 82%;
       top: 54%;
    }

  .dr-brand-hat-langj {
        left: 11%;
        width: 82%;
        top: 14%;
  }

  .aus-dr-brands-inves {
         left: 11%;
         width: 82%;
         top: 58%;
  }

  .dr-brand-bert-klei {
        left: 11%;
        width: 76%;
        top: 14%;
  }

  .dr-brands-praxis-u {
         left: 11%;
         width: 76%;
         top: 59%;
  }
    .span1-2, .span6-1 {
      font-size: 36px;
    }

    .span1-1, .span11-2 {
        font-size: 17px;
        line-height: 21px;
    }

    .span0-1 {
               letter-spacing: 0.4px;
    }
    .span0-3 {
             letter-spacing:0.5px;
    }

    .dr-marco-brand-atto {
      left: 50%;
      top: 0px;
      width: 45%
    }

    .span9-0 {
      display: none;
    }

    .place2 {
      margin-top: 9px;
    }

    .place3 {
      margin-top: 6px;
      line-height: 20px;
      margin-left: 15px;
      letter-spacing: -1px;
    }

    .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: 34px;
      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%;
  }
   .span7-0,.span8-0 {
              font-size: 19.5px;
              font-weight: 700;
   }
}

@media screen and (min-width:551px) and (max-width: 641px)  {
    .span1-2, .span6-1 {
      font-size: 42px;
    }


}