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



h1 {
	font-size: 36px;
	font-weight: bold;
} 
p {
	line-height: 0.5em;
	text-decoration: none;
	padding-top: 10px;
	}
#fixedheader ul {
	
	background: #DDDDDA;
	height: 124px;
	margin-right: 10px;
}
main {
	background-image: url(../img/img_order_1c.jpg);
	border-style: solid;
	margin: 20px;
	height: 253px;
	text-align: center;
	vertical-align: middle;
}
#top-nav li {display: inline-block; text-align: left;}

h2 {
	font-size: 110%;
	font-family: "Arial, Helvetica, "sans-serif";
	font-weight: bold;
}

h2 span {
	
}

#eins {
	font-size: 400%;
}

#zwei {
	font-size: 800%;
}

#drei {
	font-size: 200%;
}

#vier {
	font-size: 200%;
}
h4 {font-weight: bold;}

div.container {max-width:1200px; width:100%} 

ul {list-style: none;}
content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;	
}


div.teaserbar { align-content: center; align-items: center;  text-decoration-line: none;
	
}
div.teaserbar2 {
	margin: 3px; margin-left: 3px; border: 3px; border-color: #000000; 
}

div.nav {align-content: center; margin-bottom: 10px; align-content: space-around; display: inline-block;}
div.mobi-nav {align-content: center; margin-top: 5px;}

#slidebox-nav li {align-items: center; display: inline-block; text-align: center;}
#slidebox-nav ul {align-content: center; vertical-align: middle;}

.btn-warning {
	background: #F4F306; border: none; color: #000000; 
}
.btn-warning:hover {background: #F4F306;}

#impressum {

	font-family: Helvetica, Arial, "sans-serif";
	max-width: 100%;
	max-height: 100%;
	margin-left: 3em;
	line-height: 1em;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 10px;
	
}

#kontakt {
	font-family: Helvetica, Arial, "sans-serif";
	max-width: 100%;
	max-height: 100%;
	margin-left: 3em;
	line-height: 1em;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 10px;
	
}

.carousel{
    background: #FFFFFF;
    margin-top: 20px;
}
.carousel .item img{
    margin: 0 auto; /* Align slide image horizontally center */
}
.bs-example{
	margin: 20px;
}