@charset "utf-8";
/* CSS Document */

#oben {
height: 100px;
                                                        
}

#mitte {
height: 120px;
width: 100%;
	
margin: 0 auto;
background-color: #FFFFFF;
	 text-align:center;
}

.inhalt  {
height: 180px;
width: 450px;
background-color:rgba(0,0,0,0.80);

	font: 100;
	padding: 10px;

}

.willkommen 	{

	padding: 10px;
 color:#FFFFFF; /* Farbe orange */
  font-size:10pt;  /* Größe 28pt   */
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	line-height: 16px;
}

#text {

  background-image: url("auto_burr.png");
	background-repeat: no-repeat;
	height: 218px;
	background-color: #000000;
	 width:100%;
 align: center;
		padding: 10Px 0Px 0Px 0Px;


}
h1{
    color:#FFFFFF;
  font-size:12pt;  /* Größe 28pt   */
 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

h2{
    color:#ff0000; /* Farbe orange */
  font-size:12pt;  /* Größe 28pt   */
 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	line-height: 16px;
}

a:hover {
  color: #FFFFFF;}
a:activ {
  color: #f7ae08;}
a:link {
  color: #FF0004;}

.bg-container{
    height: 500%;
    width:100%;
    color: #fff;
    font-family: 'Titillium Web';
	    text-align:center;
     
    /* Inhalt vertikal mittig platzieren */
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	

}