:root {
    --pixteal: var(--pixteal);
    --pixteal-rgb: 0, 155, 164; /* For utilities like bg-info with opacity */
    --bs-link-color: var(--pixteal);
    --bs-link-color-rgb: 0, 155, 164;
    --bs-link-hover-color: var(--pixteal-light);
    --bs-link-hover-color-rgb: 130, 213, 215;
  }

/* @media (min-width: 1600px) {
  .container-xxl {
    max-width: 90%;
  }
} */

* {
  border-radius: 0 !important;
}

html, body {
  height: 100%;
  margin: 0;
}

body {
  background: var(--darkgrey);
  color: var(--white);
  margin-top: 3.5rem;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
main.container-xxl {
  flex: 1 0 auto;   /* nimmt restlichen Platz, aber nicht mehr */
  display: flex;
  flex-direction: column;
}


h1, h2, h3, h4, h5, h6 {
  color: var(--white);
}

.bg-steel {
  background-color: var(--darkgrey);
}

.site-header .navbar-nav .nav-link {
  color: var(--white);
}

.site-header .navbar-nav .nav-link:hover {
  color: var(--white);
}

.site-header .navbar-nav .nav-link.active {
  font-weight: 500;
}

.navbar-border {
    border-bottom: 2px solid var(--pixteal);
}

.content-section {
  background: var(--darkgrey);
  padding: 10px 20px;
  margin-bottom: 20px;
}

.article-title {
  color: var(--white)
}

a.article-title:hover {
  color: var(--pixteal);
  text-decoration: none;
}

.article-content {
  white-space: pre-line;
}

.article-img {
  height: 65px;
  width: 65px;
  margin-right: 16px;
}

.article-metadata {
  padding-bottom: 1px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--white)
}

.article-metadata a:hover {
  color: var(--darkgrey);
  text-decoration: none;
}

.article-svg {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}

.account-img {
  height: 125px;
  width: 125px;
  margin-right: 20px;
  margin-bottom: 16px;
}


.account-heading {
  font-size: 2.5rem;
}

.btn-outline-info{
  color: var(--pixteal);
  border-color: var(--pixteal);
}

.btn-outline-info:hover{
  background-color: var(--pixteal);
}

.list-group-item {
	position: relative;
	display: block;
	padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
	color: var(--white);
	text-decoration: none;
	background-color: var(--darkgrey);
	border: var(--bs-list-group-border-width) solid var(--lightgrey);
}

.badge{
  --bs-badge-color: var(--white);
}
.vh-95{
  height: 95vh;
}
.footer {
  flex-shrink: 0;   /* Footer bleibt unten sichtbar */
  background-color: var(--darkgrey);
  color: var(--white);
  border-top: 2px solid var(--lightgrey);
}

.star-rating {
  direction: rtl; /* right-to-left makes :checked ~ label select all previous stars */
  display: inline-flex;
  font-size: 2rem;
}

.star-rating input {
  display: none; /* hide radios */
}

.star-rating label {
  color: var(--lightgrey);       /* default gray */
  cursor: pointer;
  transition: color 0.2s;
}

.star-rating input:checked ~ label {
  color: var(--pixteal);    /* gold for selected */
}

.star-rating label:hover,
.star-rating label:hover ~ label {
  color: var(--pixteal);    /* gold on hover */
}

textarea {
	resize: none;
}

.table-dark {
  --bs-table-bg: var(--darkgrey);
  --bs-table-border-color: var(--lightgrey);
  --bs-table-striped-bg: var(--midgrey);
}