@import url("https://fonts.googleapis.com/css?family=Cinzel:400,700");


body{
background-attachment:fixed;
background-image: url(png/Tellmann_Logo_Homepage_1.png);
background-size: cover;
margin: 14px auto;
max-width: 100%;
background-color: #fffff;
font-family: 'Cinzel', sans-serif;
color: #333333;
}


header{
background-color:#2F7679;
font-family: 'Cinzel', serif;
text-align: center;

}


nav, main, article, section, aside, footer {
font-family: 'Cinzel', serif;
border-radius: 0.0em 0.0em 0.0em 0.0em ;
border: 0px;
padding: 0px;
margin: 0px;
display: block;
}



h1 {
font-size: 120%;
padding: 2px;
display: block;
font-family: 'Cinzel', sans-serif;
color: #FFFFFF;
text-shadow: 0.06em 0.06em 0 rgba(2, 0, 0, 0.2);
}



nav ul {

display: inline-block;
padding: 2px;
margin: 2px auto;
justify-content: space-between;
flex-wrap: wrap;
}

nav li {
display: inline-block;
margin: 2px auto;
padding: 4px;
align-items: left;
}

nav {
font-size: 113%;
text-align: center;
}

nav a {

  width: 126px;
  padding: 10px;
  float: left;
font-family: 'Cinzel', serif;
color: #ffffff;
font-weight: bold;
text-decoration: none;
background-color: hsla(20, 20%, 40%, 5.19);
border: 1px solid;
border-color: #FFFFFF;
transition: all 600ms;
overflow: hidden;
}

nav a:hover {
  width: 126px;
  padding: 10px;
  float: left;

font-family: 'Cinzel', serif;
color: #000000;
font-weight: bold;
text-decoration: none;
background: #FFFFFF;
margin: 0px;
border: 1px solid;
border-color: #FFFFFF;
transition: all 600ms;
overflow: hidden;
}

nav a:visited {color:#ffffff;
}


p {margin-bottom: 1px; }


			section {
                         margin: 4px auto;
			background-color: #ffffff;
			border-color: #8db243;
                         font-size: 100%;
			text-align: center;
                         padding: 20px;
                         max-width: 88%;
			font-family: 'Cinzel', sans-serif;
			}



			main {
                                display: block;  /* für IE */
				background: #ffffff;
				border-color: #38A4DE;

			}

			article {
                         padding: 20px;
                         background-color: #ffffff;
			font-family: 'Cinzel', sans-serif;
                         border-color: #38A4DE;
                         background-attachment:fixed;
                         background-size: cover;
                         background-image: url(images/bg.jpg);
			}

			aside {
                         margin: 4px auto;
			background-color: #ffffff;
			border-color: #8db243;
                         font-size: 100%;
			text-align: center;
                         padding: 20px;
                         max-width: 88%;
			font-family: 'Cinzel', sans-serif;

			}

			footer {
				background-color: #2F7679;
				border-color: #8a9da8;
                                 display: block;
				margin: 12px auto;
				padding: 10px;
				align-items: center;
                                 list-style-type: none;
                                 list-style: none;
                                 font-size: 125%;
				text-align: center;


			}



  ul, li
{
    list-style: none;
}


#zwei {
	text-align: center;
         font-size: 120%;
         font-weight: bold;
         display: block;
         padding: 1px;
         font-family: 'Cinzel', sans-serif;
	color: #000000;
	

}

#drei {

         text-align: center;
         font-size: 109%;
         font-weight: bold;
         display: block;
         padding: 8px;
         font-family: 'Cinzel', sans-serif;
	color: #000000;


}






#vier {
         text-align: center;
         font-size: 280%;
         font-weight: bold;
         display: block;
         padding: 2px;
         font-family: 'Cinzel', sans-serif;
	color: #ffffff;
	text-shadow: 0.07em 0.07em 0 rgba(3, 2, 0, 0.93);

}




 a {
         width: 246px auto;
         font-size: 100%;
         font-family: 'Cinzel', sans-serif;
	color: #000000;
         font-weight: bold;
	text-align: center;
         text-decoration: none;
         display: block;
         padding: 2px;

}



#vav  {
         text-align: center;
         font-size: 180%;
         font-weight: bold;
         display: block;
         padding: 2px;
         font-family: 'Cinzel', sans-serif;
	color: #ffffff;
	text-shadow: 0.07em 0.07em 0 rgba(3, 2, 0, 0.93);

}





.container1 {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap:wrap;
width:80%;
margin: 15px auto;



}


.flexteil {
display: flex;
font-size: 122%;
text-align: center;
background-color: #ffffff;
font-weight: bold;
padding: 4px;
width:220px;
border: 0px;
margin: 4px auto;
}




.container7 {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap:wrap;
width:100%;
margin: 14px auto;



}


.flexteil7 {
font-size: 110%;
text-align: center;
color: #000000;
font-weight: bold;
background-color: #ffffff;
width:280px;
margin: 2px auto;
padding: 4px;
border: 2px solid;
border-color: #F3AD83;

}












.container2 {
  width:100%;
background-color: transparent;
padding: 1px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-item: flex-strech
min-width: 83%;
margin: 1px auto;
}


.flexteil2 {
font-size: 110%;
text-align: center;
color: #FFFFFF;
font-weight: bold;
background-color: #2F7679;
width:230px;
margin: 8px auto;
padding: 10px;
border: 3px solid;
border-color: #F3AD83;
}




 .container3 {
background-color: transparent;
padding: 0px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-item: flex-strech
min-width: 23%;
margin: 0px auto;
}


.flexteil3 {
font-size: 100%;
text-align: center;
color: #FFFFFF;
font-weight: bold;
background-color: #FFFFFF;
width:100%;
margin: 0px auto;
padding: 0px;
border: 0px solid;
border-color: #FFFFFF;
}






.container4 {
background-color: transparent;
padding: 4px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-item: flex-strech
min-width: 43%;
margin: 2px auto;
}


.flexteil4 {
font-size: 110%;
text-align: center;
color: #FFFFFF;
font-weight: bold;
background-color: #6730F8;
width:500px;
margin: 4px auto;
padding: 4px;
border: 2px solid;
border-color: #FFFFFF;
}