/* COLOR

hellbraun Hintergrund: 	#f7f5ee
dunkelbraun:  			#a19a8a
dunkeldunkelbraun: 		#787368
rot						#E14F42
*/


body {
	background-color: #a19a8a;
	color: #a19a8a;
	font-family: arial;
	font-size: 1.4em;
}

#wrapper {
	max-width: 950px; 
	background-color: #f7f5ee; 
	margin: 0 auto;
}

h1 {
font-size: 1.8em;
font-weight: bold;
border-bottom: 1px dotted #a19a8a;
padding-bottom: 20px;
padding-top: 10px;

}

h2 {
font-size: 1.4em;

}


.nav a {
    color: #a19a8a;
    text-decoration: none;
    font-size: 1.5em;
    margin-bottom: 10px;
}

.nav a:hover {
    color: #787368;  
}

.language {
margin-top: 20px;
}

.language img {
width: 20px;
}

.social a {
color: #f7f5ee;
}
.social a:hover {
color: #787368;
}
a.button {
    margin-top: 10px;
    color: #f7f5ee;
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    padding: 4px 17px 5px;
    background-color: #E14F42;
    text-decoration: none;
}

a.button:hover {
    background-color: #a19a8a;
}

#header {
border-bottom: 1px dotted #a19a8a;
}

.nav-wrapper {
text-align: right;
padding-right: 50px;
}

.logo img {
width: 130px;
padding: 40px 0 20px 30px;

}

.nav {
padding-top: 25px;
}
.nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.nav li {
    float: right;
}

.nav li a {
	font-size: 1.1em;
    display: block;
    color: #aaa;
    text-align: center;
    padding: 3px 16px;
    text-decoration: none;
    border-left: 1px solid #aaa;
}

.nav li a:hover {
    color: #787368;  
}

/* Slider */
.slider {
margin-left: 0;
margin-right: 0;
}

.my-slider li {
 height: 35vw; 
 max-height: 350px;
 background-size: 100% auto;

}


/* Content */

.content {
border-bottom: 1px dotted #a19a8a;
padding-bottom: 20px;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;

}
.ma_img img{
width: 100%;
}

.m-left {
margin-left: 15px;
}

.m-left-minus {
margin-left: -15px;
}

.news {
margin-top: 20px;
border: 1px solid #a19a8a;
padding-top: 10px;
padding-bottom: 10px;
}

.news-box {
width: 70px;
height: 70px;
background-color: #a19a8a;
float: left;
color: #f7f5ee;
text-align: center;
font-size: 1.6em;
padding-top: 5px;
}

.news-box span {
border-top: 1px solid #f7f5ee;

}

.news-text {
padding-left: 10px;
width: 100px;
float: left;
test-align: center;
}

.news-text h3 {
font-size: 1.3em;
margin-top: 0;
margin-bottom: 22px;
}

.form {
margin-top: 20px;
}

.ma_img ul {
list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-left: 4px;
    margin-top: 15px;
}

.ma_img li {
float: left;
display: block:
width: 50px;
background-color: #787368;
margin-right: 3px;
padding: 1px;
font-size: 1.5em;
color: #f7f5ee;
}

.ma_img li:hover {
float: left;
display: block:
width: 50px;
background-color: #f7f5ee;
margin-right: 3px;
padding: 1px;
font-size: 1.5em;
color: #a19a8a;
}


/* Footer */

.footer {
background-color: #ccc;
color: #777;
margin-left: 0;
margin-right: 0;
}

.footer div {
margin-top: 20px;
margin-bottom: 40px;

}

.footer_bild1, .footer_bild2 {
width: 150px;
height: 150px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 20px;
}



.copyright {
margin-left: 0;
margin-right: 0;
font-size: 0.8em;
margin-top: 20px;
margin-bottom: 20px;
}

.copyright div {
margin-bottom: 60px;
}

.marg-left {
margin-left: 30px;
}

.marg-right {
margin-right: 30px;
}

.admin {
width: 100%;
}

.persoenlich .form-control {
}


.delete_news a {
font-size: 1.2em;
font-weight: 400;
}