@media (min-width: 1400px) {
  .teaser-txt span.bottom {
    font-size: 1.2rem;
  }
}

@media (min-width: 1400px) {
  .teaser-txt span.top {
    line-height: 2.6rem;
    font-size: 1.8rem;
    margin-bottom: 0.4rem;
  }
}

.teaser-txt span.bottom {
  font-size: 1.4rem;
}

.teaser-txt span.top {
  line-height: 3.2rem;
  font-size: 2rem;
  margin-bottom: .5rem;
}

.teaser-txt {
  max-width: 500px;
  background-color: rgba(58,0,24,0.81);
  color: #fff;
  padding: 30px 30px 23px 30px;
}

f {
  line-height: 1.8rem;
  margin-bottom: 1.8rem;
}

.bg-grey {
  background-color: #e8e8e8;
}

article h2 {
  margin-bottom: 2rem;
  color: var(--bs-primary);
}

.top-heading {
  margin-top: 1.2rem;
}

@media (max-width: 575px) {
  .navbar-brand {
    width: 100%;
  }
}

.vortraege-podcasts p.small {
  margin-bottom: 0;
}

.news p.small {
  margin-bottom: 0;
}

.navbar-nav a {
  font-weight: 500;
}

.navbar-nav a:hover {
  font-weight: 500;
  color: var(--bs-primary);
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  font-weight: 500;
  color: #980436;
}

article ul {
  margin-bottom: 1.8rem;
}

article ul li {
  line-height: 1.8rem;
}

article ul {
  margin-left: 0;
  padding-left: 1.2rem;
}

.navbar-nav a {
  color: #9d9d9d;
}

.navbar-nav a:hover, .navbar-nav a:focus .navbar-nav a.active {
  color: #980436;
}

h2, h3, h4, h5 {
  color: var(--bs-primary);
}

article h5 {
  margin-bottom: 0.4rem;
  line-height: 1.4rem;
}

article h1, article h2 {
  color: var(--bs-primary);
}

.artikel h1, .artikel h2 {
  color: var(--bs-primary);
}

article p {
  line-height: 1.8rem;
  margin-bottom: 1.8rem;
}

.artikel p {
  line-height: 1.8rem;
  margin-bottom: 1.8rem;
}

.slider-img {
  height: 200px;
}

@media (min-width: 576px) {
  .slider-img {
    height: 400px;
  }
}

@media (min-width: 1400px) {
  .slider-img {
    height: 600px;
  }
}

.desktop {
  display: none;
}

@media (min-width: 992px) {
  .desktop {
    display: block;
  }
}

.mobil {
  display: block;
}

@media (min-width: 992px) {
  .mobil {
    display: none;
  }
}

.logo-text-top {
  font-size: 1.8rem;
  margin-top: 0;
  padding-top: 0;
}

.logo-text-bottom {
  font-size: 1.2rem;
}

.logo-text {
  margin: 0;
  padding: 0;
}

.nav-list-spektrum li a:hover {
  color: #980436;
}

.nav-list-spektrum li a.active {
  color: #980436;
}

.nav-list-spektrum li a {
  margin-bottom: .8rem;
  font-weight: 500;
  color: #9d9d9d;
  font-size: var(--bs-nav-link-font-size);
  display: inline-block;
  text-decoration: none;
}

.nav-list-spektrum h4 {
  color: var(--bs-heading-color);
}

.testimonial-slider .carousel-inner{
    padding: 0 10%;
}

.testimonial-slider .carousel-item {
    /*display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;*/
    text-align: center;
    padding: 60px 20px 20px 20px;
    font-style: italic;
}

.testimonial-slider .carousel-item small {
    display: block;
    margin-top: 10px;
    font-weight: bold;
    font-style: normal;
}

.testimonial-slider .carousel-control-prev-icon,
.testimonial-slider .carousel-control-next-icon {
    background-color: #9c9c9c;
}

/* Für den Fall, dass die Pfeile nicht gut sichtbar sind, kannst du eine Hintergrundbox hinzufügen */
.testimonial-slider .carousel-control-prev-icon,
.testimonial-slider .carousel-control-next-icon {
    background-image: none; /* Entfernt die standardmäßigen Pfeil-Icons */
    width: 30px; /* Breite der Box */
    height: 30px; /* Höhe der Box */
    border: 1px solid #e8e8e8; /* Rahmenfarbe */
    border-radius: 50%; /* Kreisförmig */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px; /* Größe des Pfeilzeichens */
}

.testimonial-slider .carousel-control-prev-icon:after,
.testimonial-slider .carousel-control-next-icon:after {
    content: ''; /* Leeres Zeichen für das Pfeilsymbol */
    font-family: "Bootstrap Icons"; /* Bootstrap Icon-Schriftfamilie */
    font-weight: bold;
}

.testimonial-slider .carousel-control-prev-icon:after {
    content: '<'; /* Zeichen für den linken Pfeil */
}

.testimonial-slider .carousel-control-next-icon:after {
    content: '>'; /* Zeichen für den rechten Pfeil */
}


.carousel-control-next, .carousel-control-prev {
    width: auto;
}


.text-over-img {
    display: inline-block;
    position: relative;    
}

.text-over-img p {
  font-family: Caveat, serif;
  color:#7d1f3f!important;
  font-weight: bold;
  position: absolute;
  top: 20%;  
  transform: translate(-50%, -50%);
  color: white; /* Oder jede andere Farbe, die du bevorzugst */
  font-size: 20px; /* Anpassen nach Bedarf */
  width: 100%; /* Sorgt dafür, dass der Text zentriert bleibt, auch wenn er länger ist */
  text-align: center;
  margin: 0;
}

@media (min-width: 1400px) {
    .text-over-img p {
        top: 15%; 
    }
}

.navbar-toggler{
    margin:20px 0 10px 0; 
}