@charset "utf-8";

@media screen{
	
}
body {
  font-family: 'Roboto', sans-serif; background: #ffffff;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}


/* Standard-Link */
a {
  outline-color: transparent;
}
a:link {
  color: #404C98;
  text-decoration: none;
}

a:visited {
  color: #404C98;
}

a:focus {
  text-decoration: none;
  background: #d0d4ef;
}

a:hover {
  text-decoration: none;
  background: #d0d4ef;
}

a:active {
  background: #d0d4ef;
  color: #404C98;
}

/* Pagination */
.pagination {
  display: flex;
  justify-content: center;
  list-style: none; /* remove list bullets */
  padding: 0px;
}

.pagination li a {
  display: block; /* let links fill the list item */
  padding: 8px 12px;
  text-decoration: none;
  border: 0px solid gray;
  color: black;
  margin: 0 4px;
  border-radius: 5px; /* add rounded borders */
}
.pagination li a.active {
  background-color: #0793F3;
  color: white;
}
.pagination li a.disabled {
  color: #dddddd;
  cursor: not-allowed;
  pointer-events: none;
}

canvas {
/*top: 50%; */
left: 50%;
/*transform: translate(-50%, -50%);*/
}


    #refreshBtn {
        padding: 10px 20px;
        cursor: pointer;
        background-color: #0793f4; /* deine Wunschfarbe */
        color: white;
        border: none;
        border-radius: 5px;
    }

    #refreshBtn:hover {
        background-color: #d0d4ef; /* Hover-Effekt */
    }