.bg-dark{
    background-color: rgb(100, 143, 209) !important;
}

.navbar-brand{
    text-shadow: 1px 1px rgb(90, 90, 90);
}

#banner2{
    background-image: url("images/avenue2.jpg") !important;
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 500px; /* 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;
            }
    }

    a.bi, a:visited .bi, a:hover .bi{
        color: white;
    }
.grid-container {
			display: grid;
			gap: 10px;	
			padding: 10px;
		}

		.grid-item {
			border: 1px solid #fff;
			text-align: center;
			padding: 20px;
			font-size: 30px;
			background-color: rgb(100, 143, 209);
		}

			.grid-item a:hover, .grid-item a:visited{
			color:white !important;
			}
		/* Small devices (portrait tablets and large phones, 600px and up) */
		@media (min-width: 400px) {
			.grid-container {
				grid-template-columns: auto;
			}
		}

		/* Medium devices (landscape tablets, 768px and up) */
		@media (min-width: 768px) {
			.grid-container {
				grid-template-columns: auto;
			}
		}

		/* Large devices (laptops/desktops, 992px and up)  hier die ursprünglichen Items positionieren*/
		@media only screen and (min-width: 992px) {
			.item1 {
				grid-column: 1;
				grid-row: 1;
			}

			.item2 {
				grid-column: 2;
				grid-row: 1;
			}

			.item3 {
				grid-column: 1;
				grid-row: 2;
			}

			.item4 {
				grid-column: 2;
				grid-row: 2;
			}

			.item5 {
				grid-column: 1;
				grid-row: 3;
			}
			.item6 {
				grid-column: 2;
				grid-row: 3;
			}
		}

.btn-link{
    text-decoration: none;
    font-weight: 500;
    color:rgba(255, 255, 255, 0.5)
}

.video{
    width: 100%!important;
}

.ton{
  width:70%;
}

#plakat{
	padding-top: 20px; 
	text-align: center; 
	background-color: rgb(100, 143, 209); 
	padding-bottom: 20px; border-radius: 0px;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
		@media (min-width: 400px) {
			.grid-container {
				grid-template-columns: auto;
			}
		}

footer a, footer a:link, footer a:visited{
color: white !important;
}