@media screen and (min-width:320px) and (max-width: 419px)  {

  .overlap-group6 {
    height: 4500px;
  }

  .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%;
  }

  .dr-marco-brand-expe {
    font-size: var(--font-size-xxl);
    font-weight: 400;
    left: 4%;
    letter-spacing: 0;
    line-height: 10%;
    top: 2.8%;
    width: 90%;
  }

  .span0-1 {
    font-family: "Millimetre-Bold", Helvetica;
    font-weight: 1;
    font-size: var(--font-size-m);
    letter-spacing: 0px;
    line-height: 26px;
  }

  .span0-3 {
    font-family: var(--font-family-vollkorn);
    font-size: 23px;
    font-weight: 150;
    letter-spacing:0.5px;
  }

  .x7-m309561 {
    height: 3.8%;
    left: 4%;
    object-fit: cover;
    position: absolute;
    top: 6.4%;
    width: 94%;
  }

  .rechteck-14 {
    height: 34.5%;
    top: 11.2%;
    width: 100%;
  }

  .expertiseBlock {
     height: 15%;
     top: 9%;
     width: 100%;
  }

  .wirtschaftsrechtlich {
    font-weight: 400;
    left: 4%;
    letter-spacing: 0;
    line-height: 10%;
    top: 12%;
    width: 90%;
  }

  .span0-4 {
    font-weight: 1;
    font-size: var(--font-size-m);
    letter-spacing: 0px;
    line-height: 25px;
  }

  .dr-marco-brand-hat {
    left: 4%;
    top: 14.7%;
    width: 95%;
  }

  .span0-5 {
    font-weight: 1;
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 20px;
  }

  .overlap-group1 {
    height: 5%;
    left: 4%;
    top: 23.3%;
    width: 92%;
  }

  .rechteck-1 {
    height: 100%;
    width: 100%;
  }

  .komponente-8-13 {
    height: 15%;
    left: 4.8%;
    top: 81%;
    width: 28%;
  }

  .komponente-10-13 {
    height: 35px;
    left: 4.8%;
    top: 50%;
    width: 90%;
  }

  .komponente-9-13 {
    height: 35px;
    left: 4.8%;
    top: 70%;
    width: 90%;
  }

  .fintechdie-beratun {
    left: 4.8%;
    line-height: 20px;
    top: 12px;
    width: 90%;
  }

  .span3-1 {
    font-weight: 1;
    font-size: 21px;
    letter-spacing: 0px;
    line-height: 20px;
  }

  .span3-2 {
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0;
    text-align: left;
    line-height: 18px;
  }

  .span-3-0{
    font-size: 23px;
    font-style: normal;
    font-weight: 950;
    text-decoration: none !important;
  }

  .place {
    margin-left: 7%;
    margin-top: 2%;
  }

  .overlap-group2{
    height: 5%;
    left: 4%;
    top: 28.6%;
    width: 92%;
  }

  .bankingzu-dr-bran {
    left: 4.8%;
    line-height: 20px;
    top: 12px;
    width: 90%;
  }

  .komponente-8-17 {
    height: 15%;
    left: 4.8%;
    top: 81%;
    width: 28%;
  }

  .overlap-group3 {
    height: 5%;
    left: 4%;
    top: 33.9%;
    width: 92%;
  }

  .asset-managementdr {
    left: 4.8%;
    line-height: 20px;
    top: 12px;
    width: 90%;
  }

  .komponente-8-18 {
    height: 15%;
    left: 4.8%;
    top: 81%;
    width: 28%;
  }

  .overlap-group4 {
    height: 5%;
    left: 4%;
    top: 39.2%;
    width: 92%;
  }

  .corporatedr-brand {
    left: 4.8%;
    line-height: 20px;
    top: 12px;
    width: 90%;
  }

  .komponente-8-19 {
    height: 15%;
    left: 4.8%;
    top: 81%;
    width: 28%;
  }

  .vita {
    left: 4%;
    line-height: 20px;
    top: 46.5%;
    width: 20%;
  }

  .vitaBlock {
    top: 44%;
  }

  .span4-1, .span6-1 {
    font-weight: 1;
    font-size: var(--font-size-m);
    letter-spacing: 0px;
    line-height: 25px;
  }

  .x7-m309507 {
    height: 4.5%;
    left: 4%;
    top: 47.8%;
    width: 94%;
  }

  .seit-2022-selbstnd {
    left: 4.8%;
    top: 52.7%;
    width: 94%;
  }

  .span4-2, .span4-3, .span4-4, .span11-2  {
    font-size: 18px;
  }

  .span11-2  {
    font-weight: 700;
  }

  .rechteck-15 {
      height: 29%;
      top: 69.5%;
      width: 100%;
  }

    .rechteck-16 {
        height: 33%;
        top: 69.5%;
        width: 100%;
    }

  .publikationen,.publikationen2 {
    left: 4.8%;
    line-height: 100%;
    position: absolute;
    top: 70%;
    width: 96%;
  }

  .publikationBlock{
      top: 67.5%;
  }

  .publikationBlock2 {
      top: 67.5%;
  }

  .press-artikel, .press-artikel2 {
    left: 4.8%;
    letter-spacing: 0;
    line-height: 100%;
    position: absolute;
    top: 71.3%;
    width: 95%;
  }

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

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

  .aufsaetze {
    left: 4.8%;
    letter-spacing: 0;
    line-height: 100%;
    position: absolute;
    top: 83.2%;
    width: 95%;
  }

    .aufsaetze2 {
        left: 4.8%;
        letter-spacing: 0;
        line-height: 100%;
        position: absolute;
        top: 85.7%;
        width: 95%;
    }

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

  .span7-0 {
    font-size: 20px;
  }

  .span8-0 {
    font-size: 18px;
  }

  .span9-0 {
    display: none;
  }

  .place2 {
    margin-top: 9px;
  }

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

  .overlap-group-1 {
    height: 335px;
    position: relative;
    width: 100%;
  }

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

  .span9-1 {
    font-size: 14px;
  }

  .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) {
     .aufsaetze {
       top: 82.2%;
     }

     .aufsaetze2 {
           top: 83.7%;
     }

     .rechteck-15 {
        height: 27%;
     }

     .rechteck-16 {
        height: 29%;
     }

     .span0-5 {
         font-weight: 1;
         font-size: 19px;
         letter-spacing: 0px;
         line-height: 22px;
     }
    .dr-marco-brand-hat {
        left: 4%;
        top: 14%;
        width: 95%;
    }
}

