.header { display: flex !important; flex-direction: unset !important; align-items: center !important; } .srvLogo { width: 2.3422vw !important; height: 2.3422vw !important; filter: drop-shadow(0 0.365vw 1.406vw rgba(255, 82, 30, 0.55)) !important; } .srvTitle { font-size: 2.0833vw !important; font-family: 'BBlack' !important; letter-spacing: -0.07em !important; flex-shrink: 0 !important; margin-left: 0.3646vw !important; text-shadow: 0 0 1.76vw rgba(255, 255, 255, 0.25) !important; } .srvSubTitle { background: linear-gradient(180deg, #ff521e 0%, #8b3218 100%) !important; background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; text-shadow: 0 0 1.823vw rgba(255, 82, 30, 0.83) !important; letter-spacing: -0.03em !important; -webkit-text-stroke: 0.052vw !important; font-size: 2.2917vw !important; -webkit-text-stroke: 0.0521vw #FF521E !important; font-family: 'Dafoe' !important; width: 7.95vw !important; margin-left: -0.3125vw !important; margin-top: -0.3vw !important; text-transform: none !important; } .header { position: relative !important; height: 4.844vw !important; align-items: flex-start !important; justify-content: flex-start !important; width: 100% !important; margin-top: 0 !important; } .container { padding: 1.6667vw !important; border-radius: 0.8333vw !important; } .info_box { position: absolute !important; left: 0 !important; bottom: 0vw !important; display: flex !important; align-items: center !important; gap: 0.4688vw !important; } .info_icon { width: 0.7292vw !important; height: 0.7292vw !important; } .descr_ui { font-size: 0.7813vw !important; font-family: 'BRegular' !important; letter-spacing: -0.03em !important; color: rgba(255, 255, 255, 0.75) !important; max-width: 18.625vw !important; } .header-txt { display: none !important; } .btns-row { width: 100% !important; display: flex !important; background: none !important; } .btn { height: 1.7708vw !important; width: 100% !important; background: rgba(255, 255, 255, 0.05) !important; border-radius: 0.052vw !important; border: 0.0521vw solid rgba(255, 255, 255, 0) !important; cursor: pointer !important; } .btn span { color: rgba(255, 255, 255, 0.75) !important; font-size: 0.8854vw !important; font-family: 'EMedium' !important; } .btn:hover { background: rgba(255, 82, 30, 0.1) !important; border: 0.052vw solid rgba(255, 82, 30, 0.45) !important; box-shadow: none !important; } .active { background: rgba(255, 82, 30, 0.1) !important; border: 0.052vw solid rgba(255, 82, 30, 0.45) !important; box-shadow: none !important; } .active span { color: white !important; } .btn img { display: none !important; } .btns-row { gap: 0.625vw !important; } .attention-box { display: none !important; } .erstelen, .row { width: 100% !important; } .message-box, .text-area-box { width: 15.7292vw !important; height: 22.3438vw !important; } .message-box { font-size: 0.8333vw !important; font-family: 'ERegular' !important; padding: 0.625vw !important; border-radius: 0.0521vw !important; background: rgba(255, 255, 255, 0.05) !important; } .text-area-box { position: relative !important; } .textCount { height: 1.5104vw !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 0.156vw !important; padding: 0.104vw 0.313vw !important; background: rgba(255, 82, 30, 0.15) !important; color: #FF521E !important; opacity: 1 !important; font-family: 'EMedium' !important; font-size: 0.9375vw !important; bottom: 0.625vw !important; right: 0.625vw !important; position: absolute !important; } .container { height: 34.7917vw !important; background: none !important; background-image: url('../images/bg.png') !important; background-size: 100% 100% !important; } .public-btn { width: 9.4792vw !important; height: 6.4062vw !important; margin-left: 0 !important; } .public-btns-row { display: flex !important; gap: 0.4167vw !important; flex-direction: column !important; } .dsc { display: none !important; } .price-per-symbol, .price-box { width: 9.4792vw !important; height: 2.0833vw !important; display: flex !important; align-items: center !important; border-radius: 0.104vw !important; background: rgba(231, 255, 51, 0.05) !important; border: none !important; justify-content: space-between !important; padding: 0.417vw 0.573vw !important; } .price-per-symbol span:first-child { font-size: 0.7813vw !important; text-transform: none !important; letter-spacing: -0.03em !important; font-family: 'BRegular' !important; } .symbolPrice, .price-box span { font-size: 0.9375vw !important; font-family: 'EBold' !important; text-shadow: 0 0 1.406vw rgba(231, 255, 51, 0.54) !important; color: #e7ff33 !important; } .price-per-symbol:hover { background: rgba(231, 255, 51, 0.05) !important; border: none !important; } .price-box img { width: 1.25vw !important; height: 1.25vw !important; } .price-box { justify-content: center !important; } .price-box span { margin-left: 0.4167vw !important; } .public-btn { cursor: pointer !important; border-radius: 0.1563vw !important; box-shadow: none !important; background: rgba(255, 255, 255, 0.05) !important; border: 0.052vw solid rgba(255, 255, 255, 0.15) !important; } .public-btn:hover { background: rgba(255, 255, 255, 0.05) !important; border: 0.052vw solid rgba(255, 255, 255, 0.25) !important; } .public-btn img { width: auto !important; height: 1.9875vw !important; } .public-btn span:nth-child(2) { font-size: 0.9375vw !important; font-family: 'EMedium' !important; margin-top: 0.5208vw !important; } .public-btn span:nth-child(3) { bottom: 0.6292vw !important; font-family: 'BRegular' !important; font-size: 0.5813vw !important; text-align: center !important; } .btn-active { background: rgba(255, 82, 30, 0.15) !important; border: 0.052vw solid rgba(255, 82, 30, 0.45) !important; } .confirm-btn { } .confirm-btn { width: 9.4792vw !important; height: 1.7708vw !important; background-image: url('../images/button.png') !important; background-size: 100% 100% !important; cursor: pointer !important; transition: all 0.3s ease !important; font-size: 0.8854vw !important; text-transform: none !important; font-family: 'EMedium' !important; border-radius: 0.1042vw !important; letter-spacing: -0.05em !important; flex-shrink: 0 !important; margin-top: auto !important; box-shadow: 0 0.365vw 1.406vw rgba(255, 82, 30, 0.35) !important; } .confirm-btn:hover { transform: translateY(0.1vw) !important; box-shadow: 0 0.365vw 1.406vw rgba(255, 82, 30, 0.75) !important; } .confirm-btn:active { opacity: 0.75 !important; } .info-box { width: 9.4792vw !important; height: 22.3438vw !important; } .price-per-symbol { margin-top: 0.625vw !important; } .price-box { margin-top: 0.4167vw !important; } .container { width: 29.375vw !important; } .row { width: 100% !important; margin-top: 0.7333vw !important; justify-content: space-between !important; } .info-box { margin-left: 0 !important; } .btns-row { margin-top: 1.5104vw !important; } .empty-list { border: 0.0521vw solid rgba(255, 255, 255, 0.164) !important; } .empty-list img { width: 2vw !important; height: 2vw !important; } .empty-list span { font-size: 0.9375vw !important; font-family: 'EBold' !important; } .werbung { position: relative !important; width: 100% !important; height: 22.3438vw !important; } .news-list { width: 26.0417vw !important; height: 22.3438vw !important; } .news-list { margin-left: 0 !important; } .empty-list { width: 100% !important; height: 22.3438vw !important; margin-top: 0 !important; } .erstelen { height: 22.3438vw !important; } .new-box { width: 26.0417vw !important; height: auto !important; padding: 0.573vw 0.225vw !important; border-radius: 0.1042vw !important; display: flex !important; align-items: center !important; background: none !important; border: 0.052vw solid rgba(255, 255, 255, 0.15) !important; padding: 0.573vw 0.625vw !important; } .werbung { margin-top: auto !important; } .vertical-line { display: none !important; } .logo-img { margin-left: 0 !important; width: 1.5625vw !important; height: 1.5625vw !important; } .column-txt { margin-left: 0.5729vw !important; } .column-txt span:first-child { font-size: 0.9375vw !important; font-family: 'EBold' !important; text-shadow: 0 0 1.406vw rgba(255, 255, 255, 0.54) !important; } .column-txt span:last-child { font-size: 0.7813vw !important; margin-top: 0 !important; letter-spacing: -0.03em !important; font-family: 'BRegular' !important; } .delete-box { height: 100% !important; } .overflow-list { height: 22.3438vw !important; overflow-x: hidden !important; margin-top: 0 !important; } .overflow-list::-webkit-scrollbar { display: none !important; } .line { display: none !important; } .notifi-header span { font-family: 'BBold' !important; font-size: 0.9375vw !important; } .notifi-header img { width: 1.25vw !important; height: 1.25vw !important; } .notifi-header img:nth-child(3) { display: none !important; } .text-row span:first-child { font-size: 0.7813vw !important; font-family: 'BRegular' !important; } .text-row span:last-child { font-size: 0.7813vw !important; height: 1.5104vw !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(255, 82, 30, 0.15) !important; border-radius: 0.1563vw !important; padding: 0.104vw 0.313vw !important; color: #FF521E !important; font-family: 'EBold' !important; } .ad-message { padding-top: 0.625vw !important; font-size: 0.8854vw !important; font-family: 'BRegular' !important; letter-spacing: -0.02em !important; color: rgba(255, 255, 255, 0.75) !important; !important; border-top: 0.0521vw solid rgba(255, 255, 255, 0.05) !important; } .notification { background: radial-gradient(33.78% 45.83% at 50% 0%, rgba(255, 82, 30, 0.39) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(50% 50% at 50% 50%, rgba(31, 11, 5, 0.85) 0%, rgba(14, 10, 9, 0.85) 100%) !important; border-radius: 0.4167vw !important; } .close-btn { cursor: pointer !important; width: 2.9688vw !important; height: 1.4583vw !important; background-image: url('../images/esc_box.svg') !important; background-size: 100% 100% !important; position: absolute !important; top: 1.6667vw !important; right: 1.6667vw !important; opacity: 1 !important; } .close-btn:active { opacity: 0.75 !important; } @media (min-width: 2560px) { .header { display: flex !important; flex-direction: unset !important; align-items: center !important; } .srvLogo { width: 4.1639vh !important; height: 4.1639vh !important; filter: drop-shadow(0 0.6489vh 2.4995vh rgba(255, 82, 30, 0.55)) !important; } .srvTitle { font-size: 3.7036vh !important; font-family: 'BBlack' !important; letter-spacing: -0.07em !important; flex-shrink: 0 !important; margin-left: 0.6481vh !important; text-shadow: 0 0 3.1289vh rgba(255, 255, 255, 0.25) !important; } .srvSubTitle { background: linear-gradient(180deg, #ff521e 0%, #8b3218 100%) !important; background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; text-shadow: 0 0 3.2409vh rgba(255, 82, 30, 0.83) !important; letter-spacing: -0.03em !important; -webkit-text-stroke: 0.0924vh !important; font-size: 4.0742vh !important; -webkit-text-stroke: 0.0926vh #FF521E !important; font-family: 'Dafoe' !important; width: 14.1333vh !important; margin-left: -0.5556vh !important; margin-top: -0.5333vh !important; text-transform: none !important; } .header { position: relative !important; height: 8.6116vh !important; align-items: flex-start !important; justify-content: flex-start !important; width: 100% !important; margin-top: 0 !important; } .container { padding: 2.9631vh !important; border-radius: 1.4814vh !important; } .info_box { position: absolute !important; left: 0 !important; bottom: 0vh !important; display: flex !important; align-items: center !important; gap: 0.8334vh !important; } .info_icon { width: 1.2964vh !important; height: 1.2964vh !important; } .descr_ui { font-size: 1.389vh !important; font-family: 'BRegular' !important; letter-spacing: -0.03em !important; color: rgba(255, 255, 255, 0.75) !important; max-width: 33.1111vh !important; } .header-txt { display: none !important; } .btns-row { width: 100% !important; display: flex !important; background: none !important; } .btn { height: 3.1481vh !important; width: 100% !important; background: rgba(255, 255, 255, 0.05) !important; border-radius: 0.0924vh !important; border: 0.0926vh solid rgba(255, 255, 255, 0) !important; cursor: pointer !important; } .btn span { color: rgba(255, 255, 255, 0.75) !important; font-size: 1.5741vh !important; font-family: 'EMedium' !important; } .btn:hover { background: rgba(255, 82, 30, 0.1) !important; border: 0.0924vh solid rgba(255, 82, 30, 0.45) !important; box-shadow: none !important; } .active { background: rgba(255, 82, 30, 0.1) !important; border: 0.0924vh solid rgba(255, 82, 30, 0.45) !important; box-shadow: none !important; } .active span { color: white !important; } .btn img { display: none !important; } .btns-row { gap: 1.1111vh !important; } .attention-box { display: none !important; } .erstelen, .row { width: 100% !important; } .message-box, .text-area-box { width: 27.9631vh !important; height: 39.7223vh !important; } .message-box { font-size: 1.4814vh !important; font-family: 'ERegular' !important; padding: 1.1111vh !important; border-radius: 0.0926vh !important; background: rgba(255, 255, 255, 0.05) !important; } .text-area-box { position: relative !important; } .textCount { height: 2.6852vh !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 0.2773vh !important; padding: 0.1849vh 0.5565vh !important; background: rgba(255, 82, 30, 0.15) !important; color: #FF521E !important; opacity: 1 !important; font-family: 'EMedium' !important; font-size: 1.6667vh !important; bottom: 1.1111vh !important; right: 1.1111vh !important; position: absolute !important; } .container { height: 61.8519vh !important; background: none !important; background-image: url('../images/bg.png') !important; background-size: 100% 100% !important; } .public-btn { width: 16.8519vh !important; height: 11.3888vh !important; margin-left: 0 !important; } .public-btns-row { display: flex !important; gap: 0.7408vh !important; flex-direction: column !important; } .dsc { display: none !important; } .price-per-symbol, .price-box { width: 16.8519vh !important; height: 3.7036vh !important; display: flex !important; align-items: center !important; border-radius: 0.1849vh !important; background: rgba(231, 255, 51, 0.05) !important; border: none !important; justify-content: space-between !important; padding: 0.7413vh 1.0187vh !important; } .price-per-symbol span:first-child { font-size: 1.389vh !important; text-transform: none !important; letter-spacing: -0.03em !important; font-family: 'BRegular' !important; } .symbolPrice, .price-box span { font-size: 1.6667vh !important; font-family: 'EBold' !important; text-shadow: 0 0 2.4995vh rgba(231, 255, 51, 0.54) !important; color: #e7ff33 !important; } .price-per-symbol:hover { background: rgba(231, 255, 51, 0.05) !important; border: none !important; } .price-box img { width: 2.2222vh !important; height: 2.2222vh !important; } .price-box { justify-content: center !important; } .price-box span { margin-left: 0.7408vh !important; } .public-btn { cursor: pointer !important; border-radius: 0.2779vh !important; box-shadow: none !important; background: rgba(255, 255, 255, 0.05) !important; border: 0.0924vh solid rgba(255, 255, 255, 0.15) !important; } .public-btn:hover { background: rgba(255, 255, 255, 0.05) !important; border: 0.0924vh solid rgba(255, 255, 255, 0.25) !important; } .public-btn img { width: auto !important; height: 3.5333vh !important; } .public-btn span:nth-child(2) { font-size: 1.6667vh !important; font-family: 'EMedium' !important; margin-top: 0.9258vh !important; } .public-btn span:nth-child(3) { bottom: 1.1186vh !important; font-family: 'BRegular' !important; font-size: 1.0334vh !important; text-align: center !important; } .btn-active { background: rgba(255, 82, 30, 0.15) !important; border: 0.0924vh solid rgba(255, 82, 30, 0.45) !important; } .confirm-btn { } .confirm-btn { width: 16.8519vh !important; height: 3.1481vh !important; background-image: url('../images/button.png') !important; background-size: 100% 100% !important; cursor: pointer !important; transition: all 0.3s ease !important; font-size: 1.5741vh !important; text-transform: none !important; font-family: 'EMedium' !important; border-radius: 0.1853vh !important; letter-spacing: -0.05em !important; flex-shrink: 0 !important; margin-top: auto !important; box-shadow: 0 0.6489vh 2.4995vh rgba(255, 82, 30, 0.35) !important; } .confirm-btn:hover { transform: translateY(0.1778vh) !important; box-shadow: 0 0.6489vh 2.4995vh rgba(255, 82, 30, 0.75) !important; } .confirm-btn:active { opacity: 0.75 !important; } .info-box { width: 16.8519vh !important; height: 39.7223vh !important; } .price-per-symbol { margin-top: 1.1111vh !important; } .price-box { margin-top: 0.7408vh !important; } .container { width: 52.2222vh !important; } .row { width: 100% !important; margin-top: 1.3036vh !important; justify-content: space-between !important; } .info-box { margin-left: 0 !important; } .btns-row { margin-top: 2.6852vh !important; } .empty-list { border: 0.0926vh solid rgba(255, 255, 255, 0.164) !important; } .empty-list img { width: 3.5556vh !important; height: 3.5556vh !important; } .empty-list span { font-size: 1.6667vh !important; font-family: 'EBold' !important; } .werbung { position: relative !important; width: 100% !important; height: 39.7223vh !important; } .news-list { width: 46.2964vh !important; height: 39.7223vh !important; } .news-list { margin-left: 0 !important; } .empty-list { width: 100% !important; height: 39.7223vh !important; margin-top: 0 !important; } .erstelen { height: 39.7223vh !important; } .new-box { width: 46.2964vh !important; height: auto !important; padding: 1.0187vh 0.4vh !important; border-radius: 0.1853vh !important; display: flex !important; align-items: center !important; background: none !important; border: 0.0924vh solid rgba(255, 255, 255, 0.15) !important; padding: 1.0187vh 1.1111vh !important; } .werbung { margin-top: auto !important; } .vertical-line { display: none !important; } .logo-img { margin-left: 0 !important; width: 2.7778vh !important; height: 2.7778vh !important; } .column-txt { margin-left: 1.0185vh !important; } .column-txt span:first-child { font-size: 1.6667vh !important; font-family: 'EBold' !important; text-shadow: 0 0 2.4995vh rgba(255, 255, 255, 0.54) !important; } .column-txt span:last-child { font-size: 1.389vh !important; margin-top: 0 !important; letter-spacing: -0.03em !important; font-family: 'BRegular' !important; } .delete-box { height: 100% !important; } .overflow-list { height: 39.7223vh !important; overflow-x: hidden !important; margin-top: 0 !important; } .overflow-list::-webkit-scrollbar { display: none !important; } .line { display: none !important; } .notifi-header span { font-family: 'BBold' !important; font-size: 1.6667vh !important; } .notifi-header img { width: 2.2222vh !important; height: 2.2222vh !important; } .notifi-header img:nth-child(3) { display: none !important; } .text-row span:first-child { font-size: 1.389vh !important; font-family: 'BRegular' !important; } .text-row span:last-child { font-size: 1.389vh !important; height: 2.6852vh !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(255, 82, 30, 0.15) !important; border-radius: 0.2779vh !important; padding: 0.1849vh 0.5565vh !important; color: #FF521E !important; font-family: 'EBold' !important; } .ad-message { padding-top: 1.1111vh !important; font-size: 1.5741vh !important; font-family: 'BRegular' !important; letter-spacing: -0.02em !important; color: rgba(255, 255, 255, 0.75) !important; !important; border-top: 0.0926vh solid rgba(255, 255, 255, 0.05) !important; } .notification { background: radial-gradient(33.78% 45.83% at 50% 0%, rgba(255, 82, 30, 0.39) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(50% 50% at 50% 50%, rgba(31, 11, 5, 0.85) 0%, rgba(14, 10, 9, 0.85) 100%) !important; border-radius: 0.7408vh !important; } .close-btn { cursor: pointer !important; width: 5.2779vh !important; height: 2.5925vh !important; background-image: url('../images/esc_box.svg') !important; background-size: 100% 100% !important; position: absolute !important; top: 2.9631vh !important; right: 2.9631vh !important; opacity: 1 !important; } .close-btn:active { opacity: 0.75 !important; } }