/*
	font-family: 'Lato', sans-serif;
	font-family: 'PT Serif', serif;
	dunkelgruen: rgba(16,81,54,1);
	hellgruen: rgba(162,192,55,1);
	rot: rgba(194,14,26,1)
	
	Size	Breakpoints
	Mini	up to 479px
	Small	480px to 767px
	Medium	768px to 959px
	Large	960px to 1199p
	Xlarge	1200px and larger
	
*/
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato/lato-v23-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato/lato-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato/lato-v23-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato/lato-v23-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato/lato-v23-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato/lato-v23-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato/lato-v23-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato/lato-v23-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato/lato-v23-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato/lato-v23-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato/lato-v23-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato/lato-v23-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato/lato-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato/lato-v23-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/lato/lato-v23-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato/lato-v23-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato/lato-v23-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato/lato-v23-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato/lato-v23-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato/lato-v23-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* pt-serif-regular - latin-ext_latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-serif/pt-serif-v17-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-serif/pt-serif-v17-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-serif/pt-serif-v17-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-serif/pt-serif-v17-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-serif/pt-serif-v17-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-serif/pt-serif-v17-latin-ext_latin-regular.svg#PTSerif') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'pt_serifitalic';
    src: url('../fonts/ptserif_italic_macroman/PTF56F-webfont.eot');
    src: url('../fonts/ptserif_italic_macroman/PTF56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptserif_italic_macroman/PTF56F-webfont.woff') format('woff'),
         url('../fonts/ptserif_italic_macroman/PTF56F-webfont.ttf') format('truetype'),
         url('../fonts/ptserif_italic_macroman/PTF56F-webfont.svg#pt_serifitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body { height: 100%; margin: 0; padding: 0; }

body{
	color: rgba(16,81,54,1);
	font-family: 'Lato', sans-serif;
}

h1, h3{
	font-family: 'pt_serifitalic';
	font-weight: normal;
    font-style: normal;
	color: rgba(16, 81, 54, 1);
}

h2{
	color: rgba(16,81,54,1);
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	margin-bottom: 35px;
}

#second .mod_article>h2{
	margin-bottom: 35px;	
}

p, .mod_article li{
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 0;
}

.mod_article ul{
	margin-left: 20px;
}

a{
	color: rgba(16, 81, 54, 1);
	text-decoration: none;
}

a:hover{
	color: rgba(194,14,26,1);
	text-decoration: none;
}

/*header nav*/
header button.uk-button{
	display: none;
}


body.start .metaheader{
	background: rgba(162,192,55,.4) url(../../Kundenordner/start/aepfel.jpg) no-repeat center top;
	width: 100%;
	/*height: 0;
	padding-bottom: 30%;*/
	height: 550px;
}

/*.metaheader{
	margin-bottom: 25px;
}*/

.metaheader.wide{
	background-color: rgba(162,192,55,.4);
}

.logoNav{
	background-color: #fff;
	overflow: hidden;
	padding-bottom: 25px;
}

body.start .logoNav{
	background-color: transparent;
}

.logoNavInner{
	max-width: 1200px;
	margin: 0 auto;
}

.logoWrapper{
	display: inline;
	float: left;
	margin-top: 20px;
	width: 20%;
}

.logoWrapper h1.logo a {
    background: transparent url(../img/OH-Wurzen_Logo.svg) 0 0 no-repeat;
    font-size: 0;
    width: 195px;
    height: 116px;
    display: block;
}

header nav{
	display: inline;
	float: right;
	margin-top: 99px;
	width: 80%;
	text-align: right;
}

header li{
	display: inline;
	font-size: 17px;
	font-weight: 900;
	letter-spacing: .05em;
	margin-left: 1.3%;
	text-transform: uppercase;
}

header li.first{margin-left: inherit;}

header li span.active{
	color: rgba(194,14,26,1);
}

header li:first{
	margin-left: 0;
}

header .mod_article{
	clear: both;
	padding-top: 50px;
	width: 100%;
	text-align: center;
}

.wide header .mod_article{
	max-width: 1400px;
	margin: 0 auto;
	padding-top: inherit;
}

body.start header .mod_article{
	margin: 0 auto;
	padding-top: 50px;
}

body.kontakt header .mod_article{
	max-width: inherit;
}

header .mod_article h1, header figcaption{
	color: #fff;
	font-size: 66px;
	line-height: 80px;
	text-shadow: 0px 0px 7px #323232;
}

header figure{
	position: relative;
}

header figcaption{
	font-family: 'PT Serif', serif;
	text-align: center;
	position: absolute;
	top: 38%;
	left: 0;
	width: 100%;
}

