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

 .overlap-group6 {
       height: 2462px;
       width: 100%;
 }

 .overlap-group7 {
          height: 2688px;
          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: 4%;
         height: 92%;
     }
     .span-impressum {
       font-size: var(--font-size-l);
     }

     .impressum-1 {
       left: 8%;
       letter-spacing: 1px;
       line-height: 32px;
       top: 4%;
       width: 55%;
     }

     .rechteck-17 {
         height: 96%;
         top: 2%;
         width: 92%;
         left: 4%;
     }

   .span1-2, .span1-3, .span1-4, .span11-2 {
     font-size: 20px;
     line-height: 22px;
   }

   .angaben-gem-5-tmg, .datenschutzblock {
     height: 90%;
     left: 8%;
     line-height: 15px;
     top: 7%;
     width: 84%;
   }
    .span7-0,.span8-0 {
      font-size: 19.5px;
      font-weight: 700;
    }

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

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

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

@media screen and (min-width:602px) and (max-width: 641px) {
       .span1-3, .span1-4 {
         font-size: 21px;
         line-height: 24px;
       }
}