/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
  src: url('../fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

* {
 border: 0!important; 
}

* {
	padding:0;
	margin:0;
	   -moz-box-sizing:    border-box;
	-webkit-box-sizing:    border-box;
	     -o-box-sizing:    border-box;
	        box-sizing:    border-box;
}
header, footer, section, aside, nav, article {
	display: block;
}
html, body {
	height: 100%;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
}
pre, code {
	font-size: 1.0em;
}
a {
	text-decoration: none;
	color: #000;
}

#aktuell nav ul li a,
#contentleft a,
#contentright a,
#contentboth p a {
	color: #ab6f0e;
	text-decoration: none;
	font-weight: 400;
}
a:hover, a:focus, a:active,
a.link_active,
#aktuell nav ul li a:hover,
#contentleft .text p a:hover,
#contentright .text p a:hover,
#contentboth .text p a:hover {
	color: #d79d3f;
}


h1 {
	font-size:3em;
	color: #e1e1e1;
	font-weight: 600;
	padding: 0 0 60px 0;
	position: relative;
	top: -7px;
	left: -3px;
	line-height: 44px;
}
.template2 h1{
	padding: 0 0 20px 0;
}
h2 {
	font-size: 1.25em;
	font-weight: 400;
	padding: 40px 0 20px 0;
}
h3 {
	font-size: 1.25em;
	font-weight: 400;
	padding: 10px 0 10px 0;
}

img {
	border:0 none;
}
.menuebutton {
    display: none;
}
ul {
    list-style-type: none;
}
.text ul li strong {
	font-weight: 600;
}

/* ---------  header   --------------------- */
#wrapheader {
	padding:0 10%;
	width:100%;
	background-color: #e1e1e1;
	border: 1px dashed red;
}
header {
	width:100%;
	text-align: center;
	border: 1px dashed orange;
}
#logo {
	padding:30px 10px 0 10px;
}
#logo img {
	width: 220px;
	height: auto;
}


/* ------------------------nav.primary  -------------- */
nav.primary {
	font-size: 1.25em;
	color:#fff;
	padding: 10px 10px 40px 10px;
} 
nav.primary:after {      /* clearen mit html5 */
	height: 0;
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
}

nav.primary ul li {
	float: left;
	display:block;
}
nav.primary ul li:first-child {
	display: inline-block;
	width: 14%;
}
nav.primary ul li:nth-child(2) {
	display: inline-block;
	width: 14%;
}
nav.primary ul li:nth-child(3) {
	display: inline-block;
	width: 24%;
}
nav.primary ul li:nth-child(4) {
	display: inline-block;
	width: 21%;
}
nav.primary ul li:nth-child(5) {
	display: inline-block;
	width: 22%;
}
nav.primary ul li:last-child{
	display: inline-block;
	width: 4%;
}
nav.primary ul li a {
	color:  #000;
}
nav.primary ul li a:hover,
nav.primary ul li a.link_active {
	border-bottom: 4px black solid !important;
}

/*
nav.primary ul li:first-child a {
	padding: 40px 40px 40px 0;
}
nav.primary ul li:nth-child(2) a {
	padding: 40px;
}
nav.primary ul li:nth-child(3) a {
	padding: 40px;
}
nav.primary ul li:nth-child(4) a {
	padding: 40px;
}
nav.primary ul li:nth-child(5) a {
	padding: 40px;
}
nav.primary ul li:last-child a {
	padding: 40px 0 40px 40px;
}
*/

/* --------------------------------------------  content  allg  -------------------- */


p.workshop {
 	float:right;
 	width: 100%;
 }
p.workshop img {
 	float: right;
	width: 100%;
}

/* --------------------------------------------  content  -------------------- */
#wrap {
	margin:0 10% 0 10%;
	padding: 0 10px 0 10px;
	min-height: 100%;
	z-index: 10;
	max-width:1136px;
    min-width: 900px;
	border: 1px dashed green;
}
#wrap ul li {
	line-height: 1.7em;
}
#content {
	width: 100%;
	float: left;
	padding: 40px 0 40px 0;
	/*border: thin dotted #0C0;*/
}
#contentleft {
	width: 50%;
	float: left;
	padding: 0 40px 40px 0;
	/*border: thin dotted #0C0;*/
}

#contentleft .text p.year,
#contentright .text p.year,
#contentboth .text p.city {
	float:left;
	margin: 0;
}
#contentleft .text p.what,
#contentright .text p.what,
#contentboth .text p.what  {
	margin: 0 0 0 96px;
}
#contentright {
	width: 50%;
	float: left;
	padding: 0 0 40px 10px;
	/*border: thin dotted #0C0;*/
}
#contentboth {
	width: 100%;
	float: left;
	padding: 0 0 40px 0;	
}

#content p,
#contentleft p,
#contentright p,
#contentboth p {
	/*margin:10px 0 10px 0;*/
	line-height:1.5em;
	padding:10px 0 10px 0;
}

#contentleft div.text p {
	min-height: 31px;
}
article ul li {
    line-height: 1.6em;
	list-style-type:none;
}
#contentleft .text img {
    float:right;
    position: relative;
    top: 0px;
    padding: 30px 60px 0 20px;
}

#wrap .inhalt100 .text p a {  /* die 2 Links f die Kontaktfurmulare untereinander*/
	display: block;
}
#maps {
	margin: 0 0 60px 0;
}

