@font-face {
  	font-family: 'Vera-Humana-95';
    src:  url('Vera-Humana-95.ttf.woff') format('woff'),
    url('Vera-Humana-95.ttf.svg#Vera-Humana-95') format('svg'),
    url('Vera-Humana-95.ttf.eot'),
    url('Vera-Humana-95.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
   }
   
body {
	background-color: #aca793;
	font-family: 'Vera-Humana-95', Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	overflow-y: scroll;
}

* {
	margin: 0;
	padding: 0;
}

.wrapper {
	max-width: 980px;
	margin: auto;
}

/*Aktuelles offene Werkstatt*/

@media (min-width: 1024px){
	.aktuellgalerie {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: space-between;
	align-items: top;
	}

	.aktuellgalerie #werk {
	max-width: 49%;
	margin-bottom: 0.5em;
	}
}

@media (max-width: 1023px) {
	.aktuellgalerie {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: space-between;
	align-items: center;
	}

	.aktuellgalerie img {
	max-width: 100%;
	margin-bottom: 0.5em;
	}
}


/*Allgemeine Angaben für alle Seiten*/


.logo img {
	width: 350px;
	margin: 10px 0;
}


nav {
	width: 100%;
	margin-bottom: 10px;
	float: left;
}

nav ul {
	list-style: none;
	font-size: 1.5em;
	display: flex;
    justify-content: space-between;
    flex-direction: column;
}

@media (min-width: 1024px) {
	nav a#nav-m, nav a.close {
		display: none;
	}
	nav ul {
		flex-direction: row;
	}
}

@media (max-width: 1023px) {
	.wrapper {
		max-width: 80%;
		margin: auto;
	}
	
	.logo img {
		margin-top: 1.5em;
		width: 20%;
		min-width: 140px;
	}
	
	nav ul {
    top: 4.5em;
    position: absolute;
    background: #aca793;
    border-top: solid 1px;
    width: 100%;
    height: 100%;
    display: none;
 
    list-style-type:none;
    margin: 0;
    padding: 0;
 
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
  	}
 
 	 nav ul li {
    	display: block;
    	text-align: right;
    	padding-right: 10%;
    	padding-top: 0.4em;
  	}
	
  	/*Hamburger-Icon*/
  	nav a#nav-m img,
  	nav a.close img {
  		position:absolute;
  		right: 10%;
  		top: 3em;
    	width: 35px;
    	height: auto;
  	}
  
  	nav > .close,
  	nav a#nav-m:target {
    	display: none;
  	}
 
  	nav a:target ~ ul,
  	nav a:target ~ .close {
    	display: inline-block;
  	}
 
  	nav a:target ~ .close {
    	position: absolute;
    	right: 10%;
  		top: 0;
  	}
 
  	nav a:target ~ ul {
    	left: 0;
  	}
  	
  	footer {
	display: flex;
	flex-direction: column;
	text-align: center;
}
}

nav ul li a {
	color: #000;
	text-decoration: none;
}

nav ul li a:hover {
	color: #e3dedb;
}

#active {
	color: #e3dedb;
}

#headerimg {
	max-width: 100%;
	margin-bottom: 10px;
}

section {
	background-color: #e3dedb;
	padding: 3%;
	margin-bottom: 10px;
}

section h1 {
	font-weight: normal;
	font-size: 2em;
	margin-bottom: 10px;
}

section h2 {
	font-weight: normal;
	font-size: 1.5em;
	margin-bottom: 10px;
}

section h3 {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 10px;
}

section p {
	font-size: 1em;
	line-height: 1.4em;
}

footer {
	font-size: 0.8em;
	color: #e3dedb;
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
}

footer a {
	color: #e3dedb;
	text-decoration: none;
}

/*Ende allgemeine Angaben für die Startseite und andere*/

/*Spezifische Angaben für Märkte*/

td {
	padding-bottom: 25px;
	padding-right: 20px;
	vertical-align: bottom;
}

td a {
	color: #aca793;
	text-decoration: none;
}

td a:hover {
	text-decoration: underline;
}

#marktbild {
	height: 260px;
}

@media (min-width: 1024px){
	.marktinhalt {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: flex-start;
	align-items: flex-start;
	}

	.marktinhalt #markt {
	max-width: 49%;
	/* margin-bottom: 0.5em; */
	}
}

@media (max-width: 1023px) {
	.marktinhalt {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: space-between;
	align-items: center;
	}

	.marktinhalt img {
	max-width: 100%;
	margin-bottom: 0.5em;
	}
}

/*Ende spezifische Angaben für Märkte*/

/*Spezifische Angaben für Galerie*/

.flexgalerie {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: space-between;
	align-items: center;
}

.flexgalerie img {
	width: 12.5em;
	margin-bottom: 0.5em;
}

/*Ende spezifische Angaben für Galerie*/

/*Spezifische Angaben für Kontakt*/

.flexkontakt {
	max-width: 20em;
	/*height: 31em;*/
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.feld {
	margin-top: 0.3em;
	margin-bottom: 0.5em;
}

input {
	background-color: #aca793;
	border: none;
	font-family: 'Vera-Humana-95', Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 0.3em;
}

textarea {
	background-color: #aca793;
	border: none;
	font-family: 'Vera-Humana-95', Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	min-height: 10em;
	max-height: 10em;
	max-width: 240%;
	padding: 0.3em;
}

#submit {
	width: 150px;
	font-family: 'Vera-Humana-95', Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

/*Ende spezifische Angaben für Kontakt*/

/*Anfang spezifische Angaben für Impressum*/

.impressum {
	font-size: 0.8em;
}

/*Ende spezifische Angaben für Impressum*/





.clearfix:before, .clearfix:after {
 	content:"\0020";
 	display:block;
 	height: 0;
 	visibility: hidden;	
}
 .clearfix:after {
 	clear:both;
 }

.clearfix {
	zoom:1;
}