.tab-btn-bottom {
  border-radius: 0 0 5px 5px;
  border: none;
  margin-right: 0.2rem;
}

.nav-itemlast-of-type .tab-btn-bottom {
  margin-right: 0;
}

.que.stack .formulation .stackprtfeedback:has(pre) {
  display: block;
}

.que code span.comment {
  padding: 0; 
  margin-top: inherit;
  margin-bottom: inherit;
  border: none;
  background-color: inherit;
  border-color: inherit;
  position: inherit;
}

.formulation.clearfix > * {
  max-width: 72rem;
}

.formulation.clearfix {
  margin-left: max(calc(50% - 36rem),0px);
  margin-right: max(calc(50% - 36rem),0px);
}

.que .description-box {
  background-color: #EEE;
  padding: 1rem;
  margin-bottom: 1rem;
}

.que .blockquote {
  font-size: inherit;
}

.replay-btn {
  margin: 0.5rem;
  position: absolute;
  background-color: #a5ce5c;
  aspect-ratio: 1/1;
  border-radius: 100%;
  border: none;
}

.que h6 {
  font-weight: bolder;
}

.que a {
  text-decoration: underline;
}

.que .card {
  border-radius: 0.5em;
  margin-bottom: 1em;
  overflow: hidden;
  max-width: 70rem;
}
.que .accordion {
  border-radius: 0.5em;
  overflow: hidden;
}
.que .accordion>.card {
  border-radius: 0;
  margin-bottom: inherit;
  overflow: inherit;
  max-width: inherit;
}

.accordion.cardend {
  margin: 0 -1.25rem -1.25rem -1.25rem;
  border-radius: 0;
}

.que .tooltip-link {
  text-decoration-style: dashed;
  text-decoration-line: underline;
}
.que .infobox {
  background-color: #C5E0E6;
  border-color: #C5E0E6;
}
/*
.que .badge-pill {
  border-radius: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.que .card-img-top {
  border-radius: 0.5em 0.5em 0 0;
}
.que .card-img-top {
  max-height: 300px;
  object-fit: cover;
}
.que .card-vid-bottom {
  border-radius: 0em 0em 0.5em 0.5em;
}
.que .btn {
  border-radius: 0.5em;
}
.que .btn-outline-dark {
  font-weight: bold;
}
.que .neuer-begriff {
  font-size: 1.2em;
  font-weight: bold;
  color: #76b900;
}
.que .infobox {
  background-color: rgb(255, 245, 211);
}
.que .zwischenschritt {
  display: none;
}
.que .stackprtfeedback {
  border-radius: 0.5em;
}
.que .incorrect {
  padding: 0.5em;
}
.que .tag-einleitung {
  background-color: rgb(178, 190, 195);
  color: #fff;
}
.que .debug {
  display: none;
}
.que .correct {
  padding: 0.5em;
}
*/

/* Lightbox */
.lightbox {
  /* Default to hidden */
  display: none; /* Overlay entire screen */
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; /* A bit of padding around image */
  padding: 1em; /* Translucent background */
  background: rgba(0, 0, 0, 0.8);
} /* Unhide the lightbox when its the target */
.lightbox:target {
  display: block;
}
.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%; /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  /* background-size: contain; */
}
a.preview img {
  border: 3px solid white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  margin: 20px auto;
  display: block;
}
