/* rechtliches.css */

:root{
  --legal-radius: 12px;
}

body{
  background: #f8f9fa;
}

header.bg-body,
footer.bg-body{
  background: #fff !important;
}

.card{
  border-radius: var(--legal-radius);
}

.legal-nav{
  top: 5.7rem;
}

.legal-nav .list-group-item{
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

.legal-nav .list-group-item:hover{
  text-decoration: underline;
}

.legal-block p,
.legal-block li{
  line-height: 1.6;
}

hr{
  opacity: .12;
}

/* ---------- AKTIVER MENÜPUNKT ---------- */
#navRechtliches .list-group-item.active {
  color: #00356B;
  border-color: rgba(0,0,0,.125);
  font-weight: 600;
  background-color: #AFDBF5;
  display: flex !important;
  align-items: center;
  gap: 5px;
  padding-left: 5px;
}

#navRechtliches .list-group-item.active::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-color: #00356B;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'></polyline></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'></polyline></svg>");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

/* ---------- HOVER FÜR NICHT-AKTIVE PUNKTE ---------- */
#navRechtliches .list-group-item:not(.active):hover {
  color: #00356B;
  font-weight: 600;
  background-color: transparent !important;   /* Kein Hintergrund */
  display: flex !important;
  align-items: center;
  gap: 5px;
  padding-left: 5px;
  text-decoration: none;                      /* Unterstrich entfernen (optional) */
}

#navRechtliches .list-group-item:not(.active):hover::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-color: #00356B;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'></polyline></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'></polyline></svg>");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

/* bessere Anker-Offsets (für Sticky Header / angenehmes Scrollen) */
*[id]{
  scroll-margin-top: 90px;
}