/* screen - desktopdeutscherringen */

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

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

.desktopdeutscherringen .rectangle-zBfLwP {
  background-color: transparent;
  display: block;
  height: 338px;
  left: 23px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 605px;
  width: 477px;
}

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

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

.desktopdeutscherringen .rectangle-FaVy0h {
  background-color: transparent;
  display: block;
  height: 159px;
  left: 774px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 605px;
  width: 225px;
}

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

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

.desktopdeutscherringen .rectangle-copy-6-SnC0ki {
  background-color: transparent;
  display: block;
  height: 159px;
  left: 524px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 605px;
  width: 225px;
}

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

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

.desktopdeutscherringen .branding-corporate-SnC0ki {
  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;
}

.desktopdeutscherringen .branding-corporate-SnC0ki.bp1-animate-enter23 {
  animation: bp1-animate-enter23-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdeutscherringen .client-deutscher-ri-SnC0ki {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 56px;
  left: 24px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 370px;
  width: 975px;
}

.desktopdeutscherringen .client-deutscher-ri-SnC0ki.bp1-animate-enter24 {
  animation: bp1-animate-enter24-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdeutscherringen .the-lensbaby-photo-SnC0ki {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 84px;
  left: 24px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 454px;
  width: 975px;
}

.desktopdeutscherringen .the-lensbaby-photo-SnC0ki.bp1-animate-enter25 {
  animation: bp1-animate-enter25-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

.desktopdeutscherringen .sm_-bildmarke_-signatur_-blau-SnC0ki.bp1-animate-enter26 {
  animation: bp1-animate-enter26-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdeutscherringen .rectangle-XgF0xm {
  background-color: transparent;
  display: block;
  height: 319px;
  left: 524px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 912px;
  width: 225px;
}

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

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

.desktopdeutscherringen .rectangle-UDygQw {
  background-color: transparent;
  display: block;
  height: 106px;
  left: 23px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1019px;
  width: 158px;
}

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

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

.desktopdeutscherringen .rectangle-copy-2-SnC0ki {
  background-color: transparent;
  display: block;
  height: 106px;
  left: 181px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1019px;
  width: 160px;
}

.desktopdeutscherringen .rectangle-copy-2-SnC0ki.bp1-animate-enter29 {
  animation: bp1-animate-enter29-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdeutscherringen .rectangle-copy-4-SnC0ki {
  background-color: transparent;
  display: block;
  height: 106px;
  left: 341px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1125px;
  width: 158px;
}

.desktopdeutscherringen .rectangle-copy-4-SnC0ki.bp1-animate-enter30 {
  animation: bp1-animate-enter30-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdeutscherringen .rectangle-copy-SnC0ki {
  background-color: transparent;
  display: block;
  height: 106px;
  left: 23px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1125px;
  width: 158px;
}

.desktopdeutscherringen .rectangle-copy-SnC0ki.bp1-animate-enter31 {
  animation: bp1-animate-enter31-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdeutscherringen .rectangle-copy-3-SnC0ki {
  background-color: transparent;
  display: block;
  height: 106px;
  left: 181px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1125px;
  width: 160px;
}

.desktopdeutscherringen .rectangle-copy-3-SnC0ki.bp1-animate-enter32 {
  animation: bp1-animate-enter32-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdeutscherringen .rectangle-copy-5-SnC0ki {
  background-color: transparent;
  display: block;
  height: 106px;
  left: 341px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1019px;
  width: 158px;
}

.desktopdeutscherringen .rectangle-copy-5-SnC0ki.bp1-animate-enter33 {
  animation: bp1-animate-enter33-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdeutscherringen .sebastian-mevius-SnC0ki {
  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;
}

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

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

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

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

.desktopdeutscherringen .en-SJd7nI {
  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;
}

.desktopdeutscherringen .de-SJd7nI {
  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;
}

.desktopdeutscherringen .x-tAxtKT {
  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;
}

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

.desktopdeutscherringen .about-SnC0ki {
  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;
}

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

.desktopdeutscherringen .legal-SnC0ki {
  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;
}

.desktopdeutscherringen .application-of-the-n-SnC0ki {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 28px;
  left: 23px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 1290px;
  white-space: nowrap;
  width: auto;
}

.desktopdeutscherringen .application-of-the-n-SnC0ki.bp1-animate-enter34 {
  animation: bp1-animate-enter34-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdeutscherringen .creating-the-stylegu-SnC0ki {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 28px;
  left: 23px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 1902px;
  white-space: nowrap;
  width: auto;
}

.desktopdeutscherringen .creating-the-stylegu-SnC0ki.bp1-animate-enter35 {
  animation: bp1-animate-enter35-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdeutscherringen .rectangle-5a1JFR {
  background-color: transparent;
  height: 204px;
  left: 747px;
  object-fit: cover;
  position: absolute;
  top: 1960px;
  width: 272px;
}

.desktopdeutscherringen .rectangle-pabDyU {
  background-color: transparent;
  height: 203px;
  left: 495px;
  object-fit: cover;
  position: absolute;
  top: 1923px;
  width: 273px;
}

.desktopdeutscherringen .rectangle-HwUCaW {
  background-color: transparent;
  height: 204px;
  left: 246px;
  object-fit: cover;
  position: absolute;
  top: 1960px;
  width: 272px;
}

.desktopdeutscherringen .rectangle-x68aIp {
  background-color: transparent;
  height: 185px;
  left: 36px;
  object-fit: cover;
  position: absolute;
  top: 1974px;
  width: 198px;
}

.desktopdeutscherringen .rectangle-copy-14-SnC0ki {
  background-color: transparent;
  display: block;
  height: 160px;
  left: 524px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1342px;
  width: 226px;
}

.desktopdeutscherringen .rectangle-copy-14-SnC0ki.bp1-animate-enter36 {
  animation: bp1-animate-enter36-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdeutscherringen .rectangle-copy-17-SnC0ki {
  background-color: transparent;
  display: block;
  height: 160px;
  left: 773px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1341px;
  width: 226px;
}

.desktopdeutscherringen .rectangle-copy-17-SnC0ki.bp1-animate-enter37 {
  animation: bp1-animate-enter37-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdeutscherringen .rectangle-copy-16-SnC0ki {
  background-color: transparent;
  display: block;
  height: 160px;
  left: 524px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1706px;
  width: 226px;
}

.desktopdeutscherringen .rectangle-copy-16-SnC0ki.bp1-animate-enter38 {
  animation: bp1-animate-enter38-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdeutscherringen .rectangle-copy-15-SnC0ki {
  background-color: transparent;
  display: block;
  height: 160px;
  left: 525px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1524px;
  width: 226px;
}

.desktopdeutscherringen .rectangle-copy-15-SnC0ki.bp1-animate-enter39 {
  animation: bp1-animate-enter39-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdeutscherringen .rectangle-dEKcmD {
  background-color: transparent;
  height: 148px;
  left: 107px;
  object-fit: cover;
  position: absolute;
  top: 1577px;
  width: 224px;
}

.desktopdeutscherringen .rectangle-0EX4cf {
  background-color: transparent;
  height: 251px;
  left: 16px;
  object-fit: cover;
  position: absolute;
  top: 1318px;
  width: 502px;
}

.desktopdeutscherringen .sm_-bildmarke_-signa-SnC0ki {
  background-color: transparent;
  height: 49px;
  left: 952px;
  position: absolute;
  top: 2243px;
  width: 49px;
}

.desktopdeutscherringen .line-copy-4-SnC0ki {
  background-color: transparent;
  height: 2px;
  left: 23px;
  position: absolute;
  top: 2207px;
  width: 978px;
}
/* screen - mobiledeutscherringen */

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

.mobiledeutscherringen .branding-corporate-2s45Ap {
  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);
}

.mobiledeutscherringen .client-deutscher-ri-2s45Ap {
  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);
}

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

.mobiledeutscherringen .rectangle-9mAS3t {
  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;
}

.mobiledeutscherringen .rectangle-9mAS3t.bp3-animate-enter {
  animation: bp3-animate-enter-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

.mobiledeutscherringen .rectangle-copy-2-9mAS3t.bp3-animate-enter1 {
  animation: bp3-animate-enter1-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

.mobiledeutscherringen .rectangle-copy-fO64VA {
  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;
}

.mobiledeutscherringen .rectangle-copy-fO64VA.bp3-animate-enter2 {
  animation: bp3-animate-enter2-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

.mobiledeutscherringen .rectangle-copy-3-fO64VA.bp3-animate-enter3 {
  animation: bp3-animate-enter3-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

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

.mobiledeutscherringen .rectangle-copy-4-sTMFmZ.bp3-animate-enter4 {
  animation: bp3-animate-enter4-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobiledeutscherringen .rectangle-copy-5-sTMFmZ {
  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;
}

.mobiledeutscherringen .rectangle-copy-5-sTMFmZ.bp3-animate-enter5 {
  animation: bp3-animate-enter5-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

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

.mobiledeutscherringen .the-lensbaby-photo-2s45Ap {
  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);
}

.mobiledeutscherringen .sm_-bildmarke_-signatur_-blau-2s45Ap {
  background-color: transparent;
  height: 30px;
  left: 15px;
  position: absolute;
  top: 969px;
  width: 30px;
}

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

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

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

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

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

.mobiledeutscherringen .sebastian-mevius-copy-2s45Ap {
  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;
}

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

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

.mobiledeutscherringen .en-F80LWS {
  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%;
}

.mobiledeutscherringen .de-F80LWS {
  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%;
}

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

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

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

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

.mobiledeutscherringen .rectangle-copy-14-UJPhSG.bp3-animate-enter6 {
  animation: bp3-animate-enter6-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

.mobiledeutscherringen .rectangle-copy-15-UJPhSG.bp3-animate-enter7 {
  animation: bp3-animate-enter7-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

.mobiledeutscherringen .rectangle-copy-16-UJPhSG.bp3-animate-enter8 {
  animation: bp3-animate-enter8-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

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

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

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

.mobiledeutscherringen .application-of-the-n-2s45Ap {
  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);
}

.mobiledeutscherringen .creating-the-stylegu-2s45Ap {
  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);
}

.mobiledeutscherringen .rectangle-copy-17-2s45Ap {
  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;
}

.mobiledeutscherringen .rectangle-copy-17-2s45Ap.bp3-animate-enter9 {
  animation: bp3-animate-enter9-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter9-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}
/* screen - tabletdeutscherringen */

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

.tabletdeutscherringen .branding-corporate-Rq3KaV {
  background-color: transparent;
  display: block;
  font-weight: 700;
  height: 30px;
  left: 26px;
  letter-spacing: 0.00px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 337px;
  width: calc(85.16% - 26px);
}

.tabletdeutscherringen .branding-corporate-Rq3KaV.bp2-animate-enter340 {
  animation: bp2-animate-enter340-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletdeutscherringen .client-deutscher-ri-Rq3KaV {
  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: 370px;
  width: calc(96.74% - 27px);
}

.tabletdeutscherringen .client-deutscher-ri-Rq3KaV.bp2-animate-enter341 {
  animation: bp2-animate-enter341-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletdeutscherringen .the-lensbaby-photo-Rq3KaV {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 4.51%;
  left: 27px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 18.26%;
  width: calc(100.00% - 46px);
}

.tabletdeutscherringen .the-lensbaby-photo-Rq3KaV.bp2-animate-enter342 {
  animation: bp2-animate-enter342-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

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

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

.tabletdeutscherringen .group-3-Rq3KaV {
  background-color: transparent;
  height: 762px;
  left: calc(49.93% - 356px);
  position: absolute;
  top: calc(41.91% - 381px);
  width: 713px;
}

.tabletdeutscherringen .group-2-bqTAlE {
  background-color: transparent;
  height: 25.46%;
  left: 0px;
  position: absolute;
  top: 52.76%;
  width: 61.29%;
}

.tabletdeutscherringen .rectangle-UPRMKw {
  background-color: transparent;
  display: block;
  height: 97px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 146px;
}

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

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

.tabletdeutscherringen .rectangle-copy-2-UPRMKw {
  background-color: transparent;
  display: block;
  height: 97px;
  left: 146px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 146px;
}

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

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

.tabletdeutscherringen .rectangle-copy-4-UPRMKw {
  background-color: transparent;
  display: block;
  height: 97px;
  left: 292px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 97px;
  width: 145px;
}

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

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

.tabletdeutscherringen .rectangle-copy-UPRMKw {
  background-color: transparent;
  display: block;
  height: 97px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 97px;
  width: 146px;
}

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

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

.tabletdeutscherringen .rectangle-copy-3-UPRMKw {
  background-color: transparent;
  display: block;
  height: 97px;
  left: 146px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 97px;
  width: 146px;
}

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

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

.tabletdeutscherringen .rectangle-copy-5-UPRMKw {
  background-color: transparent;
  display: block;
  height: 97px;
  left: 292px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 145px;
}

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

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

.tabletdeutscherringen .rectangle-bqTAlE {
  background-color: transparent;
  display: block;
  height: 179px;
  left: 459px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 201px;
  width: 254px;
}

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

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

.tabletdeutscherringen .rectangle-d3YmWE {
  background-color: transparent;
  display: block;
  height: 360px;
  left: 459px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 402px;
  width: 254px;
}

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

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

.tabletdeutscherringen .rectangle-hpZto9 {
  background-color: transparent;
  display: block;
  height: 309px;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 437px;
}

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

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

.tabletdeutscherringen .visual_-empathie-copy-bqTAlE {
  background-color: transparent;
  display: block;
  height: 179px;
  left: 459px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 254px;
}

.tabletdeutscherringen .visual_-empathie-copy-bqTAlE.bp2-animate-enter353 {
  animation: bp2-animate-enter353-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletdeutscherringen .sebastian-mevius-Rq3KaV {
  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);
}

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

.tabletdeutscherringen .sm_-bildmarke_-signatur_-verlauf_-farbe-Rq3KaV {
  background-color: transparent;
  height: 1.97%;
  left: 143.75%;
  position: absolute;
  top: 89.38%;
  width: 6.38%;
}

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

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

.tabletdeutscherringen .en-kSz1C9 {
  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%;
}

.tabletdeutscherringen .de-kSz1C9 {
  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%;
}

.tabletdeutscherringen .navigation-Rq3KaV {
  background-color: transparent;
  height: 0.76%;
  left: 48.57%;
  position: absolute;
  top: 8.45%;
  width: calc(51.43% - 25px);
}

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

.tabletdeutscherringen .about-0Ax2Gp {
  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;
}

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

.tabletdeutscherringen .legal-0Ax2Gp {
  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;
}

.tabletdeutscherringen .group-5-Rq3KaV {
  background-color: transparent;
  height: 16.17%;
  left: 5.86%;
  position: absolute;
  top: 59.65%;
  width: 90.49%;
}

.tabletdeutscherringen .group-4-5Trr2Q {
  background-color: transparent;
  height: 381px;
  left: 532px;
  position: absolute;
  top: calc(52.61% - 190px);
  width: 163px;
}

.tabletdeutscherringen .rectangle-copy-14-uGdk4Y {
  background-color: transparent;
  display: block;
  height: 30.18%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tabletdeutscherringen .rectangle-copy-14-uGdk4Y.bp2-animate-enter354 {
  animation: bp2-animate-enter354-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletdeutscherringen .rectangle-copy-15-uGdk4Y {
  background-color: transparent;
  display: block;
  height: 30.18%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 34.91%;
  width: 100%;
}

.tabletdeutscherringen .rectangle-copy-15-uGdk4Y.bp2-animate-enter355 {
  animation: bp2-animate-enter355-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletdeutscherringen .rectangle-copy-16-uGdk4Y {
  background-color: transparent;
  display: block;
  height: 30.18%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 69.82%;
  width: 100%;
}

.tabletdeutscherringen .rectangle-copy-16-uGdk4Y.bp2-animate-enter356 {
  animation: bp2-animate-enter356-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletdeutscherringen .rectangle-5Trr2Q {
  background-color: transparent;
  height: 229px;
  left: calc(32.95% - 229px);
  object-fit: cover;
  position: absolute;
  top: calc(28.48% - 114px);
  width: 458px;
}

.tabletdeutscherringen .rectangle-copy-17-5Trr2Q {
  background-color: transparent;
  display: block;
  height: 160px;
  left: calc(50.36% - 113px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: calc(80.10% - 80px);
  width: 226px;
}

.tabletdeutscherringen .rectangle-copy-17-5Trr2Q.bp2-animate-enter357 {
  animation: bp2-animate-enter357-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletdeutscherringen .application-of-the-n-Rq3KaV {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 28px;
  left: 27px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 1444px;
  white-space: nowrap;
  width: calc(56.77% - 27px);
}

.tabletdeutscherringen .application-of-the-n-Rq3KaV.bp2-animate-enter358 {
  animation: bp2-animate-enter358-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletdeutscherringen .creating-the-stylegu-Rq3KaV {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 28px;
  left: 27px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 1936px;
  white-space: nowrap;
  width: calc(25.00% - 27px);
}

.tabletdeutscherringen .creating-the-stylegu-Rq3KaV.bp2-animate-enter359 {
  animation: bp2-animate-enter359-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletdeutscherringen .line-Rq3KaV {
  background-color: transparent;
  height: 1px;
  left: 26px;
  position: absolute;
  top: 95.64%;
  width: calc(100.00% - 53px);
}

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

.tabletdeutscherringen .group-6-Rq3KaV {
  background-color: transparent;
  height: 385px;
  left: calc(50.52% - 369px);
  position: absolute;
  top: 1965px;
  width: 738px;
}

.tabletdeutscherringen .rectangle-G4SRPX {
  background-color: transparent;
  height: 53.51%;
  left: 62.74%;
  object-fit: cover;
  position: absolute;
  top: 46.49%;
  width: 37.13%;
}

.tabletdeutscherringen .rectangle-0Omfg9 {
  background-color: transparent;
  height: 53.25%;
  left: 62.74%;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 37.26%;
}

.tabletdeutscherringen .rectangle-KNOFjs {
  background-color: transparent;
  height: 53.51%;
  left: 28.05%;
  object-fit: cover;
  position: absolute;
  top: 16.62%;
  width: 37.13%;
}

.tabletdeutscherringen .rectangle-aR6bJH {
  background-color: transparent;
  height: 48.57%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 3.90%;
  width: 27.10%;
}
@media screen and (max-width: 767px) {
  .screen.tabletdeutscherringen { 
    display: none;
   }
  .screen.desktopdeutscherringen { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .screen.mobiledeutscherringen { 
    display: none;
   }
  .screen.desktopdeutscherringen { 
    display: none;
   }
}
@media screen and (min-width: 1024px) {
  .screen.tabletdeutscherringen { 
    display: none;
   }
  .screen.mobiledeutscherringen { 
    display: none;
   }
}