/* Groenhart: Anpassungen an das Markup von t3sbootstrap 5 / Bootstrap 5 (TYPO3 12).
   Muss NACH bootstrap.min.css und style.css geladen werden. */

/*Allgemeines*/
h1, h2, .h1, .h2 {
    font-weight: 400;
    color: #8a8989;
}
main h2, #page-content h2, .container h2 {
    font-size: 25px;
    line-height: 1.2;
    border-bottom: 1px solid;
    padding-bottom: 6px;
    margin-bottom: 25px;
}
a {
    color: #8a8989;
    text-decoration: none;
}
a:hover {
    color: #5eaadc;
}
/*Allgemeines ENDE*/

/*Navi (früher über .bg-warning in style.css)*/
#main-navbar {
    border-bottom: 1px solid grey;
}
#main-navbar .nav-link {
    color: #8a8989;
}
#main-navbar .nav-link.active,
#main-navbar .nav-link:hover,
#main-navbar .show > .nav-link {
    color: #000;
}
/*Abstand zwischen Navi und Inhalt wie live*/
#page-content {
    padding-top: 6rem;
}
/*Navi ENDE*/

/*Jumbotron / Carousel-Caption (in t3sb5 ein div statt figcaption)*/
.carousel-caption h1,
.carousel-caption h2,
.carousel-caption .h1,
.carousel-caption .h2 {
    display: inline-block;
    background-color: #5eaadc;
    text-transform: uppercase;
    border: 1px solid #5eaadc;
    border-radius: 10px;
    font-size: 40px;
    font-weight: 400;
    box-shadow: 4px 4px 0px 1px #8a8989;
    text-shadow: none;
    margin-bottom: .5rem;
    padding: 0 6px;
    color: white;
    border-bottom: 1px solid #5eaadc;
}
@media (max-width: 768px) {
    .carousel-caption h1,
    .carousel-caption h2 {
        font-size: 2rem;
    }
}
@media (max-width: 576px) {
    .carousel-caption {
        display: none !important;
    }
}
/*Jumbotron ENDE*/

/*Footer*/
.footer a,
.footer h2,
.footer p {
    color: white;
}
/*Footer ENDE*/