@media screen and (min-width:380px) and (max-width: 419px) {
    .x7-m309561 {
        top: 5.5%;
        height: 5%;
    }

    .aufsaetze {
           top: 84.2%;
    }

    .aufsaetze2 {
       top: 85.3%;
    }

    .rechteck-16 {
        height: 32%;
    }

    .rechteck-15 {
            height: 30%;
    }
    .x7-m309507 {
        height: 4.9%;
        top: 47.5%;
    }
    .dr-marco-brand-hat {
        left: 4%;
        top: 14%;
        width: 95%;
    }
    .place {
          margin-left: 15%;
          margin-top: 8%;
    }
    .overlap-group1 {
        height: 5.7%;
        left: 4%;
        top: 21.3%;
        width: 92%;
    }

    .overlap-group2 {
        height: 5.7%;
        left: 4%;
        top: 27.4%;
        width: 92%;
    }

    .overlap-group3 {
        height: 5.7%;
        left: 4%;
        top: 33.3%;
        width: 92%;
    }

    .overlap-group4 {
        height: 5.7%;
        left: 4%;
        top: 39.4%;
        width: 92%;
    }

    .komponente-8-13, .komponente-8-17, .komponente-8-18, .komponente-8-19 {
        height: 18%;
        left: 6.8%;
        top: 74%;
        width: 28%;
    }

    .span3-0, .span3-1 {
        font-size: 25px;
    }

    .span3-2 {
        font-size: 19px;
    }
    .fintechdie-beratun, .bankingzu-dr-bran, .asset-managementdr, .corporatedr-brand {
        left: 6.8%;
        line-height: 20px;
        top: 32px;
        width: 90%;
    }

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