/* screen - desktopcontact */

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

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

.desktopcontact .portfolio-tZraHB {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 583px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 210px;
  white-space: nowrap;
  width: auto;
}

.desktopcontact .about-tZraHB {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 702px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 210px;
  white-space: nowrap;
  width: auto;
}

.desktopcontact .contact-tZraHB {
  background-color: transparent;
  cursor: pointer;
  font-weight: 700;
  height: 19px;
  left: 798px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 210px;
  white-space: nowrap;
  width: auto;
}

.desktopcontact .impressum-tZraHB {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 909px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 210px;
  white-space: nowrap;
  width: auto;
}

.desktopcontact .sebastian-mevius-copy-tZraHB {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  left: 24px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 210px;
  white-space: nowrap;
  width: auto;
}

.desktopcontact .sm_-bildmarke_-bildm-tZraHB {
  background-color: transparent;
  cursor: pointer;
  height: 142px;
  left: 24px;
  position: absolute;
  top: 53px;
  width: 142px;
}

.desktopcontact .group-2-tZraHB {
  background-color: transparent;
  height: 85px;
  left: 21px;
  position: absolute;
  top: 860px;
  width: 977px;
}

.desktopcontact .sm_-bildmarke_-signa-3zMrxA {
  background-color: transparent;
  height: 49px;
  left: 929px;
  position: absolute;
  top: 36px;
  width: 49px;
}

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

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

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

.desktopcontact .en-35NJtc {
  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;
}

.desktopcontact .de-35NJtc {
  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;
}

.desktopcontact .contact-0vQqyU {
  background-color: transparent;
  font-weight: 700;
  height: 30px;
  left: 27px;
  letter-spacing: 0.00px;
  position: absolute;
  text-align: left;
  top: 337px;
  width: 317px;
}

.desktopcontact .sebastianmeviusyaho-tZraHB {
  background-color: transparent;
  font-weight: 400;
  height: 56px;
  left: 28px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 421px;
  width: 251px;
}

.desktopcontact .group-2-copy-tZraHB {
  background-color: transparent;
  cursor: pointer;
  height: 26px;
  left: 127px;
  position: absolute;
  top: 445px;
  width: 24px;
}

.desktopcontact .path-AxY4Am {
  background-color: transparent;
  height: 20px;
  left: -1px;
  position: absolute;
  top: 7px;
  width: 18px;
}

.desktopcontact .group-AxY4Am {
  background-color: transparent;
  height: 16px;
  left: 8px;
  position: absolute;
  top: 3px;
  transform: rotate(-315deg);
  width: 14px;
}

.desktopcontact .line-2-DhRWse {
  background-color: transparent;
  height: 13px;
  left: 5px;
  position: absolute;
  top: 3px;
  width: 3px;
}

.desktopcontact .rectangle-DhRWse {
  background-color: transparent;
  height: 9px;
  left: 2px;
  position: absolute;
  top: 2px;
  transform: rotate(-315deg);
  width: 10px;
}
/* screen - mobilecontact */

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

.mobilecontact .line-HNWoV2 {
  background-color: transparent;
  bottom: 76px;
  height: 1px;
  left: 14px;
  position: absolute;
  width: calc(100.00% - 29px);
}

.mobilecontact .line-PAXW0v {
  background-color: transparent;
  height: 1px;
  left: 160px;
  position: absolute;
  top: 131.43%;
  transform: rotate(-90deg);
  width: calc(100.00% + 344px);
}

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

.mobilecontact .contact-HNWoV2 {
  background-color: transparent;
  font-weight: 700;
  height: 30px;
  left: 15px;
  letter-spacing: 0.00px;
  position: absolute;
  text-align: left;
  top: 170px;
  width: calc(34.06% - 15px);
}

.mobilecontact .sebastianmeviusyaho-HNWoV2 {
  background-color: transparent;
  font-weight: 400;
  height: 56px;
  left: 16px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 254px;
  width: 251px;
}

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

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

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

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

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

.mobilecontact .sebastian-mevius-copy-HNWoV2 {
  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;
}

