@media screen and (min-width:320px) and (max-width: 419px)  {
   .overlap-group6 {
      height: 1162px;
      width: 100%;
    }
     .gruppe-44, .overlap-group, .overlap-group5, .desktop-header {
        align-items: self-start;
        height: 117px;
     }
   .marcobrand-de-b {
      font-size: 18px;
      left: 5%;
      top: 25%;
      width: 55%;
    }

    .rechtsanwalt-b  {
      font-size: 18px;
      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: 93%;
   height: 18px;
   position: absolute;
   width: 22px;
  }

  .ebene-1 {
    left: 35%;
  }

  .ebene-1-1 {
    left: 55%;
  }
  .fintech {
      left: 11%;
      top: 4%;
      width: 45%;
  }

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

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

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

  .exemplarisch-genannt {
       left: 11%;
       width: 82%;
       top: 51%;
  }

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

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

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

  .dr-brands-praxis-u {
         left: 11%;
         width: 76%;
         top: 52%;
  }

   .span1-2, .span6-1 {
      font-size: 22px;
   }

  .span1-1, .span11-2 {
    font-size: 16px;
    line-height: 18px;
  }

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

  .dr-marco-brand-atto {
    left: 4.8%;
    line-height: 20px;
    top: 26px;
    width: 95%;
  }
    .span7-0,.span8-0 {
      font-size: 17px;
      font-weight: 400;
    }

    .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: 5%;
    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: 14px;
  }
  .komponente-10-13 {
     height: 35px;
     left: 4.8%;
     top: 50%;
     width: 90%;
   }

   .komponente-9-13 {
     height: 35px;
     left: 4.8%;
     top: 70%;
     width: 90%;
   }
  .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: 31%;
  }
}

@media screen and (min-width:355px) and (max-width: 379px){
      .span1-1, .span11-2 {
        font-size: 18px;
        line-height: 19px;
      }
}

@media screen and (min-width:380px) and (max-width: 419px){
      .span1-1, .span11-2 {
        font-size: 19px;
        line-height: 20px;
      }

      .aus-dr-brands-erfah {
        top: 63%;
      }
}