#banner2{
    background-image: url("images/avenue2.jpg") !important;
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 800px; /* You must set a specified height */
    background-position: center; /* - Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    position: relative;
}

.bannertext{
        color: white;
        background-color: rgba(0, 0, 0, 0.5);
        padding: 16px;
        position: absolute;  
        text-align: center;          /* Achtung "absolute" braucht immer ein relativ im Eltern-Element */
        top: 70%;
        bottom: 0px;
}

    /** Größere Monitore **/
@media only screen and (min-width: 570px) {
    #banner2 { display:none;
        }
	.svg{
	width: 5%;
}
}

/** Kleinere Monitore **/
@media only screen and (max-width: 600px) {
   #banner1, #einleitung { display:none;
        }
        
/* Textausrichtung in der unteren Hälfte */

#banner2 .container span{
    background-color: rgba(0,0,0, 0.2);
    text-shadow: 1px 1px #000;
    padding: 5px;
    margin: -15px;
    color: #fff;
    position:absolute;
    bottom:0;
    } 
	.svg{
	width: 25%;
}
}
.bg-dark{
    background-color: rgb(28, 155, 66);
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgb(28, 155, 66)!important;
}

.navbar-brand:focus, .navbar-brand:hover, .navbar-brand {
    color: rgb(255, 255, 255);
}
.bi-instagram, .bi-instagram:hover{
    color:white
}

      .nav-justified .nav-item, .nav-justified>.nav-link {
        flex-basis: 0;
        flex-grow: 1;
        text-align: center;
    }
    .nav-pills .nav-link {
        background: 0 0;
        border: 0;
        border-radius: rgb(255, 255, 255);
    }
    .nav-link:focus, .nav-link:hover {
        color: rgb(0, 0, 0);
    }
    a:hover {
        color: rgb(0, 0, 0);
    }
    .nav-link {
        padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
        font-family: 'Trilby', sans-serif;
        font-size: 20px;
        font-weight: 500;
        color: rgb(255, 255, 255);
        text-decoration: none;
        opacity: 10;

    }
    .navbar-brand{
        color: rgb(0, 0, 0);

   
    }
    .carousel-caption  h1{
        font-family: 'Mantinia', serif;
        font-size: 100px;
        font-weight: 540;
        text-transform: uppercase;
        letter-spacing: 7px;
        text-align: center;
        color: rgb(255, 255, 255);
        margin-bottom: 100;
    }
    .carousel-caption h1:after{
        content: "";
        display: block;
        border: none;
        border-top: solid 10px rgb(28, 155, 66);
        max-width: 800px;
        margin: 20px auto 100px;
    }
    
    .carousel-caption p{
        font-family: 'Trilby', sans-serif;
        font-weight: 500;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 5px;
        text-align: center;
        color: rgb(255, 255, 255);
    } 

    .card{
        height: 100%!important;
        background-color: rgb(28, 155, 66);
    }
    
    .col-lg{
        margin-bottom: 15px!important;
        margin-top: 30px;
    }
    .video{
        width: 100%!important;
        margin-top: 15px;
    }

    .btn-primary{
        background-color: rgb(28, 155, 66);
        font-family: 'Trilby', sans-serif;
        font-size: 20px;
        font-weight: 500;
        color: rgb(255, 255, 255);
        margin-top: 15px;
    }
    .btn:hover{
        background-color: #000;
    }
    .col{
        font-family: 'Trilby', sans-serif;
        font-size: 18px;
        font-weight: 500;
        color: rgb(255, 255, 255);
        text-align: center;
    }
    .container-fluid{
        padding: 30px;
        margin-top: 30px;
    }
    .card-title{
        font-size: 24px;
        font-weight: 500;  
        font-family: 'Mantinia', serif;
        margin-bottom: 35px;
        margin-top: 15px;
        color: #fff;
    }
    .card-text{
        color: #fff;
        font-family: 'Trilby', sans-serif;
        font-size: 16px;
        font-weight: 100;
    }
    .element-heading h2{
        font-family: 'Mantinia', serif;
        font-size: 50px;
        letter-spacing: 3px;
        text-align: center;
        color: rgb(0, 0, 0);
        margin-bottom: 0;
        margin-top: 50px;
    }
    .element-heading h2:after{
        content: "";
        display: block;
        border: none;
        border-top: solid 3px rgb(28, 155, 66);
        max-width: 200px;
        margin: 10px auto 10px;
    }
    
    .element-heading p{
        font-family: 'Trilby', sans-serif;
        font-weight: 500;
        font-size: 25px;
        margin-top: 0;
        color: rgb(0, 0, 0);
    }
    
    .element-text p{
        font-family: 'Trilby', sans-serif;
        font-weight: 500;
        font-size: 18px;
        color: rgb(0, 0, 0);
        margin-bottom: 40px;
    }

    .modal-title{
        font-family: 'Trilby', sans-serif;
        font-weight: 500;
        font-size: 20px;
        margin-top: 0;
        color: rgb(0, 0, 0);
    }
    .uk-button {
        font-family: 'Trilby', sans-serif;
        background-color: rgb(28, 155, 66) ;
        text-align: center;
        color: #fff;
        border: 1px solid #fff;
        padding: 10px
    }
    .col-sm{
        font-family: 'Trilby', sans-serif;
        font-size: 18px;
        font-weight: 500;
        color: rgb(255, 255, 255);
        text-align: center; 
    }
	btn{
		border: var(--bs-btn-border-width) solid #fff !important;}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgb(28, 155, 66);
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(28, 155, 66);
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #fff;
}