.container {
    width: 96%;
	padding: 0px 2%;
}

#header {
	padding-top: 20px!important;
}

/*Header*/
#header .container {
	width: 100%;
	padding: 0px;
}

#header #logo {
	margin-left: 5%;
	margin-bottom: 10px;
	float: left!important;
}

#header .schnellkontakt {
    float: left;
	margin-left: 30px;
	width: 100%;
	
}

#header .kontaktButton {
	float: left;
	display: block;
	margin: 0px 0px;
	width: 100%;
}

#MobilMenue {
	display: block;
	cursor: pointer;
	float: right;
	margin-right: 30px;
}

#main_nav {
	display: none;
	position: absolute;
	top: 85px;
	right: 0px;
	z-index: 999;
	backgr ound-color: rgba(70,67,64,0.70);
	width: 100%;
}


#main_nav:after {
    background: rgba(70,67,64,0.80);
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

#main_nav ul {
	display: block;
	width: 100%;
}

#main_nav > ul > li {
	display: block;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	     
}

#main_nav ul li a,
#main_nav ul li a:hover {
	colo
	border: none!important;
	padding: 30px 5%;
	width: 90%;
	float: left;
}

#main_nav ul li a:hover {
	color: #AFBE64;
}

#navi_vertikal {
    position: relative;
	background: none;
}


#navi_vertikal li {
    width: 100%;
}
}
/*Header*/


#headline h1 {
    margin-top: 40%;
}

#header .schnellkontakt, 
#main_nav,
#header #logo {
	margin-top: 0px;
}



#page {
    height: 50vh;
}

#page .inner {
    padding-right: 10px;
}

.intro h3 {
	margin-top: 0px;
	margin-bottom: 10px;
}

#headline h1 {
    margin-top: 3%;
}

#footer {
    background-color: rgba(70, 67, 64, 1);
}


.zahndesign {
	left: 20px;
	top: 20vh;
	padding: 20px;
}
.schnellkontakt {
	display: none;
}
.schnellkontakt.mobil {
	display: flex;
	flex-direction: column;
	width: 100%;
}

#header .kontaktButton a {
	padding: 0px;
}