@media screen and (min-width:420px) and (max-width: 481px)  {
  .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: 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%;
   }

    .rechteck-29 {
        top: 4%;
        height: 92%;
    }
    .span-impressum {
      font-size: 27px;
    }

    .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: var(--font-size-s);
    line-height: 20px;
  }

  .angaben-gem-5-tmg {
    height: 90%;
    left: 8%;
    line-height: 15px;
    top: 7%;
    width: 84%;
  }

  .datenschutzblock {
      height: 90%;
      left: 8%;
      line-height: 15px;
      top: 7%;
      width: 84%;
  }

  .span7-0,.span8-0 {
      font-size: 17px;
      font-weight: 400;
  }

    .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-m);
      letter-spacing: 0px;
      line-height: 25px;
  }

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

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