/* screen - desktopmhp */

.desktopmhp {
  background-color: var(--white);
  height: 1547px;
  overflow-x: hidden;
  position: relative;
  width: 1024px;
}

.desktopmhp .rectangle-6XHucq {
  background-color: var(--white);
  height: 30px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1024px;
}

.desktopmhp .rectangle-LWbXrK {
  background-color: transparent;
  display: block;
  height: 387px;
  left: 8px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 981px;
  width: 212px;
}

.desktopmhp .rectangle-LWbXrK.bp1-animate-enter366 {
  animation: bp1-animate-enter366-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter366-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktopmhp .social-media-campaig-6XHucq {
  background-color: transparent;
  display: block;
  font-weight: 700;
  height: 30px;
  left: 24px;
  letter-spacing: 0.00px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 337px;
  width: auto;
}

.desktopmhp .social-media-campaig-6XHucq.bp1-animate-enter367 {
  animation: bp1-animate-enter367-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter367-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktopmhp .kunde-mhp-a-porsc-6XHucq {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 28px;
  left: 24px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 370px;
  white-space: nowrap;
  width: 953px;
}

.desktopmhp .kunde-mhp-a-porsc-6XHucq.bp1-animate-enter368 {
  animation: bp1-animate-enter368-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter368-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktopmhp .als-forum-fr-digita-6XHucq {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 112px;
  left: 24px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 426px;
  width: 976px;
}

.desktopmhp .als-forum-fr-digita-6XHucq.bp1-animate-enter369 {
  animation: bp1-animate-enter369-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter369-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktopmhp .sm_-bildmarke_-signatur_-blau-6XHucq {
  background-color: transparent;
  display: block;
  height: 30px;
  left: 24px;
  opacity: 0;
  position: absolute;
  top: 426px;
  width: 30px;
}

.desktopmhp .sm_-bildmarke_-signatur_-blau-6XHucq.bp1-animate-enter370 {
  animation: bp1-animate-enter370-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter370-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktopmhp .rectangle-0ocEyV {
  background-color: transparent;
  display: block;
  height: 152px;
  left: 202px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1083px;
  width: 150px;
}

.desktopmhp .rectangle-0ocEyV.bp1-animate-enter371 {
  animation: bp1-animate-enter371-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter371-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktopmhp .rectangle-copy-3-6XHucq {
  background-color: transparent;
  display: block;
  height: 152px;
  left: 356px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1083px;
  width: 152px;
}

.desktopmhp .rectangle-copy-3-6XHucq.bp1-animate-enter372 {
  animation: bp1-animate-enter372-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter372-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktopmhp .rectangle-copy-4-6XHucq {
  background-color: transparent;
  display: block;
  height: 152px;
  left: 512px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1083px;
  width: 152px;
}

.desktopmhp .rectangle-copy-4-6XHucq.bp1-animate-enter373 {
  animation: bp1-animate-enter373-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter373-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktopmhp .rectangle-copy-5-6XHucq {
  background-color: transparent;
  display: block;
  height: 103px;
  left: 440px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1297px;
  width: 103px;
}

.desktopmhp .rectangle-copy-5-6XHucq.bp1-animate-enter374 {
  animation: bp1-animate-enter374-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter374-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktopmhp .rectangle-copy-7-6XHucq {
  background-color: transparent;
  display: block;
  height: 103px;
  left: 669px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1297px;
  width: 103px;
}

.desktopmhp .rectangle-copy-7-6XHucq.bp1-animate-enter375 {
  animation: bp1-animate-enter375-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter375-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktopmhp .rectangle-copy-6-6XHucq {
  background-color: transparent;
  display: block;
  height: 103px;
  left: 554px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1297px;
  width: 103px;
}

.desktopmhp .rectangle-copy-6-6XHucq.bp1-animate-enter376 {
  animation: bp1-animate-enter376-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter376-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktopmhp .rectangle-tmKIlt {
  background-color: transparent;
  display: block;
  height: 488px;
  left: 505px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 552px;
  width: 262px;
}

.desktopmhp .rectangle-tmKIlt.bp1-animate-enter377 {
  animation: bp1-animate-enter377-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter377-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktopmhp .rectangle-lGQm4m {
  background-color: transparent;
  display: block;
  height: 118px;
  left: 773px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 605px;
  width: 227px;
}

.desktopmhp .rectangle-lGQm4m.bp1-animate-enter378 {
  animation: bp1-animate-enter378-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter378-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktopmhp .rectangle-copy-6XHucq {
  background-color: transparent;
  display: block;
  height: 116px;
  left: 773px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 751px;
  width: 227px;
}

.desktopmhp .rectangle-copy-6XHucq.bp1-animate-enter379 {
  animation: bp1-animate-enter379-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter379-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktopmhp .rectangle-copy-2-6XHucq {
  background-color: transparent;
  display: block;
  height: 117px;
  left: 773px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 896px;
  width: 227px;
}

.desktopmhp .rectangle-copy-2-6XHucq.bp1-animate-enter380 {
  animation: bp1-animate-enter380-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter380-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktopmhp .group-2-copy-6XHucq {
  background-color: transparent;
  height: 176px;
  left: 24px;
  position: absolute;
  top: 53px;
  width: 975px;
}

.desktopmhp .sebastian-mevius-6bVpqW {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 0px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 157px;
  white-space: nowrap;
  width: auto;
}

.desktopmhp .sm_-bildmarke_-bildmarke_-verlauf_-farbe-6bVpqW {
  background-color: transparent;
  cursor: pointer;
  height: 142px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 142px;
}

.desktopmhp .portfolio-6bVpqW {
  background-color: transparent;
  cursor: pointer;
  font-weight: 700;
  height: 19px;
  left: 559px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 157px;
  white-space: nowrap;
  width: auto;
}

.desktopmhp .about-6bVpqW {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 678px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 157px;
  white-space: nowrap;
  width: auto;
}

.desktopmhp .contact-6bVpqW {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 774px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 157px;
  white-space: nowrap;
  width: auto;
}

.desktopmhp .impressum-6bVpqW {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 885px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 157px;
  white-space: nowrap;
  width: auto;
}

.desktopmhp .rectangle-HQjxfn {
  background-color: transparent;
  display: block;
  height: 243px;
  left: 23px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 605px;
  width: 394px;
}

.desktopmhp .rectangle-HQjxfn.bp1-animate-enter381 {
  animation: bp1-animate-enter381-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter381-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktopmhp .rectangle-copy-8-6XHucq {
  background-color: transparent;
  display: block;
  height: 103px;
  left: 783px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1297px;
  width: 103px;
}

.desktopmhp .rectangle-copy-8-6XHucq.bp1-animate-enter382 {
  animation: bp1-animate-enter382-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter382-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktopmhp .rectangle-copy-9-6XHucq {
  background-color: transparent;
  display: block;
  height: 103px;
  left: 897px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1297px;
  width: 103px;
}

.desktopmhp .rectangle-copy-9-6XHucq.bp1-animate-enter383 {
  animation: bp1-animate-enter383-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter383-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktopmhp .group-2-6XHucq {
  background-color: transparent;
  height: 86px;
  left: 23px;
  position: absolute;
  top: 1438px;
  width: 977px;
}

.desktopmhp .sm_-bildmarke_-signa-B6my9q {
  background-color: transparent;
  height: 49px;
  left: 929px;
  position: absolute;
  top: 37px;
  width: 49px;
}

.desktopmhp .line-copy-4-B6my9q {
  background-color: transparent;
  height: 2px;
  left: -0px;
  position: absolute;
  top: -0px;
  width: 978px;
}

.desktopmhp .sm_-bildmarke_-signatur_-verlauf_-farbe-6XHucq {
  background-color: transparent;
  height: 49px;
  left: 1224px;
  position: absolute;
  top: 1474px;
  width: 49px;
}

.desktopmhp .group-2-LWbXrK {
  background-color: transparent;
  height: 19px;
  left: 938px;
  position: absolute;
  top: 54px;
  width: 64px;
}

.desktopmhp .group-1mCeuV {
  background-color: transparent;
  height: 19px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 64px;
}

.desktopmhp .en-c6jv0b {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 28px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.desktopmhp .de-c6jv0b {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: auto;
}
/* screen - mobilemhp */

.mobilemhp {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 1650px;
  min-width: 320px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.mobilemhp .social-media-campaig-rdki0Y {
  background-color: transparent;
  font-weight: 700;
  height: 28px;
  left: 15px;
  letter-spacing: 0.00px;
  position: absolute;
  text-align: left;
  top: 170px;
  width: calc(100.00% - 31px);
}

.mobilemhp .kunde-mhp-agentur-rdki0Y {
  background-color: transparent;
  font-weight: 400;
  height: 40px;
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 208px;
  width: calc(100.00% - 15px);
}

.mobilemhp .line-rdki0Y {
  background-color: transparent;
  height: 1px;
  left: 14px;
  position: absolute;
  top: 95.36%;
  width: calc(100.00% - 29px);
}

.mobilemhp .sm_-bildmarke_-signa-rdki0Y {
  background-color: transparent;
  bottom: 8px;
  height: 49px;
  position: absolute;
  right: 14px;
  width: 49px;
}

.mobilemhp .rectangle-rdki0Y {
  background-color: transparent;
  height: 178px;
  left: calc(49.84% - 144px);
  object-fit: cover;
  position: absolute;
  top: calc(21.33% - 89px);
  width: 289px;
}

.mobilemhp .group-rdki0Y {
  background-color: transparent;
  height: 291px;
  left: calc(48.28% - 150px);
  position: absolute;
  top: calc(38.58% - 146px);
  width: 299px;
}

.mobilemhp .rectangle-NUUgJz {
  background-color: transparent;
  height: 291px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 156px;
}

.mobilemhp .rectangle-7izGQx {
  background-color: transparent;
  height: 71px;
  left: 164px;
  object-fit: cover;
  position: absolute;
  top: 30px;
  width: 135px;
}

.mobilemhp .rectangle-copy-NUUgJz {
  background-color: transparent;
  height: 71px;
  left: 164px;
  object-fit: cover;
  position: absolute;
  top: 106px;
  width: 135px;
}

.mobilemhp .rectangle-copy-2-NUUgJz {
  background-color: transparent;
  height: 70px;
  left: 164px;
  object-fit: cover;
  position: absolute;
  top: 193px;
  width: 135px;
}

.mobilemhp .als-forum-fr-digita-rdki0Y {
  background-color: transparent;
  font-weight: 400;
  height: 24.67%;
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 48.00%;
  width: calc(100.00% - 28px);
}

.mobilemhp .sm_-bildmarke_-signatur_-blau-copy-3-rdki0Y {
  background-color: transparent;
  height: 30px;
  left: 15px;
  position: absolute;
  top: 792px;
  width: 30px;
}

.mobilemhp .group-2-rdki0Y {
  background-color: transparent;
  height: 176px;
  left: calc(48.75% - 149px);
  position: absolute;
  top: calc(75.33% - 88px);
  width: 298px;
}

.mobilemhp .rectangle-S9eNzP {
  background-color: transparent;
  height: 176px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 97px;
}

.mobilemhp .rectangle-0TFjlC {
  background-color: transparent;
  height: 70px;
  left: 87px;
  object-fit: cover;
  position: absolute;
  top: 46px;
  width: 68px;
}

.mobilemhp .rectangle-copy-3-S9eNzP {
  background-color: transparent;
  height: 70px;
  left: 157px;
  object-fit: cover;
  position: absolute;
  top: 46px;
  width: 68px;
}

.mobilemhp .rectangle-copy-4-S9eNzP {
  background-color: transparent;
  height: 70px;
  left: 227px;
  object-fit: cover;
  position: absolute;
  top: 46px;
  width: 71px;
}

.mobilemhp .group-3-rdki0Y {
  background-color: transparent;
  height: 190px;
  left: calc(50.00% - 145px);
  position: absolute;
  top: calc(87.39% - 95px);
  width: 290px;
}

.mobilemhp .rectangle-copy-7-G2w9oT {
  background-color: transparent;
  height: 90px;
  left: 200px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 90px;
}

.mobilemhp .rectangle-copy-6-G2w9oT {
  background-color: transparent;
  height: 90px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 90px;
}

.mobilemhp .rectangle-copy-8-G2w9oT {
  background-color: transparent;
  height: 90px;
  left: 200px;
  object-fit: cover;
  position: absolute;
  top: 100px;
  width: 90px;
}

.mobilemhp .rectangle-copy-9-G2w9oT {
  background-color: transparent;
  height: 90px;
  left: 100px;
  object-fit: cover;
  position: absolute;
  top: 100px;
  width: 90px;
}

.mobilemhp .rectangle-copy-5-G2w9oT {
  background-color: transparent;
  height: 90px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 90px;
}

.mobilemhp .rectangle-G2w9oT {
  background-color: var(--white);
  height: 47.37%;
  left: 0px;
  position: absolute;
  top: 52.63%;
  width: 31.03%;
}

.mobilemhp .group-copy-4-rdki0Y {
  background-color: transparent;
  cursor: pointer;
  height: 25px;
  position: absolute;
  right: 16px;
  top: 95px;
  width: 39px;
}

.mobilemhp .rectangle-Aflhc8 {
  background-color: var(--cwlz69);
  border-radius: 2.5px;
  height: 20.00%;
  left: 0px;
  position: absolute;
  top: 80.00%;
  width: 100%;
}

.mobilemhp .rectangle-copy-Aflhc8 {
  background-color: var(--cwlz69);
  border-radius: 2.5px;
  height: 20.00%;
  left: 0px;
  position: absolute;
  top: 40.00%;
  width: 100%;
}

.mobilemhp .rectangle-copy-11-Aflhc8 {
  background-color: var(--cwlz69);
  border-radius: 2.5px;
  height: 20.00%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobilemhp .sm_-bildmarke_-bildm-rdki0Y {
  background-color: transparent;
  cursor: pointer;
  height: 76px;
  left: 13px;
  position: absolute;
  top: 13px;
  width: 76px;
}

.mobilemhp .sebastian-mevius-copy-rdki0Y {
  background-color: transparent;
  font-weight: 400;
  height: 30px;
  left: 7px;
  letter-spacing: 0.80px;
  line-height: 14.8px;
  position: absolute;
  text-align: center;
  top: 93px;
  width: 89px;
}

.mobilemhp .group-2-wLn0HY {
  background-color: transparent;
  height: 19px;
  position: absolute;
  right: 13px;
  top: 13px;
  width: 65px;
}

.mobilemhp .group-7F3Q7L {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.mobilemhp .en-pxGSKx {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 44.62%;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 60.00%;
}

.mobilemhp .de-pxGSKx {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 38.46%;
}
/* screen - tabletmhp */

.tabletmhp {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 1466px;
  min-width: 768px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.tabletmhp .social-media-campaig-xG6igY {
  background-color: transparent;
  display: block;
  font-weight: 700;
  height: 30px;
  left: 26px;
  letter-spacing: 0.00px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: calc(24.01% - 15px);
  width: calc(82.29% - 26px);
}

.tabletmhp .social-media-campaig-xG6igY.bp2-animate-enter262 {
  animation: bp2-animate-enter262-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter262-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tabletmhp .kunde-mhp-a-porsc-xG6igY {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 56px;
  left: 27px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: calc(27.15% - 28px);
  width: calc(95.96% - 27px);
}

.tabletmhp .kunde-mhp-a-porsc-xG6igY.bp2-animate-enter263 {
  animation: bp2-animate-enter263-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter263-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tabletmhp .als-forum-fr-digita-xG6igY {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 9.55%;
  left: 27px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 30.97%;
  width: calc(100.00% - 58px);
}

.tabletmhp .als-forum-fr-digita-xG6igY.bp2-animate-enter264 {
  animation: bp2-animate-enter264-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter264-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tabletmhp .sm_-bildmarke_-signatur_-blau-xG6igY {
  background-color: transparent;
  display: block;
  height: 30px;
  left: 27px;
  opacity: 0;
  position: absolute;
  top: 454px;
  width: 30px;
}

.tabletmhp .sm_-bildmarke_-signatur_-blau-xG6igY.bp2-animate-enter265 {
  animation: bp2-animate-enter265-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter265-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tabletmhp .sebastian-mevius-xG6igY {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 27px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 210px;
  white-space: nowrap;
  width: calc(22.40% - 27px);
}

.tabletmhp .sm_-bildmarke_-bildmarke_-verlauf_-farbe-xG6igY {
  background-color: transparent;
  cursor: pointer;
  height: 142px;
  left: 27px;
  position: absolute;
  top: 53px;
  width: 142px;
}

.tabletmhp .group-xG6igY {
  background-color: transparent;
  height: 1.30%;
  left: 325px;
  position: absolute;
  top: 14.32%;
  width: calc(100.00% - 352px);
}

.tabletmhp .portfolio-xL7dwi {
  background-color: transparent;
  cursor: pointer;
  font-weight: 700;
  height: 19px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  right: 340px;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 76px;
}

.tabletmhp .about-xL7dwi {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  right: 246px;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 51px;
}

.tabletmhp .contact-xL7dwi {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  right: 135px;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 66px;
}

.tabletmhp .impressum-xL7dwi {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  right: -3px;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 93px;
}

.tabletmhp .sm_-bildmarke_-signatur_-verlauf_-farbe-xG6igY {
  background-color: transparent;
  height: 3.34%;
  left: 143.75%;
  position: absolute;
  top: 151.57%;
  width: 6.38%;
}

.tabletmhp .line-copy-xG6igY {
  background-color: transparent;
  height: 1px;
  left: 26px;
  position: absolute;
  top: 92.60%;
  width: calc(100.00% - 53px);
}

.tabletmhp .sm_-bildmarke_-signa-xG6igY {
  background-color: transparent;
  bottom: 24px;
  height: 49px;
  position: absolute;
  right: 26px;
  width: 49px;
}

.tabletmhp .group-3-xG6igY {
  background-color: transparent;
  height: 314px;
  left: calc(37.11% - 271px);
  position: absolute;
  top: 913px;
  width: 542px;
}

.tabletmhp .rectangle-M8oTx6 {
  background-color: transparent;
  display: block;
  height: 314px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 172px;
}

.tabletmhp .rectangle-M8oTx6.bp2-animate-enter266 {
  animation: bp2-animate-enter266-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter266-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tabletmhp .rectangle-r07lL1 {
  background-color: transparent;
  display: block;
  height: 123px;
  left: 159px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 83px;
  width: 122px;
}

.tabletmhp .rectangle-r07lL1.bp2-animate-enter267 {
  animation: bp2-animate-enter267-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter267-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tabletmhp .rectangle-copy-3-M8oTx6 {
  background-color: transparent;
  display: block;
  height: 123px;
  left: 289px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 83px;
  width: 122px;
}

.tabletmhp .rectangle-copy-3-M8oTx6.bp2-animate-enter268 {
  animation: bp2-animate-enter268-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter268-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tabletmhp .rectangle-copy-4-M8oTx6 {
  background-color: transparent;
  display: block;
  height: 123px;
  left: 418px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 83px;
  width: 124px;
}

.tabletmhp .rectangle-copy-4-M8oTx6.bp2-animate-enter269 {
  animation: bp2-animate-enter269-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter269-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tabletmhp .rectangle-copy-5-xG6igY {
  background-color: transparent;
  display: block;
  height: 98px;
  left: 208px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1222px;
  width: 98px;
}

.tabletmhp .rectangle-copy-5-xG6igY.bp2-animate-enter270 {
  animation: bp2-animate-enter270-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter270-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tabletmhp .rectangle-copy-7-xG6igY {
  background-color: transparent;
  display: block;
  height: 98px;
  left: 425px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1222px;
  width: 98px;
}

.tabletmhp .rectangle-copy-7-xG6igY.bp2-animate-enter271 {
  animation: bp2-animate-enter271-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter271-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tabletmhp .rectangle-copy-6-xG6igY {
  background-color: transparent;
  display: block;
  height: 98px;
  left: 316px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1222px;
  width: 98px;
}

.tabletmhp .rectangle-copy-6-xG6igY.bp2-animate-enter272 {
  animation: bp2-animate-enter272-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter272-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tabletmhp .group-2-xG6igY {
  background-color: transparent;
  height: 349px;
  left: calc(50.00% - 357px);
  position: absolute;
  top: 608px;
  width: 714px;
}

.tabletmhp .rectangle-x5NdR2 {
  background-color: transparent;
  display: block;
  height: 349px;
  left: 355px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 188px;
}

.tabletmhp .rectangle-x5NdR2.bp2-animate-enter273 {
  animation: bp2-animate-enter273-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter273-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tabletmhp .rectangle-ByZufO {
  background-color: transparent;
  display: block;
  height: 84px;
  left: 552px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 37px;
  width: 162px;
}

.tabletmhp .rectangle-ByZufO.bp2-animate-enter274 {
  animation: bp2-animate-enter274-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter274-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tabletmhp .rectangle-copy-x5NdR2 {
  background-color: transparent;
  display: block;
  height: 84px;
  left: 552px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 142px;
  width: 162px;
}

.tabletmhp .rectangle-copy-x5NdR2.bp2-animate-enter275 {
  animation: bp2-animate-enter275-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter275-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tabletmhp .rectangle-copy-2-x5NdR2 {
  background-color: transparent;
  display: block;
  height: 84px;
  left: 552px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 246px;
  width: 162px;
}

.tabletmhp .rectangle-copy-2-x5NdR2.bp2-animate-enter276 {
  animation: bp2-animate-enter276-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter276-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tabletmhp .rectangle-OYcUIK {
  background-color: transparent;
  display: block;
  height: 170px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 37px;
  width: 276px;
}

.tabletmhp .rectangle-OYcUIK.bp2-animate-enter277 {
  animation: bp2-animate-enter277-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter277-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tabletmhp .rectangle-copy-8-xG6igY {
  background-color: transparent;
  display: block;
  height: 98px;
  left: 534px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1222px;
  width: 98px;
}

.tabletmhp .rectangle-copy-8-xG6igY.bp2-animate-enter278 {
  animation: bp2-animate-enter278-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter278-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tabletmhp .rectangle-copy-9-xG6igY {
  background-color: transparent;
  display: block;
  height: 98px;
  left: 642px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1222px;
  width: 98px;
}

.tabletmhp .rectangle-copy-9-xG6igY.bp2-animate-enter279 {
  animation: bp2-animate-enter279-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter279-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tabletmhp .group-2-yHzef8 {
  background-color: transparent;
  height: 19px;
  position: absolute;
  right: 26px;
  top: 53px;
  width: 65px;
}

.tabletmhp .group-epy8hc {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.tabletmhp .en-83wM29 {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 44.62%;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 60.00%;
}

.tabletmhp .de-83wM29 {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 38.46%;
}
@media screen and (max-width: 767px) {
  .screen.tabletmhp { 
    display: none;
   }
  .screen.desktopmhp { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .screen.mobilemhp { 
    display: none;
   }
  .screen.desktopmhp { 
    display: none;
   }
}
@media screen and (min-width: 1024px) {
  .screen.tabletmhp { 
    display: none;
   }
  .screen.mobilemhp { 
    display: none;
   }
}