@font-face {
    font-family: MyRegular;
    src: url('./utils/font/TitilliumWeb-Regular.ttf');
}

@font-face {
    font-family: MyBold;
    src: url('./utils/font/TitilliumWeb-Bold.ttf');
}

@font-face {
    font-family: MyLight;
    src: url('./utils/font/TitilliumWeb-ExtraLight.ttf');
}



body {
    background: #1F1F1F;
    margin: 0px;
    overflow-x: hidden;

}

div#pv-header {
    background: #232833;
    width: 100vw;
    height: 8vh;
    box-shadow: 4px 4px 33.5px 0px rgba(0, 0, 0, 0.25);
}

span#pv-title {
    font-family: MyBold;
    position: absolute;
    color: #D8D8D8;
    font-size: 1.5vw;
    margin-top: 2vh;
    margin-left: 1vw;
}

span#pv-title:first-letter {
    color: rgba(20, 114, 177, 0.85);
}

div#pv-login-btn {
    width: 6vw;
    height: 1.6vw;
    color: #FFFFFF;
    font-family: 'MyRegular';
    align-content: center;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    right: 0;
    margin-right: 9.8vw;
    margin-top: 2.1vh;
    border: solid;
    border-color: #3D4D76;
    font-size: 0.8vw;
}

div#pv-register-btn {
    background: #424E6C;
    width: 8vw;
    height: 1.8vw;
    color: #FFFFFF;
    font-family: MyRegular;
    align-content: center;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    right: 0;
    margin-right: 1vw;
    margin-top: 2.2vh;
    font-size: 0.8vw;
}

#pv-register-btn:hover {
    background: #38425e;
    cursor: pointer;
}

#pv-login-btn:hover {
    background: #4c5a7e;
    cursor: pointer;
}

span#pv-slogan {
    font-family: 'MyRegular';
    color: #FFFFFF;
    font-size: 1.2vw;
    margin-top: 4vh;
    width: 100vw;
    text-align: center;
    display: block;
}

span#pv-slogan:first-letter {
    color: rgba(20, 114, 177, 0.85);
}

div#pv-gen {
    position: absolute;
    width: 24vw;
    height: 60vh;
    background: #232833;
    left: 4vw;
    margin-top: 13vh;
    box-shadow: 4px 4px 27.5px 0px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}

div#pv-exc {
    position: absolute;
    width: 24vw;
    height: 60vh;
    background: #232833;
    right: 4vw;
    margin-top: 13vh;
    box-shadow: 4px 4px 27.5px 0px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}

div#pv-mng {
    position: absolute;
    width: 24vw;
    height: 60vh;
    background: #232833;
    left: 38vw;
    margin-top: 13vh;
    box-shadow: 4px 4px 27.5px 0px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}

img#pv-tabimg {
    width: 2vw;
    position: absolute;
    margin-left: 1.5vw;
    margin-top: 2.5vh;
}

span#pv-tabtext {
    position: absolute;
    font-family: 'MyBold';
    color: #D8D8D8;
    font-size: 1.3vw;
    margin-left: 4vw;
    margin-top: 3vh;
}

span#pv-tabtext-1 {
    font-family: 'MyLight';
    color: #D0D0D0;
    margin-left: 1.5vw;
    position: absolute;
    width: 21vw;
    margin-top: 7vh;
    font-size: 0.7vw;
}

.special-line .first-letter {
    font-family: 'MyBold';
    /* spezielle Schrift für K */
    font-size: 1vw;
    color: rgba(20, 114, 177, 0.85);

}

div#pv-tabtext-2 {
    position: absolute;
    margin-left: 1.5vw;
    margin-top: 13vh;
    line-height: 0.4vw;
    font-family: 'MyRegular';
    font-size: 0.8vw;
    color: #D0D0D0;
}

div#pv-tabtext-3 {
    position: absolute;
    margin-left: 1.5vw;
    margin-top: 25vh;
    line-height: 1.3vw;
    font-family: 'MyRegular';
    font-size: 0.8vw;
    color: #D0D0D0;
    width: 21vw;
}

div#pv-tabtext-4 {
    position: absolute;
    margin-left: 1.5vw;
    margin-top: 13vh;
    line-height: 1.3vw;
    font-family: 'MyRegular';
    color: #D0D0D0;
    width: 21vw;
    font-size: 0.8vw;
}

span#pv-tabtext-5 {
    font-family: 'MyRegular';
    color: #D0D0D0;
    margin-left: 1.5vw;
    position: absolute;
    width: 21vw;
    margin-top: 9vh;
    font-size: 0.7vw;
}

