/* screen - desktopcontacten */

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

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

.desktopcontacten .contact-xWgfwx {
  background-color: transparent;
  font-weight: 700;
  height: 30px;
  left: 23px;
  letter-spacing: 0.00px;
  position: absolute;
  text-align: left;
  top: 337px;
  width: auto;
}

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

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

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

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

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

.desktopcontacten .group-2-copy-xWgfwx {
  background-color: transparent;
  cursor: pointer;
  height: 25px;
  left: 123px;
  position: absolute;
  top: 446px;
  width: 23px;
}

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

.desktopcontacten .group-XopFf1 {
  background-color: transparent;
  height: 17px;
  left: 7px;
  position: absolute;
  top: 2px;
  transform: rotate(-315deg);
  width: 14px;
}

.desktopcontacten .line-2-RWKWNd {
  background-color: transparent;
  height: 12px;
  left: 5px;
  position: absolute;
  top: 4px;
  width: 3px;
}

.desktopcontacten .rectangle-RWKWNd {
  background-color: transparent;
  height: 10px;
  left: 3px;
  position: absolute;
  top: 2px;
  transform: rotate(-315deg);
  width: 9px;
}

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

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

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

.desktopcontacten .group-3-xWgfwx {
  background-color: transparent;
  height: 19px;
  left: 938px;
  position: absolute;
  top: 54px;
  width: 63px;
}

.desktopcontacten .group-2-VQ1b1V {
  background-color: transparent;
  height: 19px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 63px;
}

.desktopcontacten .group-Ornv9H {
  background-color: transparent;
  height: 19px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 63px;
}

.desktopcontacten .en-6ypjSa {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: 40px;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.desktopcontacten .de-6ypjSa {
  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: 0px;
  white-space: nowrap;
  width: auto;
}

.desktopcontacten .x-VQ1b1V {
  background-color: transparent;
  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;
}

.desktopcontacten .sebastian-mevius-xWgfwx {
  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;
}

.desktopcontacten .sm_-bildmarke_-bildmarke_-verlauf_-farbe-xWgfwx {
  background-color: transparent;
  cursor: pointer;
  height: 142px;
  left: 24px;
  position: absolute;
  top: 53px;
  width: 142px;
}
/* screen - mobilecontacten */

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

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

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

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

.mobilecontacten .contact-73t3L5 {
  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);
}

.mobilecontacten .sebastianmeviusyaho-73t3L5 {
  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;
}

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

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

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

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

.mobilecontacten .group-2-copy-73t3L5 {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 115px;
  position: absolute;
  top: 280px;
  width: 23px;
}

.mobilecontacten .path-UsgCeq {
  background-color: transparent;
  height: 66.67%;
  left: 0px;
  position: absolute;
  top: 33.33%;
  width: 69.57%;
}

.mobilecontacten .group-UsgCeq {
  background-color: transparent;
  height: 66.67%;
  left: 30.43%;
  position: absolute;
  top: 8.33%;
  transform: rotate(-315deg);
  width: 60.87%;
}

.mobilecontacten .line-2-XTuoTo {
  background-color: transparent;
  height: 62.50%;
  left: 42.86%;
  position: absolute;
  top: 31.25%;
  width: 14.29%;
}

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

.mobilecontacten .sebastian-mevius-copy-73t3L5 {
  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;
}

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

.mobilecontacten .group-2-73t3L5 {
  background-color: transparent;
  height: 19px;
  position: absolute;
  right: 13px;
  top: 13px;
  width: 63px;
}

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

.mobilecontacten .en-E5xIop {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: 63.49%;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 41.27%;
}

.mobilecontacten .de-E5xIop {
  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: calc(50.00% - 10px);
  white-space: nowrap;
  width: 60.32%;
}
/* screen - tabletcontacten */

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

.tabletcontacten .sebastian-mevius-3S3GiB {
  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);
}

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

.tabletcontacten .group-3S3GiB {
  background-color: transparent;
  height: 1.93%;
  left: 373px;
  position: absolute;
  top: 21.30%;
  width: calc(100.00% - 398px);
}

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

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

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

.tabletcontacten .legal-CyvH1O {
  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: 47px;
}

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

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

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

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

.tabletcontacten .sebastianmeviusyaho-3S3GiB {
  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;
}

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

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

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

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

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

.tabletcontacten .group-2-3S3GiB {
  background-color: transparent;
  height: 19px;
  position: absolute;
  right: 25px;
  top: 53px;
  width: 63px;
}

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

.tabletcontacten .en-nghzcZ {
  background-color: transparent;
  font-weight: 700;
  height: 19px;
  left: 63.49%;
  letter-spacing: 1.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 10px);
  white-space: nowrap;
  width: 41.27%;
}

.tabletcontacten .de-nghzcZ {
  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: calc(50.00% - 10px);
  white-space: nowrap;
  width: 60.32%;
}
@media screen and (max-width: 767px) {
  .screen.tabletcontacten { 
    display: none;
   }
  .screen.desktopcontacten { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .screen.mobilecontacten { 
    display: none;
   }
  .screen.desktopcontacten { 
    display: none;
   }
}
@media screen and (min-width: 1024px) {
  .screen.tabletcontacten { 
    display: none;
   }
  .screen.mobilecontacten { 
    display: none;
   }
}