header .joblink{
	background-color: rgba(162,192,55,1);
	display: inline-block;
	margin-top: 50px;
	padding: 3px 25px;
	box-shadow: 0px 0px 7px #323232;
	-moz-box-shadow: 0px 0px 7px #323232;
	-webkit-box-shadow: 0px 0px 7px #323232;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

header .joblink:hover{background-color: rgba(16,81,54,1);}

header .joblink a{
	color: #fff;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 0.07em;
}

.metawrapper{
	padding: 60px 0;
}

#main, div.second{
	text-align: center;
}

.schmuck{
	background: transparent url(../img/schmuck.svg) center top no-repeat;
	margin: 0 auto;
	margin-top: 15px;
	min-height: 50px;
	width: 50%;
}

.schmuck p{
	color: rgba(162,192,55,1);
	font-family: 'PT Serif', serif;
	font-size: 20px;
	padding-top: 35px;
}

.metafooter{
	background: rgba(16,81,54,0.07) url(../img/footer.svg) center bottom no-repeat;
	background-size: cover;
	min-height: 265px;
	padding: 60px 0 25px 0;	
}

body.extended .metafooter{
	padding-top: 0;	
}

body.extended #second{
	padding: 60px 0;
}

body.extended .metafooter{
	background-color: inherit;
}

#extended{
	background-color: rgba(16,81,54,0.07);
	text-align: center;
	padding: 70px 0;
}

#untercontainer{
	/*background-color: rgba(16,81,54,0.07);*/
	min-height: 200px;
	margin-bottom: 250px;	
}

.box{
	display: inline;
	text-align: center;
}

.box img{
	border-radius: 50%;
	margin-bottom: 35px;
}

.rund img{border-radius: 50%;}

.box p{
	color: rgba(162,192,55,1);
	font-family: 'PT Serif', serif;
	font-size: 20px;
	line-height: 30px;
}

.box p:first-child{
	border-bottom: 1px solid rgba(162,192,55,1);
	margin-bottom: 10px;
	padding-bottom: 10px;	
	font-size: 17px;
}

.box p a{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .07em;
}

.produkt .box li{
	list-style: none;
	line-height: 26px;
}

.produkt .box p{
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.produkt .box p:first-child{
	color: rgba(162,192,55,1);
	font-family: 'PT Serif', serif;
	font-size: 20px;
}

.lato .box p:nth-child(2){
	font-family: 'Lato', sans-serif;
	font-size: inherit;
	line-height: 26px;
	color: rgba(16,81,54,1);
}

/*multi maps*/
.ce_dlh_googlemaps{
    height: 400px;
    width: 100%;
    padding-top: 20px;	
}

header .ce_dlh_googlemaps{padding-top: 0;}

/*svg logos with :before*/
.gruppe p, .email p{
	position: relative;
	text-indent: 30px;	
}

.gruppe p:before,
.email p:before{
	position: absolute;
	display: block;
	content: ' ';
	background-image: url('../img/gruppe.svg');
	background-size: 25px 25px;
	height: 25px;
	width: 25px;
}

.email p:before{
	background-image: url('../img/email.svg');
}

/*news*/
.mod_newslist h3{
	font-size: 22px;
}

.mod_newslist h3:after{
	height: 1px;
    display: block;
    width: 255px;
    background: rgba(162,192,55,1);
    content: '';
    margin-top: 20px;
    margin-bottom: 20px;	
}

.mod_newslist h3 a{
	color: rgba(162,192,55,1);
}

.mod_newslist h4{
	margin-top: inherit;
	font-weight: 900;
	margin-bottom: 35px;
}

.mod_newslist p, .mod_newslist h4{
	color: rgba(16,81,54,1);
}

/*local styles*/
.line h3{
	color: rgba(162,192,55,1);
	font-size: 22px;
	/*margin-top: 45px;*/
}

.line>h2, #second .line>h2{
	margin-bottom: inherit;
}

