@media screen and (min-width:482px) and (max-width: 641px)  {

  .overlap-group6 {
    height: 4000px;
  }

  .marcobrand-de-b {
    font-size: 23px;
    left: 5%;
    top: 25%;
    width: 55%;
  }

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

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

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

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

  .x7-m309561 {
    height: 7.5%;
    left: 4%;
    top: 6.5%;
    width: 94%;
  }

  .rechteck-14 {
    height: 29.5%;
    top: 15.2%;
    width: 100%;
  }

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

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

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

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

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

  .overlap-group1 {
    height: 8%;
    left: 4%;
    top: 26.4%;
    width: 46%;
  }

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

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

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

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

  .span3-2 {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    text-align: left;
  }

  .span-3-0{
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 950;
    text-decoration: none !important;
  }

  .place {
    margin-left: 10%;
    margin-top: 5%;
  }

  .overlap-group2{
    height: 8%;
    left: 52%;
    top: 26.4%;
    width: 46%;
  }

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

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

  .overlap-group3 {
    height: 8%;
    left: 4%;
    top: 34.7%;
    width: 46%;
  }

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

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

  .overlap-group4 {
    height: 8%;
    left: 52%;
    top: 34.7%;
    width: 46%;
  }

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

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

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

  .vitaBlock {
    top: 42.8%;
  }

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

  .x7-m309507 {
      height: 8%;
      left: 4%;
      top: 47.6%;
      width: 94%;
  }

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

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

  .rechteck-16 {
        height: 28.8%;
        top: 72%;
        width: 100%;
   }

  .rechteck-15 {
      height: 25%;
      top: 75.5%;
      width: 100%;
  }

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

  .publikationBlock{
      top: 73%;
  }

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

  .press-artikel {
    left: 4.8%;
    letter-spacing: 0;
    line-height: 100%;
    position: absolute;
    top: 77.4%;
    width: 95%;
  }
  .publikationen2 {
    left: 4.8%;
    line-height: 100%;
    position: absolute;
    top: 73.2%;
    width: 96%;
  }

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

.publikationBlock2 {
    top: 70%;
}

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

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

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

  .phone {
    letter-spacing: 0;
    line-height: 36px;
    min-height: 52px;
    min-width: 343px;
    white-space: nowrap;
  }

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

  .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: 16px;
  }

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

@media screen and (min-width:535px) and (max-width: 641px) {
    .x7-m309561 {
         height: 8.3%;
         top: 6.5%;
      }
    .x7-m309507 {
        height: 8.5%;
        top: 47%;
      }

      .seit-2022-selbstnd {
         top: 56.4%;
         width: 94%;
        }
}