#banner2{
    background-image: url("images/avenue.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;
        }
}

/** 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;
    } 
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(128, 0, 0)!important;
}

.navbar-brand, .navbar-hover {
    color: #800000;
}

.container {
    color: rgba(128, 0, 0);
	font-family: Stencil, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}

.bi-twitter{
    color: white;
}

.col {
	
	max-width: 500px;
	max-height: 800px;
	margin-left: inherit;
	margin-right: inherit;
}

.card-body {
    background-color: #800000;
	color: white;
}

.card-title {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 20px;
}



.navbar-brand {
	color: white;
	font-family: Stencil, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 30px;
}

.display-5 text-center {

}

.offcanvas-body {
	    background-color: #800000;

}

.offcanvas-header {
		    background-color: #800000;

}

.row {
    margin-left: auto;
	margin-right: auto;
}

.h2 {
	font-family: Stencil, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color: #800000;
	text-align: center;
}

.qrcode {
	margin-left: auto;
	margin-right: auto;
}