body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  user-select: none;
}
@font-face {
    font-family: "Rajdhani-Bold";
    src: url(./fonts/Rajdhani-Bold.ttf);
}
@font-face {
    font-family: "Rajdhani-Medium";
    src: url(./fonts/Rajdhani-Medium.ttf);
}
@font-face {
    font-family: "Rajdhani-SemiBold";
    src: url(./fonts/Rajdhani-SemiBold.ttf);
}
@font-face {
    font-family: "Gilroy-Regular";
    src: url(./fonts/Gilroy-Regular.ttf);
}
.banking,
.banking * {
  box-sizing: border-box;
}
.banking {
  height: 100vmin;
  position: relative;
  overflow: hidden;
  display: none; 
}
.bg {
  border-radius: 1.1111vmin;
  width: 78.9815vmin;
  height: 74.9074vmin;
  position: absolute;
  left: 49.4444vmin;
  top: 12.5vmin;
  object-fit: cover;
}
.subtitle {
  color: #ffffff;
  text-align: left;
  font-family: "Rajdhani-Bold", sans-serif;
  font-size: 2.5vmin;
  letter-spacing: 0.02em;
  font-weight: 700;
  position: absolute;
  left: 61.0185vmin;
  top: 17.1297vmin;
  width: 58.5185vmin;
  height: 3.0556vmin;
}
.servername {
  color: rgba(255, 255, 255, 0.5);
  text-align: left;
  font-family: "Rajdhani-Medium", sans-serif;
  font-size: 1.4352vmin;
  letter-spacing: 0.37em;
  font-weight: 500;
  position: absolute;
  left: 61.0185vmin;
  top: 15.1852vmin;
  width: 58.5185vmin;
  height: 1.7593vmin;
}
.line {
  background: rgba(255, 255, 255, 0.35);
  width: 0.0926vmin;
  height: 3.5185vmin;
  position: absolute;
  left: 59.3519vmin;
  top: 15.8333vmin;
}
.bankicon {
  width: 5.9259vmin;
  height: 5.9259vmin;
  position: absolute;
  left: 52.4074vmin;
  top: 14.537vmin;
  object-fit: cover;
  aspect-ratio: 1;
}
.graphbg {
  border-radius: 0.463vmin;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.1);
  border-width: 0.0926vmin;
  width: 42.4074vmin;
  height: 18.9815vmin;
  position: absolute;
  left: 82.963vmin;
  top: 21.5741vmin;
}
.graph {
  width: 42.2222vmin;
  height: 19.0741vmin;
  position: absolute;
  left: 83.0556vmin;
  top: 21.3889vmin;
  object-fit: cover;
}
.xbtnframe {
  width: 3.5185vmin;
  height: 3.4259vmin;
  position: absolute;
  left: 121.8519vmin;
  top: 15.8333vmin;
  overflow: hidden;
}
.xbtn {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.25) 100%
  );
  border-radius: 0.6481vmin;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.2);
  border-width: 0.0926vmin;
  width: 3.5185vmin;
  height: 3.4259vmin;
  position: absolute;
  left: 0vmin;
  top: 0vmin;
}
.xbtn:hover {
    box-shadow: 0vmin 0vmin 0.9259vmin rgba(255, 255, 255, 0.5) inset;
    transition: 0.5s;
    cursor: pointer;
}
.xbtn:not(:hover) {
    transition: 0.5s;
}
.xicon {
  width: 1.0185vmin;
  height: 1.0185vmin;
  position: absolute;
  left: 1.2037vmin;
  top: 1.2037vmin;
  object-fit: cover;
  aspect-ratio: 1;
  pointer-events: none;
}
.xbtn:hover + .xicon {
  transform: rotateY(180deg);
  transition: 0.5s;
}
.xbtn:not(:hover) + .xicon {
  transition: 0.5s;
}
.bankcardframe {
  width: 29.7222vmin;
  height: 18.9815vmin;
  position: absolute;
  left: 52.3148vmin;
  top: 21.5741vmin;
  overflow: hidden;
}
.card {
  width: 29.3519vmin;
  height: 19.2593vmin;
  position: absolute;
  left: 0.2778vmin;
  top: 0vmin;
  object-fit: cover;
}
.black {
  background: rgba(0, 0, 0, 0.35);
  width: 29.7222vmin;
  height: 5.1852vmin;
  position: absolute;
  left: 0vmin;
  top: 13.7963vmin;
}
.moneyiconbg {
  background: rgba(0, 0, 0, 0.25);
  border-radius: 0.3704vmin;
  width: 3.0556vmin;
  height: 3.0556vmin;
  position: absolute;
  left: 25.0926vmin;
  top: 14.8148vmin;
}
.balancelabel {
  color: rgba(255, 255, 255, 0.5);
  text-align: right;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.25vmin;
  letter-spacing: -0.01em;
  font-weight: 600;
  position: absolute;
  left: 16.4815vmin;
  top: 14.8148vmin;
  width: 7.8704vmin;
  height: 1.3889vmin;
}
.playerbank {
  color: #ffffff;
  text-align: right;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.4352vmin;
  letter-spacing: -0.02em;
  font-weight: 600;
  position: absolute;
  left: 0.8333vmin;
  top: 16.2037vmin;
  width: 23.4259vmin;
  height: 1.4815vmin;
}
.bankname {
  color: #ffffff;
  text-align: left;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.4352vmin;
  letter-spacing: 0.02em;
  font-weight: 600;
  position: absolute;
  left: 1.5741vmin;
  top: 1.4815vmin;
  width: 24.7222vmin;
  height: 1.7593vmin;
}
.banknumber {
  color: #ffffff;
  text-align: left;
  font-family: "Gilroy-Regular", sans-serif;
  font-size: 1.5741vmin;
  letter-spacing: 0.2em;
  font-weight: 400;
  position: absolute;
  left: 1.5741vmin;
  top: 5.6481vmin;
  width: 27.5926vmin;
  height: 1.7593vmin;
}
.holderlabel {
  color: rgba(255, 255, 255, 0.5);
  text-align: left;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.25vmin;
  letter-spacing: -0.02em;
  font-weight: 600;
  position: absolute;
  left: 1.5741vmin;
  top: 9.4444vmin;
  width: 7.8704vmin;
  height: 1.3889vmin;
}
.holdername {
  color: #ffffff;
  text-align: left;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.3889vmin;
  font-weight: 600;
  position: absolute;
  left: 1.5741vmin;
  top: 10.9259vmin;
  width: 18.5185vmin;
  height: 1.3889vmin;
}
.datelabel {
  color: rgba(255, 255, 255, 0.5);
  text-align: right;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.25vmin;
  letter-spacing: -0.02em;
  font-weight: 600;
  position: absolute;
  left: 20.3704vmin;
  top: 9.4444vmin;
  width: 7.8704vmin;
  height: 1.3889vmin;
}
.date {
  color: #ffffff;
  text-align: right;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.3889vmin;
  font-weight: 600;
  position: absolute;
  left: 9.7222vmin;
  top: 10.9259vmin;
  width: 18.5185vmin;
  height: 1.3889vmin;
}
.banklogo {
  width: 4.9074vmin;
  height: 1.5741vmin;
  position: absolute;
  left: 1.6667vmin;
  top: 15.463vmin;
  object-fit: cover;
  aspect-ratio: 53/17;
}
.dollaricon {
  width: 2.49%;
  height: 1.3889vmin;
  position: absolute;
  right: 9.35%;
  left: 88.16%;
  top: calc(50% - -6.1574vmin);
  overflow: visible;
}
.ueberweisenicon {
  border-radius: 0.3704vmin;
  width: 23.6111vmin;
  height: 17.5926vmin;
  position: absolute;
  left: 101.6667vmin;
  top: 42.5926vmin;
  object-fit: cover;
}
.ueberweisenframe {
  width: 23.7037vmin;
  height: 17.5926vmin;
  position: absolute;
  left: 101.6667vmin;
  top: 42.5926vmin;
  overflow: hidden;
}
.ueberweisenimg {
  width: 11.2037vmin;
  height: 9.3519vmin;
  position: absolute;
  left: 6.2963vmin;
  top: 2.1296vmin;
  object-fit: cover;
  aspect-ratio: 121/101;
}
.ueberweisenblack {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0vmin 0vmin 0.3704vmin 0.3704vmin;
  width: 23.6111vmin;
  height: 4.7222vmin;
  position: absolute;
  left: 0vmin;
  top: 12.8704vmin;
}
.ueberweisenbtntext {
  color: #ffffff;
  text-align: center;
  font-family: "Rajdhani-Bold", sans-serif;
  font-size: 1.4352vmin;
  letter-spacing: -0.01em;
  font-weight: 700;
  position: absolute;
  left: 0vmin;
  top: 14.2593vmin;
  width: 23.7037vmin;
  height: 2.5926vmin;
    pointer-events: none;
}
.ueberweisenmengeframemain {
  width: 23.6111vmin;
  height: 17.5926vmin;
  position: absolute;
  left: 101.7593vmin;
  top: 42.5926vmin;
  overflow: hidden;
    pointer-events: none;
}
.ueberweisenmengeframe {
  width: 23.6111vmin;
  height: 17.5926vmin;
  position: absolute;
  left: 0vmin;
  top: 0vmin;
  overflow: hidden;
  display: none;
}
.ueberweisen-2-label {
  color: #ffffff;
  text-align: left;
  font-family: "Rajdhani-Bold", sans-serif;
  font-size: 1.4352vmin;
  letter-spacing: -0.02em;
  font-weight: 700;
  position: absolute;
  left: 1.5741vmin;
  top: 1.2963vmin;
  width: 14.8148vmin;
  height: 1.7593vmin;
}
.ueberweisen-2-desc {
  color: rgba(255, 255, 255, 0.5);
  text-align: left;
  font-family: "Rajdhani-Medium", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 500;
  position: absolute;
  left: 1.5741vmin;
  top: 3.1481vmin;
  width: 21.0185vmin;
  height: 3.2407vmin;
}
.ueberweisenmengebtn {
  border-radius: 0.3704vmin;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0vmin 0vmin 1.8519vmin rgba(255, 255, 255, 0.3) inset;
  border-width: 0.0926vmin;
  width: 20.7407vmin;
  height: 2.963vmin;
  position: absolute;
  left: 1.5741vmin;
  top: 6.7593vmin;
}
.ueberweisenmenge {
  color: rgba(255, 255, 255, 1);
  text-align: center;
  font-family: "Gilroy-Regular", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 400;
  position: absolute;
  left: 2.2222vmin;
  top: 7.3148vmin;
  width: 19.4444vmin;
  height: 1.6667vmin;
  background: none;
  border: none;
  outline: none;
  resize: none;
  overflow-wrap: break-word; 
  white-space: pre-wrap;
}
.ueberweisenmenge:focus {
  color: rgba(255, 255, 255, 1); 
}