.mobilecontact .group-2-copy-HNWoV2 {
  background-color: transparent;
  cursor: pointer;
  height: 26px;
  left: 115px;
  position: absolute;
  top: 278px;
  width: 24px;
}

.mobilecontact .path-xxxlNj {
  background-color: transparent;
  height: 69.23%;
  left: 0px;
  position: absolute;
  top: 30.77%;
  width: 70.83%;
}

.mobilecontact .group-xxxlNj {
  background-color: transparent;
  height: 61.54%;
  left: 33.33%;
  position: absolute;
  top: 11.54%;
  transform: rotate(-315deg);
  width: 58.33%;
}

.mobilecontact .line-2-ak08d2 {
  background-color: transparent;
  height: 75.00%;
  left: 42.86%;
  position: absolute;
  top: 25.00%;
  width: 14.29%;
}

.mobilecontact .rectangle-ak08d2 {
  background-color: transparent;
  height: 56.25%;
  left: 14.29%;
  position: absolute;
  top: 12.50%;
  transform: rotate(-315deg);
  width: 71.43%;
}

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

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

.mobilecontact .en-xhejVT {
  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%;
}

.mobilecontact .de-xhejVT {
  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 - tabletcontact */

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

.tabletcontact .sebastian-mevius-g0GqZx {
  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);
}

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

.tabletcontact .group-g0GqZx {
  background-color: transparent;
  height: 1.93%;
  left: 325px;
  position: absolute;
  top: 21.30%;
  width: calc(100.00% - 352px);
}

.tabletcontact .portfolio-FPZtWv {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 19px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  right: 342px;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 74px;
}

.tabletcontact .about-FPZtWv {
  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;
}

.tabletcontact .contact-FPZtWv {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  right: 134px;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 67px;
}

.tabletcontact .impressum-FPZtWv {
  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;
}

.tabletcontact .sm_-bildmarke_-signatur_-verlauf_-farbe-g0GqZx {
  background-color: transparent;
  height: 4.97%;
  left: 143.75%;
  position: absolute;
  top: 225.35%;
  width: 6.38%;
}

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

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

.tabletcontact .contact-g0GqZx {
  background-color: transparent;
  font-weight: 700;
  height: 30px;
  left: 27px;
  letter-spacing: 0.00px;
  position: absolute;
  text-align: left;
  top: 337px;
  width: 317px;
}

.tabletcontact .sebastianmeviusyaho-g0GqZx {
  background-color: transparent;
  font-weight: 400;
  height: 56px;
  left: 28px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 421px;
  width: 251px;
}

.tabletcontact .group-2-copy-g0GqZx {
  background-color: transparent;
  cursor: pointer;
  height: 26px;
  left: 127px;
  position: absolute;
  top: 445px;
  width: 24px;
}

.tabletcontact .path-dv1DhO {
  background-color: transparent;
  height: 69.23%;
  left: 0px;
  position: absolute;
  top: 30.77%;
  width: 70.83%;
}

.tabletcontact .group-dv1DhO {
  background-color: transparent;
  height: 61.54%;
  left: 33.33%;
  position: absolute;
  top: 11.54%;
  transform: rotate(-315deg);
  width: 58.33%;
}

.tabletcontact .line-2-SaPnuD {
  background-color: transparent;
  height: 75.00%;
  left: 42.86%;
  position: absolute;
  top: 25.00%;
  width: 14.29%;
}

.tabletcontact .rectangle-SaPnuD {
  background-color: transparent;
  height: 56.25%;
  left: 14.29%;
  position: absolute;
  top: 12.50%;
  transform: rotate(-315deg);
  width: 71.43%;
}

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

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

.tabletcontact .en-3JWxT0 {
  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%;
}

.tabletcontact .de-3JWxT0 {
  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.tabletcontact { 
    display: none;
   }
  .screen.desktopcontact { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .screen.mobilecontact { 
    display: none;
   }
  .screen.desktopcontact { 
    display: none;
   }
}
@media screen and (min-width: 1024px) {
  .screen.tabletcontact { 
    display: none;
   }
  .screen.mobilecontact { 
    display: none;
   }
}