.exchange-block {
    width: 20vw;
    font-family: 'MYREGULAR';
    color: #D2D2D2;
    font-size: 0.8vw;
    margin-top: 13vh;
    position: absolute;
    margin-left: 1.5vw;
  }

  .exchange-block1 {
  width: 20vw;
  font-family: 'MYREGULAR';
  color: #D2D2D2;
  font-size: 0.8vw;
  margin-top: 32vh;
  position: absolute;
  margin-left: 1.5vw;
  }

  .exchange-block h2 {
    margin: 0;
    font-size: 1vw;
    font-family: 'MyBold';
    color: #88c0ff;
  }

  .exchange-block h3 {
    margin: 5px 0 15px;
    font-size: 1em;
    color: #666;
    font-style: italic;
  }

  .green {
    color: green;
    font-weight: bold;
  }

  h2 {
    margin: 0;
    font-size: 1vw;
    font-family: 'MyBold';
    color: #88c0ff;
}

hr#nowprice {
    background: #747474;
    height: 1px;
    width: 71vw;
    border: 0;
    margin-top: 7vh;
}

div#pv-prices {
    width: 100vw;
    height: 84vh;
    position: absolute;
}

div#pv-pces-out {
    width: 59vw;
    height: 45vh;
    background: #232833;
    margin-top: 7vh;
    display: flex;
    box-shadow: 4px 4px 27.5px 0px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    position: absolute;
    margin-left: 20.5vw;
}

div#newprice {
    height: 45vh;
    width: 19.6vw;
    border-right: 2px solid #717171;
}

span#pricename {
    font-family: 'MyBold';
    color: white;
    font-size: 1.5vw;
    margin-left: 1.5vw;
    margin-top: 3vh;
    position: absolute;
}

span#pricedescribtion {
    margin-left: 1.5vw;
    font-family: 'MyLight';
    color: #D0D0D0;
    margin-top: 7.5vh;
    font-size: 0.7vw;
    position: absolute;
    width: 16.6vw;
}

span#priceeuro {
    margin-left: 1.5vw;
    font-family: 'MyRegular';
    color: white;
    margin-top: 14.5vh;
    font-size: 0.7vw;
    position: absolute;
    width: 16.6vw;
}

span#pricedata {
    margin-left: 2.1vw;
    font-family: 'MyBold';
    color: white;
    margin-top: 13.7vh;
    font-size: 1.7vw;
    position: absolute;
    width: 16.6vw;
}

span#pricetime {
    margin-left: 1.5vw;
    font-family: 'MyLight';
    color: white;
    margin-top: 17.8vh;
    font-size: 0.55vw;
    position: absolute;
    width: 16.6vw;
}

span#pricedate {
    font-family: 'MyBold';
    font-size: 0.7vw;
    color: #00D9FF;
}

div#buybtn {
    font-family: 'MyRegular';
    color: white;
    background: #004A7E;
    width: 16.5vw;
    text-align: center;
    align-content: center;
    height: 5vh;
    position: absolute;
    border-radius: 8px;
    margin-left: 1.5vw;
    margin-top: 23vh;
    font-size: 0.8vw;
}

div#buybtn:hover {
    cursor: pointer;
    background: #0b3c5f;
}

div#optprice {
    width: 19.7vw;
    height: 3vh;
    margin-top: 30vh;
}

img#pv-price-ok {
    width: 1.2vw;
    margin-left: 1.5vw;
    position: absolute;
    margin-top: 0.1vh;
}

span#pv-slots {
    position: absolute;
    font-family: 'MyRegular';
    color: white;
    margin-left: 3vw;
}

div#pv-customorder {
    font-family: MyRegular;
    color: #979797;
    width: 100vw;
    height: 5vh;
    line-height: 0.3vw;
    text-align: center;
    position: absolute;
    margin-top: 52.8vh;
}

span#pv-customorder {
    font-family: 'MyRegular';
    color: #FFFFFF;
    font-size: 1vw;
    position: absolute;
    margin-top: 60vh;
    width: 100vw;
    text-align: center;
}

div#pv-crypto-out {
    font-family: 'MyRegular';
    color: #FFFFFF;
    font-size: 1vw;
    position: absolute;
    margin-top: 64vh;
    width: 100vw;
    text-align: center;
}

img {
    width: 2vw;
    margin-right: 0.2vw;
}


div#pv-funct-tab {
    width: 100vw;
    height: 45vh;
    margin-top: 5vh;
}

img#pv-funct-tab-img {
    width: 37vw;
    font-family: 'MyRegular';
    color: #5580ff;
    position: absolute;
    right: 0;
    margin-right: 4vw;
    box-shadow: 0px 0px 18.5px 0px rgba(0, 0, 0, 1.25);
    border-radius: 7px;
}

span#pv-funct-tab-headtext {
    font-family: 'MyBold';
    color: #5580ff;
    position: absolute;
    margin-top: 9vh;
    font-size: 1vw;
    margin-left: 3vw;
}

span#pv-funct-tab-title {
    font-family: 'MyBold';
    color: #ffffff;
    position: absolute;
    font-size: 2.5vw;
    margin-top: 12vh;
    margin-left: 3vw;
}

span#pv-funct-tab-describtion {
    font-family: 'MyRegular';
    color: #ffffff80;
    position: absolute;
    margin-top: 20vh;
    margin-left: 3vw;
    width: 40vw;
}