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

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

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

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

}
* {	
-webkit-box-sizing:border-box; /* safari */
-moz-box-sizing:border-box; /* firefox */
box-sizing:border-box;
*behavior: url(js/boxsizing.htc); /* polyfill ie pfad relativ zu html*/
}


body, html {height:100%;}

body {
	overflow-x:hidden;
	width:100%;
	font-family: 'open_sansregular', Arial, 'Helvetica Neue', sans-serif;
	font-size: 0.875em; /* 14px */
    line-height: 1.4;
	color: #5F5B55;

}

.desktop {display: none !important;}

img {max-width:100%; height:auto; vertical-align: middle;}
@media \0screen {img { width: auto }} /* Prevent height distortion in IE8. */

.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #E2DBD3;
	margin: 3em 0;
	padding: 0;
	/* box-shadow: 1px 1px 3px rgb(245, 245, 245); */
	clear:both;
}
ul {padding:0; list-style:none;}

/* ------------ layout --------------- */
.wrapper {max-width:960px; margin:0 auto; }

header {float:left; width:100%; background-color:#FFF; padding:0 3.125%; /* 10/320x100 */ height:auto;}
#featured {display:block; float:left; width:100%; background:#F5F5F5; padding: 1.5em 15%; /* 48/320x100 */}
#aktuell {display:block; float:left; width:100%; background:#F5F5F5; padding: 1.5em 15% 0 15%;}
#content {display:block; float:left; width:100%; background:#F5F5F5; padding: 1.5em 3.125% 2em 3.125%;}
#inhalt #content {min-height:400px;}
#galerie {display:block; float:left; width:100%; background:#FFF; padding: 1.5em 3.125%;}
footer {float:left; width:100%; background:#FFF; padding:0 3.125%; text-align:center;}

section {width:100%;}

#featured section {float:left; width:100%; padding: 0 2.5%; /* 8/320x100 */ margin-top: 24px;}
#content section {float:left; width:100%; padding: 0 2.5%;}

#aktuell section.bild {float:left; width: 100%; /* 45% 144/320x100 */ margin:2.5%; /* 8/320x100 */ padding-bottom:140%; /* wahr 100% */}
#aktuell section.bildq {float:left; width: 100%; /* 45% 144/320x100 */ margin:2.5%; /* 8/320x100 */ padding-bottom:100%; /* wquadrat 100% */}
#aktuell section.text {float:left; width:100%; padding: 0 2.5% 1.5em 2.5%;}

#galerie section {float:left; position:relative; overflow:hidden; width: 45%; /* 144/320x100 */ margin:2.5%; /* 8/320x100 */ padding-bottom:45%;}
.vorschau { position: absolute; left: 0px; right:0px; top: 0px; bottom: 0px; background-size: cover; background-repeat: no-repeat; background-position: center center;}

footer section {margin-bottom:8%; margin-top:3em;}

#meta {position:relative; width:100%; display:none;}
#haupt {display:none;}
.feder {margin-bottom: 1.5em;}

/* ------------ Typo --------------- */

p {font-size:1em; line-height:1.572em; margin-top:1em;}
td, th {font-size:1em; vertical-align:top; padding:0.2em 1em 0.2em 0em; text-align:left;} 
th {color:#F58A17;}

li {font-size:1em;} 
table {width:100%;}


h1 {font-family:'open_sanssemibold', Arial, 'Helvetica Neue'; font-size:1.4285em; font-weight: normal; line-height:1.5em; color:#433D35; margin:0 0 1em 0;}
h2 {font-family:'open_sanssemibold', Arial, 'Helvetica Neue'; font-size:1.2857em; font-weight: normal; line-height:1.429em; color:#433D35; margin:1.5em 0 0 0;}
#index h2 {margin:0;}
h3 {font-family:'open_sanssemibold', Arial, 'Helvetica Neue'; font-weight: normal; font-size:1em; line-height:1.429em; color:#333;}

.rubrik {font-size: 0.9285em;/* 13px */ /*margin-bottom: 6px; */ margin-top: 0px; letter-spacing: 1px; text-transform:uppercase;}
p strong {font-family:'open_sanssemibold', Arial, 'Helvetica Neue';}
p em {font-family:'open_sansitalic', Arial, 'Helvetica Neue';}
p strong em {font-family: 'open_sanssemibold_italic', Arial, 'Helvetica Neue';}

ul.tipp {list-style:outside; list-style-image:url(../img/list.gif); line-height: 1.572em;}
/* ------------------- Farben --------------------- */

.hgruen {color:#D9D395;}
.gruen {color:#CDC627;}
.dgruen {color:#B6A73D;}

.orange {color:#F2792E;}
.dorange {color:#DA611A;}
.ddorange {color:#C74D0A;}

.hgrau {color:#9E9478;}
.grau {color:#655B50;}
.dgrau {color:#433D35;}

.border {
	max-width: 100%;
	height: auto;
	border: 5px solid #fff;
	-moz-box-shadow: 0 1px 2px rgba(109,72,0,.2);
	-webkit-box-shadow: 0 1px 2px rgba(109,72,0,.2);
	box-shadow: 0 1px 2px rgba(109,72,0,.2);
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}



/* ------------------- Back to top Button  --------------------- */
.back-to-top {
width:50px;
height:50px;
background: url(../img/top.png) no-repeat 0 0;
position: fixed;
bottom:100px;
right:5%;
padding:1em;
z-index:999;
text-indent: -9999px;
}
.back-to-top:hover {background: url(../img/top_ov.png) no-repeat 0 0;}

/* ------------------- Links --------------------- */
a, a:link, a:visited {
	text-decoration: none;
	color:#655B50;
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;  
	-o-transition: all .3s ease;  
	transition: all .3s ease; 
	
}
a:hover, a:active, a:focus { color: #E47E3A; outline:none;}

a img {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;  
-o-transition: all .3s ease-in-out;  
transition: all .3s ease-in-out; 
}
a img:hover {
-moz-box-shadow: 0 1px 6px rgba(109,72,0,.2);
-webkit-box-shadow: 0 1px 6px rgba(109,72,0,.2);
box-shadow: 0 1px 6px rgba(109,72,0,.2);
/*-moz-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-webkit-transform: rotate(-1deg);
transform: rotate(-1deg);*/
}

#content a:link, #aktuell p a:link {border-bottom: 1px dotted; color:#433D35;}
#content a:hover, #aktuell p a:hover {color:#C74D0A; border-bottom-style: solid;}

footer p {/*font-size:0.8571428571428571em; */ font-size:0.9285em; letter-spacing:1px;}
footer p a, footer p a:link, footer p a:visited { padding:0; color:#333;}
footer p a:hover, footer p a:active, footer p a:focus  {color: #9B138E;}

/* ------------------- Navigation --------------------- */
	/*Metanav*/
	
.metanav {width:100%; float:left; margin-top:30px;}
.metanav li {width:30%; float:left; position:relative; display:inline-block; margin:0; margin-bottom:0;}
.navbar-nav li a {width:100%; display:block; color: #655B50;}

.metanav .dropdown-menu {
		padding: 0.5em 0;
		border: none;
		width: 100%;
		border-radius: 0;
		z-index: 9999 !important;
		border-top: solid 1px #fff;
		background-color:#fff;
	}
.metanav .dropdown-menu li {display:block; width:100%;}
.metanav .dropdown-menu li a {
		color:#655B50; 
		font-size: 13px;
		font-weight: 400;
		border-bottom: solid 1px #fff;
	}

.metanav .dropdown-menu .active > a,
.metanav .dropdown-menu li > a:hover {
		color: #687074;
		filter: none !important;
		background: #fff !important;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}

.metanav .dropdown-menu li > a:focus {
		background: none;
		filter: none !important;
	}

.metanav > li.dropdown:hover > .dropdown-menu {display: block;}

.open > .dropdown-menu {display: none;}

.metanav li .dropdown-menu {display:block; position:absolute; margin:0;}
.metanav li .dropdown-menu li {width:100%; display:block;}
.metanav li a:hover .dropdown-menu {display:block;}
.metanav a.dropdown-toggle {padding:2px 0; color:#687074; font-size:12px; letter-spacing:1px;}


	/*Dropdown Menu*/
.navbar-nav .dropdown-menu {
		padding: 1em;
		border: none;
		width: 100%;
		border-radius: 0;
		z-index: 9999 !important;
		border-top: solid 2px #9E9478;
		background-color:#fff;
	}
.navbar-nav li .dropdown-menu {display:none; position:absolute; margin:0;}

.navbar-nav .dropdown-menu li {display:block; width:100%;}
.navbar-nav .dropdown-menu li a {
		color: #433D35;
		font-size: 1em;
		font-weight: 400;
		padding: 1em 1em;
		border-bottom: solid 1px #eee;
	}

.navbar-nav .dropdown-menu .active > a,
.navbar-nav .dropdown-menu li > a:hover {
		color: #687074;
		filter: none !important;
		background: #F8F8F8 !important;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}

.navbar-nav .dropdown-menu li > a:focus {
		background: none;
		filter: none !important;
	}

.navbar-nav > li.dropdown:hover > .dropdown-menu {
		display: block;
	}
.navbar-nav  li.dropdown {
		text-align: center;
	}
.navbar-nav  li.dropdown .dropdown-menu li {
		text-align: left;
	}
.open > .dropdown-menu {
		display: none;
	}

.navbar-nav a.dropdown-toggle { padding:1em; color:#655B50; letter-spacing:1px;}
.navbar-nav .open > a.dropdown-toggle {color:#9E9478; border-bottom:1px solid #9E9478;}

a#logo {
width:150px;
height:142px;
background:url(../img/lehmanns_manufakte.png) 50% top no-repeat;
background-size:150px 142px;
text-indent:-999em;
display:block;
position:relative; 
left:50%;
margin-left:-75px;
}
.no-backgroundsize a#logo {
width:150px;
height:142px;
background:url(../img/lehmanns_manufakte.png) 50% top no-repeat;
}

.zooming div {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;  
	-o-transition: all .5s ease-in-out;  
	transition: all .5s ease-in-out; 
}
	
.zooming:hover div {	
	
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
    transform:scale(1.1);
}

/* ------------- slidernavi ---------------- */
.zu {width:0px; height:auto; padding:24px 0;}
.auf {width:85%; height:auto; padding:24px 18px;}
#top {
	position:absolute;
	top:0; 
	right:0;
	overflow:hidden;
	background:#CDC627; 
	z-index:99999;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;  
	-o-transition: all 500ms ease-in-out;  
	transition: all 500ms ease-in-out; 
	


}
#slidernavi {}

#slidernavi ul {background:none;}

#slidernavi ul li li {
display:block;
float:left;
margin:1px;
width:100%;
text-align:left;
}
#slidernavi h3 { 
display: block;
width: 100%;
font-size: 1em;
border-bottom: 1px solid;
padding: 1em 1em 1em 0;
text-transform: uppercase;
letter-spacing: 1px;
margin: 1em 4%;
float: left;
font-weight: normal;
}	

#slidernavi ul li a {
	display:block;
	float:left;
	width:100%;
	padding:4%;
	/*color:#D9D395;*/
}



a.openmenu {
	float:right;
	display:block;
	width:30px;
	height:30px;
	/*position:absolute;*/
	margin-top: 20px;
	right:20px;
	background:url(../img/open.png) 0 0 no-repeat;
}
a.closemenu {
	float:right;
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	top: 20px;
	right:20px;
	background:url(../img/feder.png) 0 0 no-repeat;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */



@media only screen and (min-width: 480px) {
body {font-size: 0.875em;}
.desktop {display: block !important;}
#featured {padding: 1.5em 5%; /* 24/480x100 */}
#aktuell {padding: 1.5em 5% 0 5%;}
#featured section {float:left; width:31.6666666%; /* 304/960x100 */ margin: 0 0.833334% 0 0.833334%; /* 8/960x100 */ padding:0;}

#aktuell section.bild {float:left; width:31.6666666%; margin:2.5%; /* 8/320x100 */ padding-bottom:41.6666666%;}
#aktuell section.bildq {float:left; width:31.6666666%; margin:2.5%; /* 8/320x100 */ padding-bottom:31.6666666%; /* quadrat */}
#aktuell section.text {float:left; width:62%; padding: 0 2.5% 1.5em 2.5%;}

}
@media only screen and (min-width: 520px) {
#content section.c2col, #featured section.c2col {float:left; width:31.6666666%; /* 304/960x100 */ margin: 0 0.833334% 0 0.833334%; /* 8/960x100 */ padding:2.5em 0; }
#content section.c4col {float:left; width:65%; /* 624/960x100 */ margin: 0 0.833334% 0 0.833334%; /* 8/960x100 */ padding:2.5em 0; padding-left:6.667%; /* 64/960x100 */}
#content section.c6col {float:left; width:65%; /* 624/960x100 */ margin: 0 16.667% 0 16.667%; /* 160/960x100 */ padding:2.5em 0;}
#content section.c1col {float:left; width:15%; /* 144/960x100 */ margin: 0 0.833334% 0 0.833334%; /* 8/960x100 */ padding:2.5em 0;}
#content section.c5col {float:left; width:81.6666666%; /* 784/960x100 */ margin: 0 0.833334% 0 0.833334%; /* 8/960x100 */ padding:2.5em 5em 2.5em 0;}

}

@media only screen and (min-width: 650px) {
.navbar-nav {width:100%; float:left; margin-top:4em;}
.navbar-nav li {width:31.6666666%; float:left; position:relative; display:inline-block; margin:0.833334%; margin-bottom:0;}
.navbar-nav li a {width:100%; display:block; color:#655B50;}
.navbar-nav li .dropdown-menu {display:none; position:absolute; margin:0;}
.navbar-nav li .dropdown-menu li {width:100%; display:block;}
.navbar-nav li a:hover .dropdown-menu {display:block;}

#galerie section {float:left; width: 15%; /* 144/960x100 */ margin:0.833334%; /* 8/960x100 */ padding-bottom:15%; /*quadrat*/ }

.infobox {background-image:url(../img/feder_trans.png); background-repeat:no-repeat; background-position:top left; padding-left:46px; margin-left:16%; width:70%;}
}

@media only screen and (min-width: 760px) {
#top, a.openmenu {display:none;}
#meta {float:right; width:36%; display:block;}
#haupt {display:block;}
header {height:252px;}
a#logo{float:left;}
#aktuell section.bild{float:left; width: 25%; /* 144/960x100 */ margin:0.833334%; /* 8/960x100 */  margin-left:2.5%; padding-bottom:35%; /*rechteck*/ }
#aktuell section.bildq{float:left; width: 25%; /* 144/960x100 */ margin:0.833334%; /* 8/960x100 */  margin-left:2.5%; padding-bottom:25%; /*quadrat*/ }
#aktuell section.text{width:65%; padding-left:2.5%; /* 168 */ padding-right:2.5%; /* 160 */}

}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}