/* screen - mobiledeutscherringen2 */

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

.mobiledeutscherringen2 .branding-corporate-9OxwDk {
  background-color: transparent;
  font-weight: 700;
  height: 56px;
  left: 15px;
  letter-spacing: 0.00px;
  position: absolute;
  text-align: left;
  top: 170px;
  width: calc(100.00% - 31px);
}

.mobiledeutscherringen2 .client-deutscher-ri-9OxwDk {
  background-color: transparent;
  font-weight: 400;
  height: 60px;
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 235px;
  width: calc(100.00% - 15px);
}

.mobiledeutscherringen2 .group-2-9OxwDk {
  background-color: transparent;
  height: 97px;
  left: calc(50.16% - 146px);
  position: absolute;
  top: calc(49.22% - 48px);
  width: 291px;
}

.mobiledeutscherringen2 .rectangle-Dro4mv {
  background-color: transparent;
  display: block;
  height: 97px;
  left: calc(25.26% - 74px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(50.00% - 48px);
  width: 147px;
}

.mobiledeutscherringen2 .rectangle-Dro4mv.animate-enter144 {
  animation: animate-enter144-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobiledeutscherringen2 .rectangle-copy-2-Dro4mv {
  background-color: transparent;
  display: block;
  height: 97px;
  left: 147px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(50.00% - 48px);
  width: 144px;
}

.mobiledeutscherringen2 .rectangle-copy-2-Dro4mv.animate-enter145 {
  animation: animate-enter145-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobiledeutscherringen2 .group-3-9OxwDk {
  background-color: transparent;
  height: 98px;
  left: calc(50.16% - 146px);
  position: absolute;
  top: calc(52.76% - 49px);
  width: 291px;
}

.mobiledeutscherringen2 .rectangle-copy-U8OGxY {
  background-color: transparent;
  display: block;
  height: 98px;
  left: calc(25.26% - 74px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(50.00% - 49px);
  width: 147px;
}

.mobiledeutscherringen2 .rectangle-copy-U8OGxY.animate-enter146 {
  animation: animate-enter146-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobiledeutscherringen2 .rectangle-copy-3-U8OGxY {
  background-color: transparent;
  display: block;
  height: 98px;
  left: 147px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(50.00% - 49px);
  width: 144px;
}

.mobiledeutscherringen2 .rectangle-copy-3-U8OGxY.animate-enter147 {
  animation: animate-enter147-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobiledeutscherringen2 .group-4-9OxwDk {
  background-color: transparent;
  height: 97px;
  left: calc(50.16% - 146px);
  position: absolute;
  top: calc(56.30% - 48px);
  width: 291px;
}

.mobiledeutscherringen2 .rectangle-copy-4-9CPiPz {
  background-color: transparent;
  display: block;
  height: 97px;
  left: 145px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(50.00% - 48px);
  width: 146px;
}

.mobiledeutscherringen2 .rectangle-copy-4-9CPiPz.animate-enter148 {
  animation: animate-enter148-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobiledeutscherringen2 .rectangle-copy-5-9CPiPz {
  background-color: transparent;
  display: block;
  height: 97px;
  left: calc(25.26% - 74px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(50.00% - 48px);
  width: 147px;
}

.mobiledeutscherringen2 .rectangle-copy-5-9CPiPz.animate-enter149 {
  animation: animate-enter149-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobiledeutscherringen2 .rectangle-9OxwDk {
  background-color: transparent;
  height: 411px;
  left: calc(50.00% - 145px);
  object-fit: cover;
  position: absolute;
  top: calc(18.70% - 206px);
  width: 290px;
}

.mobiledeutscherringen2 .rectangle-pfzGVs {
  background-color: transparent;
  height: 205px;
  left: calc(49.84% - 144px);
  object-fit: cover;
  position: absolute;
  top: calc(30.24% - 102px);
  width: 289px;
}

.mobiledeutscherringen2 .the-lensbaby-photo-9OxwDk {
  background-color: transparent;
  font-weight: 400;
  height: 12.88%;
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 35.16%;
  width: calc(100.00% - 28px);
}

.mobiledeutscherringen2 .sm_-bildmarke_-signatur_-blau-9OxwDk {
  background-color: transparent;
  height: 30px;
  left: 15px;
  position: absolute;
  top: 969px;
  width: 30px;
}

.mobiledeutscherringen2 .group-copy-2-9OxwDk {
  background-color: transparent;
  cursor: pointer;
  height: 25px;
  position: absolute;
  right: 16px;
  top: 95px;
  width: 39px;
}

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

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

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

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

.mobiledeutscherringen2 .sebastian-mevius-copy-9OxwDk {
  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;
}

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

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

.mobiledeutscherringen2 .en-vi6p4f {
  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%;
}

.mobiledeutscherringen2 .de-vi6p4f {
  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%;
}

.mobiledeutscherringen2 .group-2-uR826j {
  background-color: transparent;
  display: block;
  height: 250px;
  opacity: 0;
  position: absolute;
  right: -1px;
  top: 78px;
  transform: translate(25px, 0);
  width: 152px;
}

.mobiledeutscherringen2 .group-2-uR826j.animate-enter155 {
  animation: animate-enter155-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes animate-enter155-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.mobiledeutscherringen2 .rectangle-ocxlJi {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobiledeutscherringen2 .portfolio-ocxlJi {
  background-color: transparent;
  cursor: pointer;
  display: block;
  font-weight: 700;
  height: 41px;
  left: calc(48.36% - 70px);
  letter-spacing: 0.00px;
  line-height: 14px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: calc(38.60% - 20px);
  width: 141px;
}

.mobiledeutscherringen2 .portfolio-ocxlJi.animate-enter150 {
  animation: animate-enter150-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobiledeutscherringen2 .about-ocxlJi {
  background-color: transparent;
  cursor: pointer;
  display: block;
  font-weight: 400;
  height: 41px;
  left: calc(48.36% - 70px);
  letter-spacing: 0.00px;
  line-height: 14px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: calc(55.00% - 20px);
  width: 141px;
}

.mobiledeutscherringen2 .about-ocxlJi.animate-enter151 {
  animation: animate-enter151-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobiledeutscherringen2 .contact-ocxlJi {
  background-color: transparent;
  cursor: pointer;
  display: block;
  font-weight: 400;
  height: 41px;
  left: calc(48.36% - 70px);
  letter-spacing: 0.00px;
  line-height: 14px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: calc(71.00% - 20px);
  width: 141px;
}

.mobiledeutscherringen2 .contact-ocxlJi.animate-enter152 {
  animation: animate-enter152-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobiledeutscherringen2 .legal-ocxlJi {
  background-color: transparent;
  cursor: pointer;
  display: block;
  font-weight: 400;
  height: 43px;
  left: calc(48.68% - 71px);
  letter-spacing: 0.00px;
  line-height: 14px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: calc(87.80% - 22px);
  width: 142px;
}

.mobiledeutscherringen2 .legal-ocxlJi.animate-enter153 {
  animation: animate-enter153-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobiledeutscherringen2 .line-ocxlJi {
  background-color: transparent;
  height: 1px;
  left: calc(48.68% - 69px);
  position: absolute;
  top: 47.00%;
  width: 138px;
}

.mobiledeutscherringen2 .line-copy-ocxlJi {
  background-color: transparent;
  height: 1px;
  left: calc(48.68% - 69px);
  position: absolute;
  top: 63.00%;
  width: 138px;
}

.mobiledeutscherringen2 .line-copy-2-ocxlJi {
  background-color: transparent;
  height: 1px;
  left: calc(48.68% - 69px);
  position: absolute;
  top: 79.00%;
  width: 138px;
}

.mobiledeutscherringen2 .group-ocxlJi {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 11.60%;
  left: 67.11%;
  opacity: 0;
  position: absolute;
  top: 6.40%;
  transform: rotate(25deg);
  width: 18.42%;
}

.mobiledeutscherringen2 .group-ocxlJi.animate-enter154 {
  animation: animate-enter154-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: rotate(25deg);
}

@keyframes animate-enter154-frames {
  from{opacity: 0;
transform: rotate(25deg);
}
to{opacity: 1;
transform: rotate(0);
}
}

.mobiledeutscherringen2 .rectangle-RZJcop {
  background-color: var(--cwlz69);
  border-radius: 2.5px;
  height: 5px;
  left: calc(50.00% - 17px);
  position: absolute;
  top: calc(50.00% - 2px);
  transform: rotate(-45deg);
  width: 34px;
}

.mobiledeutscherringen2 .rectangle-copy-11-RZJcop {
  background-color: var(--cwlz69);
  border-radius: 2.5px;
  height: 5px;
  left: calc(50.00% - 17px);
  position: absolute;
  top: calc(50.00% - 2px);
  transform: rotate(-315deg);
  width: 34px;
}

.mobiledeutscherringen2 .rectangle-uR826j {
  background-color: transparent;
  height: 105px;
  left: calc(29.53% - 80px);
  object-fit: cover;
  position: absolute;
  top: calc(67.69% - 52px);
  width: 159px;
}

.mobiledeutscherringen2 .rectangle-oqYv7D {
  background-color: transparent;
  height: 152px;
  left: calc(50.94% - 152px);
  object-fit: cover;
  position: absolute;
  top: calc(63.03% - 76px);
  width: 304px;
}

.mobiledeutscherringen2 .group-9OxwDk {
  background-color: transparent;
  height: 205px;
  left: calc(50.16% - 146px);
  position: absolute;
  top: calc(73.68% - 102px);
  width: 291px;
}

.mobiledeutscherringen2 .rectangle-copy-14-xg2bWb {
  background-color: transparent;
  display: block;
  height: 103px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 145px;
}

.mobiledeutscherringen2 .rectangle-copy-14-xg2bWb.animate-enter156 {
  animation: animate-enter156-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobiledeutscherringen2 .rectangle-copy-15-xg2bWb {
  background-color: transparent;
  display: block;
  height: 103px;
  left: 145px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 146px;
}

.mobiledeutscherringen2 .rectangle-copy-15-xg2bWb.animate-enter157 {
  animation: animate-enter157-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobiledeutscherringen2 .rectangle-copy-16-xg2bWb {
  background-color: transparent;
  display: block;
  height: 102px;
  left: 145px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 103px;
  width: 146px;
}

.mobiledeutscherringen2 .rectangle-copy-16-xg2bWb.animate-enter158 {
  animation: animate-enter158-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobiledeutscherringen2 .group-5-9OxwDk {
  background-color: transparent;
  height: 257px;
  left: calc(51.09% - 154px);
  position: absolute;
  top: 2399px;
  width: 307px;
}

.mobiledeutscherringen2 .rectangle-U65QJ5 {
  background-color: transparent;
  height: 52.53%;
  left: 41.04%;
  object-fit: cover;
  position: absolute;
  top: 47.47%;
  width: 58.96%;
}

.mobiledeutscherringen2 .rectangle-9FrwHx {
  background-color: transparent;
  height: 52.92%;
  left: 41.04%;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 58.63%;
}

.mobiledeutscherringen2 .rectangle-6gafqw {
  background-color: transparent;
  height: 123px;
  left: calc(21.66% - 66px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 133px;
}

.mobiledeutscherringen2 .application-of-the-n-9OxwDk {
  background-color: transparent;
  font-weight: 400;
  height: 28px;
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: calc(59.76% - 14px);
  white-space: nowrap;
  width: calc(70.31% - 15px);
}

.mobiledeutscherringen2 .creating-the-stylegu-9OxwDk {
  background-color: transparent;
  font-weight: 400;
  height: 28px;
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: calc(86.25% - 14px);
  white-space: nowrap;
  width: calc(56.25% - 15px);
}

.mobiledeutscherringen2 .rectangle-copy-17-9OxwDk {
  background-color: transparent;
  display: block;
  height: 160px;
  left: calc(50.00% - 113px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(81.49% - 80px);
  width: 226px;
}

.mobiledeutscherringen2 .rectangle-copy-17-9OxwDk.animate-enter159 {
  animation: animate-enter159-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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