.ueberweisenmenge::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ueberweisenidbtn {
  border-radius: 0.3704vmin;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0vmin 0vmin 1.8519vmin rgba(255, 255, 255, 0.3) inset;
  border-width: 0.0926vmin;
  width: 20.7407vmin;
  height: 2.963vmin;
  position: absolute;
  left: 1.5741vmin;
  top: 10.0926vmin;
}
.ueberweisenid {
  color: rgba(255, 255, 255, 1);
  text-align: center;
  font-family: "Gilroy-Regular", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 400;
  position: absolute;
  left: 2.2222vmin;
  top: 10.9259vmin;
  width: 19.4444vmin;
  height: 1.2037vmin;
  background: none;
  border: none;
  outline: none;
  resize: none;
  overflow-wrap: break-word; 
  white-space: pre-wrap;
}
.ueberweisenid:focus {
  color: rgba(255, 255, 255, 1); 
}

.ueberweisenid::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ueberweisenueberweisenbtn {
  border-radius: 0.3704vmin;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0vmin 0vmin 1.8519vmin rgba(255, 255, 255, 0.3) inset;
  border-width: 0.0926vmin;
  width: 9.8148vmin;
  height: 3.3333vmin;
  position: absolute;
  left: 1.5741vmin;
  top: 13.6111vmin;
}
.ueberweisenueberweisenbtn:hover {
  border-color: #157a43;
  background-color: #108546;
  box-shadow: 0 0 2.3148vmin #012210 inset;
 transition: all 0.5s;
  cursor: pointer;
  filter: drop-shadow(0vmin 0vmin 3.7037vmin #157a43);
}
.ueberweisenueberweisenbtn:not(:hover) {
  transition: 0.5s;
}
.ueberweisenabbrechenabbrechenbtn:hover {
    border-color: #a71d1d;
    background-color: #a51313;
    box-shadow: 0 0 2.3148vmin #5f0303 inset;
    transition: all 0.5s;
    cursor: pointer;
    filter: drop-shadow(0vmin 0vmin 3.7037vmin #ff0000);
}
.ueberweisenabbrechenabbrechenbtn:not(:hover) {
  transition: 0.5s;
}
.ueberweisenueberweisenlabel {
  color: #ffffff;
  text-align: center;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 600;
  position: absolute;
  left: 1.5741vmin;
  top: 13.6111vmin;
  width: 9.8148vmin;
  height: 3.3333vmin;
  display: flex;
  align-items: center;
  justify-content: center;
    pointer-events: none;
}
.ueberweisenabbrechenabbrechenbtn {
  border-radius: 0.3704vmin;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0vmin 0vmin 1.8519vmin rgba(255, 255, 255, 0.3) inset;
  border-width: 0.0926vmin;
  width: 9.8148vmin;
  height: 3.3333vmin;
  position: absolute;
  left: 12.5vmin;
  top: 13.6111vmin;
}
.ueberweisenabbrechenabbrechenlabel {
  color: #ffffff;
  text-align: center;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 600;
  position: absolute;
  left: 12.5vmin;
  top: 13.6111vmin;
  width: 9.8148vmin;
  height: 3.3333vmin;
  display: flex;
  align-items: center;
  justify-content: center;
    pointer-events: none;
}
.auszahlenbg {
  width: 23.6111vmin;
  height: 17.5926vmin;
  position: absolute;
  left: 77.037vmin;
  top: 42.5926vmin;
  object-fit: cover;
}
.auszahlenframe {
  border-radius: 0.3704vmin;
  width: 23.7037vmin;
  height: 17.5926vmin;
  position: absolute;
  left: 77.037vmin;
  top: 42.5926vmin;
  overflow: hidden;
}
.auszahlenicon {
  width: 11.2037vmin;
  height: 8.4259vmin;
  position: absolute;
  left: 6.2963vmin;
  top: 2.1296vmin;
  object-fit: cover;
  aspect-ratio: 121/91;
}
.auszahlenblack {
  background: rgba(0, 0, 0, 0.15);
  width: 23.6111vmin;
  height: 4.7222vmin;
  position: absolute;
  left: 0vmin;
  top: 12.8704vmin;
}
.auszahlentext {
  color: #ffffff;
  text-align: center;
  font-family: "Rajdhani-Bold", sans-serif;
  font-size: 1.4352vmin;
  letter-spacing: -0.01em;
  font-weight: 700;
  position: absolute;
  left: 0vmin;
  top: 14.2593vmin;
  width: 23.7037vmin;
  height: 2.5926vmin;
  pointer-events: none;
}
.auszahlenmengeframemain {
  width: 23.6111vmin;
  height: 17.5926vmin;
  position: absolute;
  left: 77.037vmin;
  top: 42.5926vmin;
  overflow: hidden;
    pointer-events: none;
}
.auszahlenmengeframe {
  width: 23.5185vmin;
  height: 17.5926vmin;
  position: absolute;
  left: 0.0926vmin;
  top: 0vmin;
  overflow: hidden;
  display: none;
}
.auszahlen-2-label {
  color: #ffffff;
  text-align: left;
  font-family: "Rajdhani-Bold", sans-serif;
  font-size: 1.4352vmin;
  letter-spacing: -0.02em;
  font-weight: 700;
  position: absolute;
  left: 1.4815vmin;
  top: 1.2963vmin;
  width: 14.8148vmin;
  height: 1.7593vmin;
}
.auszahlen-2-desc {
  color: rgba(255, 255, 255, 0.5);
  text-align: left;
  font-family: "Rajdhani-Medium", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 500;
  position: absolute;
  left: 1.4815vmin;
  top: 3.1481vmin;
  width: 21.0185vmin;
  height: 4.8148vmin;
}
.auszahlenmengebtn {
  border-radius: 0.3704vmin;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0vmin 0vmin 1.8519vmin rgba(255, 255, 255, 0.3) inset;
  border-width: 0.0926vmin;
  width: 20.7407vmin;
  height: 3.9815vmin;
  position: absolute;
  left: 1.4815vmin;
  top: 8.6111vmin;
}
.auszahlenmenge {
  color: rgba(255, 255, 255, 1);
  text-align: center;
  font-family: "Gilroy-Regular", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 400;
  position: absolute;
  left: 2.1296vmin;
  top: 9.7222vmin;
  width: 19.4444vmin;
  height: 1.6667vmin;
  background: none;
  border: none;
  outline: none;
  resize: none;
  overflow-wrap: break-word; 
  white-space: pre-wrap;
}
.auszahlenmenge:focus {
  color: rgba(255, 255, 255, 1); 
}

.auszahlenmenge::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.auszahlenauszahlenbtn {
  border-radius: 0.3704vmin;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0vmin 0vmin 1.8519vmin rgba(255, 255, 255, 0.3) inset;
  border-width: 0.0926vmin;
  width: 9.8148vmin;
  height: 3.3333vmin;
  position: absolute;
  left: 1.4815vmin;
  top: 13.0556vmin;
}
.auszahlenauszahlenbtn:hover {
  border-color: #157a43;
  background-color: #108546;
  box-shadow: 0 0 2.3148vmin #012210 inset;
 transition: all 0.5s;
  cursor: pointer;
  filter: drop-shadow(0vmin 0vmin 3.7037vmin #157a43);
}
.auszahlenauszahlenbtn:not(:hover) {
  transition: 0.5s;
}
.auszahlenabbrechenabbrechenbtn:hover {
    border-color: #a71d1d;
    background-color: #a51313;
    box-shadow: 0 0 2.3148vmin #5f0303 inset;
    transition: all 0.5s;
    cursor: pointer;
    filter: drop-shadow(0vmin 0vmin 3.7037vmin #ff0000);
}
.auszahlenabbrechenabbrechenbtn:not(:hover) {
  transition: 0.5s;
}
.auszahlenauszahlenlabel {
  color: #ffffff;
  text-align: center;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 600;
  position: absolute;
  left: 2.963vmin;
  top: 13.8889vmin;
  width: 6.8519vmin;
  height: 1.8519vmin;
    pointer-events: none;
}
.auszahlenabbrechenabbrechenbtn {
  border-radius: 0.3704vmin;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0vmin 0vmin 1.8519vmin rgba(255, 255, 255, 0.3) inset;
  border-width: 0.0926vmin;
  width: 9.8148vmin;
  height: 3.3333vmin;
  position: absolute;
  left: 12.4074vmin;
  top: 13.0556vmin;
}
.auszahlenabbrechenabbrechenlabel {
  color: #ffffff;
  text-align: center;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 600;
  position: absolute;
  left: 13.8889vmin;
  top: 13.8889vmin;
  width: 6.8519vmin;
  height: 1.8519vmin;
    pointer-events: none;
}
.einzahlenbg {
  width: 23.6111vmin;
  height: 17.5926vmin;
  position: absolute;
  left: 52.3148vmin;
  top: 42.5926vmin;
  object-fit: cover;
}
.einzahlenframe {
  border-radius: 0.3704vmin;
  width: 23.7037vmin;
  height: 17.5926vmin;
  position: absolute;
  left: 52.3148vmin;
  top: 42.5926vmin;
  overflow: hidden;
}
.einzahlenicon {
  width: 11.2037vmin;
  height: 8.6111vmin;
  position: absolute;
  left: 6.2963vmin;
  top: 2.1296vmin;
  object-fit: cover;
  aspect-ratio: 121/93;
}
.einzahlenblack {
  background: rgba(0, 0, 0, 0.15);
  width: 23.6111vmin;
  height: 4.7222vmin;
  position: absolute;
  left: 0vmin;
  top: 12.8704vmin;
}
.einzahlenblack:hover + .einzahlentext {
  text-shadow: 0vmin 0vmin 1.5741vmin rgba(255, 255, 255, 1);
  transition: 0.3s;
}
.einzahlenblack:not(:hover) + .einzahlentext {
  transition: 0.3s;
}
.einzahlenblack:hover {
  box-shadow: 0vmin 0vmin 1.8519vmin rgba(0, 0, 0, 0.5) inset;
  transition: 0.3s;
  cursor: pointer;
}
.einzahlenblack:not(:hover) {
  transition: 0.3s;
}
.einzahlentext {
  color: #ffffff;
  text-align: center;
  font-family: "Rajdhani-Bold", sans-serif;
  font-size: 1.4352vmin;
  letter-spacing: -0.01em;
  font-weight: 700;
  position: absolute;
  left: 0vmin;
  top: 14.2593vmin;
  width: 23.7037vmin;
  height: 2.5926vmin;
  pointer-events: none;
}
.einzahlenmengeframemain {
  width: 23.6111vmin;
  height: 17.5926vmin;
  position: absolute;
  left: 52.3148vmin;
  top: 42.5926vmin;
  overflow: hidden;
  pointer-events: none;
}
.einzahlenmengeframe {
  width: 23.6111vmin;
  height: 17.5926vmin;
  position: absolute;
  left: 0vmin;
  top: 0vmin;
  overflow: hidden;
  display: none;
}
.einzahlen-2-label {
  color: #ffffff;
  text-align: left;
  font-family: "Rajdhani-Bold", sans-serif;
  font-size: 1.4352vmin;
  letter-spacing: -0.02em;
  font-weight: 700;
  position: absolute;
  left: 1.5741vmin;
  top: 1.2963vmin;
  width: 14.8148vmin;
  height: 1.7593vmin;
}
.einzahlen-2-desc {
  color: rgba(255, 255, 255, 0.5);
  text-align: left;
  font-family: "Rajdhani-Medium", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 500;
  position: absolute;
  left: 1.5741vmin;
  top: 3.1481vmin;
  width: 21.0185vmin;
  height: 4.8148vmin;
}
.einzahlenmengebtn {
  border-radius: 0.3704vmin;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0vmin 0vmin 1.8519vmin rgba(255, 255, 255, 0.3) inset;
  border-width: 0.0926vmin;
  width: 20.7407vmin;
  height: 3.9815vmin;
  position: absolute;
  left: 1.5741vmin;
  top: 8.6111vmin;
}
.einzahlenmenge {
  color: rgba(255, 255, 255, 1);
  text-align: center;
  font-family: "Gilroy-Regular", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 400;
  position: absolute;
  left: 2.2222vmin;
  top: 9.7222vmin;
  width: 19.4444vmin;
  height: 1.6667vmin;
  background: none;
  border: none;
  outline: none;
  resize: none;
  overflow-wrap: break-word; 
  white-space: pre-wrap;
}
.einzahlenmenge:focus {
  color: rgba(255, 255, 255, 1); 
}

.einzahlenmenge::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.einzahleneinzahlenbtn {
  border-radius: 0.3704vmin;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0vmin 0vmin 1.8519vmin rgba(255, 255, 255, 0.3) inset;
  border-width: 0.0926vmin;
  width: 9.8148vmin;
  height: 3.3333vmin;
  position: absolute;
  left: 1.5741vmin;
  top: 13.0556vmin;
}
.einzahleneinzahlenbtn:hover {
  border-color: #157a43;
  background-color: #108546;
  box-shadow: 0 0 2.3148vmin #012210 inset;
 transition: all 0.5s;
  cursor: pointer;
  filter: drop-shadow(0vmin 0vmin 3.7037vmin #157a43);
}
.abbrechenabbrechenbtn:hover {
    border-color: #a71d1d;
    background-color: #a51313;
    box-shadow: 0 0 2.3148vmin #5f0303 inset;
    transition: all 0.5s;
    cursor: pointer;
    filter: drop-shadow(0vmin 0vmin 3.7037vmin #ff0000);
}
.einzahleneinzahlenbtn:not(:hover) {
  transition: 0.5s;
}
.abbrechenabbrechenbtn:not(:hover) {
  transition: 0.5s;
}
.einzahleneinzahlenlabel {
  color: #ffffff;
  text-align: center;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 600;
  position: absolute;
  left: 3.0556vmin;
  top: 13.8889vmin;
  width: 6.8519vmin;
  height: 1.8519vmin;
  pointer-events: none;
}
.abbrechenabbrechenbtn {
  border-radius: 0.3704vmin;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0vmin 0vmin 1.8519vmin rgba(255, 255, 255, 0.3) inset;
  border-width: 0.0926vmin;
  width: 9.8148vmin;
  height: 3.3333vmin;
  position: absolute;
  left: 12.5vmin;
  top: 13.0556vmin;
}
.abbrechenabbrechenlabel {
  color: #ffffff;
  text-align: center;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 600;
  position: absolute;
  left: 13.9815vmin;
  top: 13.8889vmin;
  width: 6.8519vmin;
  height: 1.8519vmin;
    pointer-events: none;
}
.auszahlenblack:hover + .auszahlentext {
  text-shadow: 0vmin 0vmin 1.5741vmin rgba(255, 255, 255, 1);
  transition: 0.3s;
}
.auszahlenblack:not(:hover) + .auszahlentext {
  transition: 0.3s;
}
.auszahlenblack:hover {
  box-shadow: 0vmin 0vmin 1.8519vmin rgba(0, 0, 0, 0.5) inset;
  transition: 0.3s;
  cursor: pointer;
}
.auszahlenblack:not(:hover) {
  transition: 0.3s;
}
.ueberweisenblack:hover + .ueberweisenbtntext {
  text-shadow: 0vmin 0vmin 1.5741vmin rgba(255, 255, 255, 1);
  transition: 0.3s;
}
.ueberweisenblack:not(:hover) + .ueberweisenbtntext {
  transition: 0.3s;
}
.ueberweisenblack:hover {
  box-shadow: 0vmin 0vmin 1.8519vmin rgba(0, 0, 0, 0.5) inset;
  transition: 0.3s;
  cursor: pointer;
}
.ueberweisenblack:not(:hover) {
  transition: 0.3s;
}

@keyframes slideInOben {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(0); }
}

.slideInOben {
  animation: slideInOben 0.3s ease-out;
}
.hidden {
  display: none;
}
.lasttransactions {
  color: #ffffff;
  text-align: left;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.4352vmin;
  letter-spacing: -0.01em;
  font-weight: 600;
  position: absolute;
  left: 52.4074vmin;
  top: 62.1296vmin;
  width: 14.2593vmin;
  height: 1.4815vmin;
}
.transactionline {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.25) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  width: 57.5vmin;
  height: 0.0926vmin;
  position: absolute;
  left: 67.8704vmin;
  top: 63.0556vmin;
}
.transactionscrollframe {
  width: 72.8704vmin;
  height: 18.6111vmin;
  position: absolute;
  left: 52.4074vmin;
  top: 66.9444vmin;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin; 
  scrollbar-color: #ED8D3D transparent; 
}
.transactionscrollframe .transactionframe:first-child {
  display: none;
}
.transactionscrollframe::-webkit-scrollbar {
  width: 0.2778vmin;
}

.transactionscrollframe::-webkit-scrollbar-track {
  background: transparent;
}

.transactionscrollframe::-webkit-scrollbar-thumb {
  background-color: #ED8D3D;
  border-radius: 0.2778vmin;
}
.transactionframe {
  width: 72.5vmin;
  height: 5.3704vmin;
position: relative;
margin-bottom: 0.2778vmin;
  left: 0vmin;
  overflow: hidden;
  transition: top 0.2s;
}
.transactionbg {
  border-radius: 0.5556vmin;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0vmin 0vmin 1.6667vmin rgba(255, 255, 255, 0.3) inset;
  border-width: 0.0926vmin;
  width: 72.5vmin;
  height: 5.3704vmin;
  position: absolute;
  left: 0vmin;
  top: 0vmin;
}
.transactionid {
  color: #ffffff;
  text-align: left;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 600;
  position: absolute;
  left: 1.2037vmin;
  top: 1.1111vmin;
  width: 5vmin;
  height: 1.3889vmin;
}
.transactionplayerid {
  color: rgba(255, 255, 255, 0.5);
  text-align: left;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 600;
  position: absolute;
  left: 1.2037vmin;
  top: 2.6852vmin;
  width: 10.3704vmin;
  height: 1.3889vmin;
}
.transactiontype {
  color: #ffffff;
  text-align: center;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 600;
  position: absolute;
  left: 23.0556vmin;
  top: 1.1111vmin;
  width: 8.3333vmin;
  height: 1.5741vmin;
}
.transactionplayertype {
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 600;
  position: absolute;
  left: 18.8889vmin;
  top: 2.6852vmin;
  width: 16.7593vmin;
  height: 1.5741vmin;
}
.transactionmenge {
  color: #ffffff;
  text-align: center;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 600;
  position: absolute;
  left: 41.2963vmin;
  top: 1.1111vmin;
  width: 8.3333vmin;
  height: 1.5741vmin;
}
.transactionplayertype2 {
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 600;
  position: absolute;
  left: 31.7593vmin;
  top: 2.6852vmin;
  width: 27.1296vmin;
  height: 1.5741vmin;
}
.transactiondate {
  color: #ed8d3d;
  text-align: right;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 600;
  position: absolute;
  left: 63.0556vmin;
  top: 1.1111vmin;
  width: 8.3333vmin;
  height: 1.5741vmin;
  text-shadow: 0vmin 0vmin 1.6667vmin #ed8d3d;
}
.transactionplayerdate {
  color: rgba(255, 255, 255, 0.5);
  text-align: right;
  font-family: "Rajdhani-SemiBold", sans-serif;
  font-size: 1.2963vmin;
  font-weight: 600;
  position: absolute;
  left: 56.3889vmin;
  top: 2.6852vmin;
  width: 15.1852vmin;
  height: 1.5741vmin;
}