@media screen and (min-width:420px) and (max-width: 481px)  {

  .overlap-group6 {
    height: 4500px;
  }

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

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

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

  .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: 5%;
    left: 4%;
    object-fit: cover;
    position: absolute;
    top: 6%;
    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: 28px;
  }

  .dr-marco-brand-hat {
    left: 4%;
    top: 14.3%;
    width: 92%;
  }

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

  .overlap-group1 {
    height: 5.7%;
    left: 4%;
    top: 21.7%;
    width: 92%;
  }

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

  .komponente-8-13, .komponente-8-17, .komponente-8-18, .komponente-8-19 {
    height: 18%;
    left: 6.8%;
    top: 75%;
    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, .bankingzu-dr-bran, .asset-managementdr, .corporatedr-brand {
    left: 6.8%;
    line-height: 20px;
    top: 32px;
    width: 90%;
  }

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

  .span3-2 {
    font-size: 19px;
    font-weight: 400;
    line-height: 21px;
    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: 15%;
    margin-top: 7%;
  }

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

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

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

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

  .vitaBlock {
    top: 43.5%;
  }

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

  .x7-m309507 {
    height: 5.2%;
    left: 4%;
    top: 47%;
    width: 94%;
  }

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

  .span4-2, .span4-3, .span4-4, .span11-2 {
    font-size: 18px;
  }
    .span11-2 {
     font-weight: 700;
    }
    .rechteck-16 {
        height: 28.8%;
        top: 68%;
        width: 100%;
    }
  .rechteck-15 {
      height: 27.8%;
      top: 68%;
      width: 100%;
  }

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

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

  .publikationBlock{
      top: 66%;
  }

  .publikationBlock2 {
      top: 66%;
  }

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

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

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

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

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

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

@media screen and (min-width:435px) and (max-width: 481px) {
    .x7-m309561 {
        top: 6%;
        height: 5%;
      }
    .x7-m309507 {
        height: 6.5%;
        top: 46.8%;
      }

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