@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

* { box-sizing: border-box; }
a { text-decoration: none; color: inherit; }
html, body { margin:0; padding:0; width:100%; font-family:'Roboto Condensed', Arial, sans-serif; background: rgb(16, 16, 16); }
body { background: rgb(16, 16, 16); }
main { display:block; }
.splash-ui { position:relative; width:100vw; height:100vh; overflow:hidden; }

/* ================= HERO (w1) ================= */

.splash-rectangle-1357-1 {
  position: absolute;
  left: 0.0000vw;
  top: 0.0000vh;
  width: 100.0000vw;
  height: 100.0000vh;
  overflow: visible;
  opacity: 1;
  z-index: 1;
  background-image: linear-gradient(rgb(16, 16, 16), rgb(16, 16, 16));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1364-2 {
  position: absolute;
  left: 0.0000vw;
  top: 0.0000vh;
  width: 100.0000vw;
  height: 7.9630vh;
  overflow: visible;
  opacity: 1;
  z-index: 2;
  background-image: linear-gradient(rgb(27, 27, 27), rgb(27, 27, 27));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1367-3 {
  position: absolute;
  left: 2.3958vw;
  top: 2.7778vh;
  width: 6.5625vw;
  height: 2.3148vh;
  overflow: hidden;
  opacity: 1;
  z-index: 3;
  border-radius: 0.5208vw 0.5208vw 0.5208vw 0.5208vw;
  clip-path: inset(0 round 0.5208vw 0.5208vw 0.5208vw 0.5208vw);
  background-image: linear-gradient(rgb(0, 187, 255), rgb(0, 187, 255));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-vexis-4 {
  position: absolute;
  left: 44.5000vw;
  top: 1.0000vh;
  width: 11.0000vw;
  height: 6.0000vh;
  overflow: visible;
  opacity: 1;
  z-index: 4;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 3.0000vh;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0800em;
  text-align: center;
  white-space: pre-wrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

.splash-vexis-4__text-run { display:block; text-align:center; }

.splash-rectangle-1366-5 {
  position: absolute;
  left: 90.3125vw;
  top: 2.7778vh;
  width: 6.5625vw;
  height: 2.3148vh;
  overflow: hidden;
  opacity: 1;
  z-index: 5;
  border-radius: 0.5208vw 0.5208vw 0.5208vw 0.5208vw;
  clip-path: inset(0 round 0.5208vw 0.5208vw 0.5208vw 0.5208vw);
  background-image: linear-gradient(rgb(0, 187, 255), rgb(0, 187, 255));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.splash-0-10-6 {
  position: absolute;
  left: 4.5313vw;
  top: 3.2407vh;
  width: 1.5625vw;
  height: 1.4815vh;
  overflow: visible;
  opacity: 1;
  z-index: 6;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.2037vh;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-0-10-6__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-logomakr-58y5y9-1-7 {
  position: absolute;
  left: 6.4583vw;
  top: 3.2407vh;
  width: 0.8854vw;
  height: 1.3889vh;
  overflow: visible;
  opacity: 1;
  z-index: 7;
  background-image: url('w1/assets/logomakr-58y5y9-1-1.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-jetzt-spielen-8 {
  position: absolute;
  left: 91.0417vw;
  top: 3.2407vh;
  width: 5.1042vw;
  height: 1.4815vh;
  overflow: visible;
  opacity: 1;
  z-index: 8;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.2037vh;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
  cursor: pointer;
  user-select: none;
}

.splash-jetzt-spielen-8__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-gemini-generated-image-jomno2jomno2jomn-1-9 {
  position: absolute;
  left: 5.3125vw;
  top: 19.8148vh;
  width: 27.2917vw;
  height: 60.2778vh;
  overflow: hidden;
  opacity: 1;
  z-index: 9;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  clip-path: inset(0 round 1.5625vw 1.5625vw 1.5625vw 1.5625vw);
  background-image: url('w1/assets/gemini-generated-image-jomno2jomno2jomn-1-2.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1359-10 {
  position: absolute;
  left: 62.5000vw;
  top: 19.8148vh;
  width: 22.5000vw;
  height: 14.6296vh;
  overflow: hidden;
  opacity: 1;
  z-index: 10;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  clip-path: inset(0 round 1.5625vw 1.5625vw 1.5625vw 1.5625vw);
  background-image: linear-gradient(rgb(217, 217, 217), rgb(217, 217, 217));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1359-10::after {
  content: '';
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  pointer-events: none;
  border-style: solid;
  border-color: rgb(0, 187, 255);
  border-width: 0.3646vw 0.3646vw 0.3646vw 0.3646vw;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  z-index: 2147483647;
}

.splash-rectangle-1365-11 {
  position: absolute;
  left: 59.8958vw;
  top: 24.9074vh;
  width: 5.2083vw;
  height: 4.4444vh;
  overflow: hidden;
  opacity: 1;
  z-index: 11;
  border-radius: 0.7813vw 0.7813vw 0.7813vw 0.7813vw;
  clip-path: inset(0 round 0.7813vw 0.7813vw 0.7813vw 0.7813vw);
  background-image: linear-gradient(rgb(217, 217, 217), rgb(217, 217, 217));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1365-11::after {
  content: '';
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  pointer-events: none;
  border-style: solid;
  border-color: rgb(0, 255, 225);
  border-width: 0.1563vw 0.1563vw 0.1563vw 0.1563vw;
  border-radius: 0.7813vw 0.7813vw 0.7813vw 0.7813vw;
  z-index: 2147483647;
}

.splash-images-3-3-12 {
  position: absolute;
  left: 61.0417vw;
  top: 25.5556vh;
  width: 2.9167vw;
  height: 3.1481vh;
  overflow: hidden;
  opacity: 1;
  z-index: 12;
  border-radius: 0.7813vw 0.7813vw 0.7813vw 0.7813vw;
  clip-path: inset(0 round 0.7813vw 0.7813vw 0.7813vw 0.7813vw);
  background-image: url('w1/assets/images-3-3-3.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-deutsch-1-13 {
  position: absolute;
  left: 68.7500vw;
  top: 25.2778vh;
  width: 10.0521vw;
  height: 3.6111vh;
  overflow: visible;
  opacity: 1;
  z-index: 13;
  color: rgb(0, 0, 0);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 2.9630vh;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-deutsch-1-13__text-run { display:block; width:100%; height:100%; text-align:left; }

.hero-heading {
  position: absolute;
  left: 62.5000vw;
  top: 44.6vh;
  z-index: 14;
  display: flex;
  flex-direction: column;
}

.hero-heading__row {
  display: flex;
  align-items: center;
  column-gap: 0.8vw;
  height: 4.4444vh;
}

.hero-heading__bar {
  display: block;
  flex: 0 0 auto;
  height: 2.5926vh;
  background: rgb(0, 187, 255);
}

.hero-heading__bar--1 { width: 2.2917vw; }
.hero-heading__bar--2 { width: 5.5208vw; }
.hero-heading__bar--3 { width: 8.1250vw; }

.hero-heading__text {
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 3.7037vh;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.splash-rectangle-1360-18 {
  position: absolute;
  left: 62.5000vw;
  top: 65.4630vh;
  width: 22.5000vw;
  height: 14.6296vh;
  overflow: hidden;
  opacity: 1;
  z-index: 25;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  clip-path: inset(0 round 1.5625vw 1.5625vw 1.5625vw 1.5625vw);
  background-image: linear-gradient(rgb(217, 217, 217), rgb(217, 217, 217));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.splash-rectangle-1360-18::after {
  content: '';
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  pointer-events: none;
  border-style: solid;
  border-color: rgb(0, 187, 255);
  border-width: 0.3646vw 0.3646vw 0.3646vw 0.3646vw;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  z-index: 2147483647;
}

.splash-rectangle-1368-19 {
  position: absolute;
  left: 65.1042vw;
  top: 65.1852vh;
  width: 3.6611vw;
  height: 14.9536vh;
  overflow: visible;
  opacity: 1;
  z-index: 19;
  --splash-transform: matrix(0.984808, -0.173648, 0.173648, 0.984808, 0, 0);
  transform: var(--splash-transform);
  transform-origin: top left;
  background-image: linear-gradient(rgb(0, 187, 255), rgb(0, 187, 255));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1369-20 {
  position: absolute;
  left: 78.3854vw;
  top: 65.4630vh;
  width: 3.6611vw;
  height: 14.9536vh;
  overflow: visible;
  opacity: 1;
  z-index: 20;
  --splash-transform: matrix(-0.984808, -0.173648, -0.173648, 0.984808, 0, 0);
  transform: var(--splash-transform);
  transform-origin: top left;
  background-image: linear-gradient(rgb(0, 187, 255), rgb(0, 187, 255));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-forum-21 {
  position: absolute;
  left: 70.5208vw;
  top: 71.1111vh;
  width: 6.1458vw;
  height: 3.6111vh;
  overflow: visible;
  opacity: 1;
  z-index: 26;
  color: rgb(0, 0, 0);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 2.9630vh;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-forum-21__text-run { display:block; width:100%; height:100%; text-align:left; }

/* ================= FEATURES (w2) ================= */

.splash-rectangle-1370-1 {
  position: absolute;
  left: 0.0000vw;
  top: 0.0000vh;
  width: 100.0000vw;
  height: 100.0000vh;
  overflow: visible;
  opacity: 1;
  z-index: 1;
  background-image: linear-gradient(rgb(16, 16, 16), rgb(16, 16, 16));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-was-macht-vexis-so-besonders-2 {
  position: absolute;
  left: 38.5469vw;
  top: 4.5000vh;
  width: 24.0000vw;
  height: 9.0000vh;
  overflow: visible;
  opacity: 1;
  z-index: 2;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 3.0000vh;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: center;
  white-space: pre-wrap;
  display: block;
}

.splash-was-macht-vexis-so-besonders-2__text-run { display:block; width:100%; height:100%; text-align:center; }

.splash-gemini-generated-image-poksjopoksjopoks-1-3 {
  position: absolute;
  left: 6.8750vw;
  top: 20.0926vh;
  width: 25.4167vw;
  height: 59.7222vh;
  overflow: hidden;
  opacity: 1;
  z-index: 3;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  clip-path: inset(0 round 1.5625vw 1.5625vw 1.5625vw 1.5625vw);
  background-image: url('w2/assets/gemini-generated-image-poksjopoksjopoks-1-1.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1377-4 {
  position: absolute;
  left: 6.8750vw;
  top: 20.0926vh;
  width: 25.4167vw;
  height: 59.7222vh;
  overflow: hidden;
  opacity: 1;
  z-index: 4;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  clip-path: inset(0 round 1.5625vw 1.5625vw 1.5625vw 1.5625vw);
  background-image: linear-gradient(90.000deg, rgba(81, 81, 81, 0.100) 0%, rgba(0, 0, 0, 0.800) 100%);
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1371-5 {
  position: absolute;
  left: 35.3125vw;
  top: 26.2963vh;
  width: 30.4688vw;
  height: 9.2593vh;
  overflow: hidden;
  opacity: 1;
  z-index: 5;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  clip-path: inset(0 round 1.5625vw 1.5625vw 1.5625vw 1.5625vw);
  background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1372-6 {
  position: absolute;
  left: 35.3125vw;
  top: 39.2593vh;
  width: 30.4688vw;
  height: 9.2593vh;
  overflow: hidden;
  opacity: 1;
  z-index: 6;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  clip-path: inset(0 round 1.5625vw 1.5625vw 1.5625vw 1.5625vw);
  background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1378-7 {
  position: absolute;
  left: 35.3125vw;
  top: 52.2222vh;
  width: 30.4688vw;
  height: 9.2593vh;
  overflow: hidden;
  opacity: 1;
  z-index: 7;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  clip-path: inset(0 round 1.5625vw 1.5625vw 1.5625vw 1.5625vw);
  background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1374-8 {
  position: absolute;
  left: 35.3125vw;
  top: 65.1852vh;
  width: 30.4688vw;
  height: 9.2593vh;
  overflow: hidden;
  opacity: 1;
  z-index: 8;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  clip-path: inset(0 round 1.5625vw 1.5625vw 1.5625vw 1.5625vw);
  background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-gemini-generated-image-2fdx622fdx622fdx-1-9 {
  position: absolute;
  left: 68.8021vw;
  top: 20.0926vh;
  width: 25.4688vw;
  height: 59.8148vh;
  overflow: hidden;
  opacity: 1;
  z-index: 9;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  clip-path: inset(0 round 1.5625vw 1.5625vw 1.5625vw 1.5625vw);
  background-image: url('w2/assets/gemini-generated-image-2fdx622fdx622fdx-1-2.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1379-10 {
  position: absolute;
  left: 68.8542vw;
  top: 20.1852vh;
  width: 25.4167vw;
  height: 59.7222vh;
  overflow: hidden;
  opacity: 1;
  z-index: 10;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  clip-path: inset(0 round 1.5625vw 1.5625vw 1.5625vw 1.5625vw);
  background-image: linear-gradient(90.000deg, rgba(81, 81, 81, 0.100) 0%, rgba(0, 0, 0, 0.800) 100%);
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-01-11 {
  position: absolute;
  left: 37.0833vw;
  top: 29.1667vh;
  width: 1.2500vw;
  height: 2.2222vh;
  overflow: visible;
  opacity: 1;
  z-index: 11;
  color: rgb(194, 194, 194);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.8519vh;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-01-11__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-02-12 {
  position: absolute;
  left: 37.0833vw;
  top: 42.7778vh;
  width: 1.4063vw;
  height: 2.2222vh;
  overflow: visible;
  opacity: 1;
  z-index: 12;
  color: rgb(194, 194, 194);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.8519vh;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-02-12__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-03-13 {
  position: absolute;
  left: 37.0833vw;
  top: 55.7407vh;
  width: 1.4063vw;
  height: 2.2222vh;
  overflow: visible;
  opacity: 1;
  z-index: 13;
  color: rgb(194, 194, 194);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.8519vh;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-03-13__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-04-14 {
  position: absolute;
  left: 37.0833vw;
  top: 68.7037vh;
  width: 1.4583vw;
  height: 2.2222vh;
  overflow: visible;
  opacity: 1;
  z-index: 14;
  color: rgb(194, 194, 194);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.8519vh;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-04-14__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-entwicklung-15 {
  position: absolute;
  left: 45.4688vw;
  top: 27.1296vh;
  width: 9.6354vw;
  height: 2.6852vh;
  overflow: visible;
  opacity: 1;
  z-index: 15;
  color: rgb(0, 0, 0);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 2.2222vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-entwicklung-15__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-roleplay-16 {
  position: absolute;
  left: 47.8125vw;
  top: 39.8148vh;
  width: 5.4167vw;
  height: 8.0556vh;
  overflow: visible;
  opacity: 1;
  z-index: 16;
  color: rgb(0, 0, 0);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 2.2222vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-roleplay-16__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-standige-updates-17 {
  position: absolute;
  left: 44.9479vw;
  top: 52.7778vh;
  width: 11.1458vw;
  height: 2.6852vh;
  overflow: visible;
  opacity: 1;
  z-index: 17;
  color: rgb(0, 0, 0);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 2.2222vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-standige-updates-17__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-community-18 {
  position: absolute;
  left: 46.8229vw;
  top: 65.7407vh;
  width: 7.3958vw;
  height: 2.6852vh;
  overflow: visible;
  opacity: 1;
  z-index: 18;
  color: rgb(0, 0, 0);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 2.2222vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-community-18__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-vexis-roleplay-nutzt-ein-eigenes-framework-zudem-auch-eigene-interfaces-19 {
  position: absolute;
  left: 39.5313vw;
  top: 30.2778vh;
  width: 24.8438vw;
  height: 3.3333vh;
  overflow: visible;
  opacity: 1;
  z-index: 19;
  color: rgb(109, 109, 109);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.3889vh;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-vexis-roleplay-nutzt-ein-eigenes-framework-zudem-auch-eigene-interfaces-19__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-vexis-roleplay-ist-ein-moderner-midcore-roleplay-server-wo-jeder-sein-spiel-spa-ausleben-kann-20 {
  position: absolute;
  left: 39.5313vw;
  top: 42.5926vh;
  width: 21.6667vw;
  height: 3.3333vh;
  overflow: visible;
  opacity: 1;
  z-index: 20;
  color: rgb(109, 109, 109);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.3889vh;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-vexis-roleplay-ist-ein-moderner-midcore-roleplay-server-wo-jeder-sein-spiel-spa-ausleben-kann-20__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-verbesserung-der-spielerlebnisse-21 {
  position: absolute;
  left: 44.1146vw;
  top: 56.2963vh;
  width: 12.9688vw;
  height: 1.6667vh;
  overflow: visible;
  opacity: 1;
  z-index: 21;
  color: rgb(109, 109, 109);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.3889vh;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-verbesserung-der-spielerlebnisse-21__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-jeden-tag-wachst-die-community-22 {
  position: absolute;
  left: 43.9063vw;
  top: 69.2593vh;
  width: 12.9688vw;
  height: 1.6667vh;
  overflow: visible;
  opacity: 1;
  z-index: 22;
  color: rgb(109, 109, 109);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.3889vh;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-jeden-tag-wachst-die-community-22__text-run { display:block; width:100%; height:100%; text-align:left; }

/* ================= HOW TO PLAY (w3) ================= */

.splash-rectangle-1379-1 {
  position: absolute;
  left: 0.0000vw;
  top: -1.2963vh;
  width: 100.0000vw;
  height: 101.2963vh;
  overflow: visible;
  opacity: 1;
  z-index: 1;
  background-image: linear-gradient(rgba(47, 47, 47, 0.980), rgba(47, 47, 47, 0.980));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1380-2 {
  position: absolute;
  left: 33.2813vw;
  top: 3.5185vh;
  width: 33.4375vw;
  height: 13.5185vh;
  overflow: visible;
  opacity: 1;
  z-index: 2;
  background-image: linear-gradient(rgb(45, 154, 255), rgb(45, 154, 255));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-wie-kann-ich-spielen-3 {
  position: absolute;
  left: 35.0000vw;
  top: 7.5926vh;
  width: 30.0000vw;
  height: 5.3704vh;
  overflow: visible;
  opacity: 1;
  z-index: 3;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 4.4444vh;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-wie-kann-ich-spielen-3__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-rectangle-1381-4 {
  position: absolute;
  left: 8.8542vw;
  top: 26.5741vh;
  width: 19.3750vw;
  height: 45.5556vh;
  overflow: hidden;
  opacity: 1;
  z-index: 4;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  clip-path: inset(0 round 1.5625vw 1.5625vw 1.5625vw 1.5625vw);
  background-image: linear-gradient(rgb(76, 76, 76), rgb(76, 76, 76));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1382-5 {
  position: absolute;
  left: 40.3125vw;
  top: 26.5741vh;
  width: 19.3750vw;
  height: 45.5556vh;
  overflow: hidden;
  opacity: 1;
  z-index: 5;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  clip-path: inset(0 round 1.5625vw 1.5625vw 1.5625vw 1.5625vw);
  background-image: linear-gradient(rgb(76, 76, 76), rgb(76, 76, 76));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1383-6 {
  position: absolute;
  left: 71.7708vw;
  top: 26.5741vh;
  width: 19.3750vw;
  height: 45.5556vh;
  overflow: hidden;
  opacity: 1;
  z-index: 6;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  clip-path: inset(0 round 1.5625vw 1.5625vw 1.5625vw 1.5625vw);
  background-image: linear-gradient(rgb(76, 76, 76), rgb(76, 76, 76));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-kaufen-und-installieren-sie-7 {
  position: absolute;
  left: 10.3646vw;
  top: 40.3704vh;
  width: 16.3542vw;
  height: 2.2222vh;
  overflow: visible;
  opacity: 1;
  z-index: 7;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.8519vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-kaufen-und-installieren-sie-7__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-gta5-8 {
  position: absolute;
  left: 15.1562vw;
  top: 45.7407vh;
  width: 6.7708vw;
  height: 5.3704vh;
  overflow: visible;
  opacity: 1;
  z-index: 8;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 4.4444vh;
  font-weight: 700;
  font-style: italic;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-gta5-8__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-rectangle-1384-9 {
  position: absolute;
  left: 11.7188vw;
  top: 54.2593vh;
  width: 13.6458vw;
  height: 2.9630vh;
  overflow: hidden;
  opacity: 1;
  z-index: 9;
  border-radius: 0.5208vw 0.5208vw 0.5208vw 0.5208vw;
  clip-path: inset(0 round 0.5208vw 0.5208vw 0.5208vw 0.5208vw);
  background-image: linear-gradient(rgb(45, 154, 255), rgb(45, 154, 255));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.splash-rectangle-1385-10 {
  position: absolute;
  left: 11.7188vw;
  top: 60.3704vh;
  width: 13.6458vw;
  height: 2.9630vh;
  overflow: hidden;
  opacity: 1;
  z-index: 10;
  border-radius: 0.5208vw 0.5208vw 0.5208vw 0.5208vw;
  clip-path: inset(0 round 0.5208vw 0.5208vw 0.5208vw 0.5208vw);
  background-image: linear-gradient(rgb(45, 154, 255), rgb(45, 154, 255));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.splash-rectangle-1386-11 {
  position: absolute;
  left: 11.7188vw;
  top: 66.4815vh;
  width: 13.6458vw;
  height: 2.9630vh;
  overflow: hidden;
  opacity: 1;
  z-index: 11;
  border-radius: 0.5208vw 0.5208vw 0.5208vw 0.5208vw;
  clip-path: inset(0 round 0.5208vw 0.5208vw 0.5208vw 0.5208vw);
  background-image: linear-gradient(rgb(45, 154, 255), rgb(45, 154, 255));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.splash-epic-games-12 {
  position: absolute;
  left: 15.3646vw;
  top: 54.6296vh;
  width: 6.6146vw;
  height: 2.1296vh;
  overflow: visible;
  opacity: 1;
  z-index: 12;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.8519vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-epic-games-12__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-steam-13 {
  position: absolute;
  left: 16.6146vw;
  top: 60.7407vh;
  width: 3.9063vw;
  height: 2.2222vh;
  overflow: visible;
  opacity: 1;
  z-index: 13;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.8519vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-steam-13__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-rockstar-games-14 {
  position: absolute;
  left: 13.6458vw;
  top: 66.9444vh;
  width: 10.0521vw;
  height: 2.2222vh;
  overflow: visible;
  opacity: 1;
  z-index: 14;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.8519vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-rockstar-games-14__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-rectangle-1387-15 {
  position: absolute;
  left: 43.1771vw;
  top: 66.4815vh;
  width: 13.6458vw;
  height: 2.9630vh;
  overflow: hidden;
  opacity: 1;
  z-index: 15;
  border-radius: 0.5208vw 0.5208vw 0.5208vw 0.5208vw;
  clip-path: inset(0 round 0.5208vw 0.5208vw 0.5208vw 0.5208vw);
  background-image: linear-gradient(rgb(45, 154, 255), rgb(45, 154, 255));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.splash-herunterladen-16 {
  position: absolute;
  left: 45.3646vw;
  top: 66.8519vh;
  width: 9.3229vw;
  height: 2.2222vh;
  overflow: visible;
  opacity: 1;
  z-index: 16;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.8519vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
  cursor: pointer;
}

.splash-herunterladen-16__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-vexis-launcher-17 {
  position: absolute;
  left: 40.3125vw;
  top: 43.4259vh;
  width: 19.3750vw;
  height: 10.8333vh;
  overflow: visible;
  opacity: 1;
  z-index: 17;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 2.9630vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: center;
  white-space: pre-wrap;
  display: block;
}

.splash-vexis-launcher-17__text-run { display:block; width:100%; height:100%; text-align:center; }

.splash-logomakr-791d5y-1-18 {
  position: absolute;
  left: 47.7604vw;
  top: 29.2593vh;
  width: 4.5313vw;
  height: 7.5926vh;
  overflow: visible;
  opacity: 1;
  z-index: 18;
  background-image: url('w3/assets/logomakr-791d5y-1-1.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-vexis-19 {
  position: absolute;
  left: 77.5521vw;
  top: 30.3704vh;
  width: 7.8646vw;
  height: 5.3704vh;
  overflow: visible;
  opacity: 1;
  z-index: 19;
  background: transparent;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 4.4444vh;
  font-weight: 900;
  font-style: italic;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-vexis-19__asset {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: none;
  max-height: none;
  object-fit: fill;
  pointer-events: none;
}

.splash-launcher-offnen-20 {
  position: absolute;
  left: 75.5729vw;
  top: 44.4444vh;
  width: 11.7708vw;
  height: 8.8889vh;
  overflow: visible;
  opacity: 1;
  z-index: 20;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 3.7037vh;
  font-weight: 900;
  font-style: italic;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-launcher-offnen-20__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-rectangle-1388-21 {
  position: absolute;
  left: 74.6354vw;
  top: 66.4815vh;
  width: 13.6458vw;
  height: 2.9630vh;
  overflow: hidden;
  opacity: 1;
  z-index: 21;
  border-radius: 0.5208vw 0.5208vw 0.5208vw 0.5208vw;
  clip-path: inset(0 round 0.5208vw 0.5208vw 0.5208vw 0.5208vw);
  background-image: linear-gradient(rgb(45, 154, 255), rgb(45, 154, 255));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.splash-offnen-22 {
  position: absolute;
  left: 79.3750vw;
  top: 66.8519vh;
  width: 4.2188vw;
  height: 2.2222vh;
  overflow: visible;
  opacity: 1;
  z-index: 22;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.8519vh;
  font-weight: 900;
  font-style: italic;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
  cursor: pointer;
}

.splash-offnen-22__text-run { display:block; width:100%; height:100%; text-align:left; }

/* ================= SCREENSHOTS + PROMOCODE (w4) ================= */

.splash-rectangle-1389-1 {
  position: absolute;
  left: 0.0000vw;
  top: 0.0000vh;
  width: 100.0000vw;
  height: 100.0000vh;
  overflow: visible;
  opacity: 1;
  z-index: 1;
  background-image: linear-gradient(rgba(39, 39, 39, 0.980), rgba(39, 39, 39, 0.980));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-screenshots-2 {
  position: absolute;
  left: 37.3438vw;
  top: 5.0000vh;
  width: 25.3646vw;
  height: 7.1296vh;
  overflow: visible;
  opacity: 1;
  z-index: 2;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 5.9259vh;
  font-weight: 900;
  font-style: italic;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-screenshots-2__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-screenshot-2026-08-13-174448-1-3 {
  position: absolute;
  left: 38.8021vw;
  top: 16.6667vh;
  width: 22.4479vw;
  height: 22.4074vh;
  overflow: hidden;
  opacity: 1;
  z-index: 3;
  border-radius: 1.0417vw 1.0417vw 1.0417vw 1.0417vw;
  clip-path: inset(0 round 1.0417vw 1.0417vw 1.0417vw 1.0417vw);
  background-image: url('w4/assets/screenshot-2026-08-13-174448-1-1.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-screenshot-2026-08-13-174904-1-4 {
  position: absolute;
  left: 71.4583vw;
  top: 16.6667vh;
  width: 22.3958vw;
  height: 22.4074vh;
  overflow: hidden;
  opacity: 1;
  z-index: 4;
  border-radius: 1.0417vw 1.0417vw 1.0417vw 1.0417vw;
  clip-path: inset(0 round 1.0417vw 1.0417vw 1.0417vw 1.0417vw);
  background-image: url('w4/assets/screenshot-2026-08-13-174904-1-2.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-screenshot-2026-08-13-174638-1-5 {
  position: absolute;
  left: 6.0938vw;
  top: 16.6667vh;
  width: 22.5000vw;
  height: 22.4074vh;
  overflow: hidden;
  opacity: 1;
  z-index: 5;
  border-radius: 1.0417vw 1.0417vw 1.0417vw 1.0417vw;
  clip-path: inset(0 round 1.0417vw 1.0417vw 1.0417vw 1.0417vw);
  background-image: url('w4/assets/screenshot-2026-08-13-174638-1-3.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-promocode-6 {
  position: absolute;
  left: 38.8021vw;
  top: 52.9630vh;
  width: 22.6042vw;
  height: 7.1296vh;
  overflow: visible;
  opacity: 1;
  z-index: 6;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 5.9259vh;
  font-weight: 900;
  font-style: italic;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-promocode-6__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-rectangle-1390-7 {
  position: absolute;
  left: 13.7500vw;
  top: 65.0000vh;
  width: 72.5000vw;
  height: 15.5556vh;
  overflow: hidden;
  opacity: 1;
  z-index: 7;
  border-radius: 2.0833vw 2.0833vw 2.0833vw 2.0833vw;
  clip-path: inset(0 round 2.0833vw 2.0833vw 2.0833vw 2.0833vw);
  background-image: linear-gradient(rgb(17, 17, 17), rgb(17, 17, 17));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1390-7::after {
  content: '';
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  pointer-events: none;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  border-width: 0.0521vw 0.0521vw 0.0521vw 0.0521vw;
  border-radius: 2.0833vw 2.0833vw 2.0833vw 2.0833vw;
  z-index: 2147483647;
}

.splash-erhalte-25-000-8 {
  position: absolute;
  left: 38.5938vw;
  top: 70.0926vh;
  width: 23.0208vw;
  height: 5.3704vh;
  overflow: visible;
  opacity: 1;
  z-index: 8;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 4.4444vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-erhalte-25-000-8__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-artworks-000198279540-6ghz0t-t500x500-removebg-preview-1-9 {
  position: absolute;
  left: 68.2813vw;
  top: 55.0000vh;
  width: 14.3750vw;
  height: 25.5556vh;
  overflow: visible;
  opacity: 1;
  z-index: 9;
  background-image: url('w4/assets/artworks-000198279540-6ghz0t-t500x500-removebg-preview-1-4.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1423-10 {
  position: absolute;
  left: 16.3542vw;
  top: 67.7778vh;
  width: 4.9479vw;
  height: 1.9444vh;
  overflow: visible;
  opacity: 1;
  z-index: 10;
  background-image: linear-gradient(rgb(0, 157, 255), rgb(0, 157, 255));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1421-11 {
  position: absolute;
  left: 16.3542vw;
  top: 71.7593vh;
  width: 3.5937vw;
  height: 1.9444vh;
  overflow: visible;
  opacity: 1;
  z-index: 11;
  background-image: linear-gradient(rgb(0, 157, 255), rgb(0, 157, 255));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1422-12 {
  position: absolute;
  left: 16.3542vw;
  top: 75.7407vh;
  width: 2.1354vw;
  height: 1.9444vh;
  overflow: visible;
  opacity: 1;
  z-index: 12;
  background-image: linear-gradient(rgb(45, 154, 255), rgb(45, 154, 255));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-spiele-jetzt-13 {
  position: absolute;
  left: 21.8750vw;
  top: 67.5000vh;
  width: 7.2396vw;
  height: 2.2222vh;
  overflow: visible;
  opacity: 1;
  z-index: 13;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.8519vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-spiele-jetzt-13__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-mit-dem-promocode-14 {
  position: absolute;
  left: 20.5208vw;
  top: 71.4815vh;
  width: 11.8750vw;
  height: 2.2222vh;
  overflow: visible;
  opacity: 1;
  z-index: 14;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.8519vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-mit-dem-promocode-14__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-vexis-15 {
  position: absolute;
  left: 18.8021vw;
  top: 75.4630vh;
  width: 3.2813vw;
  height: 3.5185vh;
  overflow: visible;
  opacity: 1;
  z-index: 15;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.8519vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-vexis-15__text-run { display:block; width:100%; height:100%; text-align:left; }

/* ================= FAQ (w5) ================= */

.splash-rectangle-1424-1 {
  position: absolute;
  left: 0.0000vw;
  top: 0.0000vh;
  width: 100.0000vw;
  height: 100.0000vh;
  overflow: visible;
  opacity: 1;
  z-index: 1;
  background-image: linear-gradient(rgba(13, 13, 13, 0.980), rgba(13, 13, 13, 0.980));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-faq-2 {
  position: absolute;
  left: 47.4479vw;
  top: 4.8148vh;
  width: 5.1563vw;
  height: 5.3704vh;
  overflow: visible;
  opacity: 1;
  z-index: 2;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 4.4444vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-faq-2__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-rectangle-1428-3 {
  position: absolute;
  left: 29.5833vw;
  top: 36.1111vh;
  width: 19.4271vw;
  height: 17.9630vh;
  overflow: hidden;
  opacity: 1;
  z-index: 3;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  clip-path: inset(0 round 1.5625vw 1.5625vw 1.5625vw 1.5625vw);
  background-image: linear-gradient(rgb(51, 51, 51), rgb(51, 51, 51));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1429-4 {
  position: absolute;
  left: 51.1458vw;
  top: 36.1111vh;
  width: 19.4271vw;
  height: 17.9630vh;
  overflow: hidden;
  opacity: 1;
  z-index: 4;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  clip-path: inset(0 round 1.5625vw 1.5625vw 1.5625vw 1.5625vw);
  background-image: linear-gradient(rgb(51, 51, 51), rgb(51, 51, 51));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1427-5 {
  position: absolute;
  left: 61.4583vw;
  top: 14.8148vh;
  width: 19.4271vw;
  height: 17.9630vh;
  overflow: hidden;
  opacity: 1;
  z-index: 5;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  clip-path: inset(0 round 1.5625vw 1.5625vw 1.5625vw 1.5625vw);
  background-image: linear-gradient(rgb(51, 51, 51), rgb(51, 51, 51));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1426-6 {
  position: absolute;
  left: 40.3125vw;
  top: 14.8148vh;
  width: 19.4271vw;
  height: 17.9630vh;
  overflow: hidden;
  opacity: 1;
  z-index: 6;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  clip-path: inset(0 round 1.5625vw 1.5625vw 1.5625vw 1.5625vw);
  background-image: linear-gradient(rgb(51, 51, 51), rgb(51, 51, 51));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-rectangle-1425-7 {
  position: absolute;
  left: 19.1667vw;
  top: 14.8148vh;
  width: 19.4271vw;
  height: 17.9630vh;
  overflow: hidden;
  opacity: 1;
  z-index: 7;
  border-radius: 1.5625vw 1.5625vw 1.5625vw 1.5625vw;
  clip-path: inset(0 round 1.5625vw 1.5625vw 1.5625vw 1.5625vw);
  background-image: linear-gradient(rgb(51, 51, 51), rgb(51, 51, 51));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-ist-boost-roleplay-auf-fivem-ja-wir-sind-auf-fivem-du-kannst-dich-entweder-uber-den-fivem-launcher-mit-unserem-game-verbinden-oder-priorisiert-mit-unserem-boost-launcher-8 {
  position: absolute;
  left: 54.1146vw;
  top: 37.2222vh;
  width: 13.4896vw;
  height: 15.7407vh;
  overflow: visible;
  opacity: 1;
  z-index: 8;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.4815vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-ist-boost-roleplay-auf-fivem-ja-wir-sind-auf-fivem-du-kannst-dich-entweder-uber-den-fivem-launcher-mit-unserem-game-verbinden-oder-priorisiert-mit-unserem-boost-launcher-8__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-wo-finde-ich-die-serverregeln-der-bereich-mit-serverregeln-beschwerden-uber-spieler-und-veranstaltungen-kann-im-projektforum-gefunden-werden-9 {
  position: absolute;
  left: 33.8542vw;
  top: 37.9630vh;
  width: 11.7708vw;
  height: 13.7963vh;
  overflow: visible;
  opacity: 1;
  z-index: 9;
  color: rgb(0, 0, 0);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.4815vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-wo-finde-ich-die-serverregeln-der-bereich-mit-serverregeln-beschwerden-uber-spieler-und-veranstaltungen-kann-im-projektforum-gefunden-werden-9__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-erste-schritte-fur-neulinge-einsteiger-konnen-direkt-mit-der-anfanger-quest-starten-sie-fuhrt-dich-schritt-fur-schritt-durch-die-wichtigsten-spielmechaniken-und-hilft-dir-dich-schnell-auf-dem-server-zurechtzufinden-10 {
  position: absolute;
  left: 62.1875vw;
  top: 22.5000vh;
  width: 18.5938vw;
  height: 15.4630vh;
  overflow: visible;
  opacity: 1;
  z-index: 10;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.2963vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-erste-schritte-fur-neulinge-einsteiger-konnen-direkt-mit-der-anfanger-quest-starten-sie-fuhrt-dich-schritt-fur-schritt-durch-die-wichtigsten-spielmechaniken-und-hilft-dir-dich-schnell-auf-dem-server-zurechtzufinden-10__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-was-konnte-ein-anfanger-auf-dem-server-tun-11 {
  position: absolute;
  left: 64.0625vw;
  top: 16.2037vh;
  width: 15.3125vw;
  height: 4.4444vh;
  overflow: visible;
  opacity: 1;
  z-index: 11;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.8519vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-was-konnte-ein-anfanger-auf-dem-server-tun-11__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-wie-fange-ich-an-auf-vexis-rp-zu-spielen-um-zu-starten-mussen-sie-eine-lizenzierte-kopie-von-gta-v-legacy-kaufen-und-herunterladen-und-dann-den-vexis-rp-launcher-oder-fivem-installieren-12 {
  position: absolute;
  left: 44.6354vw;
  top: 16.0185vh;
  width: 11.2500vw;
  height: 16.0185vh;
  overflow: visible;
  opacity: 1;
  z-index: 12;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.4815vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-wie-fange-ich-an-auf-vexis-rp-zu-spielen-um-zu-starten-mussen-sie-eine-lizenzierte-kopie-von-gta-v-legacy-kaufen-und-herunterladen-und-dann-den-vexis-rp-launcher-oder-fivem-installieren-12__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-im-gta-v-roleplay-erspielst-du-dir-eine-eigene-identitat-du-nimmst-eine-bestimmte-rolle-ein-haltst-dich-an-serverregeln-und-interagierst-realistisch-mit-anderen-spielern-13 {
  position: absolute;
  left: 21.0938vw;
  top: 22.5000vh;
  width: 17.0313vw;
  height: 6.2963vh;
  overflow: visible;
  opacity: 1;
  z-index: 13;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.2963vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-im-gta-v-roleplay-erspielst-du-dir-eine-eigene-identitat-du-nimmst-eine-bestimmte-rolle-ein-haltst-dich-an-serverregeln-und-interagierst-realistisch-mit-anderen-spielern-13__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-was-ist-roleplay-14 {
  position: absolute;
  left: 22.8125vw;
  top: 17.0370vh;
  width: 11.0417vw;
  height: 2.6852vh;
  overflow: visible;
  opacity: 1;
  z-index: 14;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 2.2222vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-was-ist-roleplay-14__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-polygon-5-15 {
  position: absolute;
  left: 13.9063vw;
  top: -26.5741vh;
  width: 72.2396vw;
  height: 118.7037vh;
  overflow: visible;
  opacity: 1;
  z-index: 15;
  background: transparent;
}

.splash-polygon-5-15__asset {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: none;
  max-height: none;
  object-fit: fill;
  pointer-events: none;
}

.splash-polygon-5-15::after {
  content: '';
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  pointer-events: none;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.100);
  border-width: 0.4167vw 0.4167vw 0.4167vw 0.4167vw;
  z-index: 2147483647;
}

/* ================= FOOTER (w7) ================= */

#footer.splash-ui { height: 20vh; }

.splash-rectangle-1364-1 {
  position: absolute;
  left: 0.0000vw;
  top: 0.0000vh;
  width: 100.0000vw;
  height: 100%;
  overflow: visible;
  opacity: 1;
  z-index: 1;
  background-image: linear-gradient(rgb(27, 27, 27), rgb(27, 27, 27));
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-vexis-roleplay-2 {
  position: absolute;
  left: 7.8125vw;
  top: 2.3529vh;
  width: 22.0000vw;
  height: 5.6471vh;
  overflow: visible;
  opacity: 1;
  z-index: 2;
  color: rgb(255, 255, 255);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 3.7037vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: nowrap;
  display: block;
}

.splash-vexis-roleplay-2__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-vexis-rp-ist-nicht-mit-take-two-rockstar-north-interactive-oder-einem-anderen-rechteinhaber-verbunden-oder-von-diesen-unterstutzt-alle-verwendeten-marken-gehoren-ihren-jeweiligen-eigentumern-3 {
  position: absolute;
  left: 7.8125vw;
  top: 10.0000vh;
  width: 28.5417vw;
  height: 6.3529vh;
  overflow: visible;
  opacity: 1;
  z-index: 3;
  color: rgb(131, 128, 128);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.7647vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-vexis-rp-ist-nicht-mit-take-two-rockstar-north-interactive-oder-einem-anderen-rechteinhaber-verbunden-oder-von-diesen-unterstutzt-alle-verwendeten-marken-gehoren-ihren-jeweiligen-eigentumern-3__text-run { display:block; width:100%; height:100%; text-align:left; }

.splash-trevor-image-2-removebg-preview-1-4 {
  position: absolute;
  left: 64.6875vw;
  top: -0.9412vh;
  width: 23.8542vw;
  height: 33.6471vh;
  overflow: visible;
  opacity: 1;
  z-index: 4;
  background-image: url('w7/assets/trevor-image-2-removebg-preview-1-1.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.splash-datenschutz-richtlinien-nutzungsbedingungen-5 {
  position: absolute;
  left: 57.8646vw;
  top: 8.8235vh;
  width: 7.4479vw;
  height: 5.6471vh;
  overflow: visible;
  opacity: 1;
  z-index: 5;
  color: rgb(89, 89, 89);
  font-family: 'Inter', Arial, sans-serif;
  font-size: 1.1765vh;
  font-weight: 900;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.0000em;
  text-align: left;
  white-space: pre-wrap;
  display: block;
}

.splash-datenschutz-richtlinien-nutzungsbedingungen-5__text-run { display:block; width:100%; height:100%; text-align:left; }

/* ================= LOGIN / REGISTER MODAL ================= */

.auth-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1000;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.auth-overlay.open { display: flex; }

.auth-modal {
  position: relative;
  width: min(90vw, 380px);
  background: rgb(27, 27, 27);
  border: 1px solid rgba(0, 187, 255, 0.35);
  border-radius: 16px;
  padding: 32px 28px 28px;
  font-family: 'Inter', Arial, sans-serif;
  color: rgb(255, 255, 255);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.55);
}

.auth-modal__close {
  position: absolute;
  top: 12px;
  right: 14px;
  background: none;
  border: none;
  color: #888;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  padding: 4px;
}

.auth-modal__close:hover { color: #fff; }

.auth-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 22px;
}

.auth-tab {
  flex: 1;
  text-align: center;
  padding: 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: #aaa;
  cursor: pointer;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.05em;
  transition: background 0.15s, color 0.15s;
}

.auth-tab.active {
  background: rgb(0, 187, 255);
  color: #06131a;
}

.auth-modal h2 {
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 800;
}

.auth-modal p.auth-sub {
  margin: 0 0 20px;
  color: #999;
  font-size: 13px;
}

.auth-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.auth-form input {
  background: #111;
  border: 1px solid #333;
  border-radius: 8px;
  padding: 12px 14px;
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  width: 100%;
}

.auth-form input:focus {
  outline: none;
  border-color: rgb(0, 187, 255);
}

.auth-form button[type="submit"] {
  margin-top: 6px;
  background: rgb(0, 187, 255);
  border: none;
  border-radius: 8px;
  padding: 12px;
  color: #06131a;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: background 0.15s;
}

.auth-form button[type="submit"]:hover { background: rgb(45, 154, 255); }
.auth-form button[type="submit"]:disabled { opacity: 0.6; cursor: default; }

.auth-error {
  color: #ff6b6b;
  font-size: 12.5px;
  min-height: 14px;
}

.auth-success {
  color: #4ade80;
  font-size: 12.5px;
  min-height: 14px;
}

/* ================= NOTICE / ERROR MODAL ================= */

.notice-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1000;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.notice-overlay.open { display: flex; }

.notice-modal {
  position: relative;
  width: min(90vw, 380px);
  background: rgb(27, 27, 27);
  border: 1px solid rgba(255, 159, 28, 0.4);
  border-radius: 16px;
  padding: 32px 28px 28px;
  font-family: 'Inter', Arial, sans-serif;
  color: rgb(255, 255, 255);
  text-align: center;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.55);
}

.notice-modal__close {
  position: absolute;
  top: 12px;
  right: 14px;
  background: none;
  border: none;
  color: #888;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  padding: 4px;
}

.notice-modal__close:hover { color: #fff; }

.notice-modal__icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: rgba(255, 159, 28, 0.12);
  border: 1px solid rgba(255, 159, 28, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  color: rgb(255, 159, 28);
}

.notice-modal h2 {
  margin: 0 0 10px;
  font-size: 19px;
  font-weight: 800;
}

.notice-modal p {
  margin: 0 0 24px;
  color: #aaa;
  font-size: 13.5px;
  line-height: 1.5;
}

.notice-modal button.notice-modal__ok {
  background: rgb(0, 187, 255);
  border: none;
  border-radius: 8px;
  padding: 12px 22px;
  color: #06131a;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: background 0.15s;
}

.notice-modal button.notice-modal__ok:hover { background: rgb(45, 154, 255); }