*,
*::before,
*::after {

}
html {
  scrollbar-color: #0D6eFD #606060;
  scrollbar-width: thin; /* Optional: 'auto' oder 'none' */
}
body{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #ffffff;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #c6c9f8;
	font-size: 16px;
	color: #c6c9f8;
}

.box {
  width: 100%;
  height: auto;
  background-color: transparent ; /* Transparenter Hintergrund */
  border-radius: 15px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
        
.modipic{
	height: auto;
	width: 100%;
	max-width: 200px;
}


.playerlink{
	text-decoration: none;
}
.playerlinkimg{
	height: 32px;
	width: 32px;
}

.bg_ros{
  padding: .25rem;
  background-color: #212529;
  border: 1px solid #495057;
  border-radius: 0.375rem;
  max-width: 100%;
  height: auto;
}


.btn-ros{
  background-color: #212529;
  color: #c6c9f8;
  border: 1px solid #212529;
  border-radius: 5px;
}
/* Für WebKit-Browser (Chrome, Safari, neuere Edge-Versionen) */
::-webkit-scrollbar {
  width: 12px; /* Breite des Scrollbalkens */
}

::-webkit-scrollbar-track {
  background-color: #606060; /* Hintergrundfarbe der Scrollbar-Spur */
}

::-webkit-scrollbar-thumb {
  background-color: #0D6eFD; /* Farbe des Scrollbalken-Thumb */
  border-radius: 6px; /* Abrundung des Thumb */
}

::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active {
  background-color: #FF0000; /* Farbe des Thumb bei Hover oder Aktivierung */
}