/* screen - desktopdeutscherring */

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

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

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

.desktopdeutscherring .rectangle-77a5G6.bp1-animate-enter40 {
  animation: bp1-animate-enter40-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

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

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

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

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

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

.desktopdeutscherring .relaunch-corporate-d-NrIJ16 {
  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;
}

.desktopdeutscherring .relaunch-corporate-d-NrIJ16.bp1-animate-enter43 {
  animation: bp1-animate-enter43-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdeutscherring .kunde-deutscher-rin-NrIJ16 {
  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;
}

.desktopdeutscherring .kunde-deutscher-rin-NrIJ16.bp1-animate-enter44 {
  animation: bp1-animate-enter44-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdeutscherring .deklination-des-neue-NrIJ16 {
  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;
}

.desktopdeutscherring .deklination-des-neue-NrIJ16.bp1-animate-enter45 {
  animation: bp1-animate-enter45-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdeutscherring .erstellung-des-style-NrIJ16 {
  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;
}

.desktopdeutscherring .erstellung-des-style-NrIJ16.bp1-animate-enter46 {
  animation: bp1-animate-enter46-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.desktopdeutscherring .die-fototechnik-len-NrIJ16 {
  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: 992px;
}

.desktopdeutscherring .die-fototechnik-len-NrIJ16.bp1-animate-enter47 {
  animation: bp1-animate-enter47-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.desktopdeutscherring .sebastian-mevius-NrIJ16 {
  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;
}

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

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

.desktopdeutscherring .about-NrIJ16 {
  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;
}

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

.desktopdeutscherring .impressum-NrIJ16 {
  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;
}

.desktopdeutscherring .group-2-NrIJ16 {
  background-color: transparent;
  height: 85px;
  left: 23px;
  position: absolute;
  top: 2207px;
  width: 977px;
}

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

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

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

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

.desktopdeutscherring .en-327mGj {
  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;
}

.desktopdeutscherring .de-327mGj {
  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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.desktopdeutscherring .rectangle-nT6xvV {
  background-color: transparent;
  height: 251px;
  left: 16px;
  object-fit: cover;
  position: absolute;
  top: 1318px;
  width: 502px;
}
/* screen - mobiledeutscherring */

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

.mobiledeutscherring .relaunch-corporate-d-XUixMG {
  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);
}

.mobiledeutscherring .kunde-deutscher-rin-XUixMG {
  background-color: transparent;
  font-weight: 400;
  height: 60px;
  left: 15px;
  letter-spacing: -0.10px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 235px;
  width: calc(103.41% - 15px);
}

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

.mobiledeutscherring .rectangle-bqGEEA {
  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;
}

.mobiledeutscherring .rectangle-bqGEEA.bp3-animate-enter10 {
  animation: bp3-animate-enter10-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

.mobiledeutscherring .rectangle-copy-2-bqGEEA.bp3-animate-enter11 {
  animation: bp3-animate-enter11-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.mobiledeutscherring .group-3-XUixMG {
  background-color: transparent;
  height: 98px;
  left: calc(50.16% - 146px);
  position: absolute;
  top: calc(53.39% - 49px);
  width: 291px;
}

.mobiledeutscherring .rectangle-copy-TmuXT3 {
  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;
}

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

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

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

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

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

.mobiledeutscherring .group-4-XUixMG {
  background-color: transparent;
  height: 97px;
  left: calc(50.16% - 146px);
  position: absolute;
  top: calc(56.84% - 48px);
  width: 291px;
}

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

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

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

.mobiledeutscherring .rectangle-copy-5-g97IIw {
  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;
}

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

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

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

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

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

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

.mobiledeutscherring .die-fototechnik-len-XUixMG {
  background-color: transparent;
  font-weight: 400;
  height: 12.55%;
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 34.26%;
  width: calc(100.00% - 28px);
}

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

.mobiledeutscherring .group-XUixMG {
  background-color: transparent;
  height: 205px;
  left: calc(50.16% - 146px);
  position: absolute;
  top: calc(73.78% - 102px);
  width: 291px;
}

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

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

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

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

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

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

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

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

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

.mobiledeutscherring .group-5-XUixMG {
  background-color: transparent;
  height: 257px;
  left: calc(51.09% - 154px);
  position: absolute;
  top: 2455px;
  width: 307px;
}

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

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

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

.mobiledeutscherring .deklination-des-neue-XUixMG {
  background-color: transparent;
  font-weight: 400;
  height: 28px;
  left: 15px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: calc(60.22% - 14px);
  white-space: nowrap;
  width: calc(90.00% - 15px);
}

.mobiledeutscherring .erstellung-des-style-XUixMG {
  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.03% - 14px);
  white-space: nowrap;
  width: calc(63.75% - 15px);
}

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

.mobiledeutscherring .sm_-bildmarke_-signa-XUixMG {
  background-color: transparent;
  bottom: 24px;
  height: 49px;
  position: absolute;
  right: 14px;
  width: 49px;
}

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

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

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

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

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

.mobiledeutscherring .sebastian-mevius-copy-XUixMG {
  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;
}

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

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

.mobiledeutscherring .en-9wD5UR {
  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%;
}

.mobiledeutscherring .de-9wD5UR {
  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%;
}

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

.mobiledeutscherring .rectangle-copy-17-XUixMG.bp3-animate-enter19 {
  animation: bp3-animate-enter19-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

.tabletdeutscherring .relaunch-corporate-d-dNDmLx {
  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(91.02% - 26px);
}

.tabletdeutscherring .relaunch-corporate-d-dNDmLx.bp2-animate-enter360 {
  animation: bp2-animate-enter360-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletdeutscherring .kunde-deutscher-rin-dNDmLx {
  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(95.96% - 27px);
}

.tabletdeutscherring .kunde-deutscher-rin-dNDmLx.bp2-animate-enter361 {
  animation: bp2-animate-enter361-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletdeutscherring .die-fototechnik-len-dNDmLx {
  background-color: transparent;
  display: block;
  font-weight: 400;
  height: 5.63%;
  left: 27px;
  letter-spacing: 0.00px;
  line-height: 28px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 18.26%;
  width: calc(100.00% - 58px);
}

.tabletdeutscherring .die-fototechnik-len-dNDmLx.bp2-animate-enter362 {
  animation: bp2-animate-enter362-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tabletdeutscherring .sebastian-mevius-dNDmLx {
  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);
}

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

.tabletdeutscherring .group-dNDmLx {
  background-color: transparent;
  height: 0.76%;
  left: 42.32%;
  position: absolute;
  top: 8.45%;
  width: calc(57.68% - 27px);
}

.tabletdeutscherring .portfolio-3oxD4j {
  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;
}

.tabletdeutscherring .about-3oxD4j {
  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;
}

.tabletdeutscherring .contact-3oxD4j {
  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;
}

.tabletdeutscherring .impressum-3oxD4j {
  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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.tabletdeutscherring .rectangle-copy-17-Y0cuxA {
  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;
}

.tabletdeutscherring .rectangle-copy-17-Y0cuxA.bp2-animate-enter377 {
  animation: bp2-animate-enter377-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletdeutscherring .deklination-des-neue-dNDmLx {
  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(60.29% - 27px);
}

.tabletdeutscherring .deklination-des-neue-dNDmLx.bp2-animate-enter378 {
  animation: bp2-animate-enter378-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.tabletdeutscherring .erstellung-des-style-dNDmLx {
  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(28.12% - 27px);
}

.tabletdeutscherring .erstellung-des-style-dNDmLx.bp2-animate-enter379 {
  animation: bp2-animate-enter379-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

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

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

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

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

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

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

.tabletdeutscherring .rectangle-gmzgGX {
  background-color: transparent;
  height: 48.57%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 3.90%;
  width: 27.10%;
}

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

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

.tabletdeutscherring .en-YC4g72 {
  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%;
}

.tabletdeutscherring .de-YC4g72 {
  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.tabletdeutscherring { 
    display: none;
   }
  .screen.desktopdeutscherring { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .screen.mobiledeutscherring { 
    display: none;
   }
  .screen.desktopdeutscherring { 
    display: none;
   }
}
@media screen and (min-width: 1024px) {
  .screen.tabletdeutscherring { 
    display: none;
   }
  .screen.mobiledeutscherring { 
    display: none;
   }
}