/* bilder mittig ausrichten */

html {
  scroll-padding-top: 70px;
}

/* Nav-Farblogik */

.izqb-nav {
  --bs-info: #f4ea07;
  --bs-nav-link-color: var(--bs-secondary-color);
  --bs-nav-link-hover-color: var(--bs-info);
  --bs-link-color: var(--bs-secondary-color);
  --bs-link-hover-color: var(--bs-info);
}

/* breite der Seite limitieren */

body.site-max {
  padding-inline: 16px;
}

/* greift auf sehr großen Bildschirmen */

/* war mal auf 1000 */

@media (min-width: 800px) {
  body.site-max {
    max-width: 800px;
    margin-inline: auto;
  }
}

@media (min-width: 1000px) {
  .select-consent {
    font-size: 1.125rem;
    padding: .6rem 2.25rem .6rem .75rem;
    height: calc(1.625em + .75rem + 2px);
  }
}

.select-consent {
  font-size: 1.125rem;
  padding: .6rem 2.25rem .6rem .75rem;
  height: calc(1.625em + .75rem + 2px);
}

/* bilder gleich breit */

.img-eq {
  width: 280px;
  max-width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .img-eq {
    width: 300px;
  }
}

.w-20 {
  width: 20%!important;
}

.w-30 {
  width: 30%!important;
}

/* extra kleiner Text & Zeilenhöhe für Help, etc. */

/* Smaller than Bootstrap fs-6 (.75rem) */

.help-xs {
  font-size: .825rem !important;
  line-height: 1 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  display: block;
}

/* in deinem Stylesheet */

.bg-danger.rounded-3 > div {
  display: contents;
  line-height: 0;
}

/* Gelbe Farbe bei info - load after Bootstrap */

:root {
  --bs-info: #f4ea07;
  --bs-info-rgb: 244,234,7;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}