@media screen and (min-width:642px) and (max-width: 961px)  {

   .overlap-group6 {
       height: 2407px;
       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: 30px;
         left: 4%;
         top: 30%;
         width: 45%;
   }

   .rechtsanwalt-b  {
         font-size: 30px;
         left: 60%;
         top: 30%;
         width: 35%;
   }
   .linie-3 {
       height: 2px;
       left: 0%;
       top: 76%;
       width: 100%;
   }

   .linie-2 {
       height: 23%;
       left: 83.5%;
       top: 76%;
       width: 2px;
   }

   .pfad-2 {
       height: 2px;
       left: 0;
       object-fit: cover;
       position: absolute;
       top: 99%;
       width: 100%;
   }

   .de-en {
     cursor: pointer;
     height: 12.92%;
     left: 88%;
     letter-spacing: -1.0px;
     line-height: 12.92%;
     position: absolute;
     top: 87.5%;
     white-space: nowrap;
     width: 3.2%
   }

   .span0-2 {
       text-decoration-thickness: 2px;
   }

   .komponente-1-8 {
     align-items: flex-start;
     display: flex;
     height: 4%;
     left: 70%;
     position: absolute;
     top: 79.5%;
     width: 6.35%;
   }

   .komponente-2-8 {
     align-items: flex-start;
     display: flex;
     height: 9%;
     left: 32%;
     position: absolute;
     top: 79.5%;
     width: 6.35%;
   }

   .komponente-3-8 {
     align-items: flex-start;
     display: flex;
     height: 4%;
     left: 45%;
     position: absolute;
     top: 79.5%;
     width: 6.35%;
   }

   .komponente-4-8 {
     align-items: flex-start;
     display: flex;
     height: 9%;
     left: 10%;
     position: absolute;
     top: 79.5%;
     width: 6.35%;
   }
   .rechteck-17 {
      height: 96%;
      top: 2%;
      width: 92%;
      left: 4%;
   }
   .angaben-gem-5-tmg, .datenschutzblock {
        height: 90%;
        left: 8%;
        line-height: 15px;
        top: 7%;
        width: 84%;
   }

   .span1-3, .span1-4 {
        font-size: 22px;
        line-height: 23px;
   }
   .span-impressum {
       font-size: 45px;
   }
   .impressum-1 {
      left: 8%;
      letter-spacing: 1px;
      line-height: 32px;
      top: 4%;
      width: 55%;
   }
    .overlap-group-1 {
      height: 355px;
      width: 100%;
      position: absolute;
    }
   .span6-1 {
      font-size: 48px;
      top: 0%;
   }

   .dr-marco-brand-atto {
       top: 18%;
       left: 6.3%;
       line-height: 20px;
       width: 95%;
   }
 .komponente-10-13 {
    height: 35px;
    left: 6.3%;
    top: 50%;
    width: 60%;
  }

  .komponente-9-13 {
    height: 35px;
    left: 6.3%;
    top: 63%;
    width: 60%;
  }

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

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

   .span11-2, .span7-0, .span8-0 {
      font-size: 21px;
   }

   .place2, .place3 {
      margin-top: 11px;
   }
}

@media screen and (min-width:712px) and (max-width: 961px)  {
    .marcobrand-de-b {
             font-size: 30px;
             left: 6%;
             top: 30%;
             width: 35%;
       }

       .rechtsanwalt-b  {
             font-size: 30px;
             left: 65%;
             top: 30%;
             width: 35%;
       }
}

@media screen and (min-width:900px) and (max-width: 961px)  {
    .overlap-group6 {
       height: 2107px;
       width: 100%;
    }

    .overlap-group7 {
           height: 1837px;
    }

    .rechteck-17 {
      height: 95%;
      top: 3%;
      width: 92%;
      left: 4%;
    }
}