/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
}
html, body {
	font-family: "Open Sans", sans-serif;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 300;
	height: 100%;
	color: #5E6E3B;
}
.container {
	min-height: 100%;
	overflow: hidden;
}
.maincontent {
	box-shadow: -1px 0 0 rgba(93,109,58,0.5);
	margin-top: 50px;
	margin-bottom: 50px;/*	margin-bottom: -9999px;

padding-bottom: 9999px;*/
}
a {
	color: #5E6E3B;
	text-decoration: none;
}
a:hover, a:focus {
    color: #aebc8f;
    text-decoration: none;
}

.active {font-weight:700;}
.active ::after {display:inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;content: " \e258";
font-size:1em;
vertical-align: bottom; 
margin-right:-10%;
font-weight:300;}

p, ul, ol {
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: 300;
	margin-bottom: 1em;
}
h1 {
	font-size: 3em;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 1em;
}
h2 {
	font-size: 2.5em;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 0.5em;
}
h3 {
	font-size: 2em;
	font-weight: 300;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

@media only screen and (min-width: 768px) {
.startlogo {
	width: 325px;
	position: fixed;
	top: 425px;
	right: 55%;
}
.logo {
	width: 325px;
	position: fixed;
	top: 425px;
	right: 55%;
}
nav {
	position: fixed;
	top: 50px;
	right: 55%;
}
nav>ul>li>a {
	color: #5E6E3B;
}
nav>ul {
	
	
}

nav>ul>li {font-size: 1em;
	line-height: 1.5em;
	font-weight: 300; border-bottom:0px solid #ccc;margin-bottom: 0.5em;}

.leftnav {
	text-align: right;
}
.hamburger {
	display: none;
}
}

@media only screen and (max-width: 767px) {

.maincontent {
    box-shadow: 0 0 0 rgba(93,109,58,0.5);
    margin-top: 0px;
    margin-bottom: 50px;
}

p, ul, ol {
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: 300;
	margin-bottom: 1em;
}
h1 {
	font-size: 2.5em;
	font-weight: 300;
	margin-top: 1em;
	margin-bottom: 1em;
}
h2 {
	font-size: 2em;
	font-weight: 300;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
h3 {
	font-size: 1em;
	font-weight: 300;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
a.button {
	font-size: 1em;
}
.img-responsive {
	max-width: 250px;
}
.logo {
	width: 300px;
	margin-top: 10px;
	margin-bottom: 40px;
	padding-right: 20px;
}
.startlogo {
	width: 300px;
	margin-top: 10px;
	margin-bottom: 40px;
	padding-right: 20px;
}

.leftnav {
	/*text-align: center;*/
}
.hamburger {
	font-size: 2.8em;z-index:100;font-weight:300;
}



nav>ul {
	font-size: 24px;
	line-height: 1.5em;
	font-weight: 300;
	margin-bottom: 1em; 
	background: #5E6E3B;
	
}

nav>ul>li
{padding:10px;}

nav>ul>li>a
 {color:#fff;}


}



button {
	padding: 0.6em;
	background: #849560;
	color: #fff;
	font-size: 1.5em;
	line-height: 24px;
	cursor: pointer;
	display: block;
	border-radius: 5px;
	font-weight: 300;
	margin-top: 2em;
	margin-right: 1em;
	border: 1px solid #5E6E3B;
}
button:hover {
	background: #5E6E3B;
	color: #fff;
}
#map-canvas_kontakt {
	/*margin-top: 50px;*/
	/*margin-bottom: 50px;*/
	height: 400px;
}
.modal {
	color: #5E6E3B;
}
.modal-header {
	background-image: url(../images/logo5.svg);
	background-repeat: no-repeat;
	/*background-color:#b71918;*/
	background-color: #5E6E3B;
	height: 130px;
	background-origin: content-box;
	background-position: right;
}
.modal-title {
	font-size: 2em;
	color: #5E6E3B;
	margin-bottom: 1em;
	font-weight: 700;
}
.modal-body h2 {
	font-size: 2em;
	color: #5E6E3B;
	margin-top: 2em
}
.close {
	font-size: 14px;
}
.modal-body h3 {
	font-weight: 400;
}
#map-canvas_kontakt {
	font-size: 2em;
	color: #5E6E3B;
	margin-top: 2em;
	margin-bottom: 1em;
	border: 1px solid #5E6E3B;
	border-radius: 5px;
}
ul.startnav {
	font-size: 2.8em;
	font-weight: 400;
	line-height: 2em;
}

.navimp {border-top:1px solid #F6F6F6;margin-top:5em;}
.navimp a {color:#D8D8D8;}


#submitBtn {
	
	background-color: #77ab05;
border-color: #5e8409;
}

 #message {
	
	background-color: #77ab05;
border-color: #5e8409;
	 color:#fff;
}


.list--style {
    list-style: circle;
    padding-left: 20px;
}

.list--style li {
    margin-bottom: 5px;
}