/* NEWS */
div.repeater_aktuell {
	padding-bottom: 60px;
}

.repeater_aktuell div.col-1-4news {
	width: 50%;
	float: left;
}

.repeater_aktuell div.col-1-4news h2 {
	padding: 0 0 10px 0;
}
.repeater_aktuell div.col-1-4news h3 {
 padding: 0 0 10px 0;
}
#contentboth .repeater_aktuell div.col-1-4news p {
	padding: 5px 0;
}
.repeater_aktuell div.col-1-4news div#pdf div.icon-pdf {
	padding-top: 10px;
}
.repeater_aktuell div.col-1-4news div#pdf div.icon-pdf a {
	font-family: 'Futura', Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.repeater_aktuell div.col-3-4 {
		width: 50%;
	float: left;
}
.repeater_aktuell div.col-3-4 section.clearfix img {
	max-width: 260px;
	height: auto;
}

.text ul li strong {
	font-weight: 600;
}
div#contentboth div.text ul {
padding: 20px 0 20px 20px;
}
div#contentboth div li {
list-style-type: disc;
padding: 10px 0 10px 20px;
}


/*--easy-gallery: eigenes css */
.gallery img{margin-right:10px; margin-bottom:10px; cursor: pointer;}
.gallery>div{float:left;}
.clearfix{clear:both;}
.gallery .gallery_image_description{display:none;} 
.gallery p {padding-bottom: 20px;}

/* ------------------------------------------  footer  ---------------------- */
#wrapfooter {
	position: relative;
	margin: 40px 0 0 0;
	padding: 0 10% 0 10%;
	clear:both;
	width: 100%;
	background-color: #e1e1e1;

}
footer {
	max-width: 1136px;
    min-width: 900px;
    border:  1px green dashed;
    padding: 0 10px;
}

footer #kontakt ul {
	list-style-type: none;
}
footer #footernav {
	width: 100px;
}
footer #service {
	position: relative;
	top:  -44px;
}
footer #service ul {
	margin: 0 10px 0 0;
	list-style-type: none;
	float: right;
}
footer #service
/* ------------------------------------------  classes  ---------------------- */
.clearleft {
	clear:left;
	height:0;
	overflow:hidden;
}
.clearboth {
	clear:both;
	height:0;
	overflow:hidden;
}
.noshow {
	visibility: hidden;
}

/* ---------------------------------------------------------------------------------------- */
		/* -------------------------------   MEDIA QUERIES   --------------------------   */
		@media screen and (min-width:900px) and (max-width:1100px) {
		#wrapheader {
			padding:0;
		}
		header, 
		nav.primary {
			margin: 0 auto 0 auto;
			width: 900px;
		}
		#wrap {
			margin: 0 auto;
			width: 900px;
		}
		#wrapfooter {
			/*border:1px dashed red;*/
			padding:40px 0;
		}
		footer {
			margin: 0 auto 0 auto;
			width: 900px;
		}

}		
				/* ---------------------------------------------------------------------------------------- */
				/* -------------------------------   MEDIA QUERIES   --------------------------   */
				@media screen and (max-width:900px) {
					
					#wrapheader {
						/*border:2px dashed orange;*/
						padding:0;
					}
					
					#aktuell {
						position: relative;
						padding: 0 0 0 42%;
    					width: 100%;
    					height: auto;
					}
					nav.primary ul li {
    					height: 54px;
    					line-height: 50px;
					}
					#wrap {
						padding: 0 10px;
						margin: 0;
						min-width: 340px;
					}
					#contentleft,
					#contentright {
					float: none;
					width: 100%;
					padding: 20px 0 40px 0;
					}
					p.workshop img {
    				float: left;
    				width: 60%;
					}
					#contentleft .text img {
    				padding: 0 80px 0 20px;
					}
					#contentboth {
					padding: 20px 10px 40px 0;	
					}
					#wrapfooter {
						padding: 20px 10px;
					}
					footer {
						min-width: 340px;
					}
			}
				
						/* ---------------------------------------------------------------------------------------- */
						/* -------------------------------   MEDIA QUERIES   --------------------------   */
						@media screen and (max-width:580px) {
						h1 {
						  padding: 0 0 20px 0;
						  top: -10px;
						}			
						#wrapheader {
						/*border:1px dashed orange;*/
						padding:0;
						width: 100%;
							
						}
						.menuebutton {
    					display: block;
    					position: absolute;
    					right: 20px;
   						top: 20px;
    					z-index: 400;
						}
				
						#mainnav {
						display:none;
						width: auto;
						padding-top: 0;
						}
						#mainnav ul {
						text-align: right;
						}
							
						#mainnav ul li {
						float: none;
						border-right: none;
						padding: 0 5px;
						display: block;
						width: 100%;
						height: 36px;
						}	
						#logo {
    					padding: 40px 0 0 10px;
						}	
						#logo img {
   						width: 270px;
						}

						#aktuell {
						float: none;
    					height: auto;
   						padding: 0 0 20px 10px;
    					position: static;
   						top: 80%;
    					width: 100%;
						}
						.repeater_aktuell div.col-1-4news {
						  width: 100%;
						  float: none;
						  padding-bottom: 10px;
						}
						#contentleft .text img {
    					padding: 0 20px 0 20px;
						}
						p.workshop img {
    					float: left;
    					width: 90%;
						}
						footer {
    					padding: 0;
						}
						
					}