.line h3:after{
	height: 1px;
    display: block;
    width: 255px;
    background: rgba(162,192,55,1);
    content: '';
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.rundEck{
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.achtung p{
	color: rgba(194,14,26,1);
}

.center{
	text-align: center;
}

.upper{
	text-transform: uppercase;
}

.bold{
	font-weight: 900;
}

/*gallery*/
.ce_gallery{
	padding-right: 35px;
}
.ce_gallery li{
	margin-bottom: 35px;
}

/*contact form*/
.contact .formbody{
	margin: 0 auto;
	max-width: 1120px;
	padding-top: 55px;
}

.contact fieldset{
	border: none;
}

.contact fieldset,
.contact .widget-textarea{
	display: inline;
	float: left;
	width: 49.3%;
	padding: 0;
}

.contact fieldset>div{
	margin-bottom: 18px;
}

.contact fieldset>div:last-child{
	margin-bottom: 0;
}

.contact .widget-textarea{
	float: right;
}

.contact label{
	display: none;
}

.contact textarea,
.contact input.text{
	border: none;
	color: rgba(16,81,54,1);
	font-family: 'Lato', sans-serif;
	width: 100%;
	padding: 10px 0px;
	text-indent: 10px;
}

.contact input.text{
	height: 30px;
	line-height: 50px;
}

.contact input.text,
.contact input{
	border: none;
}

.contact textarea{
	height: 166px;
}

::-webkit-input-placeholder{color: rgba(16,81,54,1);} 
::-moz-placeholder{color: rgba(16,81,54,1);}
:-ms-input-placeholder{color: rgba(16,81,54,1);}
:-moz-placeholder {color: rgba(16,81,54,1);}

::-moz-placeholder {
  opacity: 1;
}

.widget-captcha{
	width: 100%;
	clear: both;
	padding: 25px 0;	
}

.widget-captcha input{
	width: 30px;
	height: 30px;
	margin-right: 10px;
}

.submit_container input{
	padding: 10px;
	height: 40px;
	background-color: rgba(162,192,55,1);
	color: #fff;
	cursor: pointer;
	min-width: 335px;
	letter-spacing: 0.07em;
}

.submit_container input:hover{
	background-color: rgba(16,81,54,1);
}

fieldset.ok{
	display: block;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding-bottom: 10px;
    float: none;
    clear: both;
}

fieldset.ok label{
	display: inherit;
}

fieldset.ok .mandatory{
    position: absolute;
    width: 20px;
}

fieldset.ok .mandatory span{
    display: flex;
    justify-content: align-self;
    padding-top: 3px;
}

fieldset.ok .explanation{
    float: right;
    width: 90%;
}

/*footer stuff*/
footer{
	margin-top: 200px;
	text-align: center;
}

footer .inside{
	display: flex;
	justify-content:space-between;
}

footer .inside>div{
	display: inline-block;
}

footer p, footer a{
	color: #fff;
}

footer .last a{
	color: rgba(16, 81, 54, 1);
	letter-spacing: 0.07em;
}

/*safari issues with uikit*/
@media (min-width: 768px){
	body.safari .uk-width-medium-1-3, .uk-width-medium-2-6 {
	    width: 32.333%;
	}
}


@media (min-width: 960px){
	body.safari .uk-width-large-1-2, .uk-width-large-2-4, .uk-width-large-3-6, .uk-width-large-5-10 {
    width: 49%;
	}
	
	body.safari .uk-width-large-1-4 {
	    width: 24%;
	}	
}


@media screen and (max-width: 1220px) {
	footer p{
		font-size: 15px;
	}
}

@media screen and (max-width: 980px) {
	header button.uk-button{
		display: inherit;
		background: rgba(162,192,55,1);
		position: absolute;
		top: 0;
		right: 0;
		height: 50px;
	}

	header button span{
		display: none;
	}

	header button:before{
		color: #fff;
		height: 50px;
		font-size: 2rem;
	}
	
	header nav{display: none;}
	header #offcanvas nav{
		display: block;
		float: none;
		margin-top: 0;
		width: 100%;
		text-align: left;
		}
	
	header #offcanvas li{
		display: block;
		padding: 15px 0;
	}
	
	header #offcanvas li a{
		color: rgba(162,192,55,1);
	}
}

@media screen and (max-width: 960px) {
	.mod_article.uk-grid>div{
		padding-bottom: 30px;
	}
	
	header .mod_article.uk-grid>div{
		padding-bottom: inherit;
	}
	
	footer .inside{
		display: inherit;
		justify-content: inherit;
	}
	
	footer .inside > div{
		display: inherit;
	}
	
	footer .inside > div p{
		display: inline-block;
		margin: 0 auto;
	}
}

@media screen and (max-width: 768px) {
	.schmuck {
	    width: 75%;
	}
	
	.contact fieldset,
	.contact .widget-textarea{
		display: inherit;
		float: none;
		width: inherit;
	}
	
	.contact fieldset>div:last-child{
		margin-bottom: 18px;
	}
	
	.contact textarea{
		height: auto;
		min-height: 300x;
	}

}

@media screen and (max-width: 480px) {
	
}

.pt_1{padding-top: 1rem;}
.pt_2{padding-top: 2rem;}
.pt_3{padding-top: 3rem;}
.pt_4{padding-top: 4rem;}
.pt_5{padding-top: 5rem;}
.pt_6{padding-top: 6rem;}
.pt_7{padding-top: 7rem;}

.pb_1{padding-bottom: 1rem;}
.pb_2{padding-bottom: 2rem;}
.pb_3{padding-bottom: 3rem;}
.pb_4{padding-bottom: 4rem;}
.pb_5{padding-bottom: 5rem;}
.pb_6{padding-bottom: 6rem;}
.pb_7{padding-bottom: 